@fluentui/react-swatch-picker 0.0.0-nightly-20240517-0405.1

package/lib-commonjs/components/SwatchPicker/SwatchPicker.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

package/lib-commonjs/components/SwatchPicker/SwatchPicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SwatchPicker.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

package/lib-commonjs/components/SwatchPicker/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./SwatchPicker"), exports);
+_export_star._(require("./SwatchPicker.types"), exports);
+_export_star._(require("./renderSwatchPicker"), exports);
+_export_star._(require("./useSwatchPicker"), exports);
+_export_star._(require("./useSwatchPickerStyles.styles"), exports);

package/lib-commonjs/components/SwatchPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SwatchPicker';\nexport * from './SwatchPicker.types';\nexport * from './renderSwatchPicker';\nexport * from './useSwatchPicker';\nexport * from './useSwatchPickerStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/SwatchPicker/renderSwatchPicker.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderSwatchPicker_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderSwatchPicker_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _swatchPicker = require("../../contexts/swatchPicker");
+const renderSwatchPicker_unstable = (state, contextValues)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_swatchPicker.SwatchPickerProvider, {
+        value: contextValues.swatchPicker,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
+            children: state.root.children
+        })
+    });
+};

package/lib-commonjs/components/SwatchPicker/renderSwatchPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderSwatchPicker.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { SwatchPickerProvider } from '../../contexts/swatchPicker';\n/**\n * Render the final JSX of SwatchPicker\n */ export const renderSwatchPicker_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(SwatchPickerProvider, {\n        value: contextValues.swatchPicker,\n        children: /*#__PURE__*/ _jsx(state.root, {\n            children: state.root.children\n        })\n    });\n};\n"],"names":["renderSwatchPicker_unstable","state","contextValues","assertSlots","_jsx","SwatchPickerProvider","value","swatchPicker","children","root"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;8BACS;AAG1B,MAAMA,8BAA8B,CAACC,OAAOC;IACnDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,kCAAoB,EAAE;QAC5CC,OAAOJ,cAAcK,YAAY;QACjCC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE;YACrCD,UAAUP,MAAMQ,IAAI,CAACD,QAAQ;QACjC;IACJ;AACJ"}

package/lib-commonjs/components/SwatchPicker/useSwatchPicker.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useSwatchPicker_unstable", {
+    enumerable: true,
+    get: function() {
+        return useSwatchPicker_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacttabster = require("@fluentui/react-tabster");
+const useSwatchPicker_unstable = (props, ref)=>{
+    const { layout, onSelectionChange, size = 'medium', shape, spacing = 'medium', style, ...rest } = props;
+    const isGrid = layout === 'grid';
+    const focusAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        circular: true,
+        axis: isGrid ? 'grid-linear' : 'both',
+        memorizeCurrent: true
+    });
+    const role = isGrid ? 'grid' : 'radiogroup';
+    const [selectedValue, setSelectedValue] = (0, _reactutilities.useControllableState)({
+        state: props.selectedValue,
+        defaultState: props.defaultSelectedValue,
+        initialState: ''
+    });
+    const requestSelectionChange = (0, _reactutilities.useEventCallback)((event, data)=>{
+        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(event, {
+            type: 'click',
+            event,
+            selectedValue: data.selectedValue,
+            selectedSwatch: data.selectedSwatch
+        });
+        setSelectedValue(data.selectedValue);
+    });
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            role,
+            ...focusAttributes,
+            ...rest
+        }), {
+            elementType: 'div'
+        }),
+        isGrid,
+        requestSelectionChange,
+        selectedValue,
+        size,
+        shape,
+        spacing
+    };
+};

