@strapi/plugin-color-picker 0.0.0-next.e9bb5ccdc459f4c6b6717a2d5d86359b7a47d47d → 0.0.0-next.ee56af7ae29770097422de95c0d5500908dce15c

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 (67) hide show
  1. package/LICENSE +18 -3
  2. package/dist/_chunks/ColorPickerInput-B07RliGP.js +153 -0
  3. package/dist/_chunks/ColorPickerInput-B07RliGP.js.map +1 -0
  4. package/dist/_chunks/ColorPickerInput-CMg-0_-G.mjs +134 -0
  5. package/dist/_chunks/ColorPickerInput-CMg-0_-G.mjs.map +1 -0
  6. package/dist/_chunks/cs-CKl0OyEH.js +16 -0
  7. package/dist/_chunks/cs-CKl0OyEH.js.map +1 -0
  8. package/{admin/src/translations/cs.json → dist/_chunks/cs-DMmE6LK7.mjs} +6 -2
  9. package/dist/_chunks/cs-DMmE6LK7.mjs.map +1 -0
  10. package/{admin/src/translations/en.json → dist/_chunks/en-BlDau3us.mjs} +6 -2
  11. package/dist/_chunks/en-BlDau3us.mjs.map +1 -0
  12. package/dist/_chunks/en-Ct0C5cA2.js +19 -0
  13. package/dist/_chunks/en-Ct0C5cA2.js.map +1 -0
  14. package/dist/_chunks/index-B9LkgZbo.mjs +121 -0
  15. package/dist/_chunks/index-B9LkgZbo.mjs.map +1 -0
  16. package/dist/_chunks/index-BeQLcDEb.js +120 -0
  17. package/dist/_chunks/index-BeQLcDEb.js.map +1 -0
  18. package/dist/_chunks/ru-Wrg-npZz.js +19 -0
  19. package/dist/_chunks/ru-Wrg-npZz.js.map +1 -0
  20. package/{admin/src/translations/ru.json → dist/_chunks/ru-aOnA-eym.mjs} +6 -2
  21. package/dist/_chunks/ru-aOnA-eym.mjs.map +1 -0
  22. package/{admin/src/translations/sv.json → dist/_chunks/sv-BaFDND79.mjs} +6 -2
  23. package/dist/_chunks/sv-BaFDND79.mjs.map +1 -0
  24. package/dist/_chunks/sv-CKY6es_6.js +16 -0
  25. package/dist/_chunks/sv-CKY6es_6.js.map +1 -0
  26. package/{admin/src/translations/tr.json → dist/_chunks/tr-CHHW_hYI.mjs} +6 -2
  27. package/dist/_chunks/tr-CHHW_hYI.mjs.map +1 -0
  28. package/dist/_chunks/tr-DcLzQS-J.js +16 -0
  29. package/dist/_chunks/tr-DcLzQS-J.js.map +1 -0
  30. package/{admin/src/translations/zh.json → dist/_chunks/zh-DBH6uCXb.mjs} +6 -2
  31. package/dist/_chunks/zh-DBH6uCXb.mjs.map +1 -0
  32. package/dist/_chunks/zh-T5cJzhPD.js +16 -0
  33. package/dist/_chunks/zh-T5cJzhPD.js.map +1 -0
  34. package/dist/admin/index.js +4 -0
  35. package/dist/admin/index.js.map +1 -0
  36. package/dist/admin/index.mjs +5 -0
  37. package/dist/admin/index.mjs.map +1 -0
  38. package/dist/admin/src/components/ColorPickerIcon.d.ts +1 -0
  39. package/dist/admin/src/components/ColorPickerInput.d.ts +7 -0
  40. package/dist/admin/src/index.d.ts +18 -0
  41. package/dist/admin/src/pluginId.d.ts +1 -0
  42. package/dist/admin/src/utils/getTrad.d.ts +1 -0
  43. package/dist/admin/src/utils/prefixPluginTranslations.d.ts +3 -0
  44. package/dist/server/index.js +13 -0
  45. package/dist/server/index.js.map +1 -0
  46. package/dist/server/index.mjs +14 -0
  47. package/dist/server/index.mjs.map +1 -0
  48. package/dist/server/src/index.d.ts +5 -0
  49. package/dist/server/src/index.d.ts.map +1 -0
  50. package/dist/server/src/register.d.ts +2 -0
  51. package/dist/server/src/register.d.ts.map +1 -0
  52. package/package.json +65 -38
  53. package/.eslintignore +0 -2
  54. package/.eslintrc.js +0 -14
  55. package/admin/src/components/ColorPicker/ColorPickerIcon/index.js +0 -25
  56. package/admin/src/components/ColorPicker/ColorPickerInput/index.js +0 -205
  57. package/admin/src/components/tests/__snapshots__/color-picker-input.test.js.snap +0 -238
  58. package/admin/src/components/tests/color-picker-input.test.js +0 -63
  59. package/admin/src/index.js +0 -87
  60. package/admin/src/pluginId.js +0 -5
  61. package/admin/src/utils/getTrad.js +0 -5
  62. package/color-picker.png +0 -0
  63. package/jest.config.front.js +0 -6
  64. package/server/index.js +0 -7
  65. package/server/register.js +0 -9
  66. package/strapi-admin.js +0 -3
  67. package/strapi-server.js +0 -3
