@chayns-components/color-picker 5.0.0-beta.970 → 5.0.0-beta.971

package/lib/cjs/api/color/get.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.putSiteColors = void 0;
+var _chaynsApi = require("chayns-api");
+var _color = require("../../constants/color");
+const putSiteColors = async colorsArray => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  const {
+    id
+  } = (0, _chaynsApi.getSite)();
+  if (!accessToken) {
+    return false;
+  }
+  const result = await fetch(`${_color.ITEM_STORAGE_URL}/schemes/0/sites/${id}/keys/custom-colors
+`, {
+    method: 'PUT',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${accessToken}`
+    },
+    body: JSON.stringify({
+      value: colorsArray
+    })
+  });
+  return result.status === 201;
+};
+exports.putSiteColors = putSiteColors;
+//# sourceMappingURL=get.js.map

package/lib/cjs/api/color/get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","names":["_chaynsApi","require","_color","putSiteColors","colorsArray","accessToken","getAccessToken","id","getSite","result","fetch","ITEM_STORAGE_URL","method","headers","Authorization","body","JSON","stringify","value","status","exports"],"sources":["../../../../src/api/color/get.ts"],"sourcesContent":["import { getAccessToken, getSite } from 'chayns-api';\nimport { ITEM_STORAGE_URL } from '../../constants/color';\n\nexport const putSiteColors = async (colorsArray: string[]): Promise<boolean> => {\n    const { accessToken } = await getAccessToken();\n    const { id } = getSite();\n\n    if (!accessToken) {\n        return false;\n    }\n\n    const result = await fetch(\n        `${ITEM_STORAGE_URL}/schemes/0/sites/${id}/keys/custom-colors\n`,\n        {\n            method: 'PUT',\n            headers: {\n                'Content-Type': 'application/json',\n                Authorization: `Bearer ${accessToken}`,\n            },\n            body: JSON.stringify({ value: colorsArray }),\n        },\n    );\n\n    return result.status === 201;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,aAAa,GAAG,MAAOC,WAAqB,IAAuB;EAC5E,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAC9C,MAAM;IAAEC;EAAG,CAAC,GAAG,IAAAC,kBAAO,EAAC,CAAC;EAExB,IAAI,CAACH,WAAW,EAAE;IACd,OAAO,KAAK;EAChB;EAEA,MAAMI,MAAM,GAAG,MAAMC,KAAK,CACtB,GAAGC,uBAAgB,oBAAoBJ,EAAE;AACjD,CAAC,EACO;IACIK,MAAM,EAAE,KAAK;IACbC,OAAO,EAAE;MACL,cAAc,EAAE,kBAAkB;MAClCC,aAAa,EAAE,UAAUT,WAAW;IACxC,CAAC;IACDU,IAAI,EAAEC,IAAI,CAACC,SAAS,CAAC;MAAEC,KAAK,EAAEd;IAAY,CAAC;EAC/C,CACJ,CAAC;EAED,OAAOK,MAAM,CAACU,MAAM,KAAK,GAAG;AAChC,CAAC;AAACC,OAAA,CAAAjB,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/cjs/api/color/put.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSiteColors = void 0;
+var _chaynsApi = require("chayns-api");
+var _color = require("../../constants/color");
+const getSiteColors = async () => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  const {
+    id
+  } = (0, _chaynsApi.getSite)();
+  if (!accessToken) {
+    return {
+      value: []
+    };
+  }
+  const result = await fetch(`${_color.ITEM_STORAGE_URL}/schemes/0/sites/${id}/keys/custom-colors
+`, {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${accessToken}`
+    }
+  });
+  if (result.status === 200) {
+    return await result.json();
+  }
+  return {
+    value: []
+  };
+};
+exports.getSiteColors = getSiteColors;
+//# sourceMappingURL=put.js.map