package/lib-commonjs/components/SwatchPicker/useSwatchPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSwatchPicker.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useControllableState, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n/**\n * Create the state required to render SwatchPicker.\n *\n * The returned state can be modified with hooks such as useSwatchPickerStyles_unstable,\n * before being passed to renderSwatchPicker_unstable.\n *\n * @param props - props from this instance of SwatchPicker\n * @param ref - reference to root HTMLElement of SwatchPicker\n */ export const useSwatchPicker_unstable = (props, ref)=>{\n    const { layout, onSelectionChange, size = 'medium', shape, spacing = 'medium', style, ...rest } = props;\n    const isGrid = layout === 'grid';\n    const focusAttributes = useArrowNavigationGroup({\n        circular: true,\n        axis: isGrid ? 'grid-linear' : 'both',\n        memorizeCurrent: true\n    });\n    const role = isGrid ? 'grid' : 'radiogroup';\n    const [selectedValue, setSelectedValue] = useControllableState({\n        state: props.selectedValue,\n        defaultState: props.defaultSelectedValue,\n        initialState: ''\n    });\n    const requestSelectionChange = useEventCallback((event, data)=>{\n        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(event, {\n            type: 'click',\n            event,\n            selectedValue: data.selectedValue,\n            selectedSwatch: data.selectedSwatch\n        });\n        setSelectedValue(data.selectedValue);\n    });\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            role,\n            ...focusAttributes,\n            ...rest\n        }), {\n            elementType: 'div'\n        }),\n        isGrid,\n        requestSelectionChange,\n        selectedValue,\n        size,\n        shape,\n        spacing\n    };\n};\n"],"names":["useSwatchPicker_unstable","props","ref","layout","onSelectionChange","size","shape","spacing","style","rest","isGrid","focusAttributes","useArrowNavigationGroup","circular","axis","memorizeCurrent","role","selectedValue","setSelectedValue","useControllableState","state","defaultState","defaultSelectedValue","initialState","requestSelectionChange","useEventCallback","event","data","type","selectedSwatch","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACgE;8BAC/C;AAS7B,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,MAAM,EAAEC,MAAM,EAAEC,iBAAiB,EAAEC,OAAO,QAAQ,EAAEC,KAAK,EAAEC,UAAU,QAAQ,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGR;IAClG,MAAMS,SAASP,WAAW;IAC1B,MAAMQ,kBAAkBC,IAAAA,qCAAuB,EAAC;QAC5CC,UAAU;QACVC,MAAMJ,SAAS,gBAAgB;QAC/BK,iBAAiB;IACrB;IACA,MAAMC,OAAON,SAAS,SAAS;IAC/B,MAAM,CAACO,eAAeC,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC3DC,OAAOnB,MAAMgB,aAAa;QAC1BI,cAAcpB,MAAMqB,oBAAoB;QACxCC,cAAc;IAClB;IACA,MAAMC,yBAAyBC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC;QACpDvB,sBAAsB,QAAQA,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBsB,OAAO;YAC3FE,MAAM;YACNF;YACAT,eAAeU,KAAKV,aAAa;YACjCY,gBAAgBF,KAAKE,cAAc;QACvC;QACAX,iBAAiBS,KAAKV,aAAa;IACvC;IACA,OAAO;QACHa,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9ChC;YACAc;YACA,GAAGL,eAAe;YAClB,GAAGF,IAAI;QACX,IAAI;YACA0B,aAAa;QACjB;QACAzB;QACAc;QACAP;QACAZ;QACAC;QACAC;IACJ;AACJ"}

package/lib-commonjs/components/SwatchPicker/useSwatchPickerStyles.styles.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    swatchPickerClassNames: function() {
+        return swatchPickerClassNames;
+    },
+    useSwatchPickerStyles_unstable: function() {
+        return useSwatchPickerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const swatchPickerClassNames = {
+    root: 'fui-SwatchPicker'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        z8tnut: "fueg7zk",
+        z189sj: [
+            "fkihque",
+            "f1g4cjja"
+        ],
+        Byoj8tv: "f1y8shg2",
+        uwmqm3: [
+            "f1g4cjja",
+            "fkihque"
+        ],
+        mc9l5x: "f22iagw"
+    },
+    row: {
+        Beiy3e4: "f1063pyq"
+    },
+    grid: {
+        Beiy3e4: "f1vx9l62"
+    },
+    spacingSmall: {
+        i8kkvl: "f16mnhsx",
+        Belr9w4: "fbi42co"
+    },
+    spacingMedium: {
+        i8kkvl: "f1q8lukm",
+        Belr9w4: "f1ma2n7n"
+    }
+}, {
+    d: [
+        ".fueg7zk{padding-top:var(--spacingHorizontalNone);}",
+        ".fkihque{padding-right:var(--spacingVerticalNone);}",
+        ".f1g4cjja{padding-left:var(--spacingVerticalNone);}",
+        ".f1y8shg2{padding-bottom:var(--spacingHorizontalNone);}",
+        ".f22iagw{display:flex;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f16mnhsx{column-gap:2px;}",
+        ".fbi42co{row-gap:2px;}",
+        ".f1q8lukm{column-gap:4px;}",
+        ".f1ma2n7n{row-gap:4px;}"
+    ]
+});
+const useSwatchPickerStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const layoutStyle = state.isGrid ? styles.grid : styles.row;
+    const spacingStyle = state.spacing === 'small' ? styles.spacingSmall : styles.spacingMedium;
+    state.root.className = (0, _react.mergeClasses)(swatchPickerClassNames.root, styles.root, layoutStyle, spacingStyle, state.root.className);
+    return state;
+}; //# sourceMappingURL=useSwatchPickerStyles.styles.js.map

