@strapi/plugin-color-picker 0.0.0-next.c7c44a121f7abc0c52826a7d310fe4534b8727f0 → 0.0.0-next.c80d4d9b205f7844215758ba333894819685e6c1

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 (63) hide show
  1. package/dist/_chunks/ColorPickerInput-0lOoTrf0.js +206 -0
  2. package/dist/_chunks/{ColorPickerInput-8c35610d.js.map → ColorPickerInput-0lOoTrf0.js.map} +1 -1
  3. package/dist/_chunks/ColorPickerInput-fKB6YXW8.mjs +185 -0
  4. package/dist/_chunks/{ColorPickerInput-b9dc2ba1.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-83ab6784.js → index-OJYEuoCq.js} +7 -16
  14. package/dist/_chunks/index-OJYEuoCq.js.map +1 -0
  15. package/dist/_chunks/{index-b4858a3b.mjs → index-uOrtnJpz.mjs} +7 -16
  16. package/dist/_chunks/index-uOrtnJpz.mjs.map +1 -0
  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 +12 -16
  38. package/dist/_chunks/ColorPickerInput-8c35610d.js +0 -298
  39. package/dist/_chunks/ColorPickerInput-b9dc2ba1.mjs +0 -277
  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/index-83ab6784.js.map +0 -1
  45. package/dist/_chunks/index-b4858a3b.mjs.map +0 -1
  46. package/dist/_chunks/ru-0bf57448.mjs.map +0 -1
  47. package/dist/_chunks/ru-1d1cf8a8.js.map +0 -1
  48. package/dist/_chunks/sv-6e7fa200.js.map +0 -1
  49. package/dist/_chunks/sv-de6a785a.mjs.map +0 -1
  50. package/dist/_chunks/tr-4d632eac.mjs.map +0 -1
  51. package/dist/_chunks/tr-67b6e192.js.map +0 -1
  52. package/dist/_chunks/zh-5ba3e025.mjs.map +0 -1
  53. package/dist/_chunks/zh-e5010f8b.js.map +0 -1
  54. package/dist/server/index.d.ts.map +0 -1
  55. package/dist/server/register.d.ts.map +0 -1
  56. /package/dist/admin/{components → src/components}/ColorPickerIcon.d.ts +0 -0
  57. /package/dist/admin/{components → src/components}/ColorPickerInput.d.ts +0 -0
  58. /package/dist/admin/{hooks → src/hooks}/useComposeRefs.d.ts +0 -0
  59. /package/dist/admin/{index.d.ts → src/index.d.ts} +0 -0
  60. /package/dist/admin/{pluginId.d.ts → src/pluginId.d.ts} +0 -0
  61. /package/dist/admin/{utils → src/utils}/getTrad.d.ts +0 -0
  62. /package/dist/server/{index.d.ts → src/index.d.ts} +0 -0
  63. /package/dist/server/{register.d.ts → src/register.d.ts} +0 -0
@@ -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-b4858a3b.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-b9dc2ba1.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cs-32e5b75a.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"cs-c22467c6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"en-2230584b.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"en-eb6717ab.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-83ab6784.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(\n /* webpackChunkName: \"color-picker-input-component\" */ './components/ColorPickerInput'\n ).then((module) => ({ default: module.ColorPickerInput })),\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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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-b4858a3b.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(\n /* webpackChunkName: \"color-picker-input-component\" */ './components/ColorPickerInput'\n ).then((module) => ({ default: module.ColorPickerInput })),\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 +0,0 @@
1
- {"version":3,"file":"ru-0bf57448.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ru-1d1cf8a8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"sv-6e7fa200.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"sv-de6a785a.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"tr-4d632eac.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"tr-67b6e192.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"zh-5ba3e025.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"zh-e5010f8b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../server/src/index.ts"],"names":[],"mappings":";;;AAEA,wBAEE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../server/src/register.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,eAAgB,GAAG,SAMvC,CAAC"}
File without changes
File without changes
File without changes
File without changes