@@ -0,0 +1,120 @@
1
+ "use strict";
2
+ const jsxRuntime = require("react/jsx-runtime");
3
+ const designSystem = require("@strapi/design-system");
4
+ const icons = require("@strapi/icons");
5
+ const styledComponents = require("styled-components");
6
+ const __variableDynamicImportRuntimeHelper = (glob, path) => {
7
+ const v = glob[path];
8
+ if (v) {
9
+ return typeof v === "function" ? v() : Promise.resolve(v);
10
+ }
11
+ return new Promise((_, reject) => {
12
+ (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
13
+ });
14
+ };
15
+ const IconBox = styledComponents.styled(designSystem.Flex)`
16
+ /* Hard code color values */
17
+ /* to stay consistent between themes */
18
+ background-color: #f0f0ff; /* primary100 */
19
+ border: 1px solid #d9d8ff; /* primary200 */
20
+
21
+ svg > path {
22
+ fill: #4945ff; /* primary600 */
23
+ }
24
+ `;
25
+ const ColorPickerIcon = () => {
26
+ return /* @__PURE__ */ jsxRuntime.jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.PaintBrush, {}) });
27
+ };
28
+ const pluginId = "color-picker";
29
+ const getTrad = (id) => `${pluginId}.${id}`;
30
+ const prefixPluginTranslations = (trad, pluginId2) => {
31
+ return Object.keys(trad).reduce((acc, current) => {
32
+ acc[`${pluginId2}.${current}`] = trad[current];
33
+ return acc;
34
+ }, {});
35
+ };
36
+ const index = {
37
+ /**
38
+ * TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.
39
+ */
40
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
41
+ register(app) {
42
+ app.customFields.register({
43
+ name: "color",
44
+ pluginId: "color-picker",
45
+ type: "string",
46
+ icon: ColorPickerIcon,
47
+ intlLabel: {
48
+ id: getTrad("color-picker.label"),
49
+ defaultMessage: "Color"
50
+ },
51
+ intlDescription: {
52
+ id: getTrad("color-picker.description"),
53
+ defaultMessage: "Select any color"
54
+ },
55
+ components: {
56
+ Input: async () => Promise.resolve().then(() => require("./ColorPickerInput-B07RliGP.js")).then((module2) => ({
57
+ default: module2.ColorPickerInput
58
+ }))
59
+ },
60
+ options: {
61
+ advanced: [
62
+ {
63
+ intlLabel: {
64
+ id: getTrad("color-picker.options.advanced.regex"),
65
+ defaultMessage: "RegExp pattern"
66
+ },
67
+ name: "regex",
68
+ type: "text",
69
+ defaultValue: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$",
70
+ description: {
71
+ id: getTrad("color-picker.options.advanced.regex.description"),
72
+ defaultMessage: "The text of the regular expression"
73
+ }
74
+ },
75
+ {
76
+ sectionTitle: {
77
+ id: "global.settings",
78
+ defaultMessage: "Settings"
79
+ },
80
+ items: [
81
+ {
82
+ name: "required",
83
+ type: "checkbox",
84
+ intlLabel: {
85
+ id: getTrad("color-picker.options.advanced.requiredField"),
86
+ defaultMessage: "Required field"
87
+ },
88
+ description: {
89
+ id: getTrad("color-picker.options.advanced.requiredField.description"),
90
+ defaultMessage: "You won't be able to create an entry if this field is empty"
91
+ }
92
+ }
93
+ ]
94
+ }
95
+ ]
96
+ }
97
+ });
98
+ },
99
+ async registerTrads({ locales }) {
100
+ const importedTrads = await Promise.all(
101
+ locales.map((locale) => {
102
+ return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CKl0OyEH.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Ct0C5cA2.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-Wrg-npZz.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-CKY6es_6.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-DcLzQS-J.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-T5cJzhPD.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
103
+ return {
104
+ data: prefixPluginTranslations(data, pluginId),
105
+ locale
106
+ };
107
+ }).catch(() => {
108
+ return {
109
+ data: {},
110
+ locale
111
+ };
112
+ });
113
+ })
114
+ );
115
+ return Promise.resolve(importedTrads);
116
+ }
117
+ };
118
+ exports.getTrad = getTrad;
119
+ exports.index = index;
120
+ //# sourceMappingURL=index-BeQLcDEb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-BeQLcDEb.js","sources":["../../admin/src/components/ColorPickerIcon.tsx","../../admin/src/pluginId.ts","../../admin/src/utils/getTrad.ts","../../admin/src/utils/prefixPluginTranslations.ts","../../admin/src/index.ts"],"sourcesContent":["import { Flex } from '@strapi/design-system';\nimport { PaintBrush } 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 <PaintBrush />\n </IconBox>\n );\n};\n","export const pluginId = 'color-picker';\n","import { pluginId } from '../pluginId';\n\nexport const getTrad = (id: string) => `${pluginId}.${id}`;\n","type TradOptions = Record<string, string>;\n\nconst prefixPluginTranslations = (trad: TradOptions, pluginId: string): TradOptions => {\n if (!pluginId) {\n throw new TypeError(\"pluginId can't be empty\");\n }\n return Object.keys(trad).reduce((acc, current) => {\n acc[`${pluginId}.${current}`] = trad[current];\n return acc;\n }, {} as TradOptions);\n};\n\nexport { prefixPluginTranslations };\n","import { ColorPickerIcon } from './components/ColorPickerIcon';\nimport { pluginId } from './pluginId';\nimport { getTrad } from './utils/getTrad';\nimport { prefixPluginTranslations } from './utils/prefixPluginTranslations';\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","jsx","PaintBrush","pluginId","module"],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const ru = {
4
+ "color-picker.description": "Выбирайте любые цвета",
5
+ "color-picker.input.aria-label": "Введите выбранный цвет",
6
+ "color-picker.input.format": "HEX",
7
+ "color-picker.label": "Цвет",
8
+ "color-picker.options.advanced.regex": "Шаблон регулярного выражения (RegExp)",
9
+ "color-picker.options.advanced.regex.description": "Обеспечивает проверку с помощью регулярного выражение для HEX (шестнадцатеричного) HEX значения цвета",
10
+ "color-picker.options.advanced.requiredField": "Обязательное поле",
11
+ "color-picker.options.advanced.requiredField.description": "Вы не сможете продолжить, если это поле пусто",
12
+ "color-picker.settings": "Настройки",
13
+ "color-picker.toggle.aria-label": "Переключатель средства выбора цвета",
14
+ "plugin.description.long": "Настраиваемое поле средства выбора цвета, поддерживаемое Strapi. Используйте ползунки насыщенности и оттенка, чтобы выбрать цвет и сохранить его HEX (шестнадцатеричное) значение.",
15
+ "plugin.description.short": "Настраиваемое поле средства выбора цвета, поддерживаемое Strapi.",
16
+ "plugin.name": "Выбор цвета"
17
+ };
18
+ exports.default = ru;
19
+ //# sourceMappingURL=ru-Wrg-npZz.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ru-Wrg-npZz.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- {
1
+ const ru = {
2
2
  "color-picker.description": "Выбирайте любые цвета",
3
3
  "color-picker.input.aria-label": "Введите выбранный цвет",
4
4
  "color-picker.input.format": "HEX",
@@ -12,4 +12,8 @@
12
12
  "plugin.description.long": "Настраиваемое поле средства выбора цвета, поддерживаемое Strapi. Используйте ползунки насыщенности и оттенка, чтобы выбрать цвет и сохранить его HEX (шестнадцатеричное) значение.",
13
13
  "plugin.description.short": "Настраиваемое поле средства выбора цвета, поддерживаемое Strapi.",
14
14
  "plugin.name": "Выбор цвета"
15
- }
15
+ };
16
+ export {
17
+ ru as default
18
+ };
19
+ //# sourceMappingURL=ru-aOnA-eym.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ru-aOnA-eym.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- {
1
+ const sv = {
2
2
  "color-picker.description": "Välj färger",
3
3
  "color-picker.input.aria-label": "Färgväljarinmatning",
4
4
  "color-picker.input.format": "HEX",
@@ -9,4 +9,8 @@
9
9
  "color-picker.options.advanced.requiredField.description": "Du kommer inte att kunna skapa en post om det här fältet är tomt",
10
10
  "color-picker.settings": "Inställningar",
11
11
  "color-picker.toggle.aria-label": "Växla färgväljare"
12
- }
12
+ };
13
+ export {
14
+ sv as default
15
+ };
16
+ //# sourceMappingURL=sv-BaFDND79.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sv-BaFDND79.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const sv = {
4
+ "color-picker.description": "Välj färger",
5
+ "color-picker.input.aria-label": "Färgväljarinmatning",
6
+ "color-picker.input.format": "HEX",
7
+ "color-picker.label": "Färgväljare",
8
+ "color-picker.options.advanced.regex": "RegEx-mönster",
9
+ "color-picker.options.advanced.regex.description": "Ange ett regex-mönster för att validera HEX-värdet",
10
+ "color-picker.options.advanced.requiredField": "Obligatoriskt fält",
11
+ "color-picker.options.advanced.requiredField.description": "Du kommer inte att kunna skapa en post om det här fältet är tomt",
12
+ "color-picker.settings": "Inställningar",
13
+ "color-picker.toggle.aria-label": "Växla färgväljare"
14
+ };
15
+ exports.default = sv;
16
+ //# sourceMappingURL=sv-CKY6es_6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sv-CKY6es_6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- {
1
+ const tr = {
2
2
  "color-picker.description": "Herhangi bir renk seç",
3
3
  "color-picker.input.aria-label": "Renk seçici girişi",
4
4
  "color-picker.input.format": "HEX",
@@ -9,4 +9,8 @@
9
9
  "color-picker.options.advanced.requiredField.description": "Bu alan boş olursa yeni bir girdi oluşturamazsın",
10
10
  "color-picker.settings": "Ayarlar",
11
11
  "color-picker.toggle.aria-label": "Renk seçici anahtarı"
12
- }
12
+ };
13
+ export {
14
+ tr as default
15
+ };
16
+ //# sourceMappingURL=tr-CHHW_hYI.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tr-CHHW_hYI.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const tr = {
4
+ "color-picker.description": "Herhangi bir renk seç",
5
+ "color-picker.input.aria-label": "Renk seçici girişi",
6
+ "color-picker.input.format": "HEX",
7
+ "color-picker.label": "Renk",
8
+ "color-picker.options.advanced.regex": "RegExp ifadesi",
9
+ "color-picker.options.advanced.regex.description": "HEX değerini doğrulamak için bir RegExp ifadesi sağla",
10
+ "color-picker.options.advanced.requiredField": "Zorunlu alan",
11
+ "color-picker.options.advanced.requiredField.description": "Bu alan boş olursa yeni bir girdi oluşturamazsın",
12
+ "color-picker.settings": "Ayarlar",
13
+ "color-picker.toggle.aria-label": "Renk seçici anahtarı"
14
+ };
15
+ exports.default = tr;
16
+ //# sourceMappingURL=tr-DcLzQS-J.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tr-DcLzQS-J.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- {
1
+ const zh = {
2
2
  "color-picker.description": "選擇任意顏色",
3
3
  "color-picker.input.aria-label": "選色器輸入",
4
4
  "color-picker.input.format": "HEX",
@@ -9,4 +9,8 @@
9
9
  "color-picker.options.advanced.requiredField.description": "若此欄位為空,您將無法建立項目",
10
10
  "color-picker.settings": "設定",
11
11
  "color-picker.toggle.aria-label": "選色器開關"
12
- }
12
+ };
13
+ export {
14
+ zh as default
15
+ };
16
+ //# sourceMappingURL=zh-DBH6uCXb.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zh-DBH6uCXb.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const zh = {
4
+ "color-picker.description": "選擇任意顏色",
5
+ "color-picker.input.aria-label": "選色器輸入",
6
+ "color-picker.input.format": "HEX",
7
+ "color-picker.label": "顏色",
8
+ "color-picker.options.advanced.regex": "正則表達模式",
9
+ "color-picker.options.advanced.regex.description": "提供正則表達式以驗證 HEX 值",
10
+ "color-picker.options.advanced.requiredField": "必填欄位",
11
+ "color-picker.options.advanced.requiredField.description": "若此欄位為空,您將無法建立項目",
12
+ "color-picker.settings": "設定",
13
+ "color-picker.toggle.aria-label": "選色器開關"
14
+ };
15
+ exports.default = zh;
16
+ //# sourceMappingURL=zh-T5cJzhPD.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zh-T5cJzhPD.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ const index = require("../_chunks/index-BeQLcDEb.js");
3
+ module.exports = index.index;
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
@@ -0,0 +1,5 @@
1
+ import { i } from "../_chunks/index-B9LkgZbo.mjs";
2
+ export {
3
+ i as default
4
+ };
5
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1 @@
1
+ export declare const ColorPickerIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { type InputProps, type FieldValue } from '@strapi/strapi/admin';
3
+ type ColorPickerInputProps = InputProps & FieldValue & {
4
+ labelAction?: React.ReactNode;
5
+ };
6
+ export declare const ColorPickerInput: React.ForwardRefExoticComponent<ColorPickerInputProps & React.RefAttributes<HTMLButtonElement>>;
7
+ export {};
@@ -0,0 +1,18 @@
1
+ declare const _default: {
2
+ /**
3
+ * TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.
4
+ */
5
+ register(app: any): void;
6
+ registerTrads({ locales }: {
7
+ locales: string[];
8
+ }): Promise<({
9
+ data: {
10
+ [x: string]: string;
11
+ };
12
+ locale: string;
13
+ } | {
14
+ data: {};
15
+ locale: string;
16
+ })[]>;
17
+ };
18
+ export default _default;
@@ -0,0 +1 @@
1
+ export declare const pluginId = "color-picker";
@@ -0,0 +1 @@
1
+ export declare const getTrad: (id: string) => string;
@@ -0,0 +1,3 @@
1
+ type TradOptions = Record<string, string>;
2
+ declare const prefixPluginTranslations: (trad: TradOptions, pluginId: string) => TradOptions;
3
+ export { prefixPluginTranslations };
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ const register = ({ strapi }) => {
3
+ strapi.customFields.register({
4
+ name: "color",
5
+ plugin: "color-picker",
6
+ type: "string"
7
+ });
8
+ };
9
+ const index = {
10
+ register
11
+ };
12
+ module.exports = index;
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../server/src/register.ts","../../server/src/index.ts"],"sourcesContent":["export const register = ({ strapi }: any) => {\n strapi.customFields.register({\n name: 'color',\n plugin: 'color-picker',\n type: 'string',\n });\n};\n","import { register } from './register';\n\nexport default {\n register,\n};\n"],"names":[],"mappings":";AAAO,MAAM,WAAW,CAAC,EAAE,aAAkB;AAC3C,SAAO,aAAa,SAAS;AAAA,IAC3B,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA,CACP;AACH;ACJA,MAAe,QAAA;AAAA,EACb;AACF;;"}
@@ -0,0 +1,14 @@
1
+ const register = ({ strapi }) => {
2
+ strapi.customFields.register({
3
+ name: "color",
4
+ plugin: "color-picker",
5
+ type: "string"
6
+ });
7
+ };
8
+ const index = {
9
+ register
10
+ };
11
+ export {
12
+ index as default
13
+ };
14
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","sources":["../../server/src/register.ts","../../server/src/index.ts"],"sourcesContent":["export const register = ({ strapi }: any) => {\n strapi.customFields.register({\n name: 'color',\n plugin: 'color-picker',\n type: 'string',\n });\n};\n","import { register } from './register';\n\nexport default {\n register,\n};\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,CAAC,EAAE,aAAkB;AAC3C,SAAO,aAAa,SAAS;AAAA,IAC3B,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA,CACP;AACH;ACJA,MAAe,QAAA;AAAA,EACb;AACF;"}
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ register: ({ strapi }: any) => void;
3
+ };
4
+ export default _default;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../server/src/index.ts"],"names":[],"mappings":";;;AAEA,wBAEE"}
@@ -0,0 +1,2 @@
1
+ export declare const register: ({ strapi }: any) => void;
2
+ //# sourceMappingURL=register.d.ts.map
@@ -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,42 +1,7 @@
1
1
  {
2
2
  "name": "@strapi/plugin-color-picker",
3
- "version": "0.0.0-next.e9bb5ccdc459f4c6b6717a2d5d86359b7a47d47d",
3
+ "version": "0.0.0-next.ee56af7ae29770097422de95c0d5500908dce15c",
4
4
  "description": "Strapi maintained Custom Fields",
5
- "strapi": {
6
- "name": "color-picker",
7
- "description": "Color picker custom field",
8
- "kind": "plugin",
9
- "displayName": "Color Picker"
10
- },
11
- "dependencies": {
12
- "@strapi/design-system": "1.7.5",
13
- "@strapi/helper-plugin": "0.0.0-next.e9bb5ccdc459f4c6b6717a2d5d86359b7a47d47d",
14
- "@strapi/icons": "1.7.5",
15
- "prop-types": "^15.7.2",
16
- "react-colorful": "5.6.1",
17
- "react-intl": "6.4.1"
18
- },
19
- "devDependencies": {
20
- "@testing-library/react": "12.1.4",
21
- "react": "^17.0.2",
22
- "react-dom": "^17.0.2",
23
- "react-router-dom": "5.3.4",
24
- "styled-components": "5.3.3"
25
- },
26
- "peerDependencies": {
27
- "@strapi/strapi": "^4.4.0",
28
- "react": "^17.0.2",
29
- "react-dom": "^17.0.2",
30
- "react-router-dom": "^5.3.4",
31
- "styled-components": "^5.3.3"
32
- },
33
- "scripts": {
34
- "test:front": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js",
35
- "test:front:watch": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js --watchAll",
36
- "test:front:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js",
37
- "test:front:watch:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll",
38
- "lint": "run -T eslint ."
39
- },
40
5
  "repository": {
41
6
  "type": "git",
42
7
  "url": "https://github.com/strapi/strapi.git",
@@ -55,9 +20,71 @@
55
20
  "url": "https://strapi.io"
56
21
  }
57
22
  ],