package/lib-commonjs/components/SwatchPicker/useSwatchPickerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSwatchPickerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const swatchPickerClassNames = {\n  root: 'fui-SwatchPicker'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    z8tnut: \"fueg7zk\",\n    z189sj: [\"fkihque\", \"f1g4cjja\"],\n    Byoj8tv: \"f1y8shg2\",\n    uwmqm3: [\"f1g4cjja\", \"fkihque\"],\n    mc9l5x: \"f22iagw\"\n  },\n  row: {\n    Beiy3e4: \"f1063pyq\"\n  },\n  grid: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  spacingSmall: {\n    i8kkvl: \"f16mnhsx\",\n    Belr9w4: \"fbi42co\"\n  },\n  spacingMedium: {\n    i8kkvl: \"f1q8lukm\",\n    Belr9w4: \"f1ma2n7n\"\n  }\n}, {\n  d: [\".fueg7zk{padding-top:var(--spacingHorizontalNone);}\", \".fkihque{padding-right:var(--spacingVerticalNone);}\", \".f1g4cjja{padding-left:var(--spacingVerticalNone);}\", \".f1y8shg2{padding-bottom:var(--spacingHorizontalNone);}\", \".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f1vx9l62{flex-direction:column;}\", \".f16mnhsx{column-gap:2px;}\", \".fbi42co{row-gap:2px;}\", \".f1q8lukm{column-gap:4px;}\", \".f1ma2n7n{row-gap:4px;}\"]\n});\n/**\n * Apply styling to the SwatchPicker slots based on the state\n */\nexport const useSwatchPickerStyles_unstable = state => {\n  const styles = useStyles();\n  const layoutStyle = state.isGrid ? styles.grid : styles.row;\n  const spacingStyle = state.spacing === 'small' ? styles.spacingSmall : styles.spacingMedium;\n  state.root.className = mergeClasses(swatchPickerClassNames.root, styles.root, layoutStyle, spacingStyle, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useSwatchPickerStyles.styles.js.map"],"names":["swatchPickerClassNames","useSwatchPickerStyles_unstable","root","useStyles","__styles","z8tnut","z189sj","Byoj8tv","uwmqm3","mc9l5x","row","Beiy3e4","grid","spacingSmall","i8kkvl","Belr9w4","spacingMedium","d","state","styles","layoutStyle","isGrid","spacingStyle","spacing","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB;eAAtBA;;IAkCAC,8BAA8B;eAA9BA;;;uBApCsC;AAE5C,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;IACV;IACAC,KAAK;QACHC,SAAS;IACX;IACAC,MAAM;QACJD,SAAS;IACX;IACAE,cAAc;QACZC,QAAQ;QACRC,SAAS;IACX;IACAC,eAAe;QACbF,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAuD;QAAuD;QAAuD;QAA2D;QAA2B;QAAkC;QAAqC;QAA8B;QAA0B;QAA8B;KAA0B;AACxb;AAIO,MAAMhB,iCAAiCiB,CAAAA;IAC5C,MAAMC,SAAShB;IACf,MAAMiB,cAAcF,MAAMG,MAAM,GAAGF,OAAOP,IAAI,GAAGO,OAAOT,GAAG;IAC3D,MAAMY,eAAeJ,MAAMK,OAAO,KAAK,UAAUJ,OAAON,YAAY,GAAGM,OAAOH,aAAa;IAC3FE,MAAMhB,IAAI,CAACsB,SAAS,GAAGC,IAAAA,mBAAY,EAACzB,uBAAuBE,IAAI,EAAEiB,OAAOjB,IAAI,EAAEkB,aAAaE,cAAcJ,MAAMhB,IAAI,CAACsB,SAAS;IAC7H,OAAON;AACT,GACA,wDAAwD"}

package/lib-commonjs/components/SwatchPickerRow/SwatchPickerRow.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SwatchPickerRow", {
+    enumerable: true,
+    get: function() {
+        return SwatchPickerRow;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useSwatchPickerRow = require("./useSwatchPickerRow");
+const _renderSwatchPickerRow = require("./renderSwatchPickerRow");
+const _useSwatchPickerRowStylesstyles = require("./useSwatchPickerRowStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const SwatchPickerRow = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useSwatchPickerRow.useSwatchPickerRow_unstable)(props, ref);
+    (0, _useSwatchPickerRowStylesstyles.useSwatchPickerRowStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useSwatchPickerRowStyles_unstable')(state);
+    return (0, _renderSwatchPickerRow.renderSwatchPickerRow_unstable)(state);
+});
+SwatchPickerRow.displayName = 'SwatchPickerRow';

package/lib-commonjs/components/SwatchPickerRow/SwatchPickerRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SwatchPickerRow.js"],"sourcesContent":["import * as React from 'react';\nimport { useSwatchPickerRow_unstable } from './useSwatchPickerRow';\nimport { renderSwatchPickerRow_unstable } from './renderSwatchPickerRow';\nimport { useSwatchPickerRowStyles_unstable } from './useSwatchPickerRowStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * SwatchPickerRow component is used to render a row of swatches.\n */ export const SwatchPickerRow = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useSwatchPickerRow_unstable(props, ref);\n    useSwatchPickerRowStyles_unstable(state);\n    useCustomStyleHook_unstable('useSwatchPickerRowStyles_unstable')(state);\n    return renderSwatchPickerRow_unstable(state);\n});\nSwatchPickerRow.displayName = 'SwatchPickerRow';\n"],"names":["SwatchPickerRow","React","forwardRef","props","ref","state","useSwatchPickerRow_unstable","useSwatchPickerRowStyles_unstable","useCustomStyleHook_unstable","renderSwatchPickerRow_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;oCACqB;uCACG;gDACG;qCACN;AAGjC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}

package/lib-commonjs/components/SwatchPickerRow/SwatchPickerRow.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/SwatchPickerRow/SwatchPickerRow.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/SwatchPickerRow/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./SwatchPickerRow"), exports);
+_export_star._(require("./SwatchPickerRow.types"), exports);
+_export_star._(require("./renderSwatchPickerRow"), exports);
+_export_star._(require("./useSwatchPickerRow"), exports);
+_export_star._(require("./useSwatchPickerRowStyles.styles"), exports);

package/lib-commonjs/components/SwatchPickerRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SwatchPickerRow';\nexport * from './SwatchPickerRow.types';\nexport * from './renderSwatchPickerRow';\nexport * from './useSwatchPickerRow';\nexport * from './useSwatchPickerRowStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/SwatchPickerRow/renderSwatchPickerRow.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderSwatchPickerRow_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderSwatchPickerRow_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderSwatchPickerRow_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

package/lib-commonjs/components/SwatchPickerRow/renderSwatchPickerRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderSwatchPickerRow.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of SwatchPickerRow\n */ export const renderSwatchPickerRow_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderSwatchPickerRow_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,iCAAiC,CAACC;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

package/lib-commonjs/components/SwatchPickerRow/useSwatchPickerRow.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useSwatchPickerRow_unstable", {
+    enumerable: true,
+    get: function() {
+        return useSwatchPickerRow_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _swatchPicker = require("../../contexts/swatchPicker");
+const useSwatchPickerRow_unstable = (props, ref)=>{
+    const { style, ...rest } = props;
+    const spacing = (0, _swatchPicker.useSwatchPickerContextValue_unstable)((ctx)=>ctx.spacing);
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            role: 'row',
+            ...rest
+        }), {
+            elementType: 'div'
+        }),
+        spacing
+    };
+};