package/lib/cjs/api/color/put.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"put.js","names":["_chaynsApi","require","_color","getSiteColors","accessToken","getAccessToken","id","getSite","value","result","fetch","ITEM_STORAGE_URL","method","headers","Authorization","status","json","exports"],"sources":["../../../../src/api/color/put.ts"],"sourcesContent":["import { getAccessToken, getSite } from 'chayns-api';\nimport { ITEM_STORAGE_URL } from '../../constants/color';\nimport { ItemStorageResult } from '../../types/colorPicker';\n\nexport const getSiteColors = async (): Promise<ItemStorageResult> => {\n    const { accessToken } = await getAccessToken();\n    const { id } = getSite();\n\n    if (!accessToken) {\n        return { value: [] };\n    }\n\n    const result = await fetch(\n        `${ITEM_STORAGE_URL}/schemes/0/sites/${id}/keys/custom-colors\n`,\n        {\n            method: 'GET',\n            headers: {\n                'Content-Type': 'application/json',\n                Authorization: `Bearer ${accessToken}`,\n            },\n        },\n    );\n\n    if (result.status === 200) {\n        return (await result.json()) as unknown as ItemStorageResult;\n    }\n\n    return { value: [] };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGO,MAAME,aAAa,GAAG,MAAAA,CAAA,KAAwC;EACjE,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAC9C,MAAM;IAAEC;EAAG,CAAC,GAAG,IAAAC,kBAAO,EAAC,CAAC;EAExB,IAAI,CAACH,WAAW,EAAE;IACd,OAAO;MAAEI,KAAK,EAAE;IAAG,CAAC;EACxB;EAEA,MAAMC,MAAM,GAAG,MAAMC,KAAK,CACtB,GAAGC,uBAAgB,oBAAoBL,EAAE;AACjD,CAAC,EACO;IACIM,MAAM,EAAE,KAAK;IACbC,OAAO,EAAE;MACL,cAAc,EAAE,kBAAkB;MAClCC,aAAa,EAAE,UAAUV,WAAW;IACxC;EACJ,CACJ,CAAC;EAED,IAAIK,MAAM,CAACM,MAAM,KAAK,GAAG,EAAE;IACvB,OAAQ,MAAMN,MAAM,CAACO,IAAI,CAAC,CAAC;EAC/B;EAEA,OAAO;IAAER,KAAK,EAAE;EAAG,CAAC;AACxB,CAAC;AAACS,OAAA,CAAAd,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/cjs/components/color-picker/ColorPicker.js

@@ -16,6 +16,7 @@ const ColorPicker = ({
   onPresetColorAdd,
   shouldShowPresetColors = false,
   shouldShowAsPopup = true,
+  shouldUseSiteColors = false,
   shouldShowTransparencySlider = false,
   shouldShowMoreOptions = false,
   shouldShowRoundPreviewColor = true,
@@ -28,6 +29,7 @@ const ColorPicker = ({
   shouldShowPreviewColorString: shouldShowPreviewColorString,
   shouldShowRoundPreviewColor: shouldShowRoundPreviewColor,
   shouldShowTransparencySlider: shouldShowTransparencySlider,
+  shouldUseSiteColors: shouldUseSiteColors,
   presetColors: presetColors,
   onPresetColorAdd: onPresetColorAdd,
   onPresetColorRemove: onPresetColorRemove,

package/lib/cjs/components/color-picker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","names":["_react","_interopRequireDefault","require","_ColorPickerProvider","_ColorPickerWrapper","_ColorPicker","e","__esModule","default","ColorPicker","selectedColor","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowAsPopup","shouldShowTransparencySlider","shouldShowMoreOptions","shouldShowRoundPreviewColor","shouldShowPreviewColorString","onSelect","createElement","StyledColorPicker","displayName","_default","exports"],"sources":["../../../../src/components/color-picker/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport type { IPresetColor } from '../../types/colorPicker';\nimport ColorPickerProvider from '../ColorPickerProvider';\nimport ColorPickerWrapper from './color-picker-wrapper/ColorPickerWrapper';\nimport { StyledColorPicker } from './ColorPicker.styles';\n\ninterface ColorPickerProps {\n    /**\n     * Colors the user can select from.\n     */\n    presetColors?: IPresetColor[];\n    /**\n     * Function to be executed when a preset color is added.\n     */\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    /**\n     * Function to be executed when a preset color is removed.\n     */\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    /**\n     * Function to be executed when a color is selected.\n     */\n    onSelect?: (color: string) => void;\n    /**\n     * The color that should be preselected.\n     */\n    selectedColor?: string;\n    /**\n     * Whether the ColorPicker should be displayed inside a popup.\n     */\n    shouldShowAsPopup?: boolean;\n    /**\n     * Whether the more options accordion should be displayed.\n     */\n    shouldShowMoreOptions?: boolean;\n    /**\n     * Whether the preset colors should be displayed.\n     */\n    shouldShowPresetColors?: boolean;\n    /**\n     * Whether the preview color should be displayed as text.\n     */\n    shouldShowPreviewColorString?: boolean;\n    /**\n     * Whether the preview color should be displayed round.\n     */\n    shouldShowRoundPreviewColor?: boolean;\n    /**\n     * Whether the transparency slider should be displayed.\n     */\n    shouldShowTransparencySlider?: boolean;\n}\n\nconst ColorPicker = ({\n    selectedColor = 'rgba(255, 0, 0, 1)',\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors = false,\n    shouldShowAsPopup = true,\n    shouldShowTransparencySlider = false,\n    shouldShowMoreOptions = false,\n    shouldShowRoundPreviewColor = true,\n    shouldShowPreviewColorString = true,\n    onSelect,\n}: ColorPickerProps) => (\n    <ColorPickerProvider selectedColor={selectedColor} onSelect={onSelect}>\n        <StyledColorPicker>\n            <ColorPickerWrapper\n                shouldShowPreviewColorString={shouldShowPreviewColorString}\n                shouldShowRoundPreviewColor={shouldShowRoundPreviewColor}\n                shouldShowTransparencySlider={shouldShowTransparencySlider}\n                presetColors={presetColors}\n                onPresetColorAdd={onPresetColorAdd}\n                onPresetColorRemove={onPresetColorRemove}\n                shouldShowAsPopup={shouldShowAsPopup}\n                shouldShowMoreOptions={shouldShowMoreOptions}\n                shouldShowPresetColors={shouldShowPresetColors}\n            />\n        </StyledColorPicker>\n    </ColorPickerProvider>\n);\n\nColorPicker.displayName = 'ColorPicker';\n\nexport default ColorPicker;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,oBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAiDzD,MAAMG,WAAW,GAAGA,CAAC;EACjBC,aAAa,GAAG,oBAAoB;EACpCC,YAAY;EACZC,mBAAmB;EACnBC,gBAAgB;EAChBC,sBAAsB,GAAG,KAAK;EAC9BC,iBAAiB,GAAG,IAAI;EACxBC,4BAA4B,GAAG,KAAK;EACpCC,qBAAqB,GAAG,KAAK;EAC7BC,2BAA2B,GAAG,IAAI;EAClCC,4BAA4B,GAAG,IAAI;EACnCC;AACc,CAAC,kBACfpB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAClB,oBAAA,CAAAK,OAAmB;EAACE,aAAa,EAAEA,aAAc;EAACU,QAAQ,EAAEA;AAAS,gBAClEpB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAChB,YAAA,CAAAiB,iBAAiB,qBACdtB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,mBAAA,CAAAI,OAAkB;EACfW,4BAA4B,EAAEA,4BAA6B;EAC3DD,2BAA2B,EAAEA,2BAA4B;EACzDF,4BAA4B,EAAEA,4BAA6B;EAC3DL,YAAY,EAAEA,YAAa;EAC3BE,gBAAgB,EAAEA,gBAAiB;EACnCD,mBAAmB,EAAEA,mBAAoB;EACzCG,iBAAiB,EAAEA,iBAAkB;EACrCE,qBAAqB,EAAEA,qBAAsB;EAC7CH,sBAAsB,EAAEA;AAAuB,CAClD,CACc,CACF,CACxB;AAEDL,WAAW,CAACc,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAEzBC,WAAW","ignoreList":[]}
+{"version":3,"file":"ColorPicker.js","names":["_react","_interopRequireDefault","require","_ColorPickerProvider","_ColorPickerWrapper","_ColorPicker","e","__esModule","default","ColorPicker","selectedColor","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowAsPopup","shouldUseSiteColors","shouldShowTransparencySlider","shouldShowMoreOptions","shouldShowRoundPreviewColor","shouldShowPreviewColorString","onSelect","createElement","StyledColorPicker","displayName","_default","exports"],"sources":["../../../../src/components/color-picker/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport type { IPresetColor } from '../../types/colorPicker';\nimport ColorPickerProvider from '../ColorPickerProvider';\nimport ColorPickerWrapper from './color-picker-wrapper/ColorPickerWrapper';\nimport { StyledColorPicker } from './ColorPicker.styles';\n\ninterface ColorPickerProps {\n    /**\n     * Colors the user can select from.\n     */\n    presetColors?: IPresetColor[];\n    /**\n     * Function to be executed when a preset color is added.\n     */\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    /**\n     * Function to be executed when a preset color is removed.\n     */\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    /**\n     * Function to be executed when a color is selected.\n     */\n    onSelect?: (color: string) => void;\n    /**\n     * The color that should be preselected.\n     */\n    selectedColor?: string;\n    /**\n     * Whether presetColors should be get and uploaded to the site storage.\n     */\n    shouldUseSiteColors?: boolean;\n    /**\n     * Whether the ColorPicker should be displayed inside a popup.\n     */\n    shouldShowAsPopup?: boolean;\n    /**\n     * Whether the more options accordion should be displayed.\n     */\n    shouldShowMoreOptions?: boolean;\n    /**\n     * Whether the preset colors should be displayed.\n     */\n    shouldShowPresetColors?: boolean;\n    /**\n     * Whether the preview color should be displayed as text.\n     */\n    shouldShowPreviewColorString?: boolean;\n    /**\n     * Whether the preview color should be displayed round.\n     */\n    shouldShowRoundPreviewColor?: boolean;\n    /**\n     * Whether the transparency slider should be displayed.\n     */\n    shouldShowTransparencySlider?: boolean;\n}\n\nconst ColorPicker = ({\n    selectedColor = 'rgba(255, 0, 0, 1)',\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors = false,\n    shouldShowAsPopup = true,\n    shouldUseSiteColors = false,\n    shouldShowTransparencySlider = false,\n    shouldShowMoreOptions = false,\n    shouldShowRoundPreviewColor = true,\n    shouldShowPreviewColorString = true,\n    onSelect,\n}: ColorPickerProps) => (\n    <ColorPickerProvider selectedColor={selectedColor} onSelect={onSelect}>\n        <StyledColorPicker>\n            <ColorPickerWrapper\n                shouldShowPreviewColorString={shouldShowPreviewColorString}\n                shouldShowRoundPreviewColor={shouldShowRoundPreviewColor}\n                shouldShowTransparencySlider={shouldShowTransparencySlider}\n                shouldUseSiteColors={shouldUseSiteColors}\n                presetColors={presetColors}\n                onPresetColorAdd={onPresetColorAdd}\n                onPresetColorRemove={onPresetColorRemove}\n                shouldShowAsPopup={shouldShowAsPopup}\n                shouldShowMoreOptions={shouldShowMoreOptions}\n                shouldShowPresetColors={shouldShowPresetColors}\n            />\n        </StyledColorPicker>\n    </ColorPickerProvider>\n);\n\nColorPicker.displayName = 'ColorPicker';\n\nexport default ColorPicker;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,oBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAqDzD,MAAMG,WAAW,GAAGA,CAAC;EACjBC,aAAa,GAAG,oBAAoB;EACpCC,YAAY;EACZC,mBAAmB;EACnBC,gBAAgB;EAChBC,sBAAsB,GAAG,KAAK;EAC9BC,iBAAiB,GAAG,IAAI;EACxBC,mBAAmB,GAAG,KAAK;EAC3BC,4BAA4B,GAAG,KAAK;EACpCC,qBAAqB,GAAG,KAAK;EAC7BC,2BAA2B,GAAG,IAAI;EAClCC,4BAA4B,GAAG,IAAI;EACnCC;AACc,CAAC,kBACfrB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAACnB,oBAAA,CAAAK,OAAmB;EAACE,aAAa,EAAEA,aAAc;EAACW,QAAQ,EAAEA;AAAS,gBAClErB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAACjB,YAAA,CAAAkB,iBAAiB,qBACdvB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAClB,mBAAA,CAAAI,OAAkB;EACfY,4BAA4B,EAAEA,4BAA6B;EAC3DD,2BAA2B,EAAEA,2BAA4B;EACzDF,4BAA4B,EAAEA,4BAA6B;EAC3DD,mBAAmB,EAAEA,mBAAoB;EACzCL,YAAY,EAAEA,YAAa;EAC3BE,gBAAgB,EAAEA,gBAAiB;EACnCD,mBAAmB,EAAEA,mBAAoB;EACzCG,iBAAiB,EAAEA,iBAAkB;EACrCG,qBAAqB,EAAEA,qBAAsB;EAC7CJ,sBAAsB,EAAEA;AAAuB,CAClD,CACc,CACF,CACxB;AAEDL,WAAW,CAACe,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEzBC,WAAW","ignoreList":[]}

package/lib/cjs/components/color-picker/color-picker-wrapper/ColorPickerWrapper.js

@@ -18,6 +18,7 @@ const ColorPickerWrapper = ({
   onPresetColorAdd,
   shouldShowPresetColors,
   shouldShowAsPopup,
+  shouldUseSiteColors,
   shouldShowTransparencySlider,
   shouldShowMoreOptions,
   shouldShowRoundPreviewColor,
@@ -31,6 +32,7 @@ const ColorPickerWrapper = ({
     onPresetColorRemove: onPresetColorRemove,
     onPresetColorAdd: onPresetColorAdd,
     presetColors: presetColors,
+    shouldUseSiteColors: shouldUseSiteColors,
     shouldShowMoreOptions: shouldShowMoreOptions,
     shouldShowTransparencySlider: shouldShowTransparencySlider
   }), [onPresetColorAdd, onPresetColorRemove, presetColors, shouldShowMoreOptions, shouldShowPresetColors, shouldShowTransparencySlider]);

package/lib/cjs/components/color-picker/color-picker-wrapper/ColorPickerWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerWrapper.js","names":["_core","require","_react","_interopRequireWildcard","_ColorPickerPopup","_interopRequireDefault","_ColorPickerProvider","_ColorPickerWrapper","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ColorPickerWrapper","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowAsPopup","shouldShowTransparencySlider","shouldShowMoreOptions","shouldShowRoundPreviewColor","shouldShowPreviewColorString","selectedColor","useContext","ColorPickerContext","content","useMemo","createElement","StyledColorPickerWrapper","Popup","StyledColorPickerWrapperInfo","StyledColorPickerWrapperInfoColorWrapper","$shouldShowRoundPreviewColor","StyledColorPickerWrapperInfoColor","$color","StyledColorPickerWrapperInfoText","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker/color-picker-wrapper/ColorPickerWrapper.tsx"],"sourcesContent":["import { Popup } from '@chayns-components/core';\nimport React, { useContext, useMemo } from 'react';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport ColorPickerPopup from '../../color-picker-popup/ColorPickerPopup';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport {\n    StyledColorPickerWrapper,\n    StyledColorPickerWrapperInfo,\n    StyledColorPickerWrapperInfoColor,\n    StyledColorPickerWrapperInfoColorWrapper,\n    StyledColorPickerWrapperInfoText,\n} from './ColorPickerWrapper.styles';\n\ninterface ColorPickerWrapperProps {\n    presetColors?: IPresetColor[];\n    shouldShowPresetColors: boolean;\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldShowTransparencySlider: boolean;\n    shouldShowMoreOptions: boolean;\n    shouldShowAsPopup: boolean;\n    shouldShowPreviewColorString: boolean;\n    shouldShowRoundPreviewColor: boolean;\n}\n\nconst ColorPickerWrapper = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors,\n    shouldShowAsPopup,\n    shouldShowTransparencySlider,\n    shouldShowMoreOptions,\n    shouldShowRoundPreviewColor,\n    shouldShowPreviewColorString,\n}: ColorPickerWrapperProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const content = useMemo(\n        () => (\n            <ColorPickerPopup\n                shouldShowPresetColors={shouldShowPresetColors}\n                onPresetColorRemove={onPresetColorRemove}\n                onPresetColorAdd={onPresetColorAdd}\n                presetColors={presetColors}\n                shouldShowMoreOptions={shouldShowMoreOptions}\n                shouldShowTransparencySlider={shouldShowTransparencySlider}\n            />\n        ),\n        [\n            onPresetColorAdd,\n            onPresetColorRemove,\n            presetColors,\n            shouldShowMoreOptions,\n            shouldShowPresetColors,\n            shouldShowTransparencySlider,\n        ],\n    );\n\n    return (\n        <StyledColorPickerWrapper>\n            {shouldShowAsPopup ? (\n                <Popup content={content}>\n                    <StyledColorPickerWrapperInfo>\n                        <StyledColorPickerWrapperInfoColorWrapper\n                            $shouldShowRoundPreviewColor={shouldShowRoundPreviewColor}\n                        >\n                            <StyledColorPickerWrapperInfoColor $color={selectedColor} />\n                        </StyledColorPickerWrapperInfoColorWrapper>\n\n                        {shouldShowPreviewColorString && (\n                            <StyledColorPickerWrapperInfoText>\n                                {selectedColor}\n                            </StyledColorPickerWrapperInfoText>\n                        )}\n                    </StyledColorPickerWrapperInfo>\n                </Popup>\n            ) : (\n                content\n            )}\n        </StyledColorPickerWrapper>\n    );\n};\n\nColorPickerWrapper.displayName = 'ColorPickerWrapper';\n\nexport default ColorPickerWrapper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ColorPickerWrapper.js","names":["_core","require","_react","_interopRequireWildcard","_ColorPickerPopup","_interopRequireDefault","_ColorPickerProvider","_ColorPickerWrapper","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ColorPickerWrapper","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowAsPopup","shouldUseSiteColors","shouldShowTransparencySlider","shouldShowMoreOptions","shouldShowRoundPreviewColor","shouldShowPreviewColorString","selectedColor","useContext","ColorPickerContext","content","useMemo","createElement","StyledColorPickerWrapper","Popup","StyledColorPickerWrapperInfo","StyledColorPickerWrapperInfoColorWrapper","$shouldShowRoundPreviewColor","StyledColorPickerWrapperInfoColor","$color","StyledColorPickerWrapperInfoText","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker/color-picker-wrapper/ColorPickerWrapper.tsx"],"sourcesContent":["import { Popup } from '@chayns-components/core';\nimport React, { useContext, useMemo } from 'react';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport ColorPickerPopup from '../../color-picker-popup/ColorPickerPopup';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport {\n    StyledColorPickerWrapper,\n    StyledColorPickerWrapperInfo,\n    StyledColorPickerWrapperInfoColor,\n    StyledColorPickerWrapperInfoColorWrapper,\n    StyledColorPickerWrapperInfoText,\n} from './ColorPickerWrapper.styles';\n\ninterface ColorPickerWrapperProps {\n    presetColors?: IPresetColor[];\n    shouldShowPresetColors: boolean;\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldShowTransparencySlider: boolean;\n    shouldShowMoreOptions: boolean;\n    shouldShowAsPopup: boolean;\n    shouldShowPreviewColorString: boolean;\n    shouldShowRoundPreviewColor: boolean;\n    shouldUseSiteColors: boolean;\n}\n\nconst ColorPickerWrapper = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors,\n    shouldShowAsPopup,\n    shouldUseSiteColors,\n    shouldShowTransparencySlider,\n    shouldShowMoreOptions,\n    shouldShowRoundPreviewColor,\n    shouldShowPreviewColorString,\n}: ColorPickerWrapperProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const content = useMemo(\n        () => (\n            <ColorPickerPopup\n                shouldShowPresetColors={shouldShowPresetColors}\n                onPresetColorRemove={onPresetColorRemove}\n                onPresetColorAdd={onPresetColorAdd}\n                presetColors={presetColors}\n                shouldUseSiteColors={shouldUseSiteColors}\n                shouldShowMoreOptions={shouldShowMoreOptions}\n                shouldShowTransparencySlider={shouldShowTransparencySlider}\n            />\n        ),\n        [\n            onPresetColorAdd,\n            onPresetColorRemove,\n            presetColors,\n            shouldShowMoreOptions,\n            shouldShowPresetColors,\n            shouldShowTransparencySlider,\n        ],\n    );\n\n    return (\n        <StyledColorPickerWrapper>\n            {shouldShowAsPopup ? (\n                <Popup content={content}>\n                    <StyledColorPickerWrapperInfo>\n                        <StyledColorPickerWrapperInfoColorWrapper\n                            $shouldShowRoundPreviewColor={shouldShowRoundPreviewColor}\n                        >\n                            <StyledColorPickerWrapperInfoColor $color={selectedColor} />\n                        </StyledColorPickerWrapperInfoColorWrapper>\n\n                        {shouldShowPreviewColorString && (\n                            <StyledColorPickerWrapperInfoText>\n                                {selectedColor}\n                            </StyledColorPickerWrapperInfoText>\n                        )}\n                    </StyledColorPickerWrapperInfo>\n                </Popup>\n            ) : (\n                content\n            )}\n        </StyledColorPickerWrapper>\n    );\n};\n\nColorPickerWrapper.displayName = 'ColorPickerWrapper';\n\nexport default ColorPickerWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/color-picker-popup/ColorPickerPopup.js

@@ -17,11 +17,13 @@ const ColorPickerPopup = ({
   onPresetColorAdd,
   shouldShowPresetColors,
   shouldShowTransparencySlider,
+  shouldUseSiteColors,
   shouldShowMoreOptions
 }) => /*#__PURE__*/_react.default.createElement(_ColorPickerPopup.StyledColorPickerPopup, null, /*#__PURE__*/_react.default.createElement(_ColorArea.default, null), /*#__PURE__*/_react.default.createElement(_Sliders.default, {
   shouldShowTransparencySlider: shouldShowTransparencySlider
 }), shouldShowPresetColors && /*#__PURE__*/_react.default.createElement(_PresetColors.default, {
   presetColors: presetColors,
+  shouldUseSiteColors: shouldUseSiteColors,
   onPresetColorAdd: onPresetColorAdd,
   onPresetColorRemove: onPresetColorRemove
 }), shouldShowMoreOptions && /*#__PURE__*/_react.default.createElement(_MoreOptions.default, null));

package/lib/cjs/components/color-picker-popup/ColorPickerPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerPopup.js","names":["_react","_interopRequireDefault","require","_ColorArea","_ColorPickerPopup","_MoreOptions","_PresetColors","_Sliders","e","__esModule","default","ColorPickerPopup","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowTransparencySlider","shouldShowMoreOptions","createElement","StyledColorPickerPopup","displayName","_default","exports"],"sources":["../../../../src/components/color-picker-popup/ColorPickerPopup.tsx"],"sourcesContent":["import React from 'react';\nimport type { IPresetColor } from '../../types/colorPicker';\nimport ColorArea from './color-area/ColorArea';\nimport { StyledColorPickerPopup } from './ColorPickerPopup.styles';\nimport MoreOptions from './more-options/MoreOptions';\nimport PresetColors from './preset-colors/PresetColors';\nimport Sliders from './sliders/Sliders';\n\ninterface ColorPickerPopupProps {\n    presetColors?: IPresetColor[];\n    shouldShowPresetColors: boolean;\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldShowTransparencySlider: boolean;\n    shouldShowMoreOptions: boolean;\n}\n\nconst ColorPickerPopup = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors,\n    shouldShowTransparencySlider,\n    shouldShowMoreOptions,\n}: ColorPickerPopupProps) => (\n    <StyledColorPickerPopup>\n        <ColorArea />\n        <Sliders shouldShowTransparencySlider={shouldShowTransparencySlider} />\n        {shouldShowPresetColors && (\n            <PresetColors\n                presetColors={presetColors}\n                onPresetColorAdd={onPresetColorAdd}\n                onPresetColorRemove={onPresetColorRemove}\n            />\n        )}\n        {shouldShowMoreOptions && <MoreOptions />}\n    </StyledColorPickerPopup>\n);\n\nColorPickerPopup.displayName = 'ColorPickerPopup';\n\nexport default ColorPickerPopup;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWxC,MAAMG,gBAAgB,GAAGA,CAAC;EACtBC,YAAY;EACZC,mBAAmB;EACnBC,gBAAgB;EAChBC,sBAAsB;EACtBC,4BAA4B;EAC5BC;AACmB,CAAC,kBACpBjB,MAAA,CAAAU,OAAA,CAAAQ,aAAA,CAACd,iBAAA,CAAAe,sBAAsB,qBACnBnB,MAAA,CAAAU,OAAA,CAAAQ,aAAA,CAACf,UAAA,CAAAO,OAAS,MAAE,CAAC,eACbV,MAAA,CAAAU,OAAA,CAAAQ,aAAA,CAACX,QAAA,CAAAG,OAAO;EAACM,4BAA4B,EAAEA;AAA6B,CAAE,CAAC,EACtED,sBAAsB,iBACnBf,MAAA,CAAAU,OAAA,CAAAQ,aAAA,CAACZ,aAAA,CAAAI,OAAY;EACTE,YAAY,EAAEA,YAAa;EAC3BE,gBAAgB,EAAEA,gBAAiB;EACnCD,mBAAmB,EAAEA;AAAoB,CAC5C,CACJ,EACAI,qBAAqB,iBAAIjB,MAAA,CAAAU,OAAA,CAAAQ,aAAA,CAACb,YAAA,CAAAK,OAAW,MAAE,CACpB,CAC3B;AAEDC,gBAAgB,CAACS,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEnCC,gBAAgB","ignoreList":[]}
+{"version":3,"file":"ColorPickerPopup.js","names":["_react","_interopRequireDefault","require","_ColorArea","_ColorPickerPopup","_MoreOptions","_PresetColors","_Sliders","e","__esModule","default","ColorPickerPopup","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowTransparencySlider","shouldUseSiteColors","shouldShowMoreOptions","createElement","StyledColorPickerPopup","displayName","_default","exports"],"sources":["../../../../src/components/color-picker-popup/ColorPickerPopup.tsx"],"sourcesContent":["import React from 'react';\nimport type { IPresetColor } from '../../types/colorPicker';\nimport ColorArea from './color-area/ColorArea';\nimport { StyledColorPickerPopup } from './ColorPickerPopup.styles';\nimport MoreOptions from './more-options/MoreOptions';\nimport PresetColors from './preset-colors/PresetColors';\nimport Sliders from './sliders/Sliders';\n\ninterface ColorPickerPopupProps {\n    presetColors?: IPresetColor[];\n    shouldShowPresetColors: boolean;\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldShowTransparencySlider: boolean;\n    shouldShowMoreOptions: boolean;\n    shouldUseSiteColors: boolean;\n}\n\nconst ColorPickerPopup = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors,\n    shouldShowTransparencySlider,\n    shouldUseSiteColors,\n    shouldShowMoreOptions,\n}: ColorPickerPopupProps) => (\n    <StyledColorPickerPopup>\n        <ColorArea />\n        <Sliders shouldShowTransparencySlider={shouldShowTransparencySlider} />\n        {shouldShowPresetColors && (\n            <PresetColors\n                presetColors={presetColors}\n                shouldUseSiteColors={shouldUseSiteColors}\n                onPresetColorAdd={onPresetColorAdd}\n                onPresetColorRemove={onPresetColorRemove}\n            />\n        )}\n        {shouldShowMoreOptions && <MoreOptions />}\n    </StyledColorPickerPopup>\n);\n\nColorPickerPopup.displayName = 'ColorPickerPopup';\n\nexport default ColorPickerPopup;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYxC,MAAMG,gBAAgB,GAAGA,CAAC;EACtBC,YAAY;EACZC,mBAAmB;EACnBC,gBAAgB;EAChBC,sBAAsB;EACtBC,4BAA4B;EAC5BC,mBAAmB;EACnBC;AACmB,CAAC,kBACpBlB,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACf,iBAAA,CAAAgB,sBAAsB,qBACnBpB,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAAChB,UAAA,CAAAO,OAAS,MAAE,CAAC,eACbV,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACZ,QAAA,CAAAG,OAAO;EAACM,4BAA4B,EAAEA;AAA6B,CAAE,CAAC,EACtED,sBAAsB,iBACnBf,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACb,aAAA,CAAAI,OAAY;EACTE,YAAY,EAAEA,YAAa;EAC3BK,mBAAmB,EAAEA,mBAAoB;EACzCH,gBAAgB,EAAEA,gBAAiB;EACnCD,mBAAmB,EAAEA;AAAoB,CAC5C,CACJ,EACAK,qBAAqB,iBAAIlB,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACd,YAAA,CAAAK,OAAW,MAAE,CACpB,CAC3B;AAEDC,gBAAgB,CAACU,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEnCC,gBAAgB","ignoreList":[]}

package/lib/cjs/components/color-picker-popup/preset-colors/PresetColors.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _colors = require("@chayns/colors");
 var _react = _interopRequireWildcard(require("react"));
+var _get = require("../../../api/color/get");
+var _put = require("../../../api/color/put");
 var _color = require("../../../constants/color");
 var _color2 = require("../../../utils/color");
 var _ColorPickerProvider = require("../../ColorPickerProvider");
@@ -18,11 +20,60 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const PresetColors = ({
   presetColors,
   onPresetColorRemove,
-  onPresetColorAdd
+  onPresetColorAdd,
+  shouldUseSiteColors
 }) => {
   const {
     selectedColor
   } = (0, _react.useContext)(_ColorPickerProvider.ColorPickerContext);
+  const [siteColors, setSiteColors] = (0, _react.useState)(undefined);
+  const loadSiteColors = async presetColorId => {
+    const colors = await (0, _put.getSiteColors)();
+    setSiteColors(prevColors => {
+      var _prevColors$find;
+      const newColors = colors.value.map(color => {
+        const {
+          r,
+          g,
+          b,
+          a
+        } = (0, _color2.hexToRgb)(color);
+        const newColor = `rgba(${r},${g},${b},${a})`;
+        return {
+          color: newColor,
+          id: Math.random().toString(),
+          isCustom: true
+        };
+      });
+      if (!presetColorId) {
+        return newColors;
+      }
+      const deletedColor = prevColors === null || prevColors === void 0 || (_prevColors$find = prevColors.find(({
+        id
+      }) => id === presetColorId)) === null || _prevColors$find === void 0 ? void 0 : _prevColors$find.color;
+      if (!deletedColor) {
+        return newColors;
+      }
+      const filteredColors = newColors === null || newColors === void 0 ? void 0 : newColors.filter(({
+        color
+      }) => color !== deletedColor);
+      const formattedColors = filteredColors === null || filteredColors === void 0 ? void 0 : filteredColors.map(({
+        color
+      }) => {
+        const rgbValues = (0, _color2.extractRgbValues)(color);
+        return (0, _color2.rgbToHex)(rgbValues);
+      });
+      void (0, _get.putSiteColors)(formattedColors ?? []);
+      return filteredColors;
+    });
+  };
+  (0, _react.useEffect)(() => {
+    if (!shouldUseSiteColors) {
+      setSiteColors(undefined);
+      return;
+    }
+    void loadSiteColors();
+  }, [shouldUseSiteColors]);
   const combinedColors = (0, _react.useMemo)(() => {
     const tmp = (presetColors ?? []).map(({
       color,
@@ -45,8 +96,8 @@ const PresetColors = ({
         color: newColor
       };
     });
-    return [..._color.PRESETCOLORS, ...tmp];
-  }, [presetColors]);
+    return [..._color.PRESETCOLORS, ...(siteColors ?? []), ...tmp];
+  }, [presetColors, siteColors]);
   const content = (0, _react.useMemo)(() => {
     const items = [];
     combinedColors.forEach(({
@@ -63,11 +114,33 @@ const PresetColors = ({
   const currentPresetColor = (0, _react.useMemo)(() => combinedColors.find(({
     color
   }) => color === selectedColor), [combinedColors, selectedColor]);
+  const handleAddColor = presetColor => {
+    if (typeof onPresetColorAdd === 'function') {
+      onPresetColorAdd(presetColor);
+    }
+    setSiteColors(prevColors => {
+      const colors = [...(prevColors ?? []), presetColor];
+      const newColors = colors === null || colors === void 0 ? void 0 : colors.map(({
+        color
+      }) => {
+        const rgbValues = (0, _color2.extractRgbValues)(color);
+        return (0, _color2.rgbToHex)(rgbValues);
+      });
+      void (0, _get.putSiteColors)(newColors);
+      return colors;
+    });
+  };
+  const handleRemoveColor = presetColorId => {
+    void loadSiteColors(presetColorId);
+    if (typeof onPresetColorRemove === 'function') {
+      onPresetColorRemove(presetColorId);
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_PresetColors.StyledPresetColors, null, content, /*#__PURE__*/_react.default.createElement(_PresetButton.default, {
     id: currentPresetColor === null || currentPresetColor === void 0 ? void 0 : currentPresetColor.id,
     isCustom: currentPresetColor === null || currentPresetColor === void 0 ? void 0 : currentPresetColor.isCustom,
-    onAdd: onPresetColorAdd,
-    onRemove: onPresetColorRemove
+    onAdd: handleAddColor,
+    onRemove: handleRemoveColor
   }));
 };
 PresetColors.displayName = 'PresetColors';

package/lib/cjs/components/color-picker-popup/preset-colors/PresetColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetColors.js","names":["_colors","require","_react","_interopRequireWildcard","_color","_color2","_ColorPickerProvider","_PresetButton","_interopRequireDefault","_PresetColor","_PresetColors","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PresetColors","presetColors","onPresetColorRemove","onPresetColorAdd","selectedColor","useContext","ColorPickerContext","combinedColors","useMemo","tmp","map","color","isCustom","id","newColor","isHex","g","b","hexToRgb","PRESETCOLORS","content","items","forEach","push","createElement","key","currentPresetColor","find","StyledPresetColors","onAdd","onRemove","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker-popup/preset-colors/PresetColors.tsx"],"sourcesContent":["import { isHex } from '@chayns/colors';\nimport React, { useContext, useMemo, type ReactElement } from 'react';\n\nimport { PRESETCOLORS } from '../../../constants/color';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport { hexToRgb } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport PresetButton from './preset-button/PresetButton';\nimport PresetColor from './preset-color/PresetColor';\nimport { StyledPresetColors } from './PresetColors.styles';\n\ninterface PresetColorsProps {\n    presetColors?: IPresetColor[];\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n}\n\nconst PresetColors = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n}: PresetColorsProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const combinedColors = useMemo(() => {\n        const tmp = (presetColors ?? []).map(({ color, isCustom, id }) => {\n            let newColor = color;\n\n            if (isHex(color)) {\n                const { r, g, b, a } = hexToRgb(color);\n\n                newColor = `rgba(${r},${g},${b},${a})`;\n            }\n\n            return {\n                id,\n                isCustom,\n                color: newColor,\n            };\n        });\n\n        return [...PRESETCOLORS, ...tmp];\n    }, [presetColors]);\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        combinedColors.forEach(({ color, id }) => {\n            items.push(<PresetColor key={`preset-color__${id}`} color={color} />);\n        });\n\n        return items;\n    }, [combinedColors]);\n\n    const currentPresetColor = useMemo(\n        () => combinedColors.find(({ color }) => color === selectedColor),\n        [combinedColors, selectedColor],\n    );\n\n    return (\n        <StyledPresetColors>\n            {content}\n            <PresetButton\n                id={currentPresetColor?.id}\n                isCustom={currentPresetColor?.isCustom}\n                onAdd={onPresetColorAdd}\n                onRemove={onPresetColorRemove}\n            />\n        </StyledPresetColors>\n    );\n};\n\nPresetColors.displayName = 'PresetColors';\n\nexport default PresetColors;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PresetColors.js","names":["_colors","require","_react","_interopRequireWildcard","_get","_put","_color","_color2","_ColorPickerProvider","_PresetButton","_interopRequireDefault","_PresetColor","_PresetColors","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PresetColors","presetColors","onPresetColorRemove","onPresetColorAdd","shouldUseSiteColors","selectedColor","useContext","ColorPickerContext","siteColors","setSiteColors","useState","undefined","loadSiteColors","presetColorId","colors","getSiteColors","prevColors","_prevColors$find","newColors","value","map","color","g","b","hexToRgb","newColor","id","Math","random","toString","isCustom","deletedColor","find","filteredColors","filter","formattedColors","rgbValues","extractRgbValues","rgbToHex","putSiteColors","useEffect","combinedColors","useMemo","tmp","isHex","PRESETCOLORS","content","items","forEach","push","createElement","key","currentPresetColor","handleAddColor","presetColor","handleRemoveColor","StyledPresetColors","onAdd","onRemove","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker-popup/preset-colors/PresetColors.tsx"],"sourcesContent":["import { isHex } from '@chayns/colors';\nimport React, { useContext, useEffect, useMemo, useState, type ReactElement } from 'react';\n\nimport { putSiteColors } from '../../../api/color/get';\nimport { getSiteColors } from '../../../api/color/put';\nimport { PRESETCOLORS } from '../../../constants/color';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport { extractRgbValues, hexToRgb, rgbToHex } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport PresetButton from './preset-button/PresetButton';\nimport PresetColor from './preset-color/PresetColor';\nimport { StyledPresetColors } from './PresetColors.styles';\n\ninterface PresetColorsProps {\n    presetColors?: IPresetColor[];\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldUseSiteColors: boolean;\n}\n\nconst PresetColors = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldUseSiteColors,\n}: PresetColorsProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const [siteColors, setSiteColors] = useState<IPresetColor[] | undefined>(undefined);\n\n    const loadSiteColors = async (presetColorId?: IPresetColor['id']) => {\n        const colors = await getSiteColors();\n\n        setSiteColors((prevColors) => {\n            const newColors = colors.value.map((color) => {\n                const { r, g, b, a } = hexToRgb(color);\n\n                const newColor = `rgba(${r},${g},${b},${a})`;\n\n                return {\n                    color: newColor,\n                    id: Math.random().toString(),\n                    isCustom: true,\n                };\n            });\n\n            if (!presetColorId) {\n                return newColors;\n            }\n\n            const deletedColor = prevColors?.find(({ id }) => id === presetColorId)?.color;\n\n            if (!deletedColor) {\n                return newColors;\n            }\n\n            const filteredColors = newColors?.filter(({ color }) => color !== deletedColor);\n\n            const formattedColors = filteredColors?.map(({ color }) => {\n                const rgbValues = extractRgbValues(color);\n\n                return rgbToHex(rgbValues);\n            });\n\n            void putSiteColors(formattedColors ?? []);\n\n            return filteredColors;\n        });\n    };\n\n    useEffect(() => {\n        if (!shouldUseSiteColors) {\n            setSiteColors(undefined);\n\n            return;\n        }\n\n        void loadSiteColors();\n    }, [shouldUseSiteColors]);\n\n    const combinedColors = useMemo(() => {\n        const tmp = (presetColors ?? []).map(({ color, isCustom, id }) => {\n            let newColor = color;\n\n            if (isHex(color)) {\n                const { r, g, b, a } = hexToRgb(color);\n\n                newColor = `rgba(${r},${g},${b},${a})`;\n            }\n\n            return {\n                id,\n                isCustom,\n                color: newColor,\n            };\n        });\n\n        return [...PRESETCOLORS, ...(siteColors ?? []), ...tmp];\n    }, [presetColors, siteColors]);\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        combinedColors.forEach(({ color, id }) => {\n            items.push(<PresetColor key={`preset-color__${id}`} color={color} />);\n        });\n\n        return items;\n    }, [combinedColors]);\n\n    const currentPresetColor = useMemo(\n        () => combinedColors.find(({ color }) => color === selectedColor),\n        [combinedColors, selectedColor],\n    );\n\n    const handleAddColor = (presetColor: IPresetColor) => {\n        if (typeof onPresetColorAdd === 'function') {\n            onPresetColorAdd(presetColor);\n        }\n\n        setSiteColors((prevColors) => {\n            const colors = [...(prevColors ?? []), presetColor];\n\n            const newColors = colors?.map(({ color }) => {\n                const rgbValues = extractRgbValues(color);\n\n                return rgbToHex(rgbValues);\n            });\n\n            void putSiteColors(newColors);\n\n            return colors;\n        });\n    };\n\n    const handleRemoveColor = (presetColorId: IPresetColor['id']) => {\n        void loadSiteColors(presetColorId);\n\n        if (typeof onPresetColorRemove === 'function') {\n            onPresetColorRemove(presetColorId);\n        }\n    };\n\n    return (\n        <StyledPresetColors>\n            {content}\n            <PresetButton\n                id={currentPresetColor?.id}\n                isCustom={currentPresetColor?.isCustom}\n                onAdd={handleAddColor}\n                onRemove={handleRemoveColor}\n            />\n        </StyledPresetColors>\n    );\n};\n\nPresetColors.displayName = 'PresetColors';\n\nexport default PresetColors;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/constants/color.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PRESETCOLORS = void 0;
+exports.PRESETCOLORS = exports.ITEM_STORAGE_URL = void 0;
 const PRESETCOLORS = exports.PRESETCOLORS = [{
   id: '0',
   color: 'rgba(0,0,0,1)'
@@ -68,4 +68,5 @@ const PRESETCOLORS = exports.PRESETCOLORS = [{
   id: '20',
   color: 'rgba(0,94,184,1)'
 }];
+const ITEM_STORAGE_URL = exports.ITEM_STORAGE_URL = 'https://cube.tobit.cloud/item-storage/api/v1.0';
 //# sourceMappingURL=color.js.map

package/lib/cjs/constants/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","names":["PRESETCOLORS","exports","id","color"],"sources":["../../../src/constants/color.ts"],"sourcesContent":["import type { IPresetColor } from '../types/colorPicker';\n\nexport const PRESETCOLORS: IPresetColor[] = [\n    { id: '0', color: 'rgba(0,0,0,1)' },\n    { id: '1', color: 'rgba(67,67,67,1)' },\n    { id: '2', color: 'rgba(102,102,102,1)' },\n    { id: '3', color: 'rgba(153,153,153,1)' },\n    { id: '4', color: 'rgba(183,183,183,1)' },\n    { id: '5', color: 'rgba(204,204,204,1)' },\n    { id: '6', color: 'rgba(217,217,217,1)' },\n    { id: '7', color: 'rgba(239,239,239,1)' },\n    { id: '8', color: 'rgba(243,243,243,1)' },\n    { id: '9', color: 'rgba(255,255,255,1)' },\n    { id: '10', color: 'rgba(244,67,54,1)' },\n    { id: '11', color: 'rgba(255,152,0,1)' },\n    { id: '12', color: 'rgba(255,235,59,1)' },\n    { id: '13', color: 'rgba(0,150,136,1)' },\n    { id: '14', color: 'rgba(121,85,72,1)' },\n    { id: '15', color: 'rgba(139,195,74,1)' },\n    { id: '16', color: 'rgba(76,175,80,1)' },\n    { id: '17', color: 'rgba(156,39,176,1)' },\n    { id: '18', color: 'rgba(63,81,181,1)' },\n    { id: '19', color: 'rgba(3,169,244,1)' },\n    { id: '20', color: 'rgba(0,94,184,1)' },\n];\n"],"mappings":";;;;;;AAEO,MAAMA,YAA4B,GAAAC,OAAA,CAAAD,YAAA,GAAG,CACxC;EAAEE,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAgB,CAAC,EACnC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAmB,CAAC,EACtC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAmB,CAAC,CAC1C","ignoreList":[]}
+{"version":3,"file":"color.js","names":["PRESETCOLORS","exports","id","color","ITEM_STORAGE_URL"],"sources":["../../../src/constants/color.ts"],"sourcesContent":["import type { IPresetColor } from '../types/colorPicker';\n\nexport const PRESETCOLORS: IPresetColor[] = [\n    { id: '0', color: 'rgba(0,0,0,1)' },\n    { id: '1', color: 'rgba(67,67,67,1)' },\n    { id: '2', color: 'rgba(102,102,102,1)' },\n    { id: '3', color: 'rgba(153,153,153,1)' },\n    { id: '4', color: 'rgba(183,183,183,1)' },\n    { id: '5', color: 'rgba(204,204,204,1)' },\n    { id: '6', color: 'rgba(217,217,217,1)' },\n    { id: '7', color: 'rgba(239,239,239,1)' },\n    { id: '8', color: 'rgba(243,243,243,1)' },\n    { id: '9', color: 'rgba(255,255,255,1)' },\n    { id: '10', color: 'rgba(244,67,54,1)' },\n    { id: '11', color: 'rgba(255,152,0,1)' },\n    { id: '12', color: 'rgba(255,235,59,1)' },\n    { id: '13', color: 'rgba(0,150,136,1)' },\n    { id: '14', color: 'rgba(121,85,72,1)' },\n    { id: '15', color: 'rgba(139,195,74,1)' },\n    { id: '16', color: 'rgba(76,175,80,1)' },\n    { id: '17', color: 'rgba(156,39,176,1)' },\n    { id: '18', color: 'rgba(63,81,181,1)' },\n    { id: '19', color: 'rgba(3,169,244,1)' },\n    { id: '20', color: 'rgba(0,94,184,1)' },\n];\n\nexport const ITEM_STORAGE_URL = 'https://cube.tobit.cloud/item-storage/api/v1.0';\n"],"mappings":";;;;;;AAEO,MAAMA,YAA4B,GAAAC,OAAA,CAAAD,YAAA,GAAG,CACxC;EAAEE,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAgB,CAAC,EACnC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAmB,CAAC,EACtC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAmB,CAAC,CAC1C;AAEM,MAAMC,gBAAgB,GAAAH,OAAA,CAAAG,gBAAA,GAAG,gDAAgD","ignoreList":[]}

package/lib/cjs/types/colorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorPicker.js","names":[],"sources":["../../../src/types/colorPicker.ts"],"sourcesContent":["export interface Coordinates {\n    x: number;\n    y: number;\n}\n\nexport interface Scale {\n    scaleX: number;\n    scaleY: number;\n}\n\nexport interface RGB {\n    r: number;\n    g: number;\n    b: number;\n}\n\nexport interface RGBA extends RGB {\n    a: number;\n}\n\nexport interface IPresetColor {\n    isCustom?: boolean;\n    id: string;\n    color: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"colorPicker.js","names":[],"sources":["../../../src/types/colorPicker.ts"],"sourcesContent":["export interface Coordinates {\n    x: number;\n    y: number;\n}\n\nexport interface Scale {\n    scaleX: number;\n    scaleY: number;\n}\n\nexport interface RGB {\n    r: number;\n    g: number;\n    b: number;\n}\n\nexport interface RGBA extends RGB {\n    a: number;\n}\n\nexport interface IPresetColor {\n    isCustom?: boolean;\n    id: string;\n    color: string;\n}\n\nexport interface ItemStorageResult {\n    schemeId?: string;\n    siteId?: string;\n    key?: string;\n    value: string[];\n}\n"],"mappings":"","ignoreList":[]}

package/lib/esm/api/color/get.js

@@ -0,0 +1,26 @@
+import { getAccessToken, getSite } from 'chayns-api';
+import { ITEM_STORAGE_URL } from '../../constants/color';
+export const putSiteColors = async colorsArray => {
+  const {
+    accessToken
+  } = await getAccessToken();
+  const {
+    id
+  } = getSite();
+  if (!accessToken) {
+    return false;
+  }
+  const result = await fetch(`${ITEM_STORAGE_URL}/schemes/0/sites/${id}/keys/custom-colors
+`, {
+    method: 'PUT',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${accessToken}`
+    },
+    body: JSON.stringify({
+      value: colorsArray
+    })
+  });
+  return result.status === 201;
+};
+//# sourceMappingURL=get.js.map

package/lib/esm/api/color/get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","names":["getAccessToken","getSite","ITEM_STORAGE_URL","putSiteColors","colorsArray","accessToken","id","result","fetch","method","headers","Authorization","body","JSON","stringify","value","status"],"sources":["../../../../src/api/color/get.ts"],"sourcesContent":["import { getAccessToken, getSite } from 'chayns-api';\nimport { ITEM_STORAGE_URL } from '../../constants/color';\n\nexport const putSiteColors = async (colorsArray: string[]): Promise<boolean> => {\n    const { accessToken } = await getAccessToken();\n    const { id } = getSite();\n\n    if (!accessToken) {\n        return false;\n    }\n\n    const result = await fetch(\n        `${ITEM_STORAGE_URL}/schemes/0/sites/${id}/keys/custom-colors\n`,\n        {\n            method: 'PUT',\n            headers: {\n                'Content-Type': 'application/json',\n                Authorization: `Bearer ${accessToken}`,\n            },\n            body: JSON.stringify({ value: colorsArray }),\n        },\n    );\n\n    return result.status === 201;\n};\n"],"mappings":"AAAA,SAASA,cAAc,EAAEC,OAAO,QAAQ,YAAY;AACpD,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,aAAa,GAAG,MAAOC,WAAqB,IAAuB;EAC5E,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAML,cAAc,CAAC,CAAC;EAC9C,MAAM;IAAEM;EAAG,CAAC,GAAGL,OAAO,CAAC,CAAC;EAExB,IAAI,CAACI,WAAW,EAAE;IACd,OAAO,KAAK;EAChB;EAEA,MAAME,MAAM,GAAG,MAAMC,KAAK,CACtB,GAAGN,gBAAgB,oBAAoBI,EAAE;AACjD,CAAC,EACO;IACIG,MAAM,EAAE,KAAK;IACbC,OAAO,EAAE;MACL,cAAc,EAAE,kBAAkB;MAClCC,aAAa,EAAE,UAAUN,WAAW;IACxC,CAAC;IACDO,IAAI,EAAEC,IAAI,CAACC,SAAS,CAAC;MAAEC,KAAK,EAAEX;IAAY,CAAC;EAC/C,CACJ,CAAC;EAED,OAAOG,MAAM,CAACS,MAAM,KAAK,GAAG;AAChC,CAAC","ignoreList":[]}

package/lib/esm/api/color/put.js

@@ -0,0 +1,30 @@
+import { getAccessToken, getSite } from 'chayns-api';
+import { ITEM_STORAGE_URL } from '../../constants/color';
+export const getSiteColors = async () => {
+  const {
+    accessToken
+  } = await getAccessToken();
+  const {
+    id
+  } = getSite();
+  if (!accessToken) {
+    return {
+      value: []
+    };
+  }
+  const result = await fetch(`${ITEM_STORAGE_URL}/schemes/0/sites/${id}/keys/custom-colors
+`, {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${accessToken}`
+    }
+  });
+  if (result.status === 200) {
+    return await result.json();
+  }
+  return {
+    value: []
+  };
+};
+//# sourceMappingURL=put.js.map

package/lib/esm/api/color/put.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"put.js","names":["getAccessToken","getSite","ITEM_STORAGE_URL","getSiteColors","accessToken","id","value","result","fetch","method","headers","Authorization","status","json"],"sources":["../../../../src/api/color/put.ts"],"sourcesContent":["import { getAccessToken, getSite } from 'chayns-api';\nimport { ITEM_STORAGE_URL } from '../../constants/color';\nimport { ItemStorageResult } from '../../types/colorPicker';\n\nexport const getSiteColors = async (): Promise<ItemStorageResult> => {\n    const { accessToken } = await getAccessToken();\n    const { id } = getSite();\n\n    if (!accessToken) {\n        return { value: [] };\n    }\n\n    const result = await fetch(\n        `${ITEM_STORAGE_URL}/schemes/0/sites/${id}/keys/custom-colors\n`,\n        {\n            method: 'GET',\n            headers: {\n                'Content-Type': 'application/json',\n                Authorization: `Bearer ${accessToken}`,\n            },\n        },\n    );\n\n    if (result.status === 200) {\n        return (await result.json()) as unknown as ItemStorageResult;\n    }\n\n    return { value: [] };\n};\n"],"mappings":"AAAA,SAASA,cAAc,EAAEC,OAAO,QAAQ,YAAY;AACpD,SAASC,gBAAgB,QAAQ,uBAAuB;AAGxD,OAAO,MAAMC,aAAa,GAAG,MAAAA,CAAA,KAAwC;EACjE,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAMJ,cAAc,CAAC,CAAC;EAC9C,MAAM;IAAEK;EAAG,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAExB,IAAI,CAACG,WAAW,EAAE;IACd,OAAO;MAAEE,KAAK,EAAE;IAAG,CAAC;EACxB;EAEA,MAAMC,MAAM,GAAG,MAAMC,KAAK,CACtB,GAAGN,gBAAgB,oBAAoBG,EAAE;AACjD,CAAC,EACO;IACII,MAAM,EAAE,KAAK;IACbC,OAAO,EAAE;MACL,cAAc,EAAE,kBAAkB;MAClCC,aAAa,EAAE,UAAUP,WAAW;IACxC;EACJ,CACJ,CAAC;EAED,IAAIG,MAAM,CAACK,MAAM,KAAK,GAAG,EAAE;IACvB,OAAQ,MAAML,MAAM,CAACM,IAAI,CAAC,CAAC;EAC/B;EAEA,OAAO;IAAEP,KAAK,EAAE;EAAG,CAAC;AACxB,CAAC","ignoreList":[]}

package/lib/esm/components/color-picker/ColorPicker.js

@@ -10,6 +10,7 @@ const ColorPicker = _ref => {
     onPresetColorAdd,
     shouldShowPresetColors = false,
     shouldShowAsPopup = true,
+    shouldUseSiteColors = false,
     shouldShowTransparencySlider = false,
     shouldShowMoreOptions = false,
     shouldShowRoundPreviewColor = true,
@@ -23,6 +24,7 @@ const ColorPicker = _ref => {
     shouldShowPreviewColorString: shouldShowPreviewColorString,
     shouldShowRoundPreviewColor: shouldShowRoundPreviewColor,
     shouldShowTransparencySlider: shouldShowTransparencySlider,
+    shouldUseSiteColors: shouldUseSiteColors,
     presetColors: presetColors,
     onPresetColorAdd: onPresetColorAdd,
     onPresetColorRemove: onPresetColorRemove,

package/lib/esm/components/color-picker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","names":["React","ColorPickerProvider","ColorPickerWrapper","StyledColorPicker","ColorPicker","_ref","selectedColor","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowAsPopup","shouldShowTransparencySlider","shouldShowMoreOptions","shouldShowRoundPreviewColor","shouldShowPreviewColorString","onSelect","createElement","displayName"],"sources":["../../../../src/components/color-picker/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport type { IPresetColor } from '../../types/colorPicker';\nimport ColorPickerProvider from '../ColorPickerProvider';\nimport ColorPickerWrapper from './color-picker-wrapper/ColorPickerWrapper';\nimport { StyledColorPicker } from './ColorPicker.styles';\n\ninterface ColorPickerProps {\n    /**\n     * Colors the user can select from.\n     */\n    presetColors?: IPresetColor[];\n    /**\n     * Function to be executed when a preset color is added.\n     */\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    /**\n     * Function to be executed when a preset color is removed.\n     */\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    /**\n     * Function to be executed when a color is selected.\n     */\n    onSelect?: (color: string) => void;\n    /**\n     * The color that should be preselected.\n     */\n    selectedColor?: string;\n    /**\n     * Whether the ColorPicker should be displayed inside a popup.\n     */\n    shouldShowAsPopup?: boolean;\n    /**\n     * Whether the more options accordion should be displayed.\n     */\n    shouldShowMoreOptions?: boolean;\n    /**\n     * Whether the preset colors should be displayed.\n     */\n    shouldShowPresetColors?: boolean;\n    /**\n     * Whether the preview color should be displayed as text.\n     */\n    shouldShowPreviewColorString?: boolean;\n    /**\n     * Whether the preview color should be displayed round.\n     */\n    shouldShowRoundPreviewColor?: boolean;\n    /**\n     * Whether the transparency slider should be displayed.\n     */\n    shouldShowTransparencySlider?: boolean;\n}\n\nconst ColorPicker = ({\n    selectedColor = 'rgba(255, 0, 0, 1)',\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors = false,\n    shouldShowAsPopup = true,\n    shouldShowTransparencySlider = false,\n    shouldShowMoreOptions = false,\n    shouldShowRoundPreviewColor = true,\n    shouldShowPreviewColorString = true,\n    onSelect,\n}: ColorPickerProps) => (\n    <ColorPickerProvider selectedColor={selectedColor} onSelect={onSelect}>\n        <StyledColorPicker>\n            <ColorPickerWrapper\n                shouldShowPreviewColorString={shouldShowPreviewColorString}\n                shouldShowRoundPreviewColor={shouldShowRoundPreviewColor}\n                shouldShowTransparencySlider={shouldShowTransparencySlider}\n                presetColors={presetColors}\n                onPresetColorAdd={onPresetColorAdd}\n                onPresetColorRemove={onPresetColorRemove}\n                shouldShowAsPopup={shouldShowAsPopup}\n                shouldShowMoreOptions={shouldShowMoreOptions}\n                shouldShowPresetColors={shouldShowPresetColors}\n            />\n        </StyledColorPicker>\n    </ColorPickerProvider>\n);\n\nColorPicker.displayName = 'ColorPicker';\n\nexport default ColorPicker;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,mBAAmB,MAAM,wBAAwB;AACxD,OAAOC,kBAAkB,MAAM,2CAA2C;AAC1E,SAASC,iBAAiB,QAAQ,sBAAsB;AAiDxD,MAAMC,WAAW,GAAGC,IAAA;EAAA,IAAC;IACjBC,aAAa,GAAG,oBAAoB;IACpCC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,sBAAsB,GAAG,KAAK;IAC9BC,iBAAiB,GAAG,IAAI;IACxBC,4BAA4B,GAAG,KAAK;IACpCC,qBAAqB,GAAG,KAAK;IAC7BC,2BAA2B,GAAG,IAAI;IAClCC,4BAA4B,GAAG,IAAI;IACnCC;EACc,CAAC,GAAAX,IAAA;EAAA,oBACfL,KAAA,CAAAiB,aAAA,CAAChB,mBAAmB;IAACK,aAAa,EAAEA,aAAc;IAACU,QAAQ,EAAEA;EAAS,gBAClEhB,KAAA,CAAAiB,aAAA,CAACd,iBAAiB,qBACdH,KAAA,CAAAiB,aAAA,CAACf,kBAAkB;IACfa,4BAA4B,EAAEA,4BAA6B;IAC3DD,2BAA2B,EAAEA,2BAA4B;IACzDF,4BAA4B,EAAEA,4BAA6B;IAC3DL,YAAY,EAAEA,YAAa;IAC3BE,gBAAgB,EAAEA,gBAAiB;IACnCD,mBAAmB,EAAEA,mBAAoB;IACzCG,iBAAiB,EAAEA,iBAAkB;IACrCE,qBAAqB,EAAEA,qBAAsB;IAC7CH,sBAAsB,EAAEA;EAAuB,CAClD,CACc,CACF,CAAC;AAAA,CACzB;AAEDN,WAAW,CAACc,WAAW,GAAG,aAAa;AAEvC,eAAed,WAAW","ignoreList":[]}
+{"version":3,"file":"ColorPicker.js","names":["React","ColorPickerProvider","ColorPickerWrapper","StyledColorPicker","ColorPicker","_ref","selectedColor","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowAsPopup","shouldUseSiteColors","shouldShowTransparencySlider","shouldShowMoreOptions","shouldShowRoundPreviewColor","shouldShowPreviewColorString","onSelect","createElement","displayName"],"sources":["../../../../src/components/color-picker/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport type { IPresetColor } from '../../types/colorPicker';\nimport ColorPickerProvider from '../ColorPickerProvider';\nimport ColorPickerWrapper from './color-picker-wrapper/ColorPickerWrapper';\nimport { StyledColorPicker } from './ColorPicker.styles';\n\ninterface ColorPickerProps {\n    /**\n     * Colors the user can select from.\n     */\n    presetColors?: IPresetColor[];\n    /**\n     * Function to be executed when a preset color is added.\n     */\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    /**\n     * Function to be executed when a preset color is removed.\n     */\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    /**\n     * Function to be executed when a color is selected.\n     */\n    onSelect?: (color: string) => void;\n    /**\n     * The color that should be preselected.\n     */\n    selectedColor?: string;\n    /**\n     * Whether presetColors should be get and uploaded to the site storage.\n     */\n    shouldUseSiteColors?: boolean;\n    /**\n     * Whether the ColorPicker should be displayed inside a popup.\n     */\n    shouldShowAsPopup?: boolean;\n    /**\n     * Whether the more options accordion should be displayed.\n     */\n    shouldShowMoreOptions?: boolean;\n    /**\n     * Whether the preset colors should be displayed.\n     */\n    shouldShowPresetColors?: boolean;\n    /**\n     * Whether the preview color should be displayed as text.\n     */\n    shouldShowPreviewColorString?: boolean;\n    /**\n     * Whether the preview color should be displayed round.\n     */\n    shouldShowRoundPreviewColor?: boolean;\n    /**\n     * Whether the transparency slider should be displayed.\n     */\n    shouldShowTransparencySlider?: boolean;\n}\n\nconst ColorPicker = ({\n    selectedColor = 'rgba(255, 0, 0, 1)',\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors = false,\n    shouldShowAsPopup = true,\n    shouldUseSiteColors = false,\n    shouldShowTransparencySlider = false,\n    shouldShowMoreOptions = false,\n    shouldShowRoundPreviewColor = true,\n    shouldShowPreviewColorString = true,\n    onSelect,\n}: ColorPickerProps) => (\n    <ColorPickerProvider selectedColor={selectedColor} onSelect={onSelect}>\n        <StyledColorPicker>\n            <ColorPickerWrapper\n                shouldShowPreviewColorString={shouldShowPreviewColorString}\n                shouldShowRoundPreviewColor={shouldShowRoundPreviewColor}\n                shouldShowTransparencySlider={shouldShowTransparencySlider}\n                shouldUseSiteColors={shouldUseSiteColors}\n                presetColors={presetColors}\n                onPresetColorAdd={onPresetColorAdd}\n                onPresetColorRemove={onPresetColorRemove}\n                shouldShowAsPopup={shouldShowAsPopup}\n                shouldShowMoreOptions={shouldShowMoreOptions}\n                shouldShowPresetColors={shouldShowPresetColors}\n            />\n        </StyledColorPicker>\n    </ColorPickerProvider>\n);\n\nColorPicker.displayName = 'ColorPicker';\n\nexport default ColorPicker;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,mBAAmB,MAAM,wBAAwB;AACxD,OAAOC,kBAAkB,MAAM,2CAA2C;AAC1E,SAASC,iBAAiB,QAAQ,sBAAsB;AAqDxD,MAAMC,WAAW,GAAGC,IAAA;EAAA,IAAC;IACjBC,aAAa,GAAG,oBAAoB;IACpCC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,sBAAsB,GAAG,KAAK;IAC9BC,iBAAiB,GAAG,IAAI;IACxBC,mBAAmB,GAAG,KAAK;IAC3BC,4BAA4B,GAAG,KAAK;IACpCC,qBAAqB,GAAG,KAAK;IAC7BC,2BAA2B,GAAG,IAAI;IAClCC,4BAA4B,GAAG,IAAI;IACnCC;EACc,CAAC,GAAAZ,IAAA;EAAA,oBACfL,KAAA,CAAAkB,aAAA,CAACjB,mBAAmB;IAACK,aAAa,EAAEA,aAAc;IAACW,QAAQ,EAAEA;EAAS,gBAClEjB,KAAA,CAAAkB,aAAA,CAACf,iBAAiB,qBACdH,KAAA,CAAAkB,aAAA,CAAChB,kBAAkB;IACfc,4BAA4B,EAAEA,4BAA6B;IAC3DD,2BAA2B,EAAEA,2BAA4B;IACzDF,4BAA4B,EAAEA,4BAA6B;IAC3DD,mBAAmB,EAAEA,mBAAoB;IACzCL,YAAY,EAAEA,YAAa;IAC3BE,gBAAgB,EAAEA,gBAAiB;IACnCD,mBAAmB,EAAEA,mBAAoB;IACzCG,iBAAiB,EAAEA,iBAAkB;IACrCG,qBAAqB,EAAEA,qBAAsB;IAC7CJ,sBAAsB,EAAEA;EAAuB,CAClD,CACc,CACF,CAAC;AAAA,CACzB;AAEDN,WAAW,CAACe,WAAW,GAAG,aAAa;AAEvC,eAAef,WAAW","ignoreList":[]}

package/lib/esm/components/color-picker/color-picker-wrapper/ColorPickerWrapper.js

@@ -10,6 +10,7 @@ const ColorPickerWrapper = _ref => {
     onPresetColorAdd,
     shouldShowPresetColors,
     shouldShowAsPopup,
+    shouldUseSiteColors,
     shouldShowTransparencySlider,
     shouldShowMoreOptions,
     shouldShowRoundPreviewColor,
@@ -23,6 +24,7 @@ const ColorPickerWrapper = _ref => {
     onPresetColorRemove: onPresetColorRemove,
     onPresetColorAdd: onPresetColorAdd,
     presetColors: presetColors,
+    shouldUseSiteColors: shouldUseSiteColors,
     shouldShowMoreOptions: shouldShowMoreOptions,
     shouldShowTransparencySlider: shouldShowTransparencySlider
   }), [onPresetColorAdd, onPresetColorRemove, presetColors, shouldShowMoreOptions, shouldShowPresetColors, shouldShowTransparencySlider]);

package/lib/esm/components/color-picker/color-picker-wrapper/ColorPickerWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerWrapper.js","names":["Popup","React","useContext","useMemo","ColorPickerPopup","ColorPickerContext","StyledColorPickerWrapper","StyledColorPickerWrapperInfo","StyledColorPickerWrapperInfoColor","StyledColorPickerWrapperInfoColorWrapper","StyledColorPickerWrapperInfoText","ColorPickerWrapper","_ref","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowAsPopup","shouldShowTransparencySlider","shouldShowMoreOptions","shouldShowRoundPreviewColor","shouldShowPreviewColorString","selectedColor","content","createElement","$shouldShowRoundPreviewColor","$color","displayName"],"sources":["../../../../../src/components/color-picker/color-picker-wrapper/ColorPickerWrapper.tsx"],"sourcesContent":["import { Popup } from '@chayns-components/core';\nimport React, { useContext, useMemo } from 'react';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport ColorPickerPopup from '../../color-picker-popup/ColorPickerPopup';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport {\n    StyledColorPickerWrapper,\n    StyledColorPickerWrapperInfo,\n    StyledColorPickerWrapperInfoColor,\n    StyledColorPickerWrapperInfoColorWrapper,\n    StyledColorPickerWrapperInfoText,\n} from './ColorPickerWrapper.styles';\n\ninterface ColorPickerWrapperProps {\n    presetColors?: IPresetColor[];\n    shouldShowPresetColors: boolean;\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldShowTransparencySlider: boolean;\n    shouldShowMoreOptions: boolean;\n    shouldShowAsPopup: boolean;\n    shouldShowPreviewColorString: boolean;\n    shouldShowRoundPreviewColor: boolean;\n}\n\nconst ColorPickerWrapper = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors,\n    shouldShowAsPopup,\n    shouldShowTransparencySlider,\n    shouldShowMoreOptions,\n    shouldShowRoundPreviewColor,\n    shouldShowPreviewColorString,\n}: ColorPickerWrapperProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const content = useMemo(\n        () => (\n            <ColorPickerPopup\n                shouldShowPresetColors={shouldShowPresetColors}\n                onPresetColorRemove={onPresetColorRemove}\n                onPresetColorAdd={onPresetColorAdd}\n                presetColors={presetColors}\n                shouldShowMoreOptions={shouldShowMoreOptions}\n                shouldShowTransparencySlider={shouldShowTransparencySlider}\n            />\n        ),\n        [\n            onPresetColorAdd,\n            onPresetColorRemove,\n            presetColors,\n            shouldShowMoreOptions,\n            shouldShowPresetColors,\n            shouldShowTransparencySlider,\n        ],\n    );\n\n    return (\n        <StyledColorPickerWrapper>\n            {shouldShowAsPopup ? (\n                <Popup content={content}>\n                    <StyledColorPickerWrapperInfo>\n                        <StyledColorPickerWrapperInfoColorWrapper\n                            $shouldShowRoundPreviewColor={shouldShowRoundPreviewColor}\n                        >\n                            <StyledColorPickerWrapperInfoColor $color={selectedColor} />\n                        </StyledColorPickerWrapperInfoColorWrapper>\n\n                        {shouldShowPreviewColorString && (\n                            <StyledColorPickerWrapperInfoText>\n                                {selectedColor}\n                            </StyledColorPickerWrapperInfoText>\n                        )}\n                    </StyledColorPickerWrapperInfo>\n                </Popup>\n            ) : (\n                content\n            )}\n        </StyledColorPickerWrapper>\n    );\n};\n\nColorPickerWrapper.displayName = 'ColorPickerWrapper';\n\nexport default ColorPickerWrapper;\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,yBAAyB;AAC/C,OAAOC,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,OAAOC,gBAAgB,MAAM,2CAA2C;AACxE,SAASC,kBAAkB,QAAQ,2BAA2B;AAC9D,SACIC,wBAAwB,EACxBC,4BAA4B,EAC5BC,iCAAiC,EACjCC,wCAAwC,EACxCC,gCAAgC,QAC7B,6BAA6B;AAcpC,MAAMC,kBAAkB,GAAGC,IAAA,IAUI;EAAA,IAVH;IACxBC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,sBAAsB;IACtBC,iBAAiB;IACjBC,4BAA4B;IAC5BC,qBAAqB;IACrBC,2BAA2B;IAC3BC;EACqB,CAAC,GAAAT,IAAA;EACtB,MAAM;IAAEU;EAAc,CAAC,GAAGpB,UAAU,CAACG,kBAAkB,CAAC;EAExD,MAAMkB,OAAO,GAAGpB,OAAO,CACnB,mBACIF,KAAA,CAAAuB,aAAA,CAACpB,gBAAgB;IACbY,sBAAsB,EAAEA,sBAAuB;IAC/CF,mBAAmB,EAAEA,mBAAoB;IACzCC,gBAAgB,EAAEA,gBAAiB;IACnCF,YAAY,EAAEA,YAAa;IAC3BM,qBAAqB,EAAEA,qBAAsB;IAC7CD,4BAA4B,EAAEA;EAA6B,CAC9D,CACJ,EACD,CACIH,gBAAgB,EAChBD,mBAAmB,EACnBD,YAAY,EACZM,qBAAqB,EACrBH,sBAAsB,EACtBE,4BAA4B,CAEpC,CAAC;EAED,oBACIjB,KAAA,CAAAuB,aAAA,CAAClB,wBAAwB,QACpBW,iBAAiB,gBACdhB,KAAA,CAAAuB,aAAA,CAACxB,KAAK;IAACuB,OAAO,EAAEA;EAAQ,gBACpBtB,KAAA,CAAAuB,aAAA,CAACjB,4BAA4B,qBACzBN,KAAA,CAAAuB,aAAA,CAACf,wCAAwC;IACrCgB,4BAA4B,EAAEL;EAA4B,gBAE1DnB,KAAA,CAAAuB,aAAA,CAAChB,iCAAiC;IAACkB,MAAM,EAAEJ;EAAc,CAAE,CACrB,CAAC,EAE1CD,4BAA4B,iBACzBpB,KAAA,CAAAuB,aAAA,CAACd,gCAAgC,QAC5BY,aAC6B,CAEZ,CAC3B,CAAC,GAERC,OAEkB,CAAC;AAEnC,CAAC;AAEDZ,kBAAkB,CAACgB,WAAW,GAAG,oBAAoB;AAErD,eAAehB,kBAAkB","ignoreList":[]}
+{"version":3,"file":"ColorPickerWrapper.js","names":["Popup","React","useContext","useMemo","ColorPickerPopup","ColorPickerContext","StyledColorPickerWrapper","StyledColorPickerWrapperInfo","StyledColorPickerWrapperInfoColor","StyledColorPickerWrapperInfoColorWrapper","StyledColorPickerWrapperInfoText","ColorPickerWrapper","_ref","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowAsPopup","shouldUseSiteColors","shouldShowTransparencySlider","shouldShowMoreOptions","shouldShowRoundPreviewColor","shouldShowPreviewColorString","selectedColor","content","createElement","$shouldShowRoundPreviewColor","$color","displayName"],"sources":["../../../../../src/components/color-picker/color-picker-wrapper/ColorPickerWrapper.tsx"],"sourcesContent":["import { Popup } from '@chayns-components/core';\nimport React, { useContext, useMemo } from 'react';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport ColorPickerPopup from '../../color-picker-popup/ColorPickerPopup';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport {\n    StyledColorPickerWrapper,\n    StyledColorPickerWrapperInfo,\n    StyledColorPickerWrapperInfoColor,\n    StyledColorPickerWrapperInfoColorWrapper,\n    StyledColorPickerWrapperInfoText,\n} from './ColorPickerWrapper.styles';\n\ninterface ColorPickerWrapperProps {\n    presetColors?: IPresetColor[];\n    shouldShowPresetColors: boolean;\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldShowTransparencySlider: boolean;\n    shouldShowMoreOptions: boolean;\n    shouldShowAsPopup: boolean;\n    shouldShowPreviewColorString: boolean;\n    shouldShowRoundPreviewColor: boolean;\n    shouldUseSiteColors: boolean;\n}\n\nconst ColorPickerWrapper = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors,\n    shouldShowAsPopup,\n    shouldUseSiteColors,\n    shouldShowTransparencySlider,\n    shouldShowMoreOptions,\n    shouldShowRoundPreviewColor,\n    shouldShowPreviewColorString,\n}: ColorPickerWrapperProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const content = useMemo(\n        () => (\n            <ColorPickerPopup\n                shouldShowPresetColors={shouldShowPresetColors}\n                onPresetColorRemove={onPresetColorRemove}\n                onPresetColorAdd={onPresetColorAdd}\n                presetColors={presetColors}\n                shouldUseSiteColors={shouldUseSiteColors}\n                shouldShowMoreOptions={shouldShowMoreOptions}\n                shouldShowTransparencySlider={shouldShowTransparencySlider}\n            />\n        ),\n        [\n            onPresetColorAdd,\n            onPresetColorRemove,\n            presetColors,\n            shouldShowMoreOptions,\n            shouldShowPresetColors,\n            shouldShowTransparencySlider,\n        ],\n    );\n\n    return (\n        <StyledColorPickerWrapper>\n            {shouldShowAsPopup ? (\n                <Popup content={content}>\n                    <StyledColorPickerWrapperInfo>\n                        <StyledColorPickerWrapperInfoColorWrapper\n                            $shouldShowRoundPreviewColor={shouldShowRoundPreviewColor}\n                        >\n                            <StyledColorPickerWrapperInfoColor $color={selectedColor} />\n                        </StyledColorPickerWrapperInfoColorWrapper>\n\n                        {shouldShowPreviewColorString && (\n                            <StyledColorPickerWrapperInfoText>\n                                {selectedColor}\n                            </StyledColorPickerWrapperInfoText>\n                        )}\n                    </StyledColorPickerWrapperInfo>\n                </Popup>\n            ) : (\n                content\n            )}\n        </StyledColorPickerWrapper>\n    );\n};\n\nColorPickerWrapper.displayName = 'ColorPickerWrapper';\n\nexport default ColorPickerWrapper;\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,yBAAyB;AAC/C,OAAOC,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,OAAOC,gBAAgB,MAAM,2CAA2C;AACxE,SAASC,kBAAkB,QAAQ,2BAA2B;AAC9D,SACIC,wBAAwB,EACxBC,4BAA4B,EAC5BC,iCAAiC,EACjCC,wCAAwC,EACxCC,gCAAgC,QAC7B,6BAA6B;AAepC,MAAMC,kBAAkB,GAAGC,IAAA,IAWI;EAAA,IAXH;IACxBC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,sBAAsB;IACtBC,iBAAiB;IACjBC,mBAAmB;IACnBC,4BAA4B;IAC5BC,qBAAqB;IACrBC,2BAA2B;IAC3BC;EACqB,CAAC,GAAAV,IAAA;EACtB,MAAM;IAAEW;EAAc,CAAC,GAAGrB,UAAU,CAACG,kBAAkB,CAAC;EAExD,MAAMmB,OAAO,GAAGrB,OAAO,CACnB,mBACIF,KAAA,CAAAwB,aAAA,CAACrB,gBAAgB;IACbY,sBAAsB,EAAEA,sBAAuB;IAC/CF,mBAAmB,EAAEA,mBAAoB;IACzCC,gBAAgB,EAAEA,gBAAiB;IACnCF,YAAY,EAAEA,YAAa;IAC3BK,mBAAmB,EAAEA,mBAAoB;IACzCE,qBAAqB,EAAEA,qBAAsB;IAC7CD,4BAA4B,EAAEA;EAA6B,CAC9D,CACJ,EACD,CACIJ,gBAAgB,EAChBD,mBAAmB,EACnBD,YAAY,EACZO,qBAAqB,EACrBJ,sBAAsB,EACtBG,4BAA4B,CAEpC,CAAC;EAED,oBACIlB,KAAA,CAAAwB,aAAA,CAACnB,wBAAwB,QACpBW,iBAAiB,gBACdhB,KAAA,CAAAwB,aAAA,CAACzB,KAAK;IAACwB,OAAO,EAAEA;EAAQ,gBACpBvB,KAAA,CAAAwB,aAAA,CAAClB,4BAA4B,qBACzBN,KAAA,CAAAwB,aAAA,CAAChB,wCAAwC;IACrCiB,4BAA4B,EAAEL;EAA4B,gBAE1DpB,KAAA,CAAAwB,aAAA,CAACjB,iCAAiC;IAACmB,MAAM,EAAEJ;EAAc,CAAE,CACrB,CAAC,EAE1CD,4BAA4B,iBACzBrB,KAAA,CAAAwB,aAAA,CAACf,gCAAgC,QAC5Ba,aAC6B,CAEZ,CAC3B,CAAC,GAERC,OAEkB,CAAC;AAEnC,CAAC;AAEDb,kBAAkB,CAACiB,WAAW,GAAG,oBAAoB;AAErD,eAAejB,kBAAkB","ignoreList":[]}

package/lib/esm/components/color-picker-popup/ColorPickerPopup.js

@@ -11,12 +11,14 @@ const ColorPickerPopup = _ref => {
     onPresetColorAdd,
     shouldShowPresetColors,
     shouldShowTransparencySlider,
+    shouldUseSiteColors,
     shouldShowMoreOptions
   } = _ref;
   return /*#__PURE__*/React.createElement(StyledColorPickerPopup, null, /*#__PURE__*/React.createElement(ColorArea, null), /*#__PURE__*/React.createElement(Sliders, {
     shouldShowTransparencySlider: shouldShowTransparencySlider
   }), shouldShowPresetColors && /*#__PURE__*/React.createElement(PresetColors, {
     presetColors: presetColors,
+    shouldUseSiteColors: shouldUseSiteColors,
     onPresetColorAdd: onPresetColorAdd,
     onPresetColorRemove: onPresetColorRemove
   }), shouldShowMoreOptions && /*#__PURE__*/React.createElement(MoreOptions, null));

package/lib/esm/components/color-picker-popup/ColorPickerPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerPopup.js","names":["React","ColorArea","StyledColorPickerPopup","MoreOptions","PresetColors","Sliders","ColorPickerPopup","_ref","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowTransparencySlider","shouldShowMoreOptions","createElement","displayName"],"sources":["../../../../src/components/color-picker-popup/ColorPickerPopup.tsx"],"sourcesContent":["import React from 'react';\nimport type { IPresetColor } from '../../types/colorPicker';\nimport ColorArea from './color-area/ColorArea';\nimport { StyledColorPickerPopup } from './ColorPickerPopup.styles';\nimport MoreOptions from './more-options/MoreOptions';\nimport PresetColors from './preset-colors/PresetColors';\nimport Sliders from './sliders/Sliders';\n\ninterface ColorPickerPopupProps {\n    presetColors?: IPresetColor[];\n    shouldShowPresetColors: boolean;\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldShowTransparencySlider: boolean;\n    shouldShowMoreOptions: boolean;\n}\n\nconst ColorPickerPopup = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors,\n    shouldShowTransparencySlider,\n    shouldShowMoreOptions,\n}: ColorPickerPopupProps) => (\n    <StyledColorPickerPopup>\n        <ColorArea />\n        <Sliders shouldShowTransparencySlider={shouldShowTransparencySlider} />\n        {shouldShowPresetColors && (\n            <PresetColors\n                presetColors={presetColors}\n                onPresetColorAdd={onPresetColorAdd}\n                onPresetColorRemove={onPresetColorRemove}\n            />\n        )}\n        {shouldShowMoreOptions && <MoreOptions />}\n    </StyledColorPickerPopup>\n);\n\nColorPickerPopup.displayName = 'ColorPickerPopup';\n\nexport default ColorPickerPopup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,SAASC,sBAAsB,QAAQ,2BAA2B;AAClE,OAAOC,WAAW,MAAM,4BAA4B;AACpD,OAAOC,YAAY,MAAM,8BAA8B;AACvD,OAAOC,OAAO,MAAM,mBAAmB;AAWvC,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IACtBC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,sBAAsB;IACtBC,4BAA4B;IAC5BC;EACmB,CAAC,GAAAN,IAAA;EAAA,oBACpBP,KAAA,CAAAc,aAAA,CAACZ,sBAAsB,qBACnBF,KAAA,CAAAc,aAAA,CAACb,SAAS,MAAE,CAAC,eACbD,KAAA,CAAAc,aAAA,CAACT,OAAO;IAACO,4BAA4B,EAAEA;EAA6B,CAAE,CAAC,EACtED,sBAAsB,iBACnBX,KAAA,CAAAc,aAAA,CAACV,YAAY;IACTI,YAAY,EAAEA,YAAa;IAC3BE,gBAAgB,EAAEA,gBAAiB;IACnCD,mBAAmB,EAAEA;EAAoB,CAC5C,CACJ,EACAI,qBAAqB,iBAAIb,KAAA,CAAAc,aAAA,CAACX,WAAW,MAAE,CACpB,CAAC;AAAA,CAC5B;AAEDG,gBAAgB,CAACS,WAAW,GAAG,kBAAkB;AAEjD,eAAeT,gBAAgB","ignoreList":[]}
+{"version":3,"file":"ColorPickerPopup.js","names":["React","ColorArea","StyledColorPickerPopup","MoreOptions","PresetColors","Sliders","ColorPickerPopup","_ref","presetColors","onPresetColorRemove","onPresetColorAdd","shouldShowPresetColors","shouldShowTransparencySlider","shouldUseSiteColors","shouldShowMoreOptions","createElement","displayName"],"sources":["../../../../src/components/color-picker-popup/ColorPickerPopup.tsx"],"sourcesContent":["import React from 'react';\nimport type { IPresetColor } from '../../types/colorPicker';\nimport ColorArea from './color-area/ColorArea';\nimport { StyledColorPickerPopup } from './ColorPickerPopup.styles';\nimport MoreOptions from './more-options/MoreOptions';\nimport PresetColors from './preset-colors/PresetColors';\nimport Sliders from './sliders/Sliders';\n\ninterface ColorPickerPopupProps {\n    presetColors?: IPresetColor[];\n    shouldShowPresetColors: boolean;\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldShowTransparencySlider: boolean;\n    shouldShowMoreOptions: boolean;\n    shouldUseSiteColors: boolean;\n}\n\nconst ColorPickerPopup = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldShowPresetColors,\n    shouldShowTransparencySlider,\n    shouldUseSiteColors,\n    shouldShowMoreOptions,\n}: ColorPickerPopupProps) => (\n    <StyledColorPickerPopup>\n        <ColorArea />\n        <Sliders shouldShowTransparencySlider={shouldShowTransparencySlider} />\n        {shouldShowPresetColors && (\n            <PresetColors\n                presetColors={presetColors}\n                shouldUseSiteColors={shouldUseSiteColors}\n                onPresetColorAdd={onPresetColorAdd}\n                onPresetColorRemove={onPresetColorRemove}\n            />\n        )}\n        {shouldShowMoreOptions && <MoreOptions />}\n    </StyledColorPickerPopup>\n);\n\nColorPickerPopup.displayName = 'ColorPickerPopup';\n\nexport default ColorPickerPopup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,SAASC,sBAAsB,QAAQ,2BAA2B;AAClE,OAAOC,WAAW,MAAM,4BAA4B;AACpD,OAAOC,YAAY,MAAM,8BAA8B;AACvD,OAAOC,OAAO,MAAM,mBAAmB;AAYvC,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IACtBC,YAAY;IACZC,mBAAmB;IACnBC,gBAAgB;IAChBC,sBAAsB;IACtBC,4BAA4B;IAC5BC,mBAAmB;IACnBC;EACmB,CAAC,GAAAP,IAAA;EAAA,oBACpBP,KAAA,CAAAe,aAAA,CAACb,sBAAsB,qBACnBF,KAAA,CAAAe,aAAA,CAACd,SAAS,MAAE,CAAC,eACbD,KAAA,CAAAe,aAAA,CAACV,OAAO;IAACO,4BAA4B,EAAEA;EAA6B,CAAE,CAAC,EACtED,sBAAsB,iBACnBX,KAAA,CAAAe,aAAA,CAACX,YAAY;IACTI,YAAY,EAAEA,YAAa;IAC3BK,mBAAmB,EAAEA,mBAAoB;IACzCH,gBAAgB,EAAEA,gBAAiB;IACnCD,mBAAmB,EAAEA;EAAoB,CAC5C,CACJ,EACAK,qBAAqB,iBAAId,KAAA,CAAAe,aAAA,CAACZ,WAAW,MAAE,CACpB,CAAC;AAAA,CAC5B;AAEDG,gBAAgB,CAACU,WAAW,GAAG,kBAAkB;AAEjD,eAAeV,gBAAgB","ignoreList":[]}

package/lib/esm/components/color-picker-popup/preset-colors/PresetColors.js

@@ -1,7 +1,9 @@
 import { isHex } from '@chayns/colors';
-import React, { useContext, useMemo } from 'react';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
+import { putSiteColors } from '../../../api/color/get';
+import { getSiteColors } from '../../../api/color/put';
 import { PRESETCOLORS } from '../../../constants/color';
-import { hexToRgb } from '../../../utils/color';
+import { extractRgbValues, hexToRgb, rgbToHex } from '../../../utils/color';
 import { ColorPickerContext } from '../../ColorPickerProvider';
 import PresetButton from './preset-button/PresetButton';
 import PresetColor from './preset-color/PresetColor';
@@ -10,18 +12,73 @@ const PresetColors = _ref => {
   let {
     presetColors,
     onPresetColorRemove,
-    onPresetColorAdd
+    onPresetColorAdd,
+    shouldUseSiteColors
   } = _ref;
   const {
     selectedColor
   } = useContext(ColorPickerContext);
+  const [siteColors, setSiteColors] = useState(undefined);
+  const loadSiteColors = async presetColorId => {
+    const colors = await getSiteColors();
+    setSiteColors(prevColors => {
+      const newColors = colors.value.map(color => {
+        const {
+          r,
+          g,
+          b,
+          a
+        } = hexToRgb(color);
+        const newColor = `rgba(${r},${g},${b},${a})`;
+        return {
+          color: newColor,
+          id: Math.random().toString(),
+          isCustom: true
+        };
+      });
+      if (!presetColorId) {
+        return newColors;
+      }
+      const deletedColor = prevColors?.find(_ref2 => {
+        let {
+          id
+        } = _ref2;
+        return id === presetColorId;
+      })?.color;
+      if (!deletedColor) {
+        return newColors;
+      }
+      const filteredColors = newColors?.filter(_ref3 => {
+        let {
+          color
+        } = _ref3;
+        return color !== deletedColor;
+      });
+      const formattedColors = filteredColors?.map(_ref4 => {
+        let {
+          color
+        } = _ref4;
+        const rgbValues = extractRgbValues(color);
+        return rgbToHex(rgbValues);
+      });
+      void putSiteColors(formattedColors ?? []);
+      return filteredColors;
+    });
+  };
+  useEffect(() => {
+    if (!shouldUseSiteColors) {
+      setSiteColors(undefined);
+      return;
+    }
+    void loadSiteColors();
+  }, [shouldUseSiteColors]);
   const combinedColors = useMemo(() => {
-    const tmp = (presetColors ?? []).map(_ref2 => {
+    const tmp = (presetColors ?? []).map(_ref5 => {
       let {
         color,
         isCustom,
         id
-      } = _ref2;
+      } = _ref5;
       let newColor = color;
       if (isHex(color)) {
         const {
@@ -38,15 +95,15 @@ const PresetColors = _ref => {
         color: newColor
       };
     });
-    return [...PRESETCOLORS, ...tmp];
-  }, [presetColors]);
+    return [...PRESETCOLORS, ...(siteColors ?? []), ...tmp];
+  }, [presetColors, siteColors]);
   const content = useMemo(() => {
     const items = [];
-    combinedColors.forEach(_ref3 => {
+    combinedColors.forEach(_ref6 => {
       let {
         color,
         id
-      } = _ref3;
+      } = _ref6;
       items.push(/*#__PURE__*/React.createElement(PresetColor, {
         key: `preset-color__${id}`,
         color: color
@@ -54,17 +111,40 @@ const PresetColors = _ref => {
     });
     return items;
   }, [combinedColors]);
-  const currentPresetColor = useMemo(() => combinedColors.find(_ref4 => {
+  const currentPresetColor = useMemo(() => combinedColors.find(_ref7 => {
     let {
       color
-    } = _ref4;
+    } = _ref7;
     return color === selectedColor;
   }), [combinedColors, selectedColor]);
+  const handleAddColor = presetColor => {
+    if (typeof onPresetColorAdd === 'function') {
+      onPresetColorAdd(presetColor);
+    }
+    setSiteColors(prevColors => {
+      const colors = [...(prevColors ?? []), presetColor];
+      const newColors = colors?.map(_ref8 => {
+        let {
+          color
+        } = _ref8;
+        const rgbValues = extractRgbValues(color);
+        return rgbToHex(rgbValues);
+      });
+      void putSiteColors(newColors);
+      return colors;
+    });
+  };
+  const handleRemoveColor = presetColorId => {
+    void loadSiteColors(presetColorId);
+    if (typeof onPresetColorRemove === 'function') {
+      onPresetColorRemove(presetColorId);
+    }
+  };
   return /*#__PURE__*/React.createElement(StyledPresetColors, null, content, /*#__PURE__*/React.createElement(PresetButton, {
     id: currentPresetColor?.id,
     isCustom: currentPresetColor?.isCustom,
-    onAdd: onPresetColorAdd,
-    onRemove: onPresetColorRemove
+    onAdd: handleAddColor,
+    onRemove: handleRemoveColor
   }));
 };
 PresetColors.displayName = 'PresetColors';

package/lib/esm/components/color-picker-popup/preset-colors/PresetColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetColors.js","names":["isHex","React","useContext","useMemo","PRESETCOLORS","hexToRgb","ColorPickerContext","PresetButton","PresetColor","StyledPresetColors","PresetColors","_ref","presetColors","onPresetColorRemove","onPresetColorAdd","selectedColor","combinedColors","tmp","map","_ref2","color","isCustom","id","newColor","r","g","b","a","content","items","forEach","_ref3","push","createElement","key","currentPresetColor","find","_ref4","onAdd","onRemove","displayName"],"sources":["../../../../../src/components/color-picker-popup/preset-colors/PresetColors.tsx"],"sourcesContent":["import { isHex } from '@chayns/colors';\nimport React, { useContext, useMemo, type ReactElement } from 'react';\n\nimport { PRESETCOLORS } from '../../../constants/color';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport { hexToRgb } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport PresetButton from './preset-button/PresetButton';\nimport PresetColor from './preset-color/PresetColor';\nimport { StyledPresetColors } from './PresetColors.styles';\n\ninterface PresetColorsProps {\n    presetColors?: IPresetColor[];\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n}\n\nconst PresetColors = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n}: PresetColorsProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const combinedColors = useMemo(() => {\n        const tmp = (presetColors ?? []).map(({ color, isCustom, id }) => {\n            let newColor = color;\n\n            if (isHex(color)) {\n                const { r, g, b, a } = hexToRgb(color);\n\n                newColor = `rgba(${r},${g},${b},${a})`;\n            }\n\n            return {\n                id,\n                isCustom,\n                color: newColor,\n            };\n        });\n\n        return [...PRESETCOLORS, ...tmp];\n    }, [presetColors]);\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        combinedColors.forEach(({ color, id }) => {\n            items.push(<PresetColor key={`preset-color__${id}`} color={color} />);\n        });\n\n        return items;\n    }, [combinedColors]);\n\n    const currentPresetColor = useMemo(\n        () => combinedColors.find(({ color }) => color === selectedColor),\n        [combinedColors, selectedColor],\n    );\n\n    return (\n        <StyledPresetColors>\n            {content}\n            <PresetButton\n                id={currentPresetColor?.id}\n                isCustom={currentPresetColor?.isCustom}\n                onAdd={onPresetColorAdd}\n                onRemove={onPresetColorRemove}\n            />\n        </StyledPresetColors>\n    );\n};\n\nPresetColors.displayName = 'PresetColors';\n\nexport default PresetColors;\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,gBAAgB;AACtC,OAAOC,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAA2B,OAAO;AAErE,SAASC,YAAY,QAAQ,0BAA0B;AAEvD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,kBAAkB,QAAQ,2BAA2B;AAC9D,OAAOC,YAAY,MAAM,8BAA8B;AACvD,OAAOC,WAAW,MAAM,4BAA4B;AACpD,SAASC,kBAAkB,QAAQ,uBAAuB;AAQ1D,MAAMC,YAAY,GAAGC,IAAA,IAII;EAAA,IAJH;IAClBC,YAAY;IACZC,mBAAmB;IACnBC;EACe,CAAC,GAAAH,IAAA;EAChB,MAAM;IAAEI;EAAc,CAAC,GAAGb,UAAU,CAACI,kBAAkB,CAAC;EAExD,MAAMU,cAAc,GAAGb,OAAO,CAAC,MAAM;IACjC,MAAMc,GAAG,GAAG,CAACL,YAAY,IAAI,EAAE,EAAEM,GAAG,CAACC,KAAA,IAA6B;MAAA,IAA5B;QAAEC,KAAK;QAAEC,QAAQ;QAAEC;MAAG,CAAC,GAAAH,KAAA;MACzD,IAAII,QAAQ,GAAGH,KAAK;MAEpB,IAAIpB,KAAK,CAACoB,KAAK,CAAC,EAAE;QACd,MAAM;UAAEI,CAAC;UAAEC,CAAC;UAAEC,CAAC;UAAEC;QAAE,CAAC,GAAGtB,QAAQ,CAACe,KAAK,CAAC;QAEtCG,QAAQ,GAAG,QAAQC,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAIC,CAAC,GAAG;MAC1C;MAEA,OAAO;QACHL,EAAE;QACFD,QAAQ;QACRD,KAAK,EAAEG;MACX,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CAAC,GAAGnB,YAAY,EAAE,GAAGa,GAAG,CAAC;EACpC,CAAC,EAAE,CAACL,YAAY,CAAC,CAAC;EAElB,MAAMgB,OAAO,GAAGzB,OAAO,CAAC,MAAM;IAC1B,MAAM0B,KAAqB,GAAG,EAAE;IAEhCb,cAAc,CAACc,OAAO,CAACC,KAAA,IAAmB;MAAA,IAAlB;QAAEX,KAAK;QAAEE;MAAG,CAAC,GAAAS,KAAA;MACjCF,KAAK,CAACG,IAAI,cAAC/B,KAAA,CAAAgC,aAAA,CAACzB,WAAW;QAAC0B,GAAG,EAAE,iBAAiBZ,EAAE,EAAG;QAACF,KAAK,EAAEA;MAAM,CAAE,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,OAAOS,KAAK;EAChB,CAAC,EAAE,CAACb,cAAc,CAAC,CAAC;EAEpB,MAAMmB,kBAAkB,GAAGhC,OAAO,CAC9B,MAAMa,cAAc,CAACoB,IAAI,CAACC,KAAA;IAAA,IAAC;MAAEjB;IAAM,CAAC,GAAAiB,KAAA;IAAA,OAAKjB,KAAK,KAAKL,aAAa;EAAA,EAAC,EACjE,CAACC,cAAc,EAAED,aAAa,CAClC,CAAC;EAED,oBACId,KAAA,CAAAgC,aAAA,CAACxB,kBAAkB,QACdmB,OAAO,eACR3B,KAAA,CAAAgC,aAAA,CAAC1B,YAAY;IACTe,EAAE,EAAEa,kBAAkB,EAAEb,EAAG;IAC3BD,QAAQ,EAAEc,kBAAkB,EAAEd,QAAS;IACvCiB,KAAK,EAAExB,gBAAiB;IACxByB,QAAQ,EAAE1B;EAAoB,CACjC,CACe,CAAC;AAE7B,CAAC;AAEDH,YAAY,CAAC8B,WAAW,GAAG,cAAc;AAEzC,eAAe9B,YAAY","ignoreList":[]}
+{"version":3,"file":"PresetColors.js","names":["isHex","React","useContext","useEffect","useMemo","useState","putSiteColors","getSiteColors","PRESETCOLORS","extractRgbValues","hexToRgb","rgbToHex","ColorPickerContext","PresetButton","PresetColor","StyledPresetColors","PresetColors","_ref","presetColors","onPresetColorRemove","onPresetColorAdd","shouldUseSiteColors","selectedColor","siteColors","setSiteColors","undefined","loadSiteColors","presetColorId","colors","prevColors","newColors","value","map","color","r","g","b","a","newColor","id","Math","random","toString","isCustom","deletedColor","find","_ref2","filteredColors","filter","_ref3","formattedColors","_ref4","rgbValues","combinedColors","tmp","_ref5","content","items","forEach","_ref6","push","createElement","key","currentPresetColor","_ref7","handleAddColor","presetColor","_ref8","handleRemoveColor","onAdd","onRemove","displayName"],"sources":["../../../../../src/components/color-picker-popup/preset-colors/PresetColors.tsx"],"sourcesContent":["import { isHex } from '@chayns/colors';\nimport React, { useContext, useEffect, useMemo, useState, type ReactElement } from 'react';\n\nimport { putSiteColors } from '../../../api/color/get';\nimport { getSiteColors } from '../../../api/color/put';\nimport { PRESETCOLORS } from '../../../constants/color';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport { extractRgbValues, hexToRgb, rgbToHex } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport PresetButton from './preset-button/PresetButton';\nimport PresetColor from './preset-color/PresetColor';\nimport { StyledPresetColors } from './PresetColors.styles';\n\ninterface PresetColorsProps {\n    presetColors?: IPresetColor[];\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldUseSiteColors: boolean;\n}\n\nconst PresetColors = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldUseSiteColors,\n}: PresetColorsProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const [siteColors, setSiteColors] = useState<IPresetColor[] | undefined>(undefined);\n\n    const loadSiteColors = async (presetColorId?: IPresetColor['id']) => {\n        const colors = await getSiteColors();\n\n        setSiteColors((prevColors) => {\n            const newColors = colors.value.map((color) => {\n                const { r, g, b, a } = hexToRgb(color);\n\n                const newColor = `rgba(${r},${g},${b},${a})`;\n\n                return {\n                    color: newColor,\n                    id: Math.random().toString(),\n                    isCustom: true,\n                };\n            });\n\n            if (!presetColorId) {\n                return newColors;\n            }\n\n            const deletedColor = prevColors?.find(({ id }) => id === presetColorId)?.color;\n\n            if (!deletedColor) {\n                return newColors;\n            }\n\n            const filteredColors = newColors?.filter(({ color }) => color !== deletedColor);\n\n            const formattedColors = filteredColors?.map(({ color }) => {\n                const rgbValues = extractRgbValues(color);\n\n                return rgbToHex(rgbValues);\n            });\n\n            void putSiteColors(formattedColors ?? []);\n\n            return filteredColors;\n        });\n    };\n\n    useEffect(() => {\n        if (!shouldUseSiteColors) {\n            setSiteColors(undefined);\n\n            return;\n        }\n\n        void loadSiteColors();\n    }, [shouldUseSiteColors]);\n\n    const combinedColors = useMemo(() => {\n        const tmp = (presetColors ?? []).map(({ color, isCustom, id }) => {\n            let newColor = color;\n\n            if (isHex(color)) {\n                const { r, g, b, a } = hexToRgb(color);\n\n                newColor = `rgba(${r},${g},${b},${a})`;\n            }\n\n            return {\n                id,\n                isCustom,\n                color: newColor,\n            };\n        });\n\n        return [...PRESETCOLORS, ...(siteColors ?? []), ...tmp];\n    }, [presetColors, siteColors]);\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        combinedColors.forEach(({ color, id }) => {\n            items.push(<PresetColor key={`preset-color__${id}`} color={color} />);\n        });\n\n        return items;\n    }, [combinedColors]);\n\n    const currentPresetColor = useMemo(\n        () => combinedColors.find(({ color }) => color === selectedColor),\n        [combinedColors, selectedColor],\n    );\n\n    const handleAddColor = (presetColor: IPresetColor) => {\n        if (typeof onPresetColorAdd === 'function') {\n            onPresetColorAdd(presetColor);\n        }\n\n        setSiteColors((prevColors) => {\n            const colors = [...(prevColors ?? []), presetColor];\n\n            const newColors = colors?.map(({ color }) => {\n                const rgbValues = extractRgbValues(color);\n\n                return rgbToHex(rgbValues);\n            });\n\n            void putSiteColors(newColors);\n\n            return colors;\n        });\n    };\n\n    const handleRemoveColor = (presetColorId: IPresetColor['id']) => {\n        void loadSiteColors(presetColorId);\n\n        if (typeof onPresetColorRemove === 'function') {\n            onPresetColorRemove(presetColorId);\n        }\n    };\n\n    return (\n        <StyledPresetColors>\n            {content}\n            <PresetButton\n                id={currentPresetColor?.id}\n                isCustom={currentPresetColor?.isCustom}\n                onAdd={handleAddColor}\n                onRemove={handleRemoveColor}\n            />\n        </StyledPresetColors>\n    );\n};\n\nPresetColors.displayName = 'PresetColors';\n\nexport default PresetColors;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/constants/color.js

@@ -62,4 +62,5 @@ export const PRESETCOLORS = [{
   id: '20',
   color: 'rgba(0,94,184,1)'
 }];
+export const ITEM_STORAGE_URL = 'https://cube.tobit.cloud/item-storage/api/v1.0';
 //# sourceMappingURL=color.js.map

package/lib/esm/constants/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","names":["PRESETCOLORS","id","color"],"sources":["../../../src/constants/color.ts"],"sourcesContent":["import type { IPresetColor } from '../types/colorPicker';\n\nexport const PRESETCOLORS: IPresetColor[] = [\n    { id: '0', color: 'rgba(0,0,0,1)' },\n    { id: '1', color: 'rgba(67,67,67,1)' },\n    { id: '2', color: 'rgba(102,102,102,1)' },\n    { id: '3', color: 'rgba(153,153,153,1)' },\n    { id: '4', color: 'rgba(183,183,183,1)' },\n    { id: '5', color: 'rgba(204,204,204,1)' },\n    { id: '6', color: 'rgba(217,217,217,1)' },\n    { id: '7', color: 'rgba(239,239,239,1)' },\n    { id: '8', color: 'rgba(243,243,243,1)' },\n    { id: '9', color: 'rgba(255,255,255,1)' },\n    { id: '10', color: 'rgba(244,67,54,1)' },\n    { id: '11', color: 'rgba(255,152,0,1)' },\n    { id: '12', color: 'rgba(255,235,59,1)' },\n    { id: '13', color: 'rgba(0,150,136,1)' },\n    { id: '14', color: 'rgba(121,85,72,1)' },\n    { id: '15', color: 'rgba(139,195,74,1)' },\n    { id: '16', color: 'rgba(76,175,80,1)' },\n    { id: '17', color: 'rgba(156,39,176,1)' },\n    { id: '18', color: 'rgba(63,81,181,1)' },\n    { id: '19', color: 'rgba(3,169,244,1)' },\n    { id: '20', color: 'rgba(0,94,184,1)' },\n];\n"],"mappings":"AAEA,OAAO,MAAMA,YAA4B,GAAG,CACxC;EAAEC,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAgB,CAAC,EACnC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAmB,CAAC,EACtC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAmB,CAAC,CAC1C","ignoreList":[]}
+{"version":3,"file":"color.js","names":["PRESETCOLORS","id","color","ITEM_STORAGE_URL"],"sources":["../../../src/constants/color.ts"],"sourcesContent":["import type { IPresetColor } from '../types/colorPicker';\n\nexport const PRESETCOLORS: IPresetColor[] = [\n    { id: '0', color: 'rgba(0,0,0,1)' },\n    { id: '1', color: 'rgba(67,67,67,1)' },\n    { id: '2', color: 'rgba(102,102,102,1)' },\n    { id: '3', color: 'rgba(153,153,153,1)' },\n    { id: '4', color: 'rgba(183,183,183,1)' },\n    { id: '5', color: 'rgba(204,204,204,1)' },\n    { id: '6', color: 'rgba(217,217,217,1)' },\n    { id: '7', color: 'rgba(239,239,239,1)' },\n    { id: '8', color: 'rgba(243,243,243,1)' },\n    { id: '9', color: 'rgba(255,255,255,1)' },\n    { id: '10', color: 'rgba(244,67,54,1)' },\n    { id: '11', color: 'rgba(255,152,0,1)' },\n    { id: '12', color: 'rgba(255,235,59,1)' },\n    { id: '13', color: 'rgba(0,150,136,1)' },\n    { id: '14', color: 'rgba(121,85,72,1)' },\n    { id: '15', color: 'rgba(139,195,74,1)' },\n    { id: '16', color: 'rgba(76,175,80,1)' },\n    { id: '17', color: 'rgba(156,39,176,1)' },\n    { id: '18', color: 'rgba(63,81,181,1)' },\n    { id: '19', color: 'rgba(3,169,244,1)' },\n    { id: '20', color: 'rgba(0,94,184,1)' },\n];\n\nexport const ITEM_STORAGE_URL = 'https://cube.tobit.cloud/item-storage/api/v1.0';\n"],"mappings":"AAEA,OAAO,MAAMA,YAA4B,GAAG,CACxC;EAAEC,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAgB,CAAC,EACnC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAmB,CAAC,EACtC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACzC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACxC;EAAED,EAAE,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAmB,CAAC,CAC1C;AAED,OAAO,MAAMC,gBAAgB,GAAG,gDAAgD","ignoreList":[]}

package/lib/esm/types/colorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorPicker.js","names":[],"sources":["../../../src/types/colorPicker.ts"],"sourcesContent":["export interface Coordinates {\n    x: number;\n    y: number;\n}\n\nexport interface Scale {\n    scaleX: number;\n    scaleY: number;\n}\n\nexport interface RGB {\n    r: number;\n    g: number;\n    b: number;\n}\n\nexport interface RGBA extends RGB {\n    a: number;\n}\n\nexport interface IPresetColor {\n    isCustom?: boolean;\n    id: string;\n    color: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"colorPicker.js","names":[],"sources":["../../../src/types/colorPicker.ts"],"sourcesContent":["export interface Coordinates {\n    x: number;\n    y: number;\n}\n\nexport interface Scale {\n    scaleX: number;\n    scaleY: number;\n}\n\nexport interface RGB {\n    r: number;\n    g: number;\n    b: number;\n}\n\nexport interface RGBA extends RGB {\n    a: number;\n}\n\nexport interface IPresetColor {\n    isCustom?: boolean;\n    id: string;\n    color: string;\n}\n\nexport interface ItemStorageResult {\n    schemeId?: string;\n    siteId?: string;\n    key?: string;\n    value: string[];\n}\n"],"mappings":"","ignoreList":[]}

package/lib/types/api/color/get.d.ts

@@ -0,0 +1 @@
+export declare const putSiteColors: (colorsArray: string[]) => Promise<boolean>;

package/lib/types/api/color/put.d.ts

@@ -0,0 +1,2 @@
+import { ItemStorageResult } from '../../types/colorPicker';
+export declare const getSiteColors: () => Promise<ItemStorageResult>;

package/lib/types/components/color-picker/ColorPicker.d.ts

@@ -21,6 +21,10 @@ interface ColorPickerProps {
      * The color that should be preselected.
      */
     selectedColor?: string;
+    /**
+     * Whether presetColors should be get and uploaded to the site storage.
+     */
+    shouldUseSiteColors?: boolean;
     /**
      * Whether the ColorPicker should be displayed inside a popup.
      */
@@ -47,7 +51,7 @@ interface ColorPickerProps {
     shouldShowTransparencySlider?: boolean;
 }
 declare const ColorPicker: {
-    ({ selectedColor, presetColors, onPresetColorRemove, onPresetColorAdd, shouldShowPresetColors, shouldShowAsPopup, shouldShowTransparencySlider, shouldShowMoreOptions, shouldShowRoundPreviewColor, shouldShowPreviewColorString, onSelect, }: ColorPickerProps): React.JSX.Element;
+    ({ selectedColor, presetColors, onPresetColorRemove, onPresetColorAdd, shouldShowPresetColors, shouldShowAsPopup, shouldUseSiteColors, shouldShowTransparencySlider, shouldShowMoreOptions, shouldShowRoundPreviewColor, shouldShowPreviewColorString, onSelect, }: ColorPickerProps): React.JSX.Element;
     displayName: string;
 };
 export default ColorPicker;

package/lib/types/components/color-picker/color-picker-wrapper/ColorPickerWrapper.d.ts

@@ -10,9 +10,10 @@ interface ColorPickerWrapperProps {
     shouldShowAsPopup: boolean;
     shouldShowPreviewColorString: boolean;
     shouldShowRoundPreviewColor: boolean;
+    shouldUseSiteColors: boolean;
 }
 declare const ColorPickerWrapper: {
-    ({ presetColors, onPresetColorRemove, onPresetColorAdd, shouldShowPresetColors, shouldShowAsPopup, shouldShowTransparencySlider, shouldShowMoreOptions, shouldShowRoundPreviewColor, shouldShowPreviewColorString, }: ColorPickerWrapperProps): React.JSX.Element;
+    ({ presetColors, onPresetColorRemove, onPresetColorAdd, shouldShowPresetColors, shouldShowAsPopup, shouldUseSiteColors, shouldShowTransparencySlider, shouldShowMoreOptions, shouldShowRoundPreviewColor, shouldShowPreviewColorString, }: ColorPickerWrapperProps): React.JSX.Element;
     displayName: string;
 };
 export default ColorPickerWrapper;

package/lib/types/components/color-picker-popup/ColorPickerPopup.d.ts

@@ -7,9 +7,10 @@ interface ColorPickerPopupProps {
     onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;
     shouldShowTransparencySlider: boolean;
     shouldShowMoreOptions: boolean;
+    shouldUseSiteColors: boolean;
 }
 declare const ColorPickerPopup: {
-    ({ presetColors, onPresetColorRemove, onPresetColorAdd, shouldShowPresetColors, shouldShowTransparencySlider, shouldShowMoreOptions, }: ColorPickerPopupProps): React.JSX.Element;
+    ({ presetColors, onPresetColorRemove, onPresetColorAdd, shouldShowPresetColors, shouldShowTransparencySlider, shouldUseSiteColors, shouldShowMoreOptions, }: ColorPickerPopupProps): React.JSX.Element;
     displayName: string;
 };
 export default ColorPickerPopup;

package/lib/types/components/color-picker-popup/preset-colors/PresetColors.d.ts

@@ -4,9 +4,10 @@ interface PresetColorsProps {
     presetColors?: IPresetColor[];
     onPresetColorAdd?: (presetColor: IPresetColor) => void;
     onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;
+    shouldUseSiteColors: boolean;
 }
 declare const PresetColors: {
-    ({ presetColors, onPresetColorRemove, onPresetColorAdd, }: PresetColorsProps): React.JSX.Element;
+    ({ presetColors, onPresetColorRemove, onPresetColorAdd, shouldUseSiteColors, }: PresetColorsProps): React.JSX.Element;
     displayName: string;
 };
 export default PresetColors;

package/lib/types/constants/color.d.ts

@@ -1,2 +1,3 @@
 import type { IPresetColor } from '../types/colorPicker';
 export declare const PRESETCOLORS: IPresetColor[];
+export declare const ITEM_STORAGE_URL = "https://cube.tobit.cloud/item-storage/api/v1.0";

package/lib/types/types/colorPicker.d.ts

@@ -19,3 +19,9 @@ export interface IPresetColor {
     id: string;
     color: string;
 }
+export interface ItemStorageResult {
+    schemeId?: string;
+    siteId?: string;
+    key?: string;
+    value: string[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/color-picker",
-    "version": "5.0.0-beta.970",
+    "version": "5.0.0-beta.971",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -69,7 +69,7 @@
         "typescript": "^5.7.2"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.970",
+        "@chayns-components/core": "^5.0.0-beta.971",
         "@chayns/colors": "^2.0.0"
     },
     "peerDependencies": {
@@ -82,5 +82,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "898b96321e2b6b4c6f6cc8087584f3707ea40fd9"
+    "gitHead": "72308e9230838c4d3d279ff7d3554cbfd42c89ed"
 }