@bedrock-layout/column-drop
Advanced tools
Comparing version 3.0.2 to 3.0.3
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("@bedrock-layout/spacing-constants"),u=require("react"),b=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},h=b(u);function S(t,e){return n.getSizeValue(t,e)}const a=u.forwardRef(({as:t,gutter:e,style:o,minItemWidth:c,noStretchedColumns:i=!1,...s},l)=>{const r=n.useTheme(),d=n.getSafeGutter(r,e),m=i===!0?"no-stretched-columns":"",f=S(r,c),p=o!=null?o:{},g=t!=null?t:"div";return h.default.createElement(g,{ref:l,"data-bedrock-column-drop":m,style:{...p,"--gutter":d,"--minItemWidth":f},...s})});a.displayName="ColumnDrop";exports.ColumnDrop=a; | ||
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("@bedrock-layout/spacing-constants"),g=require("@bedrock-layout/type-utils"),b=require("react"),h=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},y=h(b);function S(t,e){return n.getSizeValue(t,e)}const u=g.forwardRefWithAs(({as:t,gutter:e,style:o,minItemWidth:c,noStretchedColumns:a=!1,...i},s)=>{const r=n.useTheme(),l=n.getSafeGutter(r,e),d=a===!0?"no-stretched-columns":"",m=S(r,c),f=o!=null?o:{},p=t!=null?t:"div";return y.default.createElement(p,{ref:s,"data-bedrock-column-drop":d,style:{...f,"--gutter":l,"--minItemWidth":m},...i})});u.displayName="ColumnDrop";exports.ColumnDrop=u; |
import { CSSLength, Gutter, SizesOptions } from "@bedrock-layout/spacing-constants"; | ||
import { PolymorphicComponentPropsWithRef } from "@bedrock-layout/type-utils"; | ||
import React, { ElementType } from "react"; | ||
type MinItemWidth = CSSLength | number | SizesOptions; | ||
interface ColumnDropPropsBase { | ||
export interface ColumnDropProps { | ||
gutter?: Gutter; | ||
@@ -10,4 +8,3 @@ minItemWidth?: MinItemWidth; | ||
} | ||
export type ColumnDropProps<C extends ElementType = "div"> = PolymorphicComponentPropsWithRef<C, ColumnDropPropsBase>; | ||
export declare const ColumnDrop: React.ForwardRefExoticComponent<Pick<ColumnDropProps<React.ElementType<any>>, string | number | symbol> & React.RefAttributes<unknown>>; | ||
export declare const ColumnDrop: import("@bedrock-layout/type-utils").PolymorphicForwardedRefComponent<"div", ColumnDropProps>; | ||
export {}; |
@@ -1,31 +0,25 @@ | ||
import { useTheme as l, getSafeGutter as s, getSizeValue as h } from "@bedrock-layout/spacing-constants"; | ||
import g, { forwardRef as S } from "react"; | ||
function b(t, e) { | ||
return h(t, e); | ||
import { useTheme as s, getSafeGutter as h, getSizeValue as l } from "@bedrock-layout/spacing-constants"; | ||
import { forwardRefWithAs as g } from "@bedrock-layout/type-utils"; | ||
import S from "react"; | ||
function W(t, e) { | ||
return l(t, e); | ||
} | ||
const C = S( | ||
({ | ||
as: t, | ||
gutter: e, | ||
style: o, | ||
minItemWidth: r, | ||
noStretchedColumns: m = !1, | ||
...u | ||
}, c) => { | ||
const n = l(), i = s(n, e), a = m === !0 ? "no-stretched-columns" : "", d = b(n, r), f = o != null ? o : {}, p = t != null ? t : "div"; | ||
return /* @__PURE__ */ g.createElement(p, { | ||
ref: c, | ||
const b = g( | ||
({ as: t, gutter: e, style: o, minItemWidth: n, noStretchedColumns: m = !1, ...i }, u) => { | ||
const r = s(), c = h(r, e), a = m === !0 ? "no-stretched-columns" : "", f = W(r, n), d = o != null ? o : {}, p = t != null ? t : "div"; | ||
return /* @__PURE__ */ S.createElement(p, { | ||
ref: u, | ||
"data-bedrock-column-drop": a, | ||
style: { | ||
...f, | ||
"--gutter": i, | ||
"--minItemWidth": d | ||
...d, | ||
"--gutter": c, | ||
"--minItemWidth": f | ||
}, | ||
...u | ||
...i | ||
}); | ||
} | ||
); | ||
C.displayName = "ColumnDrop"; | ||
b.displayName = "ColumnDrop"; | ||
export { | ||
C as ColumnDrop | ||
b as ColumnDrop | ||
}; |
@@ -1,1 +0,1 @@ | ||
(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("@bedrock-layout/spacing-constants"),require("react")):typeof define=="function"&&define.amd?define(["exports","@bedrock-layout/spacing-constants","react"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t["column-drop"]={},t.spacingConstants,t.React))})(this,function(t,n,r){"use strict";const d=(e=>e&&typeof e=="object"&&"default"in e?e:{default:e})(r);function f(e,o){return n.getSizeValue(e,o)}const i=r.forwardRef(({as:e,gutter:o,style:u,minItemWidth:a,noStretchedColumns:s=!1,...l},m)=>{const c=n.useTheme(),p=n.getSafeGutter(c,o),h=s===!0?"no-stretched-columns":"",y=f(c,a),b=u!=null?u:{},g=e!=null?e:"div";return d.default.createElement(g,{ref:m,"data-bedrock-column-drop":h,style:{...b,"--gutter":p,"--minItemWidth":y},...l})});i.displayName="ColumnDrop",t.ColumnDrop=i,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}); | ||
(function(t,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@bedrock-layout/spacing-constants"),require("@bedrock-layout/type-utils"),require("react")):typeof define=="function"&&define.amd?define(["exports","@bedrock-layout/spacing-constants","@bedrock-layout/type-utils","react"],o):(t=typeof globalThis<"u"?globalThis:t||self,o(t["column-drop"]={},t.spacingConstants,t.typeUtils,t.React))})(this,function(t,o,c,d){"use strict";const a=(e=>e&&typeof e=="object"&&"default"in e?e:{default:e})(d);function f(e,n){return o.getSizeValue(e,n)}const r=c.forwardRefWithAs(({as:e,gutter:n,style:u,minItemWidth:s,noStretchedColumns:l=!1,...p},m)=>{const i=o.useTheme(),y=o.getSafeGutter(i,n),h=l===!0?"no-stretched-columns":"",b=f(i,s),g=u!=null?u:{},S=e!=null?e:"div";return a.default.createElement(S,{ref:m,"data-bedrock-column-drop":h,style:{...g,"--gutter":y,"--minItemWidth":b},...p})});r.displayName="ColumnDrop",t.ColumnDrop=r,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}); |
{ | ||
"name": "@bedrock-layout/column-drop", | ||
"version": "3.0.2", | ||
"version": "3.0.3", | ||
"description": "bedrock-layout column-drop", | ||
@@ -40,3 +40,3 @@ "sideEffects": false, | ||
"@bedrock-layout/spacing-constants": "^3.1.0", | ||
"@bedrock-layout/type-utils": "^0.1.0" | ||
"@bedrock-layout/type-utils": "^0.1.1" | ||
}, | ||
@@ -64,3 +64,3 @@ "peerDependencies": { | ||
}, | ||
"gitHead": "5ae7c1b4aee89c16df12da9c2ec3ec02b9cfb258" | ||
"gitHead": "ad16bb299936a637db82ef9d9b28e528f65104ce" | ||
} |
7483
41