package/lib-commonjs/components/SwatchPickerRow/useSwatchPickerRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSwatchPickerRow.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useSwatchPickerContextValue_unstable } from '../../contexts/swatchPicker';\n/**\n * Create the state required to render SwatchPickerRow.\n *\n * The returned state can be modified with hooks such as useSwatchPickerRowStyles_unstable,\n * before being passed to renderSwatchPickerRow_unstable.\n *\n * @param props - props from this instance of SwatchPickerRow\n * @param ref - reference to root HTMLDivElement of SwatchPickerRow\n */ export const useSwatchPickerRow_unstable = (props, ref)=>{\n    const { style, ...rest } = props;\n    const spacing = useSwatchPickerContextValue_unstable((ctx)=>ctx.spacing);\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            role: 'row',\n            ...rest\n        }), {\n            elementType: 'div'\n        }),\n        spacing\n    };\n};\n"],"names":["useSwatchPickerRow_unstable","props","ref","style","rest","spacing","useSwatchPickerContextValue_unstable","ctx","components","root","slot","always","getIntrinsicElementProps","role","elementType"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACwB;8BACM;AAS1C,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,MAAM,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGH;IAC3B,MAAMI,UAAUC,IAAAA,kDAAoC,EAAC,CAACC,MAAMA,IAAIF,OAAO;IACvE,OAAO;QACHG,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CV;YACAW,MAAM;YACN,GAAGT,IAAI;QACX,IAAI;YACAU,aAAa;QACjB;QACAT;IACJ;AACJ"}

package/lib-commonjs/components/SwatchPickerRow/useSwatchPickerRowStyles.styles.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    swatchPickerRowClassNames: function() {
+        return swatchPickerRowClassNames;
+    },
+    useSwatchPickerRowStyles_unstable: function() {
+        return useSwatchPickerRowStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const swatchPickerRowClassNames = {
+    root: 'fui-SwatchPickerRow'
+};
+/**
+ * Styles for the root slot
+ */ const useResetStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1xhj18k", null, [
+    ".r1xhj18k{display:flex;flex-direction:row;}"
+]);
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    spacingSmall: {
+        i8kkvl: "f16mnhsx"
+    },
+    spacingMedium: {
+        i8kkvl: "f1q8lukm"
+    }
+}, {
+    d: [
+        ".f16mnhsx{column-gap:2px;}",
+        ".f1q8lukm{column-gap:4px;}"
+    ]
+});
+const useSwatchPickerRowStyles_unstable = (state)=>{
+    const resetStyles = useResetStyles();
+    const styles = useStyles();
+    const spacingStyle = state.spacing === 'small' ? styles.spacingSmall : styles.spacingMedium;
+    state.root.className = (0, _react.mergeClasses)(swatchPickerRowClassNames.root, resetStyles, spacingStyle, state.root.className);
+    return state;
+}; //# sourceMappingURL=useSwatchPickerRowStyles.styles.js.map

