@strapi/plugin-color-picker 0.0.0-next.f45143c5e2a8a9d85691d0abf79a3f42024a0c71 → 0.0.0-next.f5b09a8e61e059f02784478e27c310c6290be088

package/dist/_chunks/ColorPickerInput-8875b370.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerInput-8875b370.js","sources":["../../admin/src/hooks/useComposeRefs.ts","../../admin/src/components/ColorPickerInput.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    (ref as React.MutableRefObject<T>).current = value;\n  }\n}\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nfunction composeRefs<T>(...refs: PossibleRef<T>[]) {\n  return (node: T) => refs.forEach((ref) => setRef(ref, node));\n}\n\n/**\n * Takes multiple React like refs either React.Ref or a callback:\n * (node: T) => void and returns a single function that can be\n * passed to a React component as a ref.\n *\n * Example:\n * ```tsx\n * import { useComposedRefs } from '../hooks/useComposedRefs';\n *\n * const Component = React.forwardRef<HTMLInputElement, ComponentProps>((props, forwardedRef) => {\n *  const ref = useComposedRefs(internalRef, forwardedRef);\n *\n *  React.useEffect(() => {\n *   ref.current.focus();\n *  }, [ref]);\n *\n *  return <input ref={ref} />\n * }\n * ```\n */\nfunction useComposedRefs<T>(...refs: PossibleRef<T>[]) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n}\n\nexport { composeRefs, useComposedRefs };\n","import * as React from 'react';\n\nimport {\n  BaseButton,\n  Box,\n  Field,\n  FieldError,\n  FieldHint,\n  FieldInput,\n  FieldLabel,\n  Flex,\n  FocusTrap,\n  Popover,\n  Typography,\n} from '@strapi/design-system';\nimport { CarretDown } from '@strapi/icons';\nimport { HexColorPicker } from 'react-colorful';\nimport { useIntl, MessageDescriptor } from 'react-intl';\nimport styled from 'styled-components';\n\nimport { useComposedRefs } from '../hooks/useComposeRefs';\nimport { getTrad } from '../utils/getTrad';\n\nconst ColorPreview = styled.div`\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n  margin-right: 10px;\n  background-color: ${(props) => props.color};\n  border: 1px solid rgba(0, 0, 0, 0.1);\n`;\n\nconst ColorPicker = styled(HexColorPicker)`\n  && {\n    width: 100%;\n    aspect-ratio: 1.5;\n  }\n\n  .react-colorful__pointer {\n    width: ${({ theme }) => theme.spaces[3]};\n    height: ${({ theme }) => theme.spaces[3]};\n  }\n\n  .react-colorful__saturation {\n    border-radius: ${({ theme }) => theme.spaces[1]};\n    border-bottom: none;\n  }\n\n  .react-colorful__hue {\n    border-radius: 10px;\n    height: ${({ theme }) => theme.spaces[3]};\n    margin-top: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\nconst ColorPickerToggle = styled(BaseButton)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  svg {\n    width: ${({ theme }) => theme.spaces[2]};\n    height: ${({ theme }) => theme.spaces[2]};\n  }\n\n  svg > path {\n    fill: ${({ theme }) => theme.colors.neutral500};\n    justify-self: flex-end;\n  }\n`;\n\nconst ColorPickerPopover = styled(Popover)`\n  padding: ${({ theme }) => theme.spaces[2]};\n  min-height: 270px;\n`;\n\n/**\n * TODO: A lot of these props should extend `FieldProps`\n */\ninterface ColorPickerInputProps {\n  intlLabel: MessageDescriptor;\n  /**\n   * TODO: this should be extended from `FieldInputProps['onChange']\n   * but that conflicts with it's secondary usage in `HexColorPicker`\n   */\n  onChange: (event: { target: { name: string; value: string; type: string } }) => void;\n  attribute: { type: string; [key: string]: unknown };\n  name: string;\n  description?: MessageDescriptor;\n  disabled?: boolean;\n  error?: string;\n  labelAction?: React.ReactNode;\n  required?: boolean;\n  value?: string;\n}\n\nexport const ColorPickerInput = React.forwardRef<HTMLButtonElement, ColorPickerInputProps>(\n  (\n    {\n      attribute,\n      description,\n      disabled = false,\n      error,\n      intlLabel,\n      labelAction,\n      name,\n      onChange,\n      required = false,\n      value = '',\n    },\n    forwardedRef\n  ) => {\n    const [showColorPicker, setShowColorPicker] = React.useState(false);\n    const colorPickerButtonRef = React.useRef<HTMLButtonElement>(null!);\n    const { formatMessage } = useIntl();\n    const color = value || '#000000';\n\n    const handleBlur: React.FocusEventHandler<HTMLDivElement> = (e) => {\n      e.preventDefault();\n\n      if (!e.currentTarget.contains(e.relatedTarget)) {\n        setShowColorPicker(false);\n      }\n    };\n\n    const composedRefs = useComposedRefs(forwardedRef, colorPickerButtonRef);\n\n    return (\n      <Field\n        name={name}\n        id={name}\n        // GenericInput calls formatMessage and returns a string for the error\n        error={error}\n        hint={description && formatMessage(description)}\n        required={required}\n      >\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n          <FieldLabel action={labelAction}>{formatMessage(intlLabel)}</FieldLabel>\n          <ColorPickerToggle\n            ref={composedRefs}\n            aria-label={formatMessage({\n              id: getTrad('color-picker.toggle.aria-label'),\n              defaultMessage: 'Color picker toggle',\n            })}\n            aria-controls=\"color-picker-value\"\n            aria-haspopup=\"dialog\"\n            aria-expanded={showColorPicker}\n            aria-disabled={disabled}\n            disabled={disabled}\n            onClick={() => setShowColorPicker(!showColorPicker)}\n          >\n            <Flex>\n              <ColorPreview color={color} />\n              <Typography\n                style={{ textTransform: 'uppercase' }}\n                textColor={value ? undefined : 'neutral600'}\n                variant=\"omega\"\n              >\n                {color}\n              </Typography>\n            </Flex>\n            <CarretDown aria-hidden />\n          </ColorPickerToggle>\n          {showColorPicker && (\n            <ColorPickerPopover\n              onBlur={handleBlur}\n              role=\"dialog\"\n              source={colorPickerButtonRef}\n              spacing={4}\n            >\n              <FocusTrap onEscape={() => setShowColorPicker(false)}>\n                <ColorPicker\n                  color={color}\n                  onChange={(hexValue) =>\n                    onChange({ target: { name, value: hexValue, type: attribute.type } })\n                  }\n                />\n                <Flex paddingTop={3} paddingLeft={4} justifyContent=\"flex-end\">\n                  <Box paddingRight={2}>\n                    <Typography variant=\"omega\" as=\"label\" textColor=\"neutral600\">\n                      {formatMessage({\n                        id: getTrad('color-picker.input.format'),\n                        defaultMessage: 'HEX',\n                      })}\n                    </Typography>\n                  </Box>\n                  <FieldInput\n                    id=\"color-picker-value\"\n                    aria-label={formatMessage({\n                      id: getTrad('color-picker.input.aria-label'),\n                      defaultMessage: 'Color picker input',\n                    })}\n                    style={{ textTransform: 'uppercase' }}\n                    value={value}\n                    placeholder=\"#000000\"\n                    onChange={onChange}\n                  />\n                </Flex>\n              </FocusTrap>\n            </ColorPickerPopover>\n          )}\n          <FieldHint />\n          <FieldError />\n        </Flex>\n      </Field>\n    );\n  }\n);\n"],"names":["React","styled","HexColorPicker","BaseButton","Popover","useIntl","jsxDEV","Field","Flex","FieldLabel","this","getTrad","Typography","CarretDown","FocusTrap","Box","FieldInput","FieldHint","FieldError"],"mappings":"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"}

package/{admin/src/translations/cs.json → dist/_chunks/cs-32e5b75a.mjs}

@@ -1,4 +1,4 @@
-{
+const cs = {
   "color-picker.description": "Vyberte libovolnou barvu",
   "color-picker.input.aria-label": "Vstup pro výběr barvy",
   "color-picker.input.format": "HEX",
@@ -9,4 +9,8 @@
   "color-picker.options.advanced.requiredField.description": "Pokud je toto pole prázdné, nebudete moci vytvořit záznam",
   "color-picker.settings": "Nastavení",
   "color-picker.toggle.aria-label": "Přepínač výběru barvy"
-}
+};
+export {
+  cs as default
+};
+//# sourceMappingURL=cs-32e5b75a.mjs.map

package/dist/_chunks/cs-32e5b75a.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cs-32e5b75a.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/_chunks/cs-c22467c6.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const cs = {
+  "color-picker.description": "Vyberte libovolnou barvu",
+  "color-picker.input.aria-label": "Vstup pro výběr barvy",
+  "color-picker.input.format": "HEX",
+  "color-picker.label": "Barva",
+  "color-picker.options.advanced.regex": "RegExp vzor",
+  "color-picker.options.advanced.regex.description": "Zadejte regulární výraz pro ověření hodnoty HEX",
+  "color-picker.options.advanced.requiredField": "Povinné pole",
+  "color-picker.options.advanced.requiredField.description": "Pokud je toto pole prázdné, nebudete moci vytvořit záznam",
+  "color-picker.settings": "Nastavení",
+  "color-picker.toggle.aria-label": "Přepínač výběru barvy"
+};
+exports.default = cs;
+//# sourceMappingURL=cs-c22467c6.js.map

package/dist/_chunks/cs-c22467c6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cs-c22467c6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/{admin/src/translations/en.json → dist/_chunks/en-2230584b.mjs}

@@ -1,4 +1,4 @@
-{
+const en = {
   "color-picker.description": "Select any color",
   "color-picker.input.aria-label": "Color picker input",
   "color-picker.input.format": "HEX",
@@ -12,4 +12,8 @@
   "plugin.description.long": "A Strapi-maintained color picker custom field. Use saturation and hue sliders to select a color and save the value as a HEX string.",
   "plugin.description.short": "A Strapi-maintained color picker custom field.",
   "plugin.name": "Color picker"
-}
+};
+export {
+  en as default
+};
+//# sourceMappingURL=en-2230584b.mjs.map

package/dist/_chunks/en-2230584b.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-2230584b.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/_chunks/en-eb6717ab.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const en = {
+  "color-picker.description": "Select any color",
+  "color-picker.input.aria-label": "Color picker input",
+  "color-picker.input.format": "HEX",
+  "color-picker.label": "Color",
+  "color-picker.options.advanced.regex": "RegExp pattern",
+  "color-picker.options.advanced.regex.description": "Provide a regular expression to validate the HEX value",
+  "color-picker.options.advanced.requiredField": "Required field",
+  "color-picker.options.advanced.requiredField.description": "You won't be able to create an entry if this field is empty",
+  "color-picker.settings": "Settings",
+  "color-picker.toggle.aria-label": "Color picker toggle",
+  "plugin.description.long": "A Strapi-maintained color picker custom field. Use saturation and hue sliders to select a color and save the value as a HEX string.",
+  "plugin.description.short": "A Strapi-maintained color picker custom field.",
+  "plugin.name": "Color picker"
+};
+exports.default = en;
+//# sourceMappingURL=en-eb6717ab.js.map

package/dist/_chunks/en-eb6717ab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-eb6717ab.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/index-214132a2.mjs

@@ -0,0 +1,124 @@
+import { prefixPluginTranslations } from "@strapi/helper-plugin";
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { Flex, Icon } from "@strapi/design-system";
+import { Paint } from "@strapi/icons";
+import styled from "styled-components";
+const __variableDynamicImportRuntimeHelper = (glob, path) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+  });
+};
+const IconBox = styled(Flex)`
+  /* Hard code color values */
+  /* to stay consistent between themes */
+  background-color: #f0f0ff; /* primary100 */
+  border: 1px solid #d9d8ff; /* primary200 */
+
+  svg > path {
+    fill: #4945ff; /* primary600 */
+  }
+`;
+const ColorPickerIcon = () => {
+  return /* @__PURE__ */ jsxDEV(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsxDEV(Icon, { as: Paint }, void 0, false, {
+    fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerIcon.tsx",
+    lineNumber: 19,
+    columnNumber: 7
+  }, globalThis) }, void 0, false, {
+    fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerIcon.tsx",
+    lineNumber: 18,
+    columnNumber: 5
+  }, globalThis);
+};
+const pluginId = "color-picker";
+const getTrad = (id) => `${pluginId}.${id}`;
+const index = {
+  /**
+   * TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.
+   */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  register(app) {
+    app.customFields.register({
+      name: "color",
+      pluginId: "color-picker",
+      type: "string",
+      icon: ColorPickerIcon,
+      intlLabel: {
+        id: getTrad("color-picker.label"),
+        defaultMessage: "Color"
+      },
+      intlDescription: {
+        id: getTrad("color-picker.description"),
+        defaultMessage: "Select any color"
+      },
+      components: {
+        Input: async () => import("./ColorPickerInput-0d985ad5.mjs").then((module) => ({
+          default: module.ColorPickerInput
+        }))
+      },
+      options: {
+        advanced: [
+          {
+            intlLabel: {
+              id: getTrad("color-picker.options.advanced.regex"),
+              defaultMessage: "RegExp pattern"
+            },
+            name: "regex",
+            type: "text",
+            defaultValue: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$",
+            description: {
+              id: getTrad("color-picker.options.advanced.regex.description"),
+              defaultMessage: "The text of the regular expression"
+            }
+          },
+          {
+            sectionTitle: {
+              id: "global.settings",
+              defaultMessage: "Settings"
+            },
+            items: [
+              {
+                name: "required",
+                type: "checkbox",
+                intlLabel: {
+                  id: getTrad("color-picker.options.advanced.requiredField"),
+                  defaultMessage: "Required field"
+                },
+                description: {
+                  id: getTrad("color-picker.options.advanced.requiredField.description"),
+                  defaultMessage: "You won't be able to create an entry if this field is empty"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    });
+  },
+  async registerTrads({ locales }) {
+    const importedTrads = await Promise.all(
+      locales.map((locale) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => import("./cs-32e5b75a.mjs"), "./translations/en.json": () => import("./en-2230584b.mjs"), "./translations/ru.json": () => import("./ru-0bf57448.mjs"), "./translations/sv.json": () => import("./sv-de6a785a.mjs"), "./translations/tr.json": () => import("./tr-4d632eac.mjs"), "./translations/zh.json": () => import("./zh-5ba3e025.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+          return {
+            data: prefixPluginTranslations(data, pluginId),
+            locale
+          };
+        }).catch(() => {
+          return {
+            data: {},
+            locale
+          };
+        });
+      })
+    );
+    return Promise.resolve(importedTrads);
+  }
+};
+export {
+  getTrad as g,
+  index as i
+};
+//# sourceMappingURL=index-214132a2.mjs.map

package/dist/_chunks/index-214132a2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-214132a2.mjs","sources":["../../admin/src/components/ColorPickerIcon.tsx","../../admin/src/pluginId.ts","../../admin/src/utils/getTrad.ts","../../admin/src/index.ts"],"sourcesContent":["import { Flex, Icon } from '@strapi/design-system';\nimport { Paint } from '@strapi/icons';\nimport styled from 'styled-components';\n\nconst IconBox = styled(Flex)`\n  /* Hard code color values */\n  /* to stay consistent between themes */\n  background-color: #f0f0ff; /* primary100 */\n  border: 1px solid #d9d8ff; /* primary200 */\n\n  svg > path {\n    fill: #4945ff; /* primary600 */\n  }\n`;\n\nexport const ColorPickerIcon = () => {\n  return (\n    <IconBox justifyContent=\"center\" alignItems=\"center\" width={7} height={6} hasRadius aria-hidden>\n      <Icon as={Paint} />\n    </IconBox>\n  );\n};\n","export const pluginId = 'color-picker';\n","import { pluginId } from '../pluginId';\n\nexport const getTrad = (id: string) => `${pluginId}.${id}`;\n","import { prefixPluginTranslations } from '@strapi/helper-plugin';\n\nimport { ColorPickerIcon } from './components/ColorPickerIcon';\nimport { pluginId } from './pluginId';\nimport { getTrad } from './utils/getTrad';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  /**\n   * TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  register(app: any) {\n    app.customFields.register({\n      name: 'color',\n      pluginId: 'color-picker',\n      type: 'string',\n      icon: ColorPickerIcon,\n      intlLabel: {\n        id: getTrad('color-picker.label'),\n        defaultMessage: 'Color',\n      },\n      intlDescription: {\n        id: getTrad('color-picker.description'),\n        defaultMessage: 'Select any color',\n      },\n      components: {\n        Input: async () =>\n          import('./components/ColorPickerInput').then((module) => ({\n            default: module.ColorPickerInput,\n          })),\n      },\n      options: {\n        advanced: [\n          {\n            intlLabel: {\n              id: getTrad('color-picker.options.advanced.regex'),\n              defaultMessage: 'RegExp pattern',\n            },\n            name: 'regex',\n            type: 'text',\n            defaultValue: '^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$',\n            description: {\n              id: getTrad('color-picker.options.advanced.regex.description'),\n              defaultMessage: 'The text of the regular expression',\n            },\n          },\n          {\n            sectionTitle: {\n              id: 'global.settings',\n              defaultMessage: 'Settings',\n            },\n            items: [\n              {\n                name: 'required',\n                type: 'checkbox',\n                intlLabel: {\n                  id: getTrad('color-picker.options.advanced.requiredField'),\n                  defaultMessage: 'Required field',\n                },\n                description: {\n                  id: getTrad('color-picker.options.advanced.requiredField.description'),\n                  defaultMessage: \"You won't be able to create an entry if this field is empty\",\n                },\n              },\n            ],\n          },\n        ],\n      },\n    });\n  },\n  async registerTrads({ locales }: { locales: string[] }) {\n    const importedTrads = await Promise.all(\n      locales.map((locale) => {\n        return import(`./translations/${locale}.json`)\n          .then(({ default: data }) => {\n            return {\n              data: prefixPluginTranslations(data, pluginId),\n              locale,\n            };\n          })\n          .catch(() => {\n            return {\n              data: {},\n              locale,\n            };\n          });\n      })\n    );\n\n    return Promise.resolve(importedTrads);\n  },\n};\n"],"names":["this"],"mappings":";;;;;;;;;;;;;;AAIA,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,MAAM,kBAAkB,MAAM;AACnC,gCACG,SAAQ,EAAA,gBAAe,UAAS,YAAW,UAAS,OAAO,GAAG,QAAQ,GAAG,WAAS,MAAC,eAAW,MAC7F,UAAC,uBAAA,MAAA,EAAK,IAAI,MAAV,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,UAAiB,EADnB,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAEA,GAAAA,UAAA;AAEJ;ACrBO,MAAM,WAAW;ACEjB,MAAM,UAAU,CAAC,OAAe,GAAG,QAAQ,IAAI,EAAE;ACKxD,MAAe,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKb,SAAS,KAAU;AACjB,QAAI,aAAa,SAAS;AAAA,MACxB,MAAM;AAAA,MACN,UAAU;AAAA,MACV,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,QACT,IAAI,QAAQ,oBAAoB;AAAA,QAChC,gBAAgB;AAAA,MAClB;AAAA,MACA,iBAAiB;AAAA,QACf,IAAI,QAAQ,0BAA0B;AAAA,QACtC,gBAAgB;AAAA,MAClB;AAAA,MACA,YAAY;AAAA,QACV,OAAO,YACL,OAAO,iCAA+B,EAAE,KAAK,CAAC,YAAY;AAAA,UACxD,SAAS,OAAO;AAAA,QAAA,EAChB;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,UAAU;AAAA,UACR;AAAA,YACE,WAAW;AAAA,cACT,IAAI,QAAQ,qCAAqC;AAAA,cACjD,gBAAgB;AAAA,YAClB;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,YACN,cAAc;AAAA,YACd,aAAa;AAAA,cACX,IAAI,QAAQ,iDAAiD;AAAA,cAC7D,gBAAgB;AAAA,YAClB;AAAA,UACF;AAAA,UACA;AAAA,YACE,cAAc;AAAA,cACZ,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAClB;AAAA,YACA,OAAO;AAAA,cACL;AAAA,gBACE,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,WAAW;AAAA,kBACT,IAAI,QAAQ,6CAA6C;AAAA,kBACzD,gBAAgB;AAAA,gBAClB;AAAA,gBACA,aAAa;AAAA,kBACX,IAAI,QAAQ,yDAAyD;AAAA,kBACrE,gBAAgB;AAAA,gBAClB;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IAAA,CACD;AAAA,EACH;AAAA,EACA,MAAM,cAAc,EAAE,WAAkC;AAChD,UAAA,gBAAgB,MAAM,QAAQ;AAAA,MAClC,QAAQ,IAAI,CAAC,WAAW;AACf,eAAA,qCAA+B,uBAAA,OAAA,EAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,EAAA,CAAA,GAAA,kBAAA,MAAA,OAAA,EACnC,KAAK,CAAC,EAAE,SAAS,WAAW;AACpB,iBAAA;AAAA,YACL,MAAM,yBAAyB,MAAM,QAAQ;AAAA,YAC7C;AAAA,UAAA;AAAA,QACF,CACD,EACA,MAAM,MAAM;AACJ,iBAAA;AAAA,YACL,MAAM,CAAC;AAAA,YACP;AAAA,UAAA;AAAA,QACF,CACD;AAAA,MAAA,CACJ;AAAA,IAAA;AAGI,WAAA,QAAQ,QAAQ,aAAa;AAAA,EACtC;AACF;"}

package/dist/_chunks/index-9695efa4.js

@@ -0,0 +1,125 @@
+"use strict";
+const helperPlugin = require("@strapi/helper-plugin");
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const styled = require("styled-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const __variableDynamicImportRuntimeHelper = (glob, path) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+  });
+};
+const IconBox = styled__default.default(designSystem.Flex)`
+  /* Hard code color values */
+  /* to stay consistent between themes */
+  background-color: #f0f0ff; /* primary100 */
+  border: 1px solid #d9d8ff; /* primary200 */
+
+  svg > path {
+    fill: #4945ff; /* primary600 */
+  }
+`;
+const ColorPickerIcon = () => {
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(designSystem.Icon, { as: icons.Paint }, void 0, false, {
+    fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerIcon.tsx",
+    lineNumber: 19,
+    columnNumber: 7
+  }, globalThis) }, void 0, false, {
+    fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerIcon.tsx",
+    lineNumber: 18,
+    columnNumber: 5
+  }, globalThis);
+};
+const pluginId = "color-picker";
+const getTrad = (id) => `${pluginId}.${id}`;
+const index = {
+  /**
+   * TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.
+   */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  register(app) {
+    app.customFields.register({
+      name: "color",
+      pluginId: "color-picker",
+      type: "string",
+      icon: ColorPickerIcon,
+      intlLabel: {
+        id: getTrad("color-picker.label"),
+        defaultMessage: "Color"
+      },
+      intlDescription: {
+        id: getTrad("color-picker.description"),
+        defaultMessage: "Select any color"
+      },
+      components: {
+        Input: async () => Promise.resolve().then(() => require("./ColorPickerInput-8875b370.js")).then((module2) => ({
+          default: module2.ColorPickerInput
+        }))
+      },
+      options: {
+        advanced: [
+          {
+            intlLabel: {
+              id: getTrad("color-picker.options.advanced.regex"),
+              defaultMessage: "RegExp pattern"
+            },
+            name: "regex",
+            type: "text",
+            defaultValue: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$",
+            description: {
+              id: getTrad("color-picker.options.advanced.regex.description"),
+              defaultMessage: "The text of the regular expression"
+            }
+          },
+          {
+            sectionTitle: {
+              id: "global.settings",
+              defaultMessage: "Settings"
+            },
+            items: [
+              {
+                name: "required",
+                type: "checkbox",
+                intlLabel: {
+                  id: getTrad("color-picker.options.advanced.requiredField"),
+                  defaultMessage: "Required field"
+                },
+                description: {
+                  id: getTrad("color-picker.options.advanced.requiredField.description"),
+                  defaultMessage: "You won't be able to create an entry if this field is empty"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    });
+  },
+  async registerTrads({ locales }) {
+    const importedTrads = await Promise.all(
+      locales.map((locale) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-c22467c6.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-eb6717ab.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-1d1cf8a8.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-6e7fa200.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-67b6e192.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-e5010f8b.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+          return {
+            data: helperPlugin.prefixPluginTranslations(data, pluginId),
+            locale
+          };
+        }).catch(() => {
+          return {
+            data: {},
+            locale
+          };
+        });
+      })
+    );
+    return Promise.resolve(importedTrads);
+  }
+};
+exports.getTrad = getTrad;
+exports.index = index;
+//# sourceMappingURL=index-9695efa4.js.map

package/dist/_chunks/index-9695efa4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-9695efa4.js","sources":["../../admin/src/components/ColorPickerIcon.tsx","../../admin/src/pluginId.ts","../../admin/src/utils/getTrad.ts","../../admin/src/index.ts"],"sourcesContent":["import { Flex, Icon } from '@strapi/design-system';\nimport { Paint } from '@strapi/icons';\nimport styled from 'styled-components';\n\nconst IconBox = styled(Flex)`\n  /* Hard code color values */\n  /* to stay consistent between themes */\n  background-color: #f0f0ff; /* primary100 */\n  border: 1px solid #d9d8ff; /* primary200 */\n\n  svg > path {\n    fill: #4945ff; /* primary600 */\n  }\n`;\n\nexport const ColorPickerIcon = () => {\n  return (\n    <IconBox justifyContent=\"center\" alignItems=\"center\" width={7} height={6} hasRadius aria-hidden>\n      <Icon as={Paint} />\n    </IconBox>\n  );\n};\n","export const pluginId = 'color-picker';\n","import { pluginId } from '../pluginId';\n\nexport const getTrad = (id: string) => `${pluginId}.${id}`;\n","import { prefixPluginTranslations } from '@strapi/helper-plugin';\n\nimport { ColorPickerIcon } from './components/ColorPickerIcon';\nimport { pluginId } from './pluginId';\nimport { getTrad } from './utils/getTrad';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  /**\n   * TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  register(app: any) {\n    app.customFields.register({\n      name: 'color',\n      pluginId: 'color-picker',\n      type: 'string',\n      icon: ColorPickerIcon,\n      intlLabel: {\n        id: getTrad('color-picker.label'),\n        defaultMessage: 'Color',\n      },\n      intlDescription: {\n        id: getTrad('color-picker.description'),\n        defaultMessage: 'Select any color',\n      },\n      components: {\n        Input: async () =>\n          import('./components/ColorPickerInput').then((module) => ({\n            default: module.ColorPickerInput,\n          })),\n      },\n      options: {\n        advanced: [\n          {\n            intlLabel: {\n              id: getTrad('color-picker.options.advanced.regex'),\n              defaultMessage: 'RegExp pattern',\n            },\n            name: 'regex',\n            type: 'text',\n            defaultValue: '^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$',\n            description: {\n              id: getTrad('color-picker.options.advanced.regex.description'),\n              defaultMessage: 'The text of the regular expression',\n            },\n          },\n          {\n            sectionTitle: {\n              id: 'global.settings',\n              defaultMessage: 'Settings',\n            },\n            items: [\n              {\n                name: 'required',\n                type: 'checkbox',\n                intlLabel: {\n                  id: getTrad('color-picker.options.advanced.requiredField'),\n                  defaultMessage: 'Required field',\n                },\n                description: {\n                  id: getTrad('color-picker.options.advanced.requiredField.description'),\n                  defaultMessage: \"You won't be able to create an entry if this field is empty\",\n                },\n              },\n            ],\n          },\n        ],\n      },\n    });\n  },\n  async registerTrads({ locales }: { locales: string[] }) {\n    const importedTrads = await Promise.all(\n      locales.map((locale) => {\n        return import(`./translations/${locale}.json`)\n          .then(({ default: data }) => {\n            return {\n              data: prefixPluginTranslations(data, pluginId),\n              locale,\n            };\n          })\n          .catch(() => {\n            return {\n              data: {},\n              locale,\n            };\n          });\n      })\n    );\n\n    return Promise.resolve(importedTrads);\n  },\n};\n"],"names":["styled","Flex","jsxDEV","Icon","Paint","this","module","prefixPluginTranslations"],"mappings":"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"}

package/{admin/src/translations/ru.json → dist/_chunks/ru-0bf57448.mjs}

@@ -1,4 +1,4 @@
-{
+const ru = {
   "color-picker.description": "Выбирайте любые цвета",
   "color-picker.input.aria-label": "Введите выбранный цвет",
   "color-picker.input.format": "HEX",
@@ -12,4 +12,8 @@
   "plugin.description.long": "Настраиваемое поле средства выбора цвета, поддерживаемое Strapi. Используйте ползунки насыщенности и оттенка, чтобы выбрать цвет и сохранить его HEX (шестнадцатеричное) значение.",
   "plugin.description.short": "Настраиваемое поле средства выбора цвета, поддерживаемое Strapi.",
   "plugin.name": "Выбор цвета"
-}
+};
+export {
+  ru as default
+};
+//# sourceMappingURL=ru-0bf57448.mjs.map

package/dist/_chunks/ru-0bf57448.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru-0bf57448.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/_chunks/ru-1d1cf8a8.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ru = {
+  "color-picker.description": "Выбирайте любые цвета",
+  "color-picker.input.aria-label": "Введите выбранный цвет",
+  "color-picker.input.format": "HEX",
+  "color-picker.label": "Цвет",
+  "color-picker.options.advanced.regex": "Шаблон регулярного выражения (RegExp)",
+  "color-picker.options.advanced.regex.description": "Обеспечивает проверку с помощью регулярного выражение для HEX (шестнадцатеричного) HEX значения цвета",
+  "color-picker.options.advanced.requiredField": "Обязательное поле",
+  "color-picker.options.advanced.requiredField.description": "Вы не сможете продолжить, если это поле пусто",
+  "color-picker.settings": "Настройки",
+  "color-picker.toggle.aria-label": "Переключатель средства выбора цвета",
+  "plugin.description.long": "Настраиваемое поле средства выбора цвета, поддерживаемое Strapi. Используйте ползунки насыщенности и оттенка, чтобы выбрать цвет и сохранить его HEX (шестнадцатеричное) значение.",
+  "plugin.description.short": "Настраиваемое поле средства выбора цвета, поддерживаемое Strapi.",
+  "plugin.name": "Выбор цвета"
+};
+exports.default = ru;
+//# sourceMappingURL=ru-1d1cf8a8.js.map

package/dist/_chunks/ru-1d1cf8a8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru-1d1cf8a8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/sv-6e7fa200.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const sv = {
+  "color-picker.description": "Välj färger",
+  "color-picker.input.aria-label": "Färgväljarinmatning",
+  "color-picker.input.format": "HEX",
+  "color-picker.label": "Färgväljare",
+  "color-picker.options.advanced.regex": "RegEx-mönster",
+  "color-picker.options.advanced.regex.description": "Ange ett regex-mönster för att validera HEX-värdet",
+  "color-picker.options.advanced.requiredField": "Obligatoriskt fält",
+  "color-picker.options.advanced.requiredField.description": "Du kommer inte att kunna skapa en post om det här fältet är tomt",
+  "color-picker.settings": "Inställningar",
+  "color-picker.toggle.aria-label": "Växla färgväljare"
+};
+exports.default = sv;
+//# sourceMappingURL=sv-6e7fa200.js.map

package/dist/_chunks/sv-6e7fa200.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-6e7fa200.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/{admin/src/translations/sv.json → dist/_chunks/sv-de6a785a.mjs}

@@ -1,4 +1,4 @@
-{
+const sv = {
   "color-picker.description": "Välj färger",
   "color-picker.input.aria-label": "Färgväljarinmatning",
   "color-picker.input.format": "HEX",
@@ -9,4 +9,8 @@
   "color-picker.options.advanced.requiredField.description": "Du kommer inte att kunna skapa en post om det här fältet är tomt",
   "color-picker.settings": "Inställningar",
   "color-picker.toggle.aria-label": "Växla färgväljare"
-}
+};
+export {
+  sv as default
+};
+//# sourceMappingURL=sv-de6a785a.mjs.map

package/dist/_chunks/sv-de6a785a.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-de6a785a.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/{admin/src/translations/tr.json → dist/_chunks/tr-4d632eac.mjs}

@@ -1,4 +1,4 @@
-{
+const tr = {
   "color-picker.description": "Herhangi bir renk seç",
   "color-picker.input.aria-label": "Renk seçici girişi",
   "color-picker.input.format": "HEX",
@@ -9,4 +9,8 @@
   "color-picker.options.advanced.requiredField.description": "Bu alan boş olursa yeni bir girdi oluşturamazsın",
   "color-picker.settings": "Ayarlar",
   "color-picker.toggle.aria-label": "Renk seçici anahtarı"
-}
+};
+export {
+  tr as default
+};
+//# sourceMappingURL=tr-4d632eac.mjs.map

package/dist/_chunks/tr-4d632eac.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tr-4d632eac.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/_chunks/tr-67b6e192.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tr = {
+  "color-picker.description": "Herhangi bir renk seç",
+  "color-picker.input.aria-label": "Renk seçici girişi",
+  "color-picker.input.format": "HEX",
+  "color-picker.label": "Renk",
+  "color-picker.options.advanced.regex": "RegExp ifadesi",
+  "color-picker.options.advanced.regex.description": "HEX değerini doğrulamak için bir RegExp ifadesi sağla",
+  "color-picker.options.advanced.requiredField": "Zorunlu alan",
+  "color-picker.options.advanced.requiredField.description": "Bu alan boş olursa yeni bir girdi oluşturamazsın",
+  "color-picker.settings": "Ayarlar",
+  "color-picker.toggle.aria-label": "Renk seçici anahtarı"
+};
+exports.default = tr;
+//# sourceMappingURL=tr-67b6e192.js.map

package/dist/_chunks/tr-67b6e192.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tr-67b6e192.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/{admin/src/translations/zh.json → dist/_chunks/zh-5ba3e025.mjs}

@@ -1,4 +1,4 @@
-{
+const zh = {
   "color-picker.description": "選擇任意顏色",
   "color-picker.input.aria-label": "選色器輸入",
   "color-picker.input.format": "HEX",
@@ -9,4 +9,8 @@
   "color-picker.options.advanced.requiredField.description": "若此欄位為空，您將無法建立項目",
   "color-picker.settings": "設定",
   "color-picker.toggle.aria-label": "選色器開關"
-}
+};
+export {
+  zh as default
+};
+//# sourceMappingURL=zh-5ba3e025.mjs.map

package/dist/_chunks/zh-5ba3e025.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh-5ba3e025.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/_chunks/zh-e5010f8b.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const zh = {
+  "color-picker.description": "選擇任意顏色",
+  "color-picker.input.aria-label": "選色器輸入",
+  "color-picker.input.format": "HEX",
+  "color-picker.label": "顏色",
+  "color-picker.options.advanced.regex": "正則表達模式",
+  "color-picker.options.advanced.regex.description": "提供正則表達式以驗證 HEX 值",
+  "color-picker.options.advanced.requiredField": "必填欄位",
+  "color-picker.options.advanced.requiredField.description": "若此欄位為空，您將無法建立項目",
+  "color-picker.settings": "設定",
+  "color-picker.toggle.aria-label": "選色器開關"
+};
+exports.default = zh;
+//# sourceMappingURL=zh-e5010f8b.js.map

package/dist/_chunks/zh-e5010f8b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh-e5010f8b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/admin/components/ColorPickerIcon.d.ts

@@ -0,0 +1 @@
+export declare const ColorPickerIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/admin/components/ColorPickerInput.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { MessageDescriptor } from 'react-intl';
+/**
+ * TODO: A lot of these props should extend `FieldProps`
+ */
+interface ColorPickerInputProps {
+    intlLabel: MessageDescriptor;
+    /**
+     * TODO: this should be extended from `FieldInputProps['onChange']
+     * but that conflicts with it's secondary usage in `HexColorPicker`
+     */
+    onChange: (event: {
+        target: {
+            name: string;
+            value: string;
+            type: string;
+        };
+    }) => void;
+    attribute: {
+        type: string;
+        [key: string]: unknown;
+    };
+    name: string;
+    description?: MessageDescriptor;
+    disabled?: boolean;
+    error?: string;
+    labelAction?: React.ReactNode;
+    required?: boolean;
+    value?: string;
+}
+export declare const ColorPickerInput: React.ForwardRefExoticComponent<ColorPickerInputProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/admin/hooks/useComposeRefs.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+type PossibleRef<T> = React.Ref<T> | undefined;
+/**
+ * A utility to compose multiple refs together
+ * Accepts callback refs and RefObject(s)
+ */
+declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
+/**
+ * Takes multiple React like refs either React.Ref or a callback:
+ * (node: T) => void and returns a single function that can be
+ * passed to a React component as a ref.
+ *
+ * Example:
+ * ```tsx
+ * import { useComposedRefs } from '../hooks/useComposedRefs';
+ *
+ * const Component = React.forwardRef<HTMLInputElement, ComponentProps>((props, forwardedRef) => {
+ *  const ref = useComposedRefs(internalRef, forwardedRef);
+ *
+ *  React.useEffect(() => {
+ *   ref.current.focus();
+ *  }, [ref]);
+ *
+ *  return <input ref={ref} />
+ * }
+ * ```
+ */
+declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
+export { composeRefs, useComposedRefs };