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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/_chunks/ColorPickerInput-0lOoTrf0.js +206 -0
  2. package/dist/_chunks/{ColorPickerInput-8875b370.js.map → ColorPickerInput-0lOoTrf0.js.map} +1 -1
  3. package/dist/_chunks/ColorPickerInput-fKB6YXW8.mjs +185 -0
  4. package/dist/_chunks/{ColorPickerInput-0d985ad5.mjs.map → ColorPickerInput-fKB6YXW8.mjs.map} +1 -1
  5. package/dist/_chunks/{cs-c22467c6.js → cs-4GdZY0p6.js} +1 -1
  6. package/dist/_chunks/cs-4GdZY0p6.js.map +1 -0
  7. package/dist/_chunks/{cs-32e5b75a.mjs → cs-A2xRj-2-.mjs} +1 -1
  8. package/dist/_chunks/cs-A2xRj-2-.mjs.map +1 -0
  9. package/dist/_chunks/{en-2230584b.mjs → en-L6ZZWDJv.mjs} +1 -1
  10. package/dist/_chunks/en-L6ZZWDJv.mjs.map +1 -0
  11. package/dist/_chunks/{en-eb6717ab.js → en-WeRHjVEB.js} +1 -1
  12. package/dist/_chunks/en-WeRHjVEB.js.map +1 -0
  13. package/dist/_chunks/{index-9695efa4.js → index-OJYEuoCq.js} +5 -13
  14. package/dist/_chunks/{index-9695efa4.js.map → index-OJYEuoCq.js.map} +1 -1
  15. package/dist/_chunks/{index-214132a2.mjs → index-uOrtnJpz.mjs} +5 -13
  16. package/dist/_chunks/{index-214132a2.mjs.map → index-uOrtnJpz.mjs.map} +1 -1
  17. package/dist/_chunks/{ru-0bf57448.mjs → ru-LLXYEOwl.mjs} +1 -1
  18. package/dist/_chunks/ru-LLXYEOwl.mjs.map +1 -0
  19. package/dist/_chunks/{ru-1d1cf8a8.js → ru-UXN_ByI9.js} +1 -1
  20. package/dist/_chunks/ru-UXN_ByI9.js.map +1 -0
  21. package/dist/_chunks/{sv-6e7fa200.js → sv-3-Yk9bKb.js} +1 -1
  22. package/dist/_chunks/sv-3-Yk9bKb.js.map +1 -0
  23. package/dist/_chunks/{sv-de6a785a.mjs → sv-QqRPNQLw.mjs} +1 -1
  24. package/dist/_chunks/sv-QqRPNQLw.mjs.map +1 -0
  25. package/dist/_chunks/{tr-67b6e192.js → tr-AbD-f8F0.js} +1 -1
  26. package/dist/_chunks/tr-AbD-f8F0.js.map +1 -0
  27. package/dist/_chunks/{tr-4d632eac.mjs → tr-qYGSw8gH.mjs} +1 -1
  28. package/dist/_chunks/tr-qYGSw8gH.mjs.map +1 -0
  29. package/dist/_chunks/{zh-e5010f8b.js → zh-c23gv_oM.js} +1 -1
  30. package/dist/_chunks/zh-c23gv_oM.js.map +1 -0
  31. package/dist/_chunks/{zh-5ba3e025.mjs → zh-fPTOIT6s.mjs} +1 -1
  32. package/dist/_chunks/zh-fPTOIT6s.mjs.map +1 -0
  33. package/dist/admin/index.js +2 -2
  34. package/dist/admin/index.mjs +2 -2
  35. package/dist/server/src/index.d.ts.map +1 -0
  36. package/dist/server/src/register.d.ts.map +1 -0
  37. package/package.json +11 -12
  38. package/dist/_chunks/ColorPickerInput-0d985ad5.mjs +0 -277
  39. package/dist/_chunks/ColorPickerInput-8875b370.js +0 -298
  40. package/dist/_chunks/cs-32e5b75a.mjs.map +0 -1
  41. package/dist/_chunks/cs-c22467c6.js.map +0 -1
  42. package/dist/_chunks/en-2230584b.mjs.map +0 -1
  43. package/dist/_chunks/en-eb6717ab.js.map +0 -1
  44. package/dist/_chunks/ru-0bf57448.mjs.map +0 -1
  45. package/dist/_chunks/ru-1d1cf8a8.js.map +0 -1
  46. package/dist/_chunks/sv-6e7fa200.js.map +0 -1
  47. package/dist/_chunks/sv-de6a785a.mjs.map +0 -1
  48. package/dist/_chunks/tr-4d632eac.mjs.map +0 -1
  49. package/dist/_chunks/tr-67b6e192.js.map +0 -1
  50. package/dist/_chunks/zh-5ba3e025.mjs.map +0 -1
  51. package/dist/_chunks/zh-e5010f8b.js.map +0 -1
  52. package/dist/server/index.d.ts.map +0 -1
  53. package/dist/server/register.d.ts.map +0 -1
  54. /package/dist/admin/{components → src/components}/ColorPickerIcon.d.ts +0 -0
  55. /package/dist/admin/{components → src/components}/ColorPickerInput.d.ts +0 -0
  56. /package/dist/admin/{hooks → src/hooks}/useComposeRefs.d.ts +0 -0
  57. /package/dist/admin/{index.d.ts → src/index.d.ts} +0 -0
  58. /package/dist/admin/{pluginId.d.ts → src/pluginId.d.ts} +0 -0
  59. /package/dist/admin/{utils → src/utils}/getTrad.d.ts +0 -0
  60. /package/dist/server/{index.d.ts → src/index.d.ts} +0 -0
  61. /package/dist/server/{register.d.ts → src/register.d.ts} +0 -0
