@manufac/react-components-potli 1.0.3 → 1.0.4

package/dist/tsc/components/CustomColorPalette/index.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { colorPaletteItem, ColorOptions } from "./utils";
 import { Select } from "@mantine/core";
 export function CustomColorSelect(props) {
-    return _jsx(Select, { ...props });
+    return (_jsx(Select, { placeholder: "Select color palette for chart", renderOption: colorPaletteItem, data: ColorOptions, ...props }));
 }
 //# sourceMappingURL=index.js.map

package/dist/tsc/components/CustomColorPalette/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomColorPalette/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAQvC,MAAM,UAAU,iBAAiB,CAAC,KAAkB;IAClD,OAAO,KAAC,MAAM,OAAK,KAAK,GAAI,CAAC;AAC/B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomColorPalette/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AASvC,MAAM,UAAU,iBAAiB,CAAC,KAA8B;IAC9D,OAAO,CACL,KAAC,MAAM,IACL,WAAW,EAAC,gCAAgC,EAC5C,YAAY,EAAE,gBAAgB,EAC9B,IAAI,EAAE,YAAY,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/tsc/components/CustomColorPalette/index.stories.js

@@ -0,0 +1,7 @@
+import { CustomColorSelect } from ".";
+export default {
+    title: "CustomColorSelect",
+    component: CustomColorSelect,
+};
+export const Template = {};
+//# sourceMappingURL=index.stories.js.map

package/dist/tsc/components/CustomColorPalette/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/CustomColorPalette/index.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAGtC,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,iBAAiB;CACK,CAAC;AAEpC,MAAM,CAAC,MAAM,QAAQ,GAAuC,EAAE,CAAC"}

package/dist/tsc/components/CustomColorPalette/utils.js

