@strapi/plugin-color-picker 0.0.0-next.fc231041206e6f3999b094160cfa05db2892ad54 → 0.0.0-next.fc9d26d995624dc886b29f563e1de655d47e6609
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.
- package/LICENSE +34 -12
- package/dist/admin/chunks/ColorPickerInput-BO3lsUmM.js +178 -0
- package/dist/admin/chunks/ColorPickerInput-BO3lsUmM.js.map +1 -0
- package/dist/admin/chunks/ColorPickerInput-CR8yH0F7.js +199 -0
- package/dist/admin/chunks/ColorPickerInput-CR8yH0F7.js.map +1 -0
- package/dist/admin/chunks/cs-BI5icLZ-.js +15 -0
- package/dist/admin/chunks/cs-BI5icLZ-.js.map +1 -0
- package/dist/admin/chunks/cs-DABbHfFT.js +17 -0
- package/dist/admin/chunks/cs-DABbHfFT.js.map +1 -0
- package/dist/admin/chunks/en-DhCwQ39J.js +20 -0
- package/dist/admin/chunks/en-DhCwQ39J.js.map +1 -0
- package/dist/admin/chunks/en-uI0wnpc1.js +18 -0
- package/dist/admin/chunks/en-uI0wnpc1.js.map +1 -0
- package/dist/admin/chunks/index-EI7HMw_Q.js +136 -0
- package/dist/admin/chunks/index-EI7HMw_Q.js.map +1 -0
- package/dist/admin/chunks/index-jpCMMLS-.js +139 -0
- package/dist/admin/chunks/index-jpCMMLS-.js.map +1 -0
- package/dist/admin/chunks/ru-DQvhmgfv.js +18 -0
- package/dist/admin/chunks/ru-DQvhmgfv.js.map +1 -0
- package/dist/admin/chunks/ru-DrsXE-1P.js +20 -0
- package/dist/admin/chunks/ru-DrsXE-1P.js.map +1 -0
- package/dist/admin/chunks/sv-BBGOioTo.js +17 -0
- package/dist/admin/chunks/sv-BBGOioTo.js.map +1 -0
- package/dist/admin/chunks/sv-soBCY9Rd.js +15 -0
- package/dist/admin/chunks/sv-soBCY9Rd.js.map +1 -0
- package/dist/admin/chunks/tr-D3HpnJJI.js +17 -0
- package/dist/admin/chunks/tr-D3HpnJJI.js.map +1 -0
- package/dist/admin/chunks/tr-pt6M-dRX.js +15 -0
- package/dist/admin/chunks/tr-pt6M-dRX.js.map +1 -0
- package/dist/admin/chunks/zh-CRS3clD4.js +17 -0
- package/dist/admin/chunks/zh-CRS3clD4.js.map +1 -0
- package/dist/admin/chunks/zh-DQMeqBK7.js +15 -0
- package/dist/admin/chunks/zh-DQMeqBK7.js.map +1 -0
- package/dist/admin/index.js +10 -7
- package/dist/admin/index.js.map +1 -1
- package/dist/admin/index.mjs +5 -9
- package/dist/admin/index.mjs.map +1 -1
- package/dist/admin/src/components/ColorPickerInput.d.ts +3 -28
- package/dist/admin/src/components/tests/ColorPickerInput.test.d.ts +1 -0
- package/dist/admin/src/utils/prefixPluginTranslations.d.ts +3 -0
- package/dist/server/index.js +12 -9
- package/dist/server/index.js.map +1 -1
- package/dist/server/index.mjs +11 -11
- package/dist/server/index.mjs.map +1 -1
- package/package.json +25 -24
- package/dist/_chunks/ColorPickerInput-0lOoTrf0.js +0 -206
- package/dist/_chunks/ColorPickerInput-0lOoTrf0.js.map +0 -1
- package/dist/_chunks/ColorPickerInput-fKB6YXW8.mjs +0 -185
- package/dist/_chunks/ColorPickerInput-fKB6YXW8.mjs.map +0 -1
- package/dist/_chunks/cs-4GdZY0p6.js +0 -16
- package/dist/_chunks/cs-4GdZY0p6.js.map +0 -1
- package/dist/_chunks/cs-A2xRj-2-.mjs +0 -16
- package/dist/_chunks/cs-A2xRj-2-.mjs.map +0 -1
- package/dist/_chunks/en-L6ZZWDJv.mjs +0 -19
- package/dist/_chunks/en-L6ZZWDJv.mjs.map +0 -1
- package/dist/_chunks/en-WeRHjVEB.js +0 -19
- package/dist/_chunks/en-WeRHjVEB.js.map +0 -1
- package/dist/_chunks/index-OJYEuoCq.js +0 -117
- package/dist/_chunks/index-OJYEuoCq.js.map +0 -1
- package/dist/_chunks/index-uOrtnJpz.mjs +0 -116
- package/dist/_chunks/index-uOrtnJpz.mjs.map +0 -1
- package/dist/_chunks/ru-LLXYEOwl.mjs +0 -19
- package/dist/_chunks/ru-LLXYEOwl.mjs.map +0 -1
- package/dist/_chunks/ru-UXN_ByI9.js +0 -19
- package/dist/_chunks/ru-UXN_ByI9.js.map +0 -1
- package/dist/_chunks/sv-3-Yk9bKb.js +0 -16
- package/dist/_chunks/sv-3-Yk9bKb.js.map +0 -1
- package/dist/_chunks/sv-QqRPNQLw.mjs +0 -16
- package/dist/_chunks/sv-QqRPNQLw.mjs.map +0 -1
- package/dist/_chunks/tr-AbD-f8F0.js +0 -16
- package/dist/_chunks/tr-AbD-f8F0.js.map +0 -1
- package/dist/_chunks/tr-qYGSw8gH.mjs +0 -16
- package/dist/_chunks/tr-qYGSw8gH.mjs.map +0 -1
- package/dist/_chunks/zh-c23gv_oM.js +0 -16
- package/dist/_chunks/zh-c23gv_oM.js.map +0 -1
- package/dist/_chunks/zh-fPTOIT6s.mjs +0 -16
- package/dist/_chunks/zh-fPTOIT6s.mjs.map +0 -1
- package/dist/admin/src/hooks/useComposeRefs.d.ts +0 -29
- package/strapi-server.js +0 -3
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const helperPlugin = require("@strapi/helper-plugin");
|
|
3
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const designSystem = require("@strapi/design-system");
|
|
5
|
-
const icons = require("@strapi/icons");
|
|
6
|
-
const styled = require("styled-components");
|
|
7
|
-
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
8
|
-
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
9
|
-
const __variableDynamicImportRuntimeHelper = (glob, path) => {
|
|
10
|
-
const v = glob[path];
|
|
11
|
-
if (v) {
|
|
12
|
-
return typeof v === "function" ? v() : Promise.resolve(v);
|
|
13
|
-
}
|
|
14
|
-
return new Promise((_, reject) => {
|
|
15
|
-
(typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
const IconBox = styled__default.default(designSystem.Flex)`
|
|
19
|
-
/* Hard code color values */
|
|
20
|
-
/* to stay consistent between themes */
|
|
21
|
-
background-color: #f0f0ff; /* primary100 */
|
|
22
|
-
border: 1px solid #d9d8ff; /* primary200 */
|
|
23
|
-
|
|
24
|
-
svg > path {
|
|
25
|
-
fill: #4945ff; /* primary600 */
|
|
26
|
-
}
|
|
27
|
-
`;
|
|
28
|
-
const ColorPickerIcon = () => {
|
|
29
|
-
return /* @__PURE__ */ jsxRuntime.jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: icons.Paint }) });
|
|
30
|
-
};
|
|
31
|
-
const pluginId = "color-picker";
|
|
32
|
-
const getTrad = (id) => `${pluginId}.${id}`;
|
|
33
|
-
const index = {
|
|
34
|
-
/**
|
|
35
|
-
* TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.
|
|
36
|
-
*/
|
|
37
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
38
|
-
register(app) {
|
|
39
|
-
app.customFields.register({
|
|
40
|
-
name: "color",
|
|
41
|
-
pluginId: "color-picker",
|
|
42
|
-
type: "string",
|
|
43
|
-
icon: ColorPickerIcon,
|
|
44
|
-
intlLabel: {
|
|
45
|
-
id: getTrad("color-picker.label"),
|
|
46
|
-
defaultMessage: "Color"
|
|
47
|
-
},
|
|
48
|
-
intlDescription: {
|
|
49
|
-
id: getTrad("color-picker.description"),
|
|
50
|
-
defaultMessage: "Select any color"
|
|
51
|
-
},
|
|
52
|
-
components: {
|
|
53
|
-
Input: async () => Promise.resolve().then(() => require("./ColorPickerInput-0lOoTrf0.js")).then((module2) => ({
|
|
54
|
-
default: module2.ColorPickerInput
|
|
55
|
-
}))
|
|
56
|
-
},
|
|
57
|
-
options: {
|
|
58
|
-
advanced: [
|
|
59
|
-
{
|
|
60
|
-
intlLabel: {
|
|
61
|
-
id: getTrad("color-picker.options.advanced.regex"),
|
|
62
|
-
defaultMessage: "RegExp pattern"
|
|
63
|
-
},
|
|
64
|
-
name: "regex",
|
|
65
|
-
type: "text",
|
|
66
|
-
defaultValue: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$",
|
|
67
|
-
description: {
|
|
68
|
-
id: getTrad("color-picker.options.advanced.regex.description"),
|
|
69
|
-
defaultMessage: "The text of the regular expression"
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
sectionTitle: {
|
|
74
|
-
id: "global.settings",
|
|
75
|
-
defaultMessage: "Settings"
|
|
76
|
-
},
|
|
77
|
-
items: [
|
|
78
|
-
{
|
|
79
|
-
name: "required",
|
|
80
|
-
type: "checkbox",
|
|
81
|
-
intlLabel: {
|
|
82
|
-
id: getTrad("color-picker.options.advanced.requiredField"),
|
|
83
|
-
defaultMessage: "Required field"
|
|
84
|
-
},
|
|
85
|
-
description: {
|
|
86
|
-
id: getTrad("color-picker.options.advanced.requiredField.description"),
|
|
87
|
-
defaultMessage: "You won't be able to create an entry if this field is empty"
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
]
|
|
91
|
-
}
|
|
92
|
-
]
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
},
|
|
96
|
-
async registerTrads({ locales }) {
|
|
97
|
-
const importedTrads = await Promise.all(
|
|
98
|
-
locales.map((locale) => {
|
|
99
|
-
return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-4GdZY0p6.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-WeRHjVEB.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-UXN_ByI9.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-3-Yk9bKb.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-AbD-f8F0.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-c23gv_oM.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
|
|
100
|
-
return {
|
|
101
|
-
data: helperPlugin.prefixPluginTranslations(data, pluginId),
|
|
102
|
-
locale
|
|
103
|
-
};
|
|
104
|
-
}).catch(() => {
|
|
105
|
-
return {
|
|
106
|
-
data: {},
|
|
107
|
-
locale
|
|
108
|
-
};
|
|
109
|
-
});
|
|
110
|
-
})
|
|
111
|
-
);
|
|
112
|
-
return Promise.resolve(importedTrads);
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
exports.getTrad = getTrad;
|
|
116
|
-
exports.index = index;
|
|
117
|
-
//# sourceMappingURL=index-OJYEuoCq.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-OJYEuoCq.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","Icon","Paint","module","prefixPluginTranslations"],"mappings":";;;;;;;;;;;;;;;;;AAIA,MAAM,UAAUA,gBAAAA,QAAOC,aAAAA,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,MAAM,kBAAkB,MAAM;AACnC,wCACG,SAAQ,EAAA,gBAAe,UAAS,YAAW,UAAS,OAAO,GAAG,QAAQ,GAAG,WAAS,MAAC,eAAW,MAC7F,yCAACC,mBAAK,EAAA,IAAIC,MAAAA,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,QAAO,QAAA,EAAA,KAAA,MAAA,QAAA,gCAA+B,CAAE,EAAA,KAAK,CAACC,aAAY;AAAA,UACxD,SAASA,QAAO;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,QAAA,QAAA,EAAA,KAAA,MAAA,QAAA,kBAAA,IAAA,0BAAA,MAAA,QAAA,QAAA,EAAA,KAAA,MAAA,QAAA,kBAAA,CAAA,GAAA,0BAAA,MAAA,QAAA,QAAA,EAAA,KAAA,MAAA,QAAA,kBAAA,CAAA,GAAA,0BAAA,MAAA,QAAA,QAAA,EAAA,KAAA,MAAA,QAAA,kBAAA,CAAA,GAAA,0BAAA,MAAA,QAAA,QAAA,EAAA,KAAA,MAAA,QAAA,kBAAA,CAAA,GAAA,0BAAA,MAAA,QAAA,QAAA,EAAA,KAAA,MAAA,QAAA,kBAAA,CAAA,EAAA,CAAA,GAAA,kBAAA,MAAA,OAAA,EACnC,KAAK,CAAC,EAAE,SAAS,WAAW;AACpB,iBAAA;AAAA,YACL,MAAMC,aAAAA,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;;;"}
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { prefixPluginTranslations } from "@strapi/helper-plugin";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Flex, Icon } from "@strapi/design-system";
|
|
4
|
-
import { Paint } from "@strapi/icons";
|
|
5
|
-
import styled from "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 = styled(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__ */ jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { as: Paint }) });
|
|
27
|
-
};
|
|
28
|
-
const pluginId = "color-picker";
|
|
29
|
-
const getTrad = (id) => `${pluginId}.${id}`;
|
|
30
|
-
const index = {
|
|
31
|
-
/**
|
|
32
|
-
* TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.
|
|
33
|
-
*/
|
|
34
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
35
|
-
register(app) {
|
|
36
|
-
app.customFields.register({
|
|
37
|
-
name: "color",
|
|
38
|
-
pluginId: "color-picker",
|
|
39
|
-
type: "string",
|
|
40
|
-
icon: ColorPickerIcon,
|
|
41
|
-
intlLabel: {
|
|
42
|
-
id: getTrad("color-picker.label"),
|
|
43
|
-
defaultMessage: "Color"
|
|
44
|
-
},
|
|
45
|
-
intlDescription: {
|
|
46
|
-
id: getTrad("color-picker.description"),
|
|
47
|
-
defaultMessage: "Select any color"
|
|
48
|
-
},
|
|
49
|
-
components: {
|
|
50
|
-
Input: async () => import("./ColorPickerInput-fKB6YXW8.mjs").then((module) => ({
|
|
51
|
-
default: module.ColorPickerInput
|
|
52
|
-
}))
|
|
53
|
-
},
|
|
54
|
-
options: {
|
|
55
|
-
advanced: [
|
|
56
|
-
{
|
|
57
|
-
intlLabel: {
|
|
58
|
-
id: getTrad("color-picker.options.advanced.regex"),
|
|
59
|
-
defaultMessage: "RegExp pattern"
|
|
60
|
-
},
|
|
61
|
-
name: "regex",
|
|
62
|
-
type: "text",
|
|
63
|
-
defaultValue: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$",
|
|
64
|
-
description: {
|
|
65
|
-
id: getTrad("color-picker.options.advanced.regex.description"),
|
|
66
|
-
defaultMessage: "The text of the regular expression"
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
sectionTitle: {
|
|
71
|
-
id: "global.settings",
|
|
72
|
-
defaultMessage: "Settings"
|
|
73
|
-
},
|
|
74
|
-
items: [
|
|
75
|
-
{
|
|
76
|
-
name: "required",
|
|
77
|
-
type: "checkbox",
|
|
78
|
-
intlLabel: {
|
|
79
|
-
id: getTrad("color-picker.options.advanced.requiredField"),
|
|
80
|
-
defaultMessage: "Required field"
|
|
81
|
-
},
|
|
82
|
-
description: {
|
|
83
|
-
id: getTrad("color-picker.options.advanced.requiredField.description"),
|
|
84
|
-
defaultMessage: "You won't be able to create an entry if this field is empty"
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
]
|
|
88
|
-
}
|
|
89
|
-
]
|
|
90
|
-
}
|
|
91
|
-
});
|
|
92
|
-
},
|
|
93
|
-
async registerTrads({ locales }) {
|
|
94
|
-
const importedTrads = await Promise.all(
|
|
95
|
-
locales.map((locale) => {
|
|
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 }) => {
|
|
97
|
-
return {
|
|
98
|
-
data: prefixPluginTranslations(data, pluginId),
|
|
99
|
-
locale
|
|
100
|
-
};
|
|
101
|
-
}).catch(() => {
|
|
102
|
-
return {
|
|
103
|
-
data: {},
|
|
104
|
-
locale
|
|
105
|
-
};
|
|
106
|
-
});
|
|
107
|
-
})
|
|
108
|
-
);
|
|
109
|
-
return Promise.resolve(importedTrads);
|
|
110
|
-
}
|
|
111
|
-
};
|
|
112
|
-
export {
|
|
113
|
-
getTrad as g,
|
|
114
|
-
index as i
|
|
115
|
-
};
|
|
116
|
-
//# sourceMappingURL=index-uOrtnJpz.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const ru = {
|
|
2
|
-
"color-picker.description": "Выбирайте любые цвета",
|
|
3
|
-
"color-picker.input.aria-label": "Введите выбранный цвет",
|
|
4
|
-
"color-picker.input.format": "HEX",
|
|
5
|
-
"color-picker.label": "Цвет",
|
|
6
|
-
"color-picker.options.advanced.regex": "Шаблон регулярного выражения (RegExp)",
|
|
7
|
-
"color-picker.options.advanced.regex.description": "Обеспечивает проверку с помощью регулярного выражение для HEX (шестнадцатеричного) HEX значения цвета",
|
|
8
|
-
"color-picker.options.advanced.requiredField": "Обязательное поле",
|
|
9
|
-
"color-picker.options.advanced.requiredField.description": "Вы не сможете продолжить, если это поле пусто",
|
|
10
|
-
"color-picker.settings": "Настройки",
|
|
11
|
-
"color-picker.toggle.aria-label": "Переключатель средства выбора цвета",
|
|
12
|
-
"plugin.description.long": "Настраиваемое поле средства выбора цвета, поддерживаемое Strapi. Используйте ползунки насыщенности и оттенка, чтобы выбрать цвет и сохранить его HEX (шестнадцатеричное) значение.",
|
|
13
|
-
"plugin.description.short": "Настраиваемое поле средства выбора цвета, поддерживаемое Strapi.",
|
|
14
|
-
"plugin.name": "Выбор цвета"
|
|
15
|
-
};
|
|
16
|
-
export {
|
|
17
|
-
ru as default
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=ru-LLXYEOwl.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ru-LLXYEOwl.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
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-UXN_ByI9.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ru-UXN_ByI9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
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-3-Yk9bKb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sv-3-Yk9bKb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const sv = {
|
|
2
|
-
"color-picker.description": "Välj färger",
|
|
3
|
-
"color-picker.input.aria-label": "Färgväljarinmatning",
|
|
4
|
-
"color-picker.input.format": "HEX",
|
|
5
|
-
"color-picker.label": "Färgväljare",
|
|
6
|
-
"color-picker.options.advanced.regex": "RegEx-mönster",
|
|
7
|
-
"color-picker.options.advanced.regex.description": "Ange ett regex-mönster för att validera HEX-värdet",
|
|
8
|
-
"color-picker.options.advanced.requiredField": "Obligatoriskt fält",
|
|
9
|
-
"color-picker.options.advanced.requiredField.description": "Du kommer inte att kunna skapa en post om det här fältet är tomt",
|
|
10
|
-
"color-picker.settings": "Inställningar",
|
|
11
|
-
"color-picker.toggle.aria-label": "Växla färgväljare"
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
sv as default
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=sv-QqRPNQLw.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sv-QqRPNQLw.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
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-AbD-f8F0.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tr-AbD-f8F0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const tr = {
|
|
2
|
-
"color-picker.description": "Herhangi bir renk seç",
|
|
3
|
-
"color-picker.input.aria-label": "Renk seçici girişi",
|
|
4
|
-
"color-picker.input.format": "HEX",
|
|
5
|
-
"color-picker.label": "Renk",
|
|
6
|
-
"color-picker.options.advanced.regex": "RegExp ifadesi",
|
|
7
|
-
"color-picker.options.advanced.regex.description": "HEX değerini doğrulamak için bir RegExp ifadesi sağla",
|
|
8
|
-
"color-picker.options.advanced.requiredField": "Zorunlu alan",
|
|
9
|
-
"color-picker.options.advanced.requiredField.description": "Bu alan boş olursa yeni bir girdi oluşturamazsın",
|
|
10
|
-
"color-picker.settings": "Ayarlar",
|
|
11
|
-
"color-picker.toggle.aria-label": "Renk seçici anahtarı"
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
tr as default
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=tr-qYGSw8gH.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tr-qYGSw8gH.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
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-c23gv_oM.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"zh-c23gv_oM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const zh = {
|
|
2
|
-
"color-picker.description": "選擇任意顏色",
|
|
3
|
-
"color-picker.input.aria-label": "選色器輸入",
|
|
4
|
-
"color-picker.input.format": "HEX",
|
|
5
|
-
"color-picker.label": "顏色",
|
|
6
|
-
"color-picker.options.advanced.regex": "正則表達模式",
|
|
7
|
-
"color-picker.options.advanced.regex.description": "提供正則表達式以驗證 HEX 值",
|
|
8
|
-
"color-picker.options.advanced.requiredField": "必填欄位",
|
|
9
|
-
"color-picker.options.advanced.requiredField.description": "若此欄位為空,您將無法建立項目",
|
|
10
|
-
"color-picker.settings": "設定",
|
|
11
|
-
"color-picker.toggle.aria-label": "選色器開關"
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
zh as default
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=zh-fPTOIT6s.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"zh-fPTOIT6s.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type PossibleRef<T> = React.Ref<T> | undefined;
|
|
3
|
-
/**
|
|
4
|
-
* A utility to compose multiple refs together
|
|
5
|
-
* Accepts callback refs and RefObject(s)
|
|
6
|
-
*/
|
|
7
|
-
declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
|
|
8
|
-
/**
|
|
9
|
-
* Takes multiple React like refs either React.Ref or a callback:
|
|
10
|
-
* (node: T) => void and returns a single function that can be
|
|
11
|
-
* passed to a React component as a ref.
|
|
12
|
-
*
|
|
13
|
-
* Example:
|
|
14
|
-
* ```tsx
|
|
15
|
-
* import { useComposedRefs } from '../hooks/useComposedRefs';
|
|
16
|
-
*
|
|
17
|
-
* const Component = React.forwardRef<HTMLInputElement, ComponentProps>((props, forwardedRef) => {
|
|
18
|
-
* const ref = useComposedRefs(internalRef, forwardedRef);
|
|
19
|
-
*
|
|
20
|
-
* React.useEffect(() => {
|
|
21
|
-
* ref.current.focus();
|
|
22
|
-
* }, [ref]);
|
|
23
|
-
*
|
|
24
|
-
* return <input ref={ref} />
|
|
25
|
-
* }
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
|
|
29
|
-
export { composeRefs, useComposedRefs };
|
package/strapi-server.js
DELETED