package/lib-commonjs/components/SwatchPickerRow/useSwatchPickerRowStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSwatchPickerRowStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, __styles } from '@griffel/react';\nexport const swatchPickerRowClassNames = {\n  root: 'fui-SwatchPickerRow'\n};\n/**\n * Styles for the root slot\n */\nconst useResetStyles = /*#__PURE__*/__resetStyles(\"r1xhj18k\", null, [\".r1xhj18k{display:flex;flex-direction:row;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n  spacingSmall: {\n    i8kkvl: \"f16mnhsx\"\n  },\n  spacingMedium: {\n    i8kkvl: \"f1q8lukm\"\n  }\n}, {\n  d: [\".f16mnhsx{column-gap:2px;}\", \".f1q8lukm{column-gap:4px;}\"]\n});\n/**\n * Apply styling to the SwatchPickerRow slots based on the state\n */\nexport const useSwatchPickerRowStyles_unstable = state => {\n  const resetStyles = useResetStyles();\n  const styles = useStyles();\n  const spacingStyle = state.spacing === 'small' ? styles.spacingSmall : styles.spacingMedium;\n  state.root.className = mergeClasses(swatchPickerRowClassNames.root, resetStyles, spacingStyle, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useSwatchPickerRowStyles.styles.js.map"],"names":["swatchPickerRowClassNames","useSwatchPickerRowStyles_unstable","root","useResetStyles","__resetStyles","useStyles","__styles","spacingSmall","i8kkvl","spacingMedium","d","state","resetStyles","styles","spacingStyle","spacing","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,yBAAyB;eAAzBA;;IAoBAC,iCAAiC;eAAjCA;;;uBArByC;AAC/C,MAAMD,4BAA4B;IACvCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,iBAAiB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAA8C;AACnH,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,cAAc;QACZC,QAAQ;IACV;IACAC,eAAe;QACbD,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAA8B;KAA6B;AACjE;AAIO,MAAMT,oCAAoCU,CAAAA;IAC/C,MAAMC,cAAcT;IACpB,MAAMU,SAASR;IACf,MAAMS,eAAeH,MAAMI,OAAO,KAAK,UAAUF,OAAON,YAAY,GAAGM,OAAOJ,aAAa;IAC3FE,MAAMT,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,0BAA0BE,IAAI,EAAEU,aAAaE,cAAcH,MAAMT,IAAI,CAACc,SAAS;IACnH,OAAOL;AACT,GACA,2DAA2D"}

package/lib-commonjs/contexts/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./swatchPicker"), exports);