@@ -1,5 +1,5 @@
1
1
  import { prefixPluginTranslations } from "@strapi/helper-plugin";
2
- import { jsxDEV } from "react/jsx-dev-runtime";
2
+ import { jsx } from "react/jsx-runtime";
3
3
  import { Flex, Icon } from "@strapi/design-system";
4
4
  import { Paint } from "@strapi/icons";
5
5
  import styled from "styled-components";
@@ -23,15 +23,7 @@ const IconBox = styled(Flex)`
23
23
  }
24
24
  `;
25
25
  const ColorPickerIcon = () => {
26
- 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, {
27
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerIcon.tsx",
28
- lineNumber: 19,
29
- columnNumber: 7
30
- }, globalThis) }, void 0, false, {
31
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerIcon.tsx",
32
- lineNumber: 18,
33
- columnNumber: 5
34
- }, globalThis);
26
+ return /* @__PURE__ */ jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { as: Paint }) });
35
27
  };
36
28
  const pluginId = "color-picker";
37
29
  const getTrad = (id) => `${pluginId}.${id}`;
@@ -55,7 +47,7 @@ const index = {
55
47
  defaultMessage: "Select any color"
56
48
  },
57
49
  components: {
58
- Input: async () => import("./ColorPickerInput-0d985ad5.mjs").then((module) => ({
50
+ Input: async () => import("./ColorPickerInput-fKB6YXW8.mjs").then((module) => ({
59
51
  default: module.ColorPickerInput
60
52
  }))
61
53
  },
@@ -101,7 +93,7 @@ const index = {
101
93
  async registerTrads({ locales }) {
102
94
  const importedTrads = await Promise.all(
103
95
  locales.map((locale) => {
104
- 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 }) => {
96
+ return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => import("./cs-A2xRj-2-.mjs"), "./translations/en.json": () => import("./en-L6ZZWDJv.mjs"), "./translations/ru.json": () => import("./ru-LLXYEOwl.mjs"), "./translations/sv.json": () => import("./sv-QqRPNQLw.mjs"), "./translations/tr.json": () => import("./tr-qYGSw8gH.mjs"), "./translations/zh.json": () => import("./zh-fPTOIT6s.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
105
97
  return {
106
98
  data: prefixPluginTranslations(data, pluginId),
107
99
  locale
@@ -121,4 +113,4 @@ export {
121
113
  getTrad as g,
122
114
  index as i
123
115
  };
124
- //# sourceMappingURL=index-214132a2.mjs.map
116
+ //# sourceMappingURL=index-uOrtnJpz.mjs.map
@@ -1 +1 @@
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":"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"}
1
+ {"version":3,"file":"index-uOrtnJpz.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":[],"mappings":";;;;;;;;;;;;;;AAIA,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,MAAM,kBAAkB,MAAM;AACnC,6BACG,SAAQ,EAAA,gBAAe,UAAS,YAAW,UAAS,OAAO,GAAG,QAAQ,GAAG,WAAS,MAAC,eAAW,MAC7F,8BAAC,MAAK,EAAA,IAAI,OAAO,EACnB,CAAA;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;"}
@@ -16,4 +16,4 @@ const ru = {
16
16
  export {
17
17
  ru as default
18
18
  };
19
- //# sourceMappingURL=ru-0bf57448.mjs.map
19
+ //# sourceMappingURL=ru-LLXYEOwl.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ru-LLXYEOwl.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -16,4 +16,4 @@ const ru = {
16
16
  "plugin.name": "Выбор цвета"
17
17
  };
18
18
  exports.default = ru;
19
- //# sourceMappingURL=ru-1d1cf8a8.js.map
19
+ //# sourceMappingURL=ru-UXN_ByI9.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ru-UXN_ByI9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -13,4 +13,4 @@ const sv = {
13
13
  "color-picker.toggle.aria-label": "Växla färgväljare"
14
14
  };
15
15
  exports.default = sv;
16
- //# sourceMappingURL=sv-6e7fa200.js.map
16
+ //# sourceMappingURL=sv-3-Yk9bKb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sv-3-Yk9bKb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -13,4 +13,4 @@ const sv = {
13
13
  export {
14
14
  sv as default
15
15
  };
16
- //# sourceMappingURL=sv-de6a785a.mjs.map
16
+ //# sourceMappingURL=sv-QqRPNQLw.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sv-QqRPNQLw.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -13,4 +13,4 @@ const tr = {
13
13
  "color-picker.toggle.aria-label": "Renk seçici anahtarı"
14
14
  };
15
15
  exports.default = tr;
16
- //# sourceMappingURL=tr-67b6e192.js.map
16
+ //# sourceMappingURL=tr-AbD-f8F0.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tr-AbD-f8F0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -13,4 +13,4 @@ const tr = {
13
13
  export {
14
14
  tr as default
15
15
  };
16
- //# sourceMappingURL=tr-4d632eac.mjs.map
16
+ //# sourceMappingURL=tr-qYGSw8gH.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tr-qYGSw8gH.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -13,4 +13,4 @@ const zh = {
13
13
  "color-picker.toggle.aria-label": "選色器開關"
14
14
  };
15
15
  exports.default = zh;
16
- //# sourceMappingURL=zh-e5010f8b.js.map
16
+ //# sourceMappingURL=zh-c23gv_oM.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zh-c23gv_oM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -13,4 +13,4 @@ const zh = {
13
13
  export {
14
14
  zh as default
15
15
  };
16
- //# sourceMappingURL=zh-5ba3e025.mjs.map
16
+ //# sourceMappingURL=zh-fPTOIT6s.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zh-fPTOIT6s.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
- const index = require("../_chunks/index-9695efa4.js");
2
+ const index = require("../_chunks/index-OJYEuoCq.js");
3
3
  require("@strapi/helper-plugin");
4
- require("react/jsx-dev-runtime");
4
+ require("react/jsx-runtime");
5
5
  require("@strapi/design-system");
6
6
  require("@strapi/icons");
7
7
  require("styled-components");
@@ -1,6 +1,6 @@
1
- import { i } from "../_chunks/index-214132a2.mjs";
1
+ import { i } from "../_chunks/index-uOrtnJpz.mjs";
2
2
  import "@strapi/helper-plugin";
3
- import "react/jsx-dev-runtime";
3
+ import "react/jsx-runtime";
4
4
  import "@strapi/design-system";
5
5
  import "@strapi/icons";
6
6
  import "styled-components";
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../server/src/index.ts"],"names":[],"mappings":";;;AAEA,wBAEE"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../server/src/register.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,eAAgB,GAAG,SAMvC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@strapi/plugin-color-picker",
3
- "version": "0.0.0-next.f5b09a8e61e059f02784478e27c310c6290be088",
3
+ "version": "0.0.0-next.f8af92b375dc730ba47ed2117f25df893aae696c",
4
4
  "description": "Strapi maintained Custom Fields",
5
5
  "repository": {
6
6
  "type": "git",
@@ -22,14 +22,14 @@
22
22
  ],
23
23
  "exports": {
24
24
  "./strapi-admin": {
25
- "types": "./dist/admin/index.d.ts",
25
+ "types": "./dist/admin/src/index.d.ts",
26
26
  "source": "./admin/src/index.ts",
27
27
  "import": "./dist/admin/index.mjs",
28
28
  "require": "./dist/admin/index.js",
29
29
  "default": "./dist/admin/index.js"
30
30
  },
31
31
  "./strapi-server": {
32
- "types": "./dist/server/index.d.ts",
32
+ "types": "./dist/server/src/index.d.ts",
33
33
  "source": "./server/src/index.ts",
34
34
  "import": "./dist/server/index.mjs",
35
35
  "require": "./dist/server/index.js",
@@ -45,7 +45,6 @@
45
45
  "build": "strapi plugin:build --force",
46
46
  "clean": "run -T rimraf ./dist",
47
47
  "lint": "run -T eslint .",
48
- "prepublishOnly": "yarn clean && yarn build",
49
48
  "test:front": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js",
50
49
  "test:front:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js",
51
50
  "test:front:watch": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js --watchAll",
@@ -54,18 +53,18 @@
54
53
  "watch": "strapi plugin:watch"
55
54
  },
56
55
  "dependencies": {
57
- "@strapi/design-system": "1.13.0",
58
- "@strapi/helper-plugin": "0.0.0-next.f5b09a8e61e059f02784478e27c310c6290be088",
59
- "@strapi/icons": "1.13.0",
56
+ "@strapi/design-system": "1.14.1",
57
+ "@strapi/helper-plugin": "0.0.0-next.f8af92b375dc730ba47ed2117f25df893aae696c",
58
+ "@strapi/icons": "1.14.1",
60
59
  "prop-types": "^15.8.1",
61
60
  "react-colorful": "5.6.1",
62
61
  "react-intl": "6.4.1"
63
62
  },
64
63
  "devDependencies": {
65
- "@strapi/strapi": "0.0.0-next.f5b09a8e61e059f02784478e27c310c6290be088",
64
+ "@strapi/strapi": "0.0.0-next.f8af92b375dc730ba47ed2117f25df893aae696c",
66
65
  "@testing-library/react": "14.0.0",
67
66
  "@testing-library/user-event": "14.4.3",
68
- "@types/styled-components": "5.1.26",
67
+ "@types/styled-components": "5.1.32",
69
68
  "react": "^18.2.0",
70
69
  "react-dom": "^18.2.0",
71
70
  "react-router-dom": "5.3.4",
@@ -76,8 +75,8 @@
76
75
  "@strapi/strapi": "^4.4.0",
77
76
  "react": "^17.0.0 || ^18.0.0",
78
77
  "react-dom": "^17.0.0 || ^18.0.0",
79
- "react-router-dom": "5.3.4",
80
- "styled-components": "5.3.3"
78
+ "react-router-dom": "^5.2.0",
79
+ "styled-components": "^5.2.1"
81
80
  },
82
81
  "engines": {
83
82
  "node": ">=18.0.0 <=20.x.x",
@@ -89,5 +88,5 @@
89
88
  "kind": "plugin",
90
89
  "displayName": "Color Picker"
91
90
  },
92
- "gitHead": "f5b09a8e61e059f02784478e27c310c6290be088"
91
+ "gitHead": "f8af92b375dc730ba47ed2117f25df893aae696c"
93
92
  }
@@ -1,277 +0,0 @@
1
- import { jsxDEV } from "react/jsx-dev-runtime";
2
- import * as React from "react";
3
- import { BaseButton, Popover, Field, Flex, FieldLabel, Typography, FocusTrap, Box, FieldInput, FieldHint, FieldError } from "@strapi/design-system";
4
- import { CarretDown } from "@strapi/icons";
5
- import { HexColorPicker } from "react-colorful";
6
- import { useIntl } from "react-intl";
7
- import styled from "styled-components";
8
- import { g as getTrad } from "./index-214132a2.mjs";
9
- import "@strapi/helper-plugin";
10
- function setRef(ref, value) {
11
- if (typeof ref === "function") {
12
- ref(value);
13
- } else if (ref !== null && ref !== void 0) {
14
- ref.current = value;
15
- }
16
- }
17
- function composeRefs(...refs) {
18
- return (node) => refs.forEach((ref) => setRef(ref, node));
19
- }
20
- function useComposedRefs(...refs) {
21
- return React.useCallback(composeRefs(...refs), refs);
22
- }
23
- const ColorPreview = styled.div`
24
- border-radius: 50%;
25
- width: 20px;
26
- height: 20px;
27
- margin-right: 10px;
28
- background-color: ${(props) => props.color};
29
- border: 1px solid rgba(0, 0, 0, 0.1);
30
- `;
31
- const ColorPicker = styled(HexColorPicker)`
32
- && {
33
- width: 100%;
34
- aspect-ratio: 1.5;
35
- }
36
-
37
- .react-colorful__pointer {
38
- width: ${({ theme }) => theme.spaces[3]};
39
- height: ${({ theme }) => theme.spaces[3]};
40
- }
41
-
42
- .react-colorful__saturation {
43
- border-radius: ${({ theme }) => theme.spaces[1]};
44
- border-bottom: none;
45
- }
46
-
47
- .react-colorful__hue {
48
- border-radius: 10px;
49
- height: ${({ theme }) => theme.spaces[3]};
50
- margin-top: ${({ theme }) => theme.spaces[2]};
51
- }
52
- `;
53
- const ColorPickerToggle = styled(BaseButton)`
54
- display: flex;
55
- justify-content: space-between;
56
- align-items: center;
57
-
58
- svg {
59
- width: ${({ theme }) => theme.spaces[2]};
60
- height: ${({ theme }) => theme.spaces[2]};
61
- }
62
-
63
- svg > path {
64
- fill: ${({ theme }) => theme.colors.neutral500};
65
- justify-self: flex-end;
66
- }
67
- `;
68
- const ColorPickerPopover = styled(Popover)`
69
- padding: ${({ theme }) => theme.spaces[2]};
70
- min-height: 270px;
71
- `;
72
- const ColorPickerInput = React.forwardRef(
73
- ({
74
- attribute,
75
- description,
76
- disabled = false,
77
- error,
78
- intlLabel,
79
- labelAction,
80
- name,
81
- onChange,
82
- required = false,
83
- value = ""
84
- }, forwardedRef) => {
85
- const [showColorPicker, setShowColorPicker] = React.useState(false);
86
- const colorPickerButtonRef = React.useRef(null);
87
- const { formatMessage } = useIntl();
88
- const color = value || "#000000";
89
- const handleBlur = (e) => {
90
- e.preventDefault();
91
- if (!e.currentTarget.contains(e.relatedTarget)) {
92
- setShowColorPicker(false);
93
- }
94
- };
95
- const composedRefs = useComposedRefs(forwardedRef, colorPickerButtonRef);
96
- return /* @__PURE__ */ jsxDEV(
97
- Field,
98
- {
99
- name,
100
- id: name,
101
- error,
102
- hint: description && formatMessage(description),
103
- required,
104
- children: /* @__PURE__ */ jsxDEV(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
105
- /* @__PURE__ */ jsxDEV(FieldLabel, { action: labelAction, children: formatMessage(intlLabel) }, void 0, false, {
106
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
107
- lineNumber: 138,
108
- columnNumber: 11
109
- }, globalThis),
110
- /* @__PURE__ */ jsxDEV(
111
- ColorPickerToggle,
112
- {
113
- ref: composedRefs,
114
- "aria-label": formatMessage({
115
- id: getTrad("color-picker.toggle.aria-label"),
116
- defaultMessage: "Color picker toggle"
117
- }),
118
- "aria-controls": "color-picker-value",
119
- "aria-haspopup": "dialog",
120
- "aria-expanded": showColorPicker,
121
- "aria-disabled": disabled,
122
- disabled,
123
- onClick: () => setShowColorPicker(!showColorPicker),
124
- children: [
125
- /* @__PURE__ */ jsxDEV(Flex, { children: [
126
- /* @__PURE__ */ jsxDEV(ColorPreview, { color }, void 0, false, {
127
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
128
- lineNumber: 153,
129
- columnNumber: 15
130
- }, globalThis),
131
- /* @__PURE__ */ jsxDEV(
132
- Typography,
133
- {
134
- style: { textTransform: "uppercase" },
135
- textColor: value ? void 0 : "neutral600",
136
- variant: "omega",
137
- children: color
138
- },
139
- void 0,
140
- false,
141
- {
142
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
143
- lineNumber: 154,
144
- columnNumber: 15
145
- },
146
- globalThis
147
- )
148
- ] }, void 0, true, {
149
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
150
- lineNumber: 152,
151
- columnNumber: 13
152
- }, globalThis),
153
- /* @__PURE__ */ jsxDEV(CarretDown, { "aria-hidden": true }, void 0, false, {
154
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
155
- lineNumber: 162,
156
- columnNumber: 13
157
- }, globalThis)
158
- ]
159
- },
160
- void 0,
161
- true,
162
- {
163
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
164
- lineNumber: 139,
165
- columnNumber: 11
166
- },
167
- globalThis
168
- ),
169
- showColorPicker && /* @__PURE__ */ jsxDEV(
170
- ColorPickerPopover,
171
- {
172
- onBlur: handleBlur,
173
- role: "dialog",
174
- source: colorPickerButtonRef,
175
- spacing: 4,
176
- children: /* @__PURE__ */ jsxDEV(FocusTrap, { onEscape: () => setShowColorPicker(false), children: [
177
- /* @__PURE__ */ jsxDEV(
178
- ColorPicker,
179
- {
180
- color,
181
- onChange: (hexValue) => onChange({ target: { name, value: hexValue, type: attribute.type } })
182
- },
183
- void 0,
184
- false,
185
- {
186
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
187
- lineNumber: 172,
188
- columnNumber: 17
189
- },
190
- globalThis
191
- ),
192
- /* @__PURE__ */ jsxDEV(Flex, { paddingTop: 3, paddingLeft: 4, justifyContent: "flex-end", children: [
193
- /* @__PURE__ */ jsxDEV(Box, { paddingRight: 2, children: /* @__PURE__ */ jsxDEV(Typography, { variant: "omega", as: "label", textColor: "neutral600", children: formatMessage({
194
- id: getTrad("color-picker.input.format"),
195
- defaultMessage: "HEX"
196
- }) }, void 0, false, {
197
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
198
- lineNumber: 180,
199
- columnNumber: 21
200
- }, globalThis) }, void 0, false, {
201
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
202
- lineNumber: 179,
203
- columnNumber: 19
204
- }, globalThis),
205
- /* @__PURE__ */ jsxDEV(
206
- FieldInput,
207
- {
208
- id: "color-picker-value",
209
- "aria-label": formatMessage({
210
- id: getTrad("color-picker.input.aria-label"),
211
- defaultMessage: "Color picker input"
212
- }),
213
- style: { textTransform: "uppercase" },
214
- value,
215
- placeholder: "#000000",
216
- onChange
217
- },
218
- void 0,
219
- false,
220
- {
221
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
222
- lineNumber: 187,
223
- columnNumber: 19
224
- },
225
- globalThis
226
- )
227
- ] }, void 0, true, {
228
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
229
- lineNumber: 178,
230
- columnNumber: 17
231
- }, globalThis)
232
- ] }, void 0, true, {
233
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
234
- lineNumber: 171,
235
- columnNumber: 15
236
- }, globalThis)
237
- },
238
- void 0,
239
- false,
240
- {
241
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
242
- lineNumber: 165,
243
- columnNumber: 13
244
- },
245
- globalThis
246
- ),
247
- /* @__PURE__ */ jsxDEV(FieldHint, {}, void 0, false, {
248
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
249
- lineNumber: 202,
250
- columnNumber: 11
251
- }, globalThis),
252
- /* @__PURE__ */ jsxDEV(FieldError, {}, void 0, false, {
253
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
254
- lineNumber: 203,
255
- columnNumber: 11
256
- }, globalThis)
257
- ] }, void 0, true, {
258
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
259
- lineNumber: 137,
260
- columnNumber: 9
261
- }, globalThis)
262
- },
263
- void 0,
264
- false,
265
- {
266
- fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
267
- lineNumber: 129,
268
- columnNumber: 7
269
- },
270
- globalThis
271
- );
272
- }
273
- );
274
- export {
275
- ColorPickerInput
276
- };
277
- //# sourceMappingURL=ColorPickerInput-0d985ad5.mjs.map