@chayns-components/color-picker 5.0.0-beta.1000

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Tobit Laboratories AG
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,34 @@
+<div align="center">
+    <h1>
+        <img src="https://raw.githubusercontent.com/TobitSoftware/chayns-components/master/assets/logo.png" width="600px" alt="chayns-components" />
+    </h1>
+    <p>A set of beautiful React components for developing your own applications with chayns.</p>
+    <div>
+        <img src="https://img.shields.io/npm/dm/@chayns-components/typewriter.svg?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/npm/v/@chayns-components/typewriter?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/github/license/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/github/contributors/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
+    </div>
+</div>
+
+---
+
+## Installation
+
+First you need to install the color picker part of the chayns-components.
+
+```bash
+# NPM
+npm install @chayns-components/color-picker
+
+# Yarn
+yarn add @chayns-components/color-picker
+```
+
+> **Information:** Since the components have now been implemented with the styled-components
+> library, the styles are delivered directly with the components. There is no need to load an extra
+> stylesheet anymore.
+
+## Usage
+
+For detailed usage visit the [storybook](https://components.chayns.site/storybook).

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/ColorPickerProvider.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ColorPickerContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _color = require("../utils/color");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ColorPickerContext = exports.ColorPickerContext = /*#__PURE__*/_react.default.createContext({
+  selectedColor: undefined,
+  updateSelectedColor: undefined,
+  hueColor: undefined,
+  updateHueColor: undefined,
+  isPresetColor: undefined,
+  updateIsPresetColor: undefined,
+  shouldGetCoordinates: undefined,
+  updateShouldGetCoordinates: undefined,
+  shouldCallOnSelect: undefined,
+  updateShouldCallOnSelect: undefined,
+  canGetColorFromArea: undefined,
+  updateCanGetColorFromArea: undefined
+});
+ColorPickerContext.displayName = 'ColorPickerContext';
+const ColorPickerProvider = ({
+  children,
+  selectedColor,
+  onSelect
+}) => {
+  const [internalSelectedColor, setInternalSelectedColor] = (0, _react.useState)();
+  const [internalHueColor, setInternalHueColor] = (0, _react.useState)();
+  const [internalIsPresetColor, setInternalIsPresetColor] = (0, _react.useState)(false);
+  const [internalShouldGetCoordinates, setInternalShouldGetCoordinates] = (0, _react.useState)(true);
+  const [internalShouldCallOnSelect, setInternalShouldCallOnSelect] = (0, _react.useState)(false);
+  const [internalCanGetColorFromArea, setInternalCanGetColorFromArea] = (0, _react.useState)(false);
+  const updateSelectedColor = (0, _react.useCallback)(color => {
+    setInternalSelectedColor(color);
+  }, []);
+  const updateHueColor = (0, _react.useCallback)(color => {
+    setInternalHueColor(color);
+  }, []);
+  const updateIsPresetColor = (0, _react.useCallback)(isPresetColor => {
+    setInternalIsPresetColor(isPresetColor);
+  }, []);
+  const updateShouldGetCoordinates = (0, _react.useCallback)(shouldGetCoordinates => {
+    setInternalShouldGetCoordinates(shouldGetCoordinates);
+  }, []);
+  const updateShouldCallOnSelect = (0, _react.useCallback)(shouldCallOnSelect => {
+    setInternalShouldCallOnSelect(shouldCallOnSelect);
+  }, []);
+  const updateCanGetColorFromArea = (0, _react.useCallback)(canGetColorFromArea => {
+    setInternalCanGetColorFromArea(canGetColorFromArea);
+  }, []);
+  (0, _react.useEffect)(() => {
+    let newColor = selectedColor;
+    if (newColor && !(0, _color.isValidRGBA)(newColor)) {
+      const {
+        r,
+        g,
+        b,
+        a
+      } = (0, _color.hexToRgb)(newColor);
+      newColor = `rgba(${r},${g},${b},${a})`;
+    }
+    setInternalSelectedColor(newColor);
+    setInternalHueColor(newColor);
+    setInternalIsPresetColor(true);
+  }, [selectedColor]);
+  (0, _react.useEffect)(() => {
+    if (typeof onSelect === 'function' && internalShouldCallOnSelect && internalSelectedColor) {
+      onSelect(internalSelectedColor);
+      setInternalShouldCallOnSelect(false);
+    }
+  }, [internalSelectedColor, internalShouldCallOnSelect, onSelect]);
+  const providerValue = (0, _react.useMemo)(() => ({
+    selectedColor: internalSelectedColor,
+    updateSelectedColor,
+    hueColor: internalHueColor,
+    updateHueColor,
+    isPresetColor: internalIsPresetColor,
+    updateIsPresetColor,
+    shouldGetCoordinates: internalShouldGetCoordinates,
+    updateShouldGetCoordinates,
+    shouldCallOnSelect: internalShouldCallOnSelect,
+    updateShouldCallOnSelect,
+    canGetColorFromArea: internalCanGetColorFromArea,
+    updateCanGetColorFromArea
+  }), [internalCanGetColorFromArea, internalHueColor, internalIsPresetColor, internalSelectedColor, internalShouldCallOnSelect, internalShouldGetCoordinates, updateCanGetColorFromArea, updateHueColor, updateIsPresetColor, updateSelectedColor, updateShouldCallOnSelect, updateShouldGetCoordinates]);
+  return /*#__PURE__*/_react.default.createElement(ColorPickerContext.Provider, {
+    value: providerValue
+  }, children);
+};
+ColorPickerProvider.displayName = 'ColorPickerProvider';
+var _default = exports.default = ColorPickerProvider;
+//# sourceMappingURL=ColorPickerProvider.js.map

package/lib/cjs/components/ColorPickerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerProvider.js","names":["_react","_interopRequireWildcard","require","_color","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ColorPickerContext","exports","React","createContext","selectedColor","undefined","updateSelectedColor","hueColor","updateHueColor","isPresetColor","updateIsPresetColor","shouldGetCoordinates","updateShouldGetCoordinates","shouldCallOnSelect","updateShouldCallOnSelect","canGetColorFromArea","updateCanGetColorFromArea","displayName","ColorPickerProvider","children","onSelect","internalSelectedColor","setInternalSelectedColor","useState","internalHueColor","setInternalHueColor","internalIsPresetColor","setInternalIsPresetColor","internalShouldGetCoordinates","setInternalShouldGetCoordinates","internalShouldCallOnSelect","setInternalShouldCallOnSelect","internalCanGetColorFromArea","setInternalCanGetColorFromArea","useCallback","color","useEffect","newColor","isValidRGBA","g","b","hexToRgb","providerValue","useMemo","createElement","Provider","value","_default"],"sources":["../../../src/components/ColorPickerProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState, type ReactNode } from 'react';\nimport { hexToRgb, isValidRGBA } from '../utils/color';\n\ninterface IColorPickerContext {\n    selectedColor?: string;\n    updateSelectedColor?: (color: string | undefined) => void;\n    hueColor?: string;\n    updateHueColor?: (color: string | undefined) => void;\n    isPresetColor?: boolean;\n    updateIsPresetColor?: (isPresetColor: boolean) => void;\n    shouldGetCoordinates?: boolean;\n    updateShouldGetCoordinates?: (shouldGetCoordinates: boolean) => void;\n    shouldCallOnSelect?: boolean;\n    updateShouldCallOnSelect?: (shouldCallOnSelect: boolean) => void;\n    canGetColorFromArea?: boolean;\n    updateCanGetColorFromArea?: (canGetColorFromArea: boolean) => void;\n}\n\nexport const ColorPickerContext = React.createContext<IColorPickerContext>({\n    selectedColor: undefined,\n    updateSelectedColor: undefined,\n    hueColor: undefined,\n    updateHueColor: undefined,\n    isPresetColor: undefined,\n    updateIsPresetColor: undefined,\n    shouldGetCoordinates: undefined,\n    updateShouldGetCoordinates: undefined,\n    shouldCallOnSelect: undefined,\n    updateShouldCallOnSelect: undefined,\n    canGetColorFromArea: undefined,\n    updateCanGetColorFromArea: undefined,\n});\n\nColorPickerContext.displayName = 'ColorPickerContext';\n\ninterface ColorPickerProviderProps {\n    /**\n     * The children of the provider.\n     */\n    children: ReactNode;\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\nconst ColorPickerProvider = ({ children, selectedColor, onSelect }: ColorPickerProviderProps) => {\n    const [internalSelectedColor, setInternalSelectedColor] = useState<string>();\n    const [internalHueColor, setInternalHueColor] = useState<string>();\n    const [internalIsPresetColor, setInternalIsPresetColor] = useState<boolean>(false);\n    const [internalShouldGetCoordinates, setInternalShouldGetCoordinates] = useState<boolean>(true);\n    const [internalShouldCallOnSelect, setInternalShouldCallOnSelect] = useState<boolean>(false);\n    const [internalCanGetColorFromArea, setInternalCanGetColorFromArea] = useState<boolean>(false);\n\n    const updateSelectedColor = useCallback((color: string | undefined) => {\n        setInternalSelectedColor(color);\n    }, []);\n\n    const updateHueColor = useCallback((color: string | undefined) => {\n        setInternalHueColor(color);\n    }, []);\n\n    const updateIsPresetColor = useCallback((isPresetColor: boolean) => {\n        setInternalIsPresetColor(isPresetColor);\n    }, []);\n\n    const updateShouldGetCoordinates = useCallback((shouldGetCoordinates: boolean) => {\n        setInternalShouldGetCoordinates(shouldGetCoordinates);\n    }, []);\n\n    const updateShouldCallOnSelect = useCallback((shouldCallOnSelect: boolean) => {\n        setInternalShouldCallOnSelect(shouldCallOnSelect);\n    }, []);\n\n    const updateCanGetColorFromArea = useCallback((canGetColorFromArea: boolean) => {\n        setInternalCanGetColorFromArea(canGetColorFromArea);\n    }, []);\n\n    useEffect(() => {\n        let newColor = selectedColor;\n\n        if (newColor && !isValidRGBA(newColor)) {\n            const { r, g, b, a } = hexToRgb(newColor);\n\n            newColor = `rgba(${r},${g},${b},${a})`;\n        }\n\n        setInternalSelectedColor(newColor);\n        setInternalHueColor(newColor);\n        setInternalIsPresetColor(true);\n    }, [selectedColor]);\n\n    useEffect(() => {\n        if (typeof onSelect === 'function' && internalShouldCallOnSelect && internalSelectedColor) {\n            onSelect(internalSelectedColor);\n\n            setInternalShouldCallOnSelect(false);\n        }\n    }, [internalSelectedColor, internalShouldCallOnSelect, onSelect]);\n\n    const providerValue = useMemo<IColorPickerContext>(\n        () => ({\n            selectedColor: internalSelectedColor,\n            updateSelectedColor,\n            hueColor: internalHueColor,\n            updateHueColor,\n            isPresetColor: internalIsPresetColor,\n            updateIsPresetColor,\n            shouldGetCoordinates: internalShouldGetCoordinates,\n            updateShouldGetCoordinates,\n            shouldCallOnSelect: internalShouldCallOnSelect,\n            updateShouldCallOnSelect,\n            canGetColorFromArea: internalCanGetColorFromArea,\n            updateCanGetColorFromArea,\n        }),\n        [\n            internalCanGetColorFromArea,\n            internalHueColor,\n            internalIsPresetColor,\n            internalSelectedColor,\n            internalShouldCallOnSelect,\n            internalShouldGetCoordinates,\n            updateCanGetColorFromArea,\n            updateHueColor,\n            updateIsPresetColor,\n            updateSelectedColor,\n            updateShouldCallOnSelect,\n            updateShouldGetCoordinates,\n        ],\n    );\n\n    return (\n        <ColorPickerContext.Provider value={providerValue}>{children}</ColorPickerContext.Provider>\n    );\n};\n\nColorPickerProvider.displayName = 'ColorPickerProvider';\n\nexport default ColorPickerProvider;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ColorPickerProvider = _interopRequireDefault(require("../ColorPickerProvider"));
+var _ColorPickerWrapper = _interopRequireDefault(require("./color-picker-wrapper/ColorPickerWrapper"));
+var _ColorPicker = require("./ColorPicker.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ColorPicker = ({
+  children,
+  onPresetColorAdd,
+  onPresetColorRemove,
+  onSelect,
+  presetColors,
+  selectedColor = 'rgba(0, 94, 184, 1)',
+  shouldShowAsPopup = true,
+  shouldShowMoreOptions = false,
+  shouldShowPresetColors = false,
+  shouldShowPreviewColorString = true,
+  shouldShowRoundPreviewColor = true,
+  shouldShowTransparencySlider = false,
+  shouldUseSiteColors = false
+}) => /*#__PURE__*/_react.default.createElement(_ColorPickerProvider.default, {
+  selectedColor: selectedColor,
+  onSelect: onSelect
+}, /*#__PURE__*/_react.default.createElement(_ColorPicker.StyledColorPicker, null, /*#__PURE__*/_react.default.createElement(_ColorPickerWrapper.default, {
+  onPresetColorAdd: onPresetColorAdd,
+  onPresetColorRemove: onPresetColorRemove,
+  presetColors: presetColors,
+  shouldShowAsPopup: shouldShowAsPopup,
+  shouldShowMoreOptions: shouldShowMoreOptions,
+  shouldShowPresetColors: shouldShowPresetColors,
+  shouldShowPreviewColorString: shouldShowPreviewColorString,
+  shouldShowRoundPreviewColor: shouldShowRoundPreviewColor,
+  shouldShowTransparencySlider: shouldShowTransparencySlider,
+  shouldUseSiteColors: shouldUseSiteColors
+}, children)));
+ColorPicker.displayName = 'ColorPicker';
+var _default = exports.default = ColorPicker;
+//# sourceMappingURL=ColorPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","names":["_react","_interopRequireDefault","require","_ColorPickerProvider","_ColorPickerWrapper","_ColorPicker","e","__esModule","default","ColorPicker","children","onPresetColorAdd","onPresetColorRemove","onSelect","presetColors","selectedColor","shouldShowAsPopup","shouldShowMoreOptions","shouldShowPresetColors","shouldShowPreviewColorString","shouldShowRoundPreviewColor","shouldShowTransparencySlider","shouldUseSiteColors","createElement","StyledColorPicker","displayName","_default","exports"],"sources":["../../../../src/components/color-picker/ColorPicker.tsx"],"sourcesContent":["import React, { ReactNode } 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     * The element that should be rendered to trigger the ColorPicker popup on click.\n     */\n    children?: ReactNode;\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     * Colors the user can select from.\n     */\n    presetColors?: IPresetColor[];\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     * Whether presetColors should be got and uploaded to the site storage.\n     */\n    shouldUseSiteColors?: boolean;\n}\n\nconst ColorPicker = ({\n    children,\n    onPresetColorAdd,\n    onPresetColorRemove,\n    onSelect,\n    presetColors,\n    selectedColor = 'rgba(0, 94, 184, 1)',\n    shouldShowAsPopup = true,\n    shouldShowMoreOptions = false,\n    shouldShowPresetColors = false,\n    shouldShowPreviewColorString = true,\n    shouldShowRoundPreviewColor = true,\n    shouldShowTransparencySlider = false,\n    shouldUseSiteColors = false,\n}: ColorPickerProps) => (\n    <ColorPickerProvider selectedColor={selectedColor} onSelect={onSelect}>\n        <StyledColorPicker>\n            <ColorPickerWrapper\n                onPresetColorAdd={onPresetColorAdd}\n                onPresetColorRemove={onPresetColorRemove}\n                presetColors={presetColors}\n                shouldShowAsPopup={shouldShowAsPopup}\n                shouldShowMoreOptions={shouldShowMoreOptions}\n                shouldShowPresetColors={shouldShowPresetColors}\n                shouldShowPreviewColorString={shouldShowPreviewColorString}\n                shouldShowRoundPreviewColor={shouldShowRoundPreviewColor}\n                shouldShowTransparencySlider={shouldShowTransparencySlider}\n                shouldUseSiteColors={shouldUseSiteColors}\n            >\n                {children}\n            </ColorPickerWrapper>\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;AAyDzD,MAAMG,WAAW,GAAGA,CAAC;EACjBC,QAAQ;EACRC,gBAAgB;EAChBC,mBAAmB;EACnBC,QAAQ;EACRC,YAAY;EACZC,aAAa,GAAG,qBAAqB;EACrCC,iBAAiB,GAAG,IAAI;EACxBC,qBAAqB,GAAG,KAAK;EAC7BC,sBAAsB,GAAG,KAAK;EAC9BC,4BAA4B,GAAG,IAAI;EACnCC,2BAA2B,GAAG,IAAI;EAClCC,4BAA4B,GAAG,KAAK;EACpCC,mBAAmB,GAAG;AACR,CAAC,kBACftB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACpB,oBAAA,CAAAK,OAAmB;EAACO,aAAa,EAAEA,aAAc;EAACF,QAAQ,EAAEA;AAAS,gBAClEb,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAAClB,YAAA,CAAAmB,iBAAiB,qBACdxB,MAAA,CAAAQ,OAAA,CAAAe,aAAA,CAACnB,mBAAA,CAAAI,OAAkB;EACfG,gBAAgB,EAAEA,gBAAiB;EACnCC,mBAAmB,EAAEA,mBAAoB;EACzCE,YAAY,EAAEA,YAAa;EAC3BE,iBAAiB,EAAEA,iBAAkB;EACrCC,qBAAqB,EAAEA,qBAAsB;EAC7CC,sBAAsB,EAAEA,sBAAuB;EAC/CC,4BAA4B,EAAEA,4BAA6B;EAC3DC,2BAA2B,EAAEA,2BAA4B;EACzDC,4BAA4B,EAAEA,4BAA6B;EAC3DC,mBAAmB,EAAEA;AAAoB,GAExCZ,QACe,CACL,CACF,CACxB;AAEDD,WAAW,CAACgB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEzBC,WAAW","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledColorPicker = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledColorPicker = exports.StyledColorPicker = _styledComponents.default.div`
+    // width: 100%;
+`;
+//# sourceMappingURL=ColorPicker.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledColorPicker","exports","styled","div"],"sources":["../../../../src/components/color-picker/ColorPicker.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledColorPicker = styled.div`\n    // width: 100%;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC3C;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@chayns-components/core");
+var _react = _interopRequireWildcard(require("react"));
+var _ColorPickerPopup = _interopRequireDefault(require("../../color-picker-popup/ColorPickerPopup"));
+var _ColorPickerProvider = require("../../ColorPickerProvider");
+var _ColorPickerWrapper = require("./ColorPickerWrapper.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ColorPickerWrapper = ({
+  children,
+  onPresetColorAdd,
+  onPresetColorRemove,
+  presetColors,
+  shouldShowAsPopup,
+  shouldShowMoreOptions,
+  shouldShowPresetColors,
+  shouldShowPreviewColorString,
+  shouldShowRoundPreviewColor,
+  shouldShowTransparencySlider,
+  shouldUseSiteColors
+}) => {
+  const {
+    selectedColor
+  } = (0, _react.useContext)(_ColorPickerProvider.ColorPickerContext);
+  const content = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_ColorPickerPopup.default, {
+    shouldShowPresetColors: shouldShowPresetColors,
+    onPresetColorRemove: onPresetColorRemove,
+    onPresetColorAdd: onPresetColorAdd,
+    presetColors: presetColors,
+    shouldUseSiteColors: shouldUseSiteColors,
+    shouldShowMoreOptions: shouldShowMoreOptions,
+    shouldShowTransparencySlider: shouldShowTransparencySlider
+  }), [onPresetColorAdd, onPresetColorRemove, presetColors, shouldShowMoreOptions, shouldShowPresetColors, shouldShowTransparencySlider, shouldUseSiteColors]);
+  return /*#__PURE__*/_react.default.createElement(_ColorPickerWrapper.StyledColorPickerWrapper, null, shouldShowAsPopup ? /*#__PURE__*/_react.default.createElement(_core.Popup, {
+    content: content
+  }, children ?? /*#__PURE__*/_react.default.createElement(_ColorPickerWrapper.StyledColorPickerWrapperInfo, null, /*#__PURE__*/_react.default.createElement(_ColorPickerWrapper.StyledColorPickerWrapperInfoColorWrapper, {
+    $shouldShowRoundPreviewColor: shouldShowRoundPreviewColor
+  }, /*#__PURE__*/_react.default.createElement(_ColorPickerWrapper.StyledColorPickerWrapperInfoColor, {
+    $color: selectedColor
+  })), shouldShowPreviewColorString && /*#__PURE__*/_react.default.createElement(_ColorPickerWrapper.StyledColorPickerWrapperInfoText, null, selectedColor))) : content);
+};
+ColorPickerWrapper.displayName = 'ColorPickerWrapper';
+var _default = exports.default = ColorPickerWrapper;
+//# sourceMappingURL=ColorPickerWrapper.js.map

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