package/lib-commonjs/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './swatchPicker';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/contexts/swatchPicker.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useSwatchPickerContextValues: function() {
+        return useSwatchPickerContextValues;
+    },
+    swatchPickerContextDefaultValue: function() {
+        return swatchPickerContextDefaultValue;
+    },
+    SwatchPickerProvider: function() {
+        return SwatchPickerProvider;
+    },
+    useSwatchPickerContextValue_unstable: function() {
+        return useSwatchPickerContextValue_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcontextselector = require("@fluentui/react-context-selector");
+const useSwatchPickerContextValues = (state)=>{
+    const { isGrid, size, shape, spacing, requestSelectionChange, selectedValue } = state;
+    // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
+    const swatchPicker = {
+        isGrid,
+        size,
+        shape,
+        spacing,
+        selectedValue,
+        requestSelectionChange
+    };
+    return {
+        swatchPicker
+    };
+};
+const swatchPickerContextDefaultValue = {
+    requestSelectionChange: ()=>{
+    /*noop*/ },
+    isGrid: false,
+    size: 'medium',
+    shape: 'square',
+    spacing: 'medium',
+    selectedValue: undefined
+};
+const SwatchPickerContext = (0, _reactcontextselector.createContext)(undefined);
+const SwatchPickerProvider = SwatchPickerContext.Provider;
+const useSwatchPickerContextValue_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(SwatchPickerContext, (ctx = swatchPickerContextDefaultValue)=>selector(ctx));

package/lib-commonjs/contexts/swatchPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["swatchPicker.js"],"sourcesContent":["import * as React from 'react';\nimport { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const useSwatchPickerContextValues = (state)=>{\n    const { isGrid, size, shape, spacing, requestSelectionChange, selectedValue } = state;\n    // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n    const swatchPicker = {\n        isGrid,\n        size,\n        shape,\n        spacing,\n        selectedValue,\n        requestSelectionChange\n    };\n    return {\n        swatchPicker\n    };\n};\nexport const swatchPickerContextDefaultValue = {\n    requestSelectionChange: ()=>{\n    /*noop*/ },\n    isGrid: false,\n    size: 'medium',\n    shape: 'square',\n    spacing: 'medium',\n    selectedValue: undefined\n};\nconst SwatchPickerContext = createContext(undefined);\nexport const SwatchPickerProvider = SwatchPickerContext.Provider;\nexport const useSwatchPickerContextValue_unstable = (selector)=>useContextSelector(SwatchPickerContext, (ctx = swatchPickerContextDefaultValue)=>selector(ctx));\n"],"names":["useSwatchPickerContextValues","swatchPickerContextDefaultValue","SwatchPickerProvider","useSwatchPickerContextValue_unstable","state","isGrid","size","shape","spacing","requestSelectionChange","selectedValue","swatchPicker","undefined","SwatchPickerContext","createContext","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAEaA,4BAA4B;eAA5BA;;IAeAC,+BAA+B;eAA/BA;;IAUAC,oBAAoB;eAApBA;;IACAC,oCAAoC;eAApCA;;;;iEA5BU;sCAC2B;AAC3C,MAAMH,+BAA+B,CAACI;IACzC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,sBAAsB,EAAEC,aAAa,EAAE,GAAGN;IAChF,mGAAmG;IACnG,MAAMO,eAAe;QACjBN;QACAC;QACAC;QACAC;QACAE;QACAD;IACJ;IACA,OAAO;QACHE;IACJ;AACJ;AACO,MAAMV,kCAAkC;IAC3CQ,wBAAwB;IACxB,MAAM,GAAG;IACTJ,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,SAAS;IACTE,eAAeE;AACnB;AACA,MAAMC,sBAAsBC,IAAAA,mCAAa,EAACF;AACnC,MAAMV,uBAAuBW,oBAAoBE,QAAQ;AACzD,MAAMZ,uCAAuC,CAACa,WAAWC,IAAAA,wCAAkB,EAACJ,qBAAqB,CAACK,MAAMjB,+BAA+B,GAAGe,SAASE"}

package/lib-commonjs/index.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SwatchPicker: function() {
+        return _SwatchPicker.SwatchPicker;
+    },
+    renderSwatchPicker_unstable: function() {
+        return _SwatchPicker.renderSwatchPicker_unstable;
+    },
+    useSwatchPickerStyles_unstable: function() {
+        return _SwatchPicker.useSwatchPickerStyles_unstable;
+    },
+    useSwatchPicker_unstable: function() {
+        return _SwatchPicker.useSwatchPicker_unstable;
+    },
+    swatchPickerClassNames: function() {
+        return _SwatchPicker.swatchPickerClassNames;
+    },
+    SwatchPickerProvider: function() {
+        return _contexts.SwatchPickerProvider;
+    },
+    swatchPickerContextDefaultValue: function() {
+        return _contexts.swatchPickerContextDefaultValue;
+    },
+    useSwatchPickerContextValue_unstable: function() {
+        return _contexts.useSwatchPickerContextValue_unstable;
+    },
+    useSwatchPickerContextValues: function() {
+        return _contexts.useSwatchPickerContextValues;
+    },
+    ColorSwatch: function() {
+        return _ColorSwatch.ColorSwatch;
+    },
+    renderColorSwatch_unstable: function() {
+        return _ColorSwatch.renderColorSwatch_unstable;
+    },
+    useColorSwatchStyles_unstable: function() {
+        return _ColorSwatch.useColorSwatchStyles_unstable;
+    },
+    useColorSwatch_unstable: function() {
+        return _ColorSwatch.useColorSwatch_unstable;
+    },
+    colorSwatchClassNames: function() {
+        return _ColorSwatch.colorSwatchClassNames;
+    },
+    swatchCSSVars: function() {
+        return _ColorSwatch.swatchCSSVars;
+    },
+    ImageSwatch: function() {
+        return _ImageSwatch.ImageSwatch;
+    },
+    renderImageSwatch_unstable: function() {
+        return _ImageSwatch.renderImageSwatch_unstable;
+    },
+    useImageSwatchStyles_unstable: function() {
+        return _ImageSwatch.useImageSwatchStyles_unstable;
+    },
+    useImageSwatch_unstable: function() {
+        return _ImageSwatch.useImageSwatch_unstable;
+    },
+    imageSwatchClassNames: function() {
+        return _ImageSwatch.imageSwatchClassNames;
+    },
+    SwatchPickerRow: function() {
+        return _SwatchPickerRow.SwatchPickerRow;
+    },
+    renderSwatchPickerRow_unstable: function() {
+        return _SwatchPickerRow.renderSwatchPickerRow_unstable;
+    },
+    useSwatchPickerRowStyles_unstable: function() {
+        return _SwatchPickerRow.useSwatchPickerRowStyles_unstable;
+    },
+    useSwatchPickerRow_unstable: function() {
+        return _SwatchPickerRow.useSwatchPickerRow_unstable;
+    },
+    swatchPickerRowClassNames: function() {
+        return _SwatchPickerRow.swatchPickerRowClassNames;
+    },
+    renderSwatchPickerGrid: function() {
+        return _renderUtils.renderSwatchPickerGrid;
+    },
+    EmptySwatch: function() {
+        return _EmptySwatch.EmptySwatch;
+    },
+    renderEmptySwatch_unstable: function() {
+        return _EmptySwatch.renderEmptySwatch_unstable;
+    },
+    useEmptySwatchStyles_unstable: function() {
+        return _EmptySwatch.useEmptySwatchStyles_unstable;
+    },
+    useEmptySwatch_unstable: function() {
+        return _EmptySwatch.useEmptySwatch_unstable;
+    },
+    emptySwatchClassNames: function() {
+        return _EmptySwatch.emptySwatchClassNames;
+    }
+});
+const _SwatchPicker = require("./SwatchPicker");
+const _contexts = require("./contexts");
+const _ColorSwatch = require("./ColorSwatch");
+const _ImageSwatch = require("./ImageSwatch");
+const _SwatchPickerRow = require("./SwatchPickerRow");
+const _renderUtils = require("./utils/renderUtils");
+const _EmptySwatch = require("./EmptySwatch");

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export { SwatchPicker, renderSwatchPicker_unstable, useSwatchPickerStyles_unstable, useSwatchPicker_unstable, swatchPickerClassNames } from './SwatchPicker';\nexport { SwatchPickerProvider, swatchPickerContextDefaultValue, useSwatchPickerContextValue_unstable, useSwatchPickerContextValues } from './contexts';\nexport { ColorSwatch, renderColorSwatch_unstable, useColorSwatchStyles_unstable, useColorSwatch_unstable, colorSwatchClassNames, swatchCSSVars } from './ColorSwatch';\nexport { ImageSwatch, renderImageSwatch_unstable, useImageSwatchStyles_unstable, useImageSwatch_unstable, imageSwatchClassNames } from './ImageSwatch';\nexport { SwatchPickerRow, renderSwatchPickerRow_unstable, useSwatchPickerRowStyles_unstable, useSwatchPickerRow_unstable, swatchPickerRowClassNames } from './SwatchPickerRow';\nexport { renderSwatchPickerGrid } from './utils/renderUtils';\nexport { EmptySwatch, renderEmptySwatch_unstable, useEmptySwatchStyles_unstable, useEmptySwatch_unstable, emptySwatchClassNames } from './EmptySwatch';\n"],"names":["SwatchPicker","renderSwatchPicker_unstable","useSwatchPickerStyles_unstable","useSwatchPicker_unstable","swatchPickerClassNames","SwatchPickerProvider","swatchPickerContextDefaultValue","useSwatchPickerContextValue_unstable","useSwatchPickerContextValues","ColorSwatch","renderColorSwatch_unstable","useColorSwatchStyles_unstable","useColorSwatch_unstable","colorSwatchClassNames","swatchCSSVars","ImageSwatch","renderImageSwatch_unstable","useImageSwatchStyles_unstable","useImageSwatch_unstable","imageSwatchClassNames","SwatchPickerRow","renderSwatchPickerRow_unstable","useSwatchPickerRowStyles_unstable","useSwatchPickerRow_unstable","swatchPickerRowClassNames","renderSwatchPickerGrid","EmptySwatch","renderEmptySwatch_unstable","useEmptySwatchStyles_unstable","useEmptySwatch_unstable","emptySwatchClassNames"],"mappings":";;;;;;;;;;;IAASA,YAAY;eAAZA,0BAAY;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAC3HC,oBAAoB;eAApBA,8BAAoB;;IAAEC,+BAA+B;eAA/BA,yCAA+B;;IAAEC,oCAAoC;eAApCA,8CAAoC;;IAAEC,4BAA4B;eAA5BA,sCAA4B;;IACzHC,WAAW;eAAXA,wBAAW;;IAAEC,0BAA0B;eAA1BA,uCAA0B;;IAAEC,6BAA6B;eAA7BA,0CAA6B;;IAAEC,uBAAuB;eAAvBA,oCAAuB;;IAAEC,qBAAqB;eAArBA,kCAAqB;;IAAEC,aAAa;eAAbA,0BAAa;;IACrIC,WAAW;eAAXA,wBAAW;;IAAEC,0BAA0B;eAA1BA,uCAA0B;;IAAEC,6BAA6B;eAA7BA,0CAA6B;;IAAEC,uBAAuB;eAAvBA,oCAAuB;;IAAEC,qBAAqB;eAArBA,kCAAqB;;IACtHC,eAAe;eAAfA,gCAAe;;IAAEC,8BAA8B;eAA9BA,+CAA8B;;IAAEC,iCAAiC;eAAjCA,kDAAiC;;IAAEC,2BAA2B;eAA3BA,4CAA2B;;IAAEC,yBAAyB;eAAzBA,0CAAyB;;IAC1IC,sBAAsB;eAAtBA,mCAAsB;;IACtBC,WAAW;eAAXA,wBAAW;;IAAEC,0BAA0B;eAA1BA,uCAA0B;;IAAEC,6BAA6B;eAA7BA,0CAA6B;;IAAEC,uBAAuB;eAAvBA,oCAAuB;;IAAEC,qBAAqB;eAArBA,kCAAqB;;;8BANa;0BACF;6BACY;6BACf;iCACoB;6BACpH;6BACgG"}