@@ -1,3 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Group, ThemeIcon, Text } from "@mantine/core";
 import { schemeAccent, schemeBlues, schemeBrBG, schemeBuPu, schemeCategory10, schemeDark2, schemeGreens, schemeGreys, schemeObservable10, schemeOranges, schemeOrRd, schemePaired, schemePiYG, schemePRGn, schemePuBuGn, schemePuOr, schemePurples, schemeRdBu, schemeRdGy, schemeRdYlBu, schemeRdYlGn, schemeReds, schemeSet1, schemeSet2, schemeSpectral, schemeTableau10, schemeYlOrBr, schemeYlOrRd, } from "d3-scale-chromatic";
 export const ColorSchemeMap = {
     Categorical: {
@@ -43,4 +45,53 @@ export const ColorPalette = {
     ...ColorSchemeMap.SequentialMultiHue,
     ...ColorSchemeMap.Diverging,
 };
+export const ColorSchemeLabels = {
+    "color-scheme-category-10": "Category 10",
+    "color-scheme-accent": "Accent",
+    "color-scheme-dark-2": "Dark 2",
+    "color-scheme-observable-10": "Observable 10",
+    "color-scheme-paired": "Paired",
+    "color-scheme-set-1": "Set 1",
+    "color-scheme-set-2": "Set 2",
+    "color-scheme-tableau-10": "Tableau 10",
+    "color-scheme-blues": "Blues",
+    "color-scheme-greens": "Greens",
+    "color-scheme-greys": "Greys",
+    "color-scheme-oranges": "Oranges",
+    "color-scheme-purples": "Purples",
+    "color-scheme-reds": "Reds",
+    "color-scheme-yellow-orange-brown": "Yellow Orange Brown",
+    "color-scheme-yellow-orange-red": "Yellow Orange Red",
+    "color-scheme-orange-red": "Orange Red",
+    "color-scheme-purple-blue-green": "Purple Blue Green",
+    "color-scheme-blue-purple": "Blue Purple",
+    "color-scheme-brown-blue-green": "Brown Blue Green",
+    "color-scheme-purple-green": "Purple Green",
+    "color-scheme-pink-yellow-green": "Pink Yellow Green",
+    "color-scheme-purple-orange": "Purple Orange",
+    "color-scheme-red-blue": "Red Blue",
+    "color-scheme-red-grey": "Red Grey",
+    "color-scheme-red-yellow-blue": "Red Yellow Blue",
+    "color-scheme-red-yellow-green": "Red Yellow Green",
+    "color-scheme-spectral": "Spectral",
+};
+export const ColorOptions = Object.entries(ColorSchemeMap).map(([groupName, schemes]) => {
+    return {
+        group: groupName,
+        items: Object.keys(schemes).map((name) => {
+            return {
+                value: name,
+                label: ColorSchemeLabels[name],
+                groupName,
+            };
+        }),
+    };
+});
+export function colorPaletteItem({ option, }) {
+    const schemeGroup = ColorSchemeMap[option.groupName];
+    const colors = schemeGroup[option.value];
+    return (_jsxs(Group, { justify: "space-between", w: "100%", wrap: "nowrap", children: [_jsx(Text, { children: option.label }), _jsx(Group, { p: "xs", children: colors.map((color) => {
+                    return _jsx(ThemeIcon, { bg: color, size: "xs" }, color);
+                }) })] }));
+}
 //# sourceMappingURL=utils.js.map

package/dist/tsc/components/CustomColorPalette/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/CustomColorPalette/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,WAAW,EACX,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,YAAY,EACZ,UAAU,EACV,aAAa,EACb,UAAU,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACd,eAAe,EACf,YAAY,EACZ,YAAY,GACb,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,WAAW,EAAE;QACX,0BAA0B,EAAE,gBAAgB;QAC5C,qBAAqB,EAAE,YAAY;QACnC,qBAAqB,EAAE,WAAW;QAClC,4BAA4B,EAAE,kBAAkB;QAChD,qBAAqB,EAAE,YAAY;QACnC,oBAAoB,EAAE,UAAU;QAChC,oBAAoB,EAAE,UAAU;QAChC,yBAAyB,EAAE,eAAe;KAC3C;IAED,mBAAmB,EAAE;QACnB,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAC;QACpC,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC;QACtC,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAC;QACpC,sBAAsB,EAAE,aAAa,CAAC,CAAC,CAAC;QACxC,sBAAsB,EAAE,aAAa,CAAC,CAAC,CAAC;QACxC,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAC;KACnC;IAED,kBAAkB,EAAE;QAClB,kCAAkC,EAAE,YAAY,CAAC,CAAC,CAAC;QACnD,gCAAgC,EAAE,YAAY,CAAC,CAAC,CAAC;QACjD,yBAAyB,EAAE,UAAU,CAAC,CAAC,CAAC;QACxC,gCAAgC,EAAE,YAAY,CAAC,CAAC,CAAC;QACjD,0BAA0B,EAAE,UAAU,CAAC,CAAC,CAAC;KAC1C;IAED,SAAS,EAAE;QACT,+BAA+B,EAAE,UAAU,CAAC,EAAE,CAAC;QAC/C,2BAA2B,EAAE,UAAU,CAAC,EAAE,CAAC;QAC3C,gCAAgC,EAAE,UAAU,CAAC,EAAE,CAAC;QAChD,4BAA4B,EAAE,UAAU,CAAC,EAAE,CAAC;QAC5C,uBAAuB,EAAE,UAAU,CAAC,EAAE,CAAC;QACvC,uBAAuB,EAAE,UAAU,CAAC,EAAE,CAAC;QACvC,8BAA8B,EAAE,YAAY,CAAC,EAAE,CAAC;QAChD,+BAA+B,EAAE,YAAY,CAAC,EAAE,CAAC;QACjD,uBAAuB,EAAE,cAAc,CAAC,EAAE,CAAC;KAC5C;CACO,CAAC;AAQX,MAAM,CAAC,MAAM,YAAY,GAA+C;IACtE,GAAG,cAAc,CAAC,WAAW;IAC7B,GAAG,cAAc,CAAC,mBAAmB;IACrC,GAAG,cAAc,CAAC,kBAAkB;IACpC,GAAG,cAAc,CAAC,SAAS;CAC5B,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/CustomColorPalette/utils.tsx"],"names":[],"mappings":"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"}