@@ -0,0 +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","children","onPresetColorAdd","onPresetColorRemove","presetColors","shouldShowAsPopup","shouldShowMoreOptions","shouldShowPresetColors","shouldShowPreviewColorString","shouldShowRoundPreviewColor","shouldShowTransparencySlider","shouldUseSiteColors","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, { ReactNode, 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    children?: ReactNode;\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    presetColors?: IPresetColor[];\n    shouldShowAsPopup: boolean;\n    shouldShowMoreOptions: boolean;\n    shouldShowPresetColors: boolean;\n    shouldShowPreviewColorString: boolean;\n    shouldShowRoundPreviewColor: boolean;\n    shouldShowTransparencySlider: boolean;\n    shouldUseSiteColors: boolean;\n}\n\nconst ColorPickerWrapper = ({\n    children,\n    onPresetColorAdd,\n    onPresetColorRemove,\n    presetColors,\n    shouldShowAsPopup,\n    shouldShowMoreOptions,\n    shouldShowPresetColors,\n    shouldShowPreviewColorString,\n    shouldShowRoundPreviewColor,\n    shouldShowTransparencySlider,\n    shouldUseSiteColors,\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            shouldUseSiteColors,\n        ],\n    );\n\n    return (\n        <StyledColorPickerWrapper>\n            {shouldShowAsPopup ? (\n                <Popup content={content}>\n                    {children ?? (\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                    )}\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/color-picker-wrapper/ColorPickerWrapper.styles.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledColorPickerWrapperInfoText = exports.StyledColorPickerWrapperInfoColorWrapper = exports.StyledColorPickerWrapperInfoColorBackground = exports.StyledColorPickerWrapperInfoColor = exports.StyledColorPickerWrapperInfo = exports.StyledColorPickerWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledColorPickerWrapper = exports.StyledColorPickerWrapper = _styledComponents.default.div``;
+const StyledColorPickerWrapperInfo = exports.StyledColorPickerWrapperInfo = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+`;
+const StyledColorPickerWrapperInfoColorWrapper = exports.StyledColorPickerWrapperInfoColorWrapper = _styledComponents.default.div`
+    border-radius: ${({
+  $shouldShowRoundPreviewColor
+}) => $shouldShowRoundPreviewColor ? '50px' : '0px'};
+    border: 1px ${({
+  theme
+}) => theme.text} solid;
+
+    width: 15px;
+    aspect-ratio: 1;
+    position: relative;
+
+    overflow: hidden;
+`;
+const StyledColorPickerWrapperInfoColorBackground = exports.StyledColorPickerWrapperInfoColorBackground = _styledComponents.default.div`
+    position: absolute;
+    background-color: #fff;
+    background-image: linear-gradient(45deg, #a0a0a0 25%, #0000 0),
+        linear-gradient(-45deg, #a0a0a0 25%, #0000 0), linear-gradient(45deg, #0000 75%, #a0a0a0 0),
+        linear-gradient(-45deg, #0000 75%, #a0a0a0 0);
+    background-position:
+        0 0,
+        0 4px,
+        4px -4px,
+        -4px 0;
+    background-repeat: repeat;
+    background-size: 8px 8px;
+    height: 100%;
+    width: 100%;
+`;
+const StyledColorPickerWrapperInfoColor = exports.StyledColorPickerWrapperInfoColor = _styledComponents.default.div.attrs(({
+  $color
+}) => ({
+  style: {
+    backgroundColor: $color
+  }
+}))`
+    height: 100%;
+    width: 100%;
+    position: absolute;
+`;
+const StyledColorPickerWrapperInfoText = exports.StyledColorPickerWrapperInfoText = _styledComponents.default.div`
+    border-bottom-style: dashed;
+    border-bottom-width: 1px;
+
+    color: ${({
+  theme
+}) => theme.text};
+`;
+//# sourceMappingURL=ColorPickerWrapper.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerWrapper.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledColorPickerWrapper","exports","styled","div","StyledColorPickerWrapperInfo","StyledColorPickerWrapperInfoColorWrapper","$shouldShowRoundPreviewColor","theme","text","StyledColorPickerWrapperInfoColorBackground","StyledColorPickerWrapperInfoColor","attrs","$color","style","backgroundColor","StyledColorPickerWrapperInfoText"],"sources":["../../../../../src/components/color-picker/color-picker-wrapper/ColorPickerWrapper.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\nexport const StyledColorPickerWrapper = styled.div``;\n\nexport const StyledColorPickerWrapperInfo = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n`;\n\ntype StyledColorPickerWrapperInfoColorProps = WithTheme<{\n    $color?: string;\n}>;\n\ntype StyledColorPickerWrapperInfoColorWrapperProps = WithTheme<{\n    $shouldShowRoundPreviewColor: boolean;\n}>;\n\nexport const StyledColorPickerWrapperInfoColorWrapper = styled.div<StyledColorPickerWrapperInfoColorWrapperProps>`\n    border-radius: ${({ $shouldShowRoundPreviewColor }) =>\n        $shouldShowRoundPreviewColor ? '50px' : '0px'};\n    border: 1px ${({ theme }: StyledColorPickerWrapperInfoColorProps) => theme.text} solid;\n\n    width: 15px;\n    aspect-ratio: 1;\n    position: relative;\n\n    overflow: hidden;\n`;\n\nexport const StyledColorPickerWrapperInfoColorBackground = styled.div`\n    position: absolute;\n    background-color: #fff;\n    background-image: linear-gradient(45deg, #a0a0a0 25%, #0000 0),\n        linear-gradient(-45deg, #a0a0a0 25%, #0000 0), linear-gradient(45deg, #0000 75%, #a0a0a0 0),\n        linear-gradient(-45deg, #0000 75%, #a0a0a0 0);\n    background-position:\n        0 0,\n        0 4px,\n        4px -4px,\n        -4px 0;\n    background-repeat: repeat;\n    background-size: 8px 8px;\n    height: 100%;\n    width: 100%;\n`;\n\nexport const StyledColorPickerWrapperInfoColor = styled.div.attrs<StyledColorPickerWrapperInfoColorProps>(\n    ({ $color }) => ({\n        style: {\n            backgroundColor: $color,\n        },\n    }),\n)`\n    height: 100%;\n    width: 100%;\n    position: absolute;\n`;\n\ntype StyledColorPickerWrapperInfoTextProps = WithTheme<unknown>;\n\nexport const StyledColorPickerWrapperInfoText = styled.div<StyledColorPickerWrapperInfoTextProps>`\n    border-bottom-style: dashed;\n    border-bottom-width: 1px;\n\n    color: ${({ theme }: StyledColorPickerWrapperInfoTextProps) => theme.text};\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,yBAAM,CAACC,GAAG,EAAE;AAE7C,MAAMC,4BAA4B,GAAAH,OAAA,CAAAG,4BAAA,GAAGF,yBAAM,CAACC,GAAG;AACtD;AACA;AACA;AACA,CAAC;AAUM,MAAME,wCAAwC,GAAAJ,OAAA,CAAAI,wCAAA,GAAGH,yBAAM,CAACC,GAAkD;AACjH,qBAAqB,CAAC;EAAEG;AAA6B,CAAC,KAC9CA,4BAA4B,GAAG,MAAM,GAAG,KAAK;AACrD,kBAAkB,CAAC;EAAEC;AAA8C,CAAC,KAAKA,KAAK,CAACC,IAAI;AACnF;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,2CAA2C,GAAAR,OAAA,CAAAQ,2CAAA,GAAGP,yBAAM,CAACC,GAAG;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMO,iCAAiC,GAAAT,OAAA,CAAAS,iCAAA,GAAGR,yBAAM,CAACC,GAAG,CAACQ,KAAK,CAC7D,CAAC;EAAEC;AAAO,CAAC,MAAM;EACbC,KAAK,EAAE;IACHC,eAAe,EAAEF;EACrB;AACJ,CAAC,CACL,CAAC;AACD;AACA;AACA;AACA,CAAC;AAIM,MAAMG,gCAAgC,GAAAd,OAAA,CAAAc,gCAAA,GAAGb,yBAAM,CAACC,GAA0C;AACjG;AACA;AACA;AACA,aAAa,CAAC;EAAEI;AAA6C,CAAC,KAAKA,KAAK,CAACC,IAAI;AAC7E,CAAC","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ColorArea = _interopRequireDefault(require("./color-area/ColorArea"));
+var _ColorPickerPopup = require("./ColorPickerPopup.styles");
+var _MoreOptions = _interopRequireDefault(require("./more-options/MoreOptions"));
+var _PresetColors = _interopRequireDefault(require("./preset-colors/PresetColors"));
+var _Sliders = _interopRequireDefault(require("./sliders/Sliders"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ColorPickerPopup = ({
+  presetColors,
+  onPresetColorRemove,
+  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));
+ColorPickerPopup.displayName = 'ColorPickerPopup';
+var _default = exports.default = ColorPickerPopup;
+//# sourceMappingURL=ColorPickerPopup.js.map

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

@@ -0,0 +1 @@
+{"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/ColorPickerPopup.styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledColorPickerPopup = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledColorPickerPopup = exports.StyledColorPickerPopup = _styledComponents.default.div`
+    width: 320px;
+    padding: 11px;
+`;
+//# sourceMappingURL=ColorPickerPopup.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerPopup.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledColorPickerPopup","exports","styled","div"],"sources":["../../../../src/components/color-picker-popup/ColorPickerPopup.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledColorPickerPopup = styled.div`\n    width: 320px;\n    padding: 11px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,GAAG;AAChD;AACA;AACA,CAAC","ignoreList":[]}