package/lib-commonjs/utils/renderUtils.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderSwatchPickerGrid", {
+    enumerable: true,
+    get: function() {
+        return renderSwatchPickerGrid;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _ = require("../");
+const renderSwatchPickerGrid = (props)=>{
+    const { items, columnCount, renderRow, renderSwatch } = props;
+    const _renderRow = renderRow || (({ children, rowId })=>/*#__PURE__*/ _react.createElement(_.SwatchPickerRow, {
+            key: rowId
+        }, children));
+    const _renderSwatch = renderSwatch || ((item)=>{
+        var _item_src;
+        return item.src ? /*#__PURE__*/ _react.createElement(_.ImageSwatch, {
+            key: item.value,
+            src: (_item_src = item.src) !== null && _item_src !== void 0 ? _item_src : '',
+            ...item
+        }) : /*#__PURE__*/ _react.createElement(_.ColorSwatch, {
+            key: item.value,
+            color: item.color || '',
+            ...item
+        });
+    });
+    const rowCount = Math.ceil(items.length / columnCount);
+    const rows = Array.from({
+        length: rowCount
+    }, (_, i)=>{
+        const start = i * columnCount;
+        const end = start + columnCount;
+        return items.slice(start, end);
+    });
+    return rows.map((row, index)=>_renderRow({
+            children: row.map(_renderSwatch),
+            rowId: index
+        }));
+};

package/lib-commonjs/utils/renderUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderUtils.js"],"sourcesContent":["import * as React from 'react';\nimport { ColorSwatch, SwatchPickerRow, ImageSwatch } from '../';\nexport const renderSwatchPickerGrid = (props)=>{\n    const { items, columnCount, renderRow, renderSwatch } = props;\n    const _renderRow = renderRow || (({ children, rowId })=>/*#__PURE__*/ React.createElement(SwatchPickerRow, {\n            key: rowId\n        }, children));\n    const _renderSwatch = renderSwatch || ((item)=>{\n        var _item_src;\n        return item.src ? /*#__PURE__*/ React.createElement(ImageSwatch, {\n            key: item.value,\n            src: (_item_src = item.src) !== null && _item_src !== void 0 ? _item_src : '',\n            ...item\n        }) : /*#__PURE__*/ React.createElement(ColorSwatch, {\n            key: item.value,\n            color: item.color || '',\n            ...item\n        });\n    });\n    const rowCount = Math.ceil(items.length / columnCount);\n    const rows = Array.from({\n        length: rowCount\n    }, (_, i)=>{\n        const start = i * columnCount;\n        const end = start + columnCount;\n        return items.slice(start, end);\n    });\n    return rows.map((row, index)=>_renderRow({\n            children: row.map(_renderSwatch),\n            rowId: index\n        }));\n};\n"],"names":["renderSwatchPickerGrid","props","items","columnCount","renderRow","renderSwatch","_renderRow","children","rowId","React","createElement","SwatchPickerRow","key","_renderSwatch","item","_item_src","src","ImageSwatch","value","ColorSwatch","color","rowCount","Math","ceil","length","rows","Array","from","_","i","start","end","slice","map","row","index"],"mappings":";;;;+BAEaA;;;eAAAA;;;;iEAFU;kBACmC;AACnD,MAAMA,yBAAyB,CAACC;IACnC,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGJ;IACxD,MAAMK,aAAaF,aAAc,CAAA,CAAC,EAAEG,QAAQ,EAAEC,KAAK,EAAE,GAAG,WAAW,GAAGC,OAAMC,aAAa,CAACC,iBAAe,EAAE;YACnGC,KAAKJ;QACT,GAAGD,SAAQ;IACf,MAAMM,gBAAgBR,gBAAiB,CAAA,CAACS;QACpC,IAAIC;QACJ,OAAOD,KAAKE,GAAG,GAAG,WAAW,GAAGP,OAAMC,aAAa,CAACO,aAAW,EAAE;YAC7DL,KAAKE,KAAKI,KAAK;YACfF,KAAK,AAACD,CAAAA,YAAYD,KAAKE,GAAG,AAAD,MAAO,QAAQD,cAAc,KAAK,IAAIA,YAAY;YAC3E,GAAGD,IAAI;QACX,KAAK,WAAW,GAAGL,OAAMC,aAAa,CAACS,aAAW,EAAE;YAChDP,KAAKE,KAAKI,KAAK;YACfE,OAAON,KAAKM,KAAK,IAAI;YACrB,GAAGN,IAAI;QACX;IACJ,CAAA;IACA,MAAMO,WAAWC,KAAKC,IAAI,CAACrB,MAAMsB,MAAM,GAAGrB;IAC1C,MAAMsB,OAAOC,MAAMC,IAAI,CAAC;QACpBH,QAAQH;IACZ,GAAG,CAACO,GAAGC;QACH,MAAMC,QAAQD,IAAI1B;QAClB,MAAM4B,MAAMD,QAAQ3B;QACpB,OAAOD,MAAM8B,KAAK,CAACF,OAAOC;IAC9B;IACA,OAAON,KAAKQ,GAAG,CAAC,CAACC,KAAKC,QAAQ7B,WAAW;YACjCC,UAAU2B,IAAID,GAAG,CAACpB;YAClBL,OAAO2B;QACX;AACR"}