@strapi/plugin-color-picker 0.0.0-next.a2b1a1e72400fea121da3c3fb18f524b0c885ba8 → 0.0.0-next.a4bb06d54b493ab973659d0200e0e42937988850

package/dist/_chunks/ru-Wrg-npZz.js

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

package/{admin/src/translations/ru.json → dist/_chunks/ru-aOnA-eym.mjs}

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

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

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

package/dist/_chunks/sv-CKY6es_6.js

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

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

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

package/dist/_chunks/tr-DcLzQS-J.js

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

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

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

package/dist/_chunks/zh-T5cJzhPD.js

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

package/dist/admin/index.js

@@ -0,0 +1,3 @@
+"use strict";
+const index = require("../_chunks/index-CNTxZbMN.js");
+module.exports = index.index;

package/dist/admin/index.mjs

@@ -0,0 +1,4 @@
+import { i } from "../_chunks/index-dnY2u5Dg.mjs";
+export {
+  i as default
+};

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

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { type InputProps } from '@strapi/strapi/admin';
+type ColorPickerInputProps = InputProps & {
+    labelAction?: React.ReactNode;
+};
+export declare const ColorPickerInput: React.ForwardRefExoticComponent<ColorPickerInputProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/admin/src/index.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    /**
+     * TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.
+     */
+    register(app: any): void;
+    registerTrads({ locales }: {
+        locales: string[];
+    }): Promise<({
+        data: {
+            [x: string]: string;
+        };
+        locale: string;
+    } | {
+        data: {};
+        locale: string;
+    })[]>;
+};
+export default _default;

package/dist/admin/src/pluginId.d.ts

@@ -0,0 +1 @@
+export declare const pluginId = "color-picker";

package/dist/admin/src/utils/getTrad.d.ts

@@ -0,0 +1 @@
+export declare const getTrad: (id: string) => string;

package/dist/admin/src/utils/prefixPluginTranslations.d.ts

@@ -0,0 +1,3 @@
+type TradOptions = Record<string, string>;
+declare const prefixPluginTranslations: (trad: TradOptions, pluginId: string) => TradOptions;
+export { prefixPluginTranslations };

package/dist/server/index.js