23
+ "exports": {
24
+ "./strapi-admin": {
25
+ "types": "./dist/admin/src/index.d.ts",
26
+ "source": "./admin/src/index.ts",
27
+ "import": "./dist/admin/index.mjs",
28
+ "require": "./dist/admin/index.js",
29
+ "default": "./dist/admin/index.js"
30
+ },
31
+ "./strapi-server": {
32
+ "types": "./dist/server/src/index.d.ts",
33
+ "source": "./server/src/index.ts",
34
+ "import": "./dist/server/index.mjs",
35
+ "require": "./dist/server/index.js",
36
+ "default": "./dist/server/index.js"
37
+ },
38
+ "./package.json": "./package.json"
39
+ },
40
+ "files": [
41
+ "dist/",
42
+ "strapi-server.js"
43
+ ],
44
+ "scripts": {
45
+ "build": "strapi-plugin build",
46
+ "clean": "run -T rimraf ./dist",
47
+ "lint": "run -T eslint .",
48
+ "test:front": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js",
49
+ "test:front:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js",
50
+ "test:front:watch": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js --watchAll",
51
+ "test:front:watch:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll",
52
+ "test:ts:front": "run -T tsc -p admin/tsconfig.json",
53
+ "watch": "strapi-plugin watch"
54
+ },
55
+ "dependencies": {
56
+ "@strapi/design-system": "2.0.0-rc.11",
57
+ "@strapi/icons": "2.0.0-rc.11",
58
+ "react-colorful": "5.6.1",
59
+ "react-intl": "6.6.2"
60
+ },
61
+ "devDependencies": {
62
+ "@strapi/sdk-plugin": "^5.0.0",
63
+ "@strapi/strapi": "0.0.0-next.ee56af7ae29770097422de95c0d5500908dce15c",
64
+ "@testing-library/react": "15.0.7",
65
+ "@testing-library/user-event": "14.5.2",
66
+ "react": "18.3.1",
67
+ "react-dom": "18.3.1",
68
+ "react-router-dom": "6.22.3",
69
+ "styled-components": "6.1.8",
70
+ "typescript": "5.3.2"
71
+ },
72
+ "peerDependencies": {
73
+ "@strapi/strapi": "^5.0.0 || ^5.0.0-beta || ^5.0.0-alpha || ^5.0.0-rc",
74
+ "react": "^17.0.0 || ^18.0.0",
75
+ "react-dom": "^17.0.0 || ^18.0.0",
76
+ "react-router-dom": "^6.0.0",
77
+ "styled-components": "^6.0.0"
78
+ },
58
79
  "engines": {
59
- "node": ">=14.19.1 <=18.x.x",
80
+ "node": ">=18.0.0 <=22.x.x",
60
81
  "npm": ">=6.0.0"
61
82
  },
62
- "gitHead": "e9bb5ccdc459f4c6b6717a2d5d86359b7a47d47d"
83
+ "strapi": {
84
+ "name": "color-picker",
85
+ "description": "Color picker custom field",
86
+ "kind": "plugin",
87
+ "displayName": "Color Picker"
88
+ },
89
+ "gitHead": "ee56af7ae29770097422de95c0d5500908dce15c"
63
90
  }
package/.eslintignore DELETED
@@ -1,2 +0,0 @@
1
- node_modules/
2
- .eslintrc.js
package/.eslintrc.js DELETED
@@ -1,14 +0,0 @@
1
- module.exports = {
2
- root: true,
3
- overrides: [
4
- {
5
- files: ['admin/**/*'],
6
- extends: ['custom/front'],
7
- },
8
- {
9
- files: ['**/*'],
10
- excludedFiles: ['admin/**/*'],
11
- extends: ['custom/back'],
12
- },
13
- ],
14
- };
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { Icon, Flex } from '@strapi/design-system';
4
- import { Paint } from '@strapi/icons';
5
-
6
- const IconBox = styled(Flex)`
7
- /* Hard code color values */
8
- /* to stay consistent between themes */
9
- background-color: #f0f0ff; /* primary100 */
10
- border: 1px solid #d9d8ff; /* primary200 */
11
-
12
- svg > path {
13
- fill: #4945ff; /* primary600 */
14
- }
15
- `;
16
-
17
- const ColorPickerIcon = () => {
18
- return (
19
- <IconBox justifyContent="center" alignItems="center" width={7} height={6} hasRadius aria-hidden>
20
- <Icon as={Paint} />
21
- </IconBox>
22
- );
23
- };
24
-
25
- export default ColorPickerIcon;