@@ -1,7 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const register_1 = require("./register");
-exports.default = {
-    register: register_1.register,
+const register = ({ strapi }) => {
+  strapi.customFields.register({
+    name: "color",
+    plugin: "color-picker",
+    type: "string"
+  });
 };
-//# sourceMappingURL=index.js.map
+const index = {
+  register
+};
+module.exports = index;

package/dist/server/index.mjs

@@ -0,0 +1,13 @@
+const register = ({ strapi }) => {
+  strapi.customFields.register({
+    name: "color",
+    plugin: "color-picker",
+    type: "string"
+  });
+};
+const index = {
+  register
+};
+export {
+  index as default
+};

package/dist/server/{index.d.ts → src/index.d.ts}

@@ -2,3 +2,4 @@ declare const _default: {
     register: ({ strapi }: any) => void;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/server/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../server/src/index.ts"],"names":[],"mappings":";;;AAEA,wBAEE"}

package/dist/server/{register.d.ts → src/register.d.ts}

@@ -1 +1,2 @@
 export declare const register: ({ strapi }: any) => void;
+//# sourceMappingURL=register.d.ts.map

package/dist/server/src/register.d.ts.map

@@ -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"}

package/package.json

@@ -1,53 +1,7 @@
 {
   "name": "@strapi/plugin-color-picker",
-  "version": "0.0.0-next.a2b1a1e72400fea121da3c3fb18f524b0c885ba8",
+  "version": "0.0.0-next.a4bb06d54b493ab973659d0200e0e42937988850",
   "description": "Strapi maintained Custom Fields",
-  "strapi": {
-    "name": "color-picker",
-    "description": "Color picker custom field",
-    "kind": "plugin",
-    "displayName": "Color Picker"
-  },
-  "dependencies": {
-    "@strapi/design-system": "1.9.0",
-    "@strapi/helper-plugin": "0.0.0-next.a2b1a1e72400fea121da3c3fb18f524b0c885ba8",
-    "@strapi/icons": "1.9.0",
-    "prop-types": "^15.8.1",
-    "react-colorful": "5.6.1",
-    "react-intl": "6.4.1"
-  },
-  "devDependencies": {
-    "@testing-library/react": "14.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "5.3.4",
-    "styled-components": "5.3.3"
-  },
-  "peerDependencies": {
-    "@strapi/strapi": "^4.4.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0",
-    "react-router-dom": "5.3.4",
-    "styled-components": "5.3.3"
-  },
-  "files": [
-    "./dist",
-    "./admin",
-    "strapi-admin.js",
-    "strapi-server.js"
-  ],
-  "scripts": {
-    "build": "run -T tsc -p server/tsconfig.json --outDir ./dist/server",
-    "build:ts": "run build",
-    "watch": "run -T tsc -w --preserveWatchOutput",
-    "clean": "run -T rimraf ./dist",
-    "prepublishOnly": "yarn clean && yarn build",
-    "test:front": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js",
-    "test:front:watch": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js --watchAll",
-    "test:front:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js",
-    "test:front:watch:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll",
-    "lint": "run -T eslint ."
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/strapi/strapi.git",
@@ -66,9 +20,70 @@
       "url": "https://strapi.io"
     }
   ],
+  "exports": {
+    "./strapi-admin": {
+      "types": "./dist/admin/src/index.d.ts",
+      "source": "./admin/src/index.ts",
+      "import": "./dist/admin/index.mjs",
+      "require": "./dist/admin/index.js",
+      "default": "./dist/admin/index.js"
+    },
+    "./strapi-server": {
+      "types": "./dist/server/src/index.d.ts",
+      "source": "./server/src/index.ts",
+      "import": "./dist/server/index.mjs",
+      "require": "./dist/server/index.js",
+      "default": "./dist/server/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/",
+    "strapi-server.js"
+  ],
+  "scripts": {
+    "build": "strapi-plugin build",
+    "clean": "run -T rimraf ./dist",
+    "lint": "run -T eslint .",
+    "test:front": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js",
+    "test:front:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js",
+    "test:front:watch": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js --watchAll",
+    "test:front:watch:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll",
+    "test:ts:front": "run -T tsc -p admin/tsconfig.json",
+    "watch": "strapi-plugin watch"
+  },
+  "dependencies": {
+    "@strapi/design-system": "2.0.0-rc.14",
+    "@strapi/icons": "2.0.0-rc.14",
+    "react-colorful": "5.6.1",
+    "react-intl": "6.6.2"
+  },
+  "devDependencies": {
+    "@strapi/sdk-plugin": "^5.2.0",
+    "@strapi/strapi": "0.0.0-next.a4bb06d54b493ab973659d0200e0e42937988850",
+    "@testing-library/react": "15.0.7",
+    "@testing-library/user-event": "14.5.2",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-router-dom": "6.22.3",
+    "styled-components": "6.1.8",
+    "typescript": "5.3.2"
+  },
+  "peerDependencies": {
+    "@strapi/strapi": "^5.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.0.0",
+    "styled-components": "^6.0.0"
+  },
   "engines": {
-    "node": ">=16.0.0 <=20.x.x",
+    "node": ">=18.0.0 <=22.x.x",
     "npm": ">=6.0.0"
   },
-  "gitHead": "a2b1a1e72400fea121da3c3fb18f524b0c885ba8"
+  "strapi": {
+    "name": "color-picker",
+    "description": "Color picker custom field",
+    "kind": "plugin",
+    "displayName": "Color Picker"
+  }
 }

package/admin/src/components/ColorPicker/ColorPickerIcon/index.js

@@ -1,26 +0,0 @@
-import React from 'react';
-
-import { Flex, Icon } from '@strapi/design-system';
-import { Paint } from '@strapi/icons';
-import styled from 'styled-components';
-
-const IconBox = styled(Flex)`
-  /* Hard code color values */
-  /* to stay consistent between themes */
-  background-color: #f0f0ff; /* primary100 */
-  border: 1px solid #d9d8ff; /* primary200 */
-
-  svg > path {
-    fill: #4945ff; /* primary600 */
-  }
-`;
-
-const ColorPickerIcon = () => {
-  return (
-    <IconBox justifyContent="center" alignItems="center" width={7} height={6} hasRadius aria-hidden>
-      <Icon as={Paint} />
-    </IconBox>
-  );
-};
-
-export default ColorPickerIcon;

package/admin/src/components/ColorPicker/ColorPickerInput/index.js

@@ -1,214 +0,0 @@
-import React, { forwardRef, useRef, useState } from 'react';
-
-import {
-  BaseButton,
-  Box,
-  Field,
-  FieldError,
-  FieldHint,
-  FieldInput,
-  FieldLabel,
-  Flex,
-  FocusTrap,
-  Popover,
-  Typography,
-} from '@strapi/design-system';
-import { CarretDown } from '@strapi/icons';
-import PropTypes from 'prop-types';
-import { HexColorPicker } from 'react-colorful';
-import { useIntl } from 'react-intl';
-import styled from 'styled-components';
-
-import { useComposedRefs } from '../../../hooks/useComposeRefs';
-import getTrad from '../../../utils/getTrad';
-
-const ColorPreview = styled.div`
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  margin-right: 10px;
-  background-color: ${(props) => props.color};
-  border: 1px solid rgba(0, 0, 0, 0.1);
-`;
-
-const ColorPicker = styled(HexColorPicker)`
-  && {
-    width: 100%;
-    aspect-ratio: 1.5;
-  }
-
-  .react-colorful__pointer {
-    width: ${({ theme }) => theme.spaces[3]};
-    height: ${({ theme }) => theme.spaces[3]};
-  }
-
-  .react-colorful__saturation {
-    border-radius: ${({ theme }) => theme.spaces[1]};
-    border-bottom: none;
-  }
-
-  .react-colorful__hue {
-    border-radius: 10px;
-    height: ${({ theme }) => theme.spaces[3]};
-    margin-top: ${({ theme }) => theme.spaces[2]};
-  }
-`;
-
-const ColorPickerToggle = styled(BaseButton)`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  svg {
-    width: ${({ theme }) => theme.spaces[2]};
-    height: ${({ theme }) => theme.spaces[2]};
-  }
-
-  svg > path {
-    fill: ${({ theme }) => theme.colors.neutral500};
-    justify-self: flex-end;
-  }
-`;
-
-const ColorPickerPopover = styled(Popover)`
-  padding: ${({ theme }) => theme.spaces[2]};
-  min-height: 270px;
-`;
-
-const ColorPickerInput = forwardRef(
-  (
-    {
-      attribute,
-      description,
-      disabled,
-      error,
-      intlLabel,
-      labelAction,
-      name,
-      onChange,
-      required,
-      value,
-    },
-    forwardedRef
-  ) => {
-    const [showColorPicker, setShowColorPicker] = useState(false);
-    const colorPickerButtonRef = useRef();
-    const { formatMessage } = useIntl();
-    const color = value || '#000000';
-    const styleUppercase = { textTransform: 'uppercase' };
-
-    const handleBlur = (e) => {
-      e.preventDefault();
-
-      if (!e.currentTarget.contains(e.relatedTarget)) {
-        setShowColorPicker(false);
-      }
-    };
-
-    const composedRefs = useComposedRefs(forwardedRef, colorPickerButtonRef);
-
-    return (
-      <Field
-        name={name}
-        id={name}
-        // GenericInput calls formatMessage and returns a string for the error
-        error={error}
-        hint={description && formatMessage(description)}
-        required={required}
-      >
-        <Flex direction="column" alignItems="stretch" gap={1}>
-          <FieldLabel action={labelAction}>{formatMessage(intlLabel)}</FieldLabel>
-          <ColorPickerToggle
-            ref={composedRefs}
-            aria-label={formatMessage({
-              id: getTrad('color-picker.toggle.aria-label'),
-              defaultMessage: 'Color picker toggle',
-            })}
-            aria-controls="color-picker-value"
-            aria-haspopup="dialog"
-            aria-expanded={showColorPicker}
-            aria-disabled={disabled}
-            disabled={disabled}
-            onClick={() => setShowColorPicker(!showColorPicker)}
-          >
-            <Flex>
-              <ColorPreview color={color} />
-              <Typography
-                style={styleUppercase}
-                textColor={value ? null : 'neutral600'}
-                variant="omega"
-              >
-                {color}
-              </Typography>
-            </Flex>
-            <CarretDown aria-hidden />
-          </ColorPickerToggle>
-          {showColorPicker && (
-            <ColorPickerPopover
-              onBlur={handleBlur}
-              role="dialog"
-              source={colorPickerButtonRef}
-              spacing={4}
-            >
-              <FocusTrap onEscape={() => setShowColorPicker(false)}>
-                <ColorPicker
-                  color={color}
-                  onChange={(hexValue) =>
-                    onChange({ target: { name, value: hexValue, type: attribute.type } })
-                  }
-                />
-                <Flex paddingTop={3} paddingLeft={4} justifyContent="flex-end">
-                  <Box paddingRight={2}>
-                    <Typography variant="omega" as="label" textColor="neutral600">
-                      {formatMessage({
-                        id: getTrad('color-picker.input.format'),
-                        defaultMessage: 'HEX',
-                      })}
-                    </Typography>
-                  </Box>
-                  <FieldInput
-                    id="color-picker-value"
-                    aria-label={formatMessage({
-                      id: getTrad('color-picker.input.aria-label'),
-                      defaultMessage: 'Color picker input',
-                    })}
-                    style={styleUppercase}
-                    value={value}
-                    placeholder="#000000"
-                    onChange={onChange}
-                  />
-                </Flex>
-              </FocusTrap>
-            </ColorPickerPopover>
-          )}
-          <FieldHint />
-          <FieldError />
-        </Flex>
-      </Field>
-    );
-  }
-);
-
-ColorPickerInput.defaultProps = {
-  description: null,
-  disabled: false,
-  error: null,
-  labelAction: null,
-  required: false,
-  value: '',
-};
-
-ColorPickerInput.propTypes = {
-  intlLabel: PropTypes.object.isRequired,
-  onChange: PropTypes.func.isRequired,
-  attribute: PropTypes.object.isRequired,
-  name: PropTypes.string.isRequired,
-  description: PropTypes.object,
-  disabled: PropTypes.bool,
-  error: PropTypes.string,
-  labelAction: PropTypes.object,
-  required: PropTypes.bool,
-  value: PropTypes.string,
-};
-
-export default ColorPickerInput;