@strapi/plugin-color-picker 0.0.0-next.f7babb775ed9a7e18d8351cb7f74c63e016323c4 → 0.0.0-next.f93d6eabe52aa7681655cfa08eedbc3708dbb90d

package/dist/admin/translations/zh.json.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/admin/utils/getTrad.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var pluginId = require('../pluginId.js');
+
+const getTrad = (id)=>`${pluginId.pluginId}.${id}`;
+
+exports.getTrad = getTrad;
+//# sourceMappingURL=getTrad.js.map

package/dist/admin/utils/getTrad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTrad.js","sources":["../../../admin/src/utils/getTrad.ts"],"sourcesContent":["import { pluginId } from '../pluginId';\n\nexport const getTrad = (id: string) => `${pluginId}.${id}`;\n"],"names":["getTrad","id","pluginId"],"mappings":";;;;AAEO,MAAMA,OAAU,GAAA,CAACC,EAAe,GAAA,CAAC,EAAEC,iBAAAA,CAAS,CAAC,EAAED,EAAG,CAAA;;;;"}

package/dist/admin/utils/getTrad.mjs

@@ -0,0 +1,6 @@
+import { pluginId } from '../pluginId.mjs';
+
+const getTrad = (id)=>`${pluginId}.${id}`;
+
+export { getTrad };
+//# sourceMappingURL=getTrad.mjs.map

package/dist/admin/utils/getTrad.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTrad.mjs","sources":["../../../admin/src/utils/getTrad.ts"],"sourcesContent":["import { pluginId } from '../pluginId';\n\nexport const getTrad = (id: string) => `${pluginId}.${id}`;\n"],"names":["getTrad","id","pluginId"],"mappings":";;AAEO,MAAMA,OAAU,GAAA,CAACC,EAAe,GAAA,CAAC,EAAEC,QAAAA,CAAS,CAAC,EAAED,EAAG,CAAA;;;;"}

package/dist/admin/utils/prefixPluginTranslations.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const prefixPluginTranslations = (trad, pluginId)=>{
+    return Object.keys(trad).reduce((acc, current)=>{
+        acc[`${pluginId}.${current}`] = trad[current];
+        return acc;
+    }, {});
+};
+
+exports.prefixPluginTranslations = prefixPluginTranslations;
+//# sourceMappingURL=prefixPluginTranslations.js.map

package/dist/admin/utils/prefixPluginTranslations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefixPluginTranslations.js","sources":["../../../admin/src/utils/prefixPluginTranslations.ts"],"sourcesContent":["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"],"names":["prefixPluginTranslations","trad","pluginId","Object","keys","reduce","acc","current"],"mappings":";;AAEMA,MAAAA,wBAAAA,GAA2B,CAACC,IAAmBC,EAAAA,QAAAA,GAAAA;AAInD,IAAA,OAAOC,OAAOC,IAAI,CAACH,MAAMI,MAAM,CAAC,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;AACpCD,QAAAA,GAAG,CAAC,CAAC,EAAEJ,QAAAA,CAAS,CAAC,EAAEK,OAAQ,CAAA,CAAC,CAAC,GAAGN,IAAI,CAACM,OAAQ,CAAA;QAC7C,OAAOD,GAAAA;AACT,KAAA,EAAG,EAAC,CAAA;AACN;;;;"}

package/dist/admin/utils/prefixPluginTranslations.mjs

@@ -0,0 +1,9 @@
+const prefixPluginTranslations = (trad, pluginId)=>{
+    return Object.keys(trad).reduce((acc, current)=>{
+        acc[`${pluginId}.${current}`] = trad[current];
+        return acc;
+    }, {});
+};
+
+export { prefixPluginTranslations };
+//# sourceMappingURL=prefixPluginTranslations.mjs.map

package/dist/admin/utils/prefixPluginTranslations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefixPluginTranslations.mjs","sources":["../../../admin/src/utils/prefixPluginTranslations.ts"],"sourcesContent":["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"],"names":["prefixPluginTranslations","trad","pluginId","Object","keys","reduce","acc","current"],"mappings":"AAEMA,MAAAA,wBAAAA,GAA2B,CAACC,IAAmBC,EAAAA,QAAAA,GAAAA;AAInD,IAAA,OAAOC,OAAOC,IAAI,CAACH,MAAMI,MAAM,CAAC,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;AACpCD,QAAAA,GAAG,CAAC,CAAC,EAAEJ,QAAAA,CAAS,CAAC,EAAEK,OAAQ,CAAA,CAAC,CAAC,GAAGN,IAAI,CAACM,OAAQ,CAAA;QAC7C,OAAOD,GAAAA;AACT,KAAA,EAAG,EAAC,CAAA;AACN;;;;"}

package/dist/server/index.js

@@ -1,7 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const register_1 = require("./register");
-exports.default = {
-    register: register_1.register,
+'use strict';
+
+var register = require('./register.js');
+
+var index = {
+    register: register.register
 };
-//# sourceMappingURL=index.js.map
+
+module.exports = index;
+//# sourceMappingURL=index.js.map

package/dist/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../server/src/index.ts"],"names":[],"mappings":";;AAAA,yCAAsC;AAEtC,kBAAe;IACb,QAAQ,EAAR,mBAAQ;CACT,CAAC"}
+{"version":3,"file":"index.js","sources":["../../server/src/index.ts"],"sourcesContent":["import { register } from './register';\n\nexport default {\n  register,\n};\n"],"names":["register"],"mappings":";;;;AAEA,YAAe;AACbA,cAAAA;AACF,CAAE;;;;"}

package/dist/server/index.mjs

@@ -0,0 +1,8 @@
+import { register } from './register.mjs';
+
+var index = {
+    register
+};
+
+export { index as default };
+//# sourceMappingURL=index.mjs.map

package/dist/server/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../server/src/index.ts"],"sourcesContent":["import { register } from './register';\n\nexport default {\n  register,\n};\n"],"names":["register"],"mappings":";;AAEA,YAAe;AACbA,IAAAA;AACF,CAAE;;;;"}

package/dist/server/register.js

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

package/dist/server/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../server/src/register.ts"],"names":[],"mappings":";;;AAAO,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAO,EAAE,EAAE;IAC1C,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC3B,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,cAAc;QACtB,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;AACL,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB"}
+{"version":3,"file":"register.js","sources":["../../server/src/register.ts"],"sourcesContent":["export const register = ({ strapi }: any) => {\n  strapi.customFields.register({\n    name: 'color',\n    plugin: 'color-picker',\n    type: 'string',\n  });\n};\n"],"names":["register","strapi","customFields","name","plugin","type"],"mappings":";;AAAaA,MAAAA,QAAAA,GAAW,CAAC,EAAEC,MAAM,EAAO,GAAA;IACtCA,MAAOC,CAAAA,YAAY,CAACF,QAAQ,CAAC;QAC3BG,IAAM,EAAA,OAAA;QACNC,MAAQ,EAAA,cAAA;QACRC,IAAM,EAAA;AACR,KAAA,CAAA;AACF;;;;"}

package/dist/server/register.mjs

@@ -0,0 +1,10 @@
+const register = ({ strapi })=>{
+    strapi.customFields.register({
+        name: 'color',
+        plugin: 'color-picker',
+        type: 'string'
+    });
+};
+
+export { register };
+//# sourceMappingURL=register.mjs.map

package/dist/server/register.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.mjs","sources":["../../server/src/register.ts"],"sourcesContent":["export const register = ({ strapi }: any) => {\n  strapi.customFields.register({\n    name: 'color',\n    plugin: 'color-picker',\n    type: 'string',\n  });\n};\n"],"names":["register","strapi","customFields","name","plugin","type"],"mappings":"AAAaA,MAAAA,QAAAA,GAAW,CAAC,EAAEC,MAAM,EAAO,GAAA;IACtCA,MAAOC,CAAAA,YAAY,CAACF,QAAQ,CAAC;QAC3BG,IAAM,EAAA,OAAA;QACNC,MAAQ,EAAA,cAAA;QACRC,IAAM,EAAA;AACR,KAAA,CAAA;AACF;;;;"}

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,54 +1,7 @@
 {
   "name": "@strapi/plugin-color-picker",
-  "version": "0.0.0-next.f7babb775ed9a7e18d8351cb7f74c63e016323c4",
+  "version": "0.0.0-next.f93d6eabe52aa7681655cfa08eedbc3708dbb90d",
   "description": "Strapi maintained Custom Fields",
-  "strapi": {
-    "name": "color-picker",
-    "description": "Color picker custom field",
-    "kind": "plugin",
-    "displayName": "Color Picker"
-  },
-  "dependencies": {
-    "@strapi/design-system": "1.8.2",
-    "@strapi/helper-plugin": "0.0.0-next.f7babb775ed9a7e18d8351cb7f74c63e016323c4",
-    "@strapi/icons": "1.8.2",
-    "prop-types": "^15.8.1",
-    "react-colorful": "5.6.1",
-    "react-intl": "6.4.1"
-  },
-  "devDependencies": {
-    "@testing-library/react": "14.0.0",
-    "@types/styled-components": "5.1.26",
-    "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",
@@ -67,9 +20,73 @@
       "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": "run -T npm-run-all clean --parallel build:code build:types",
+    "build:code": "run -T rollup -c",
+    "build:types": "run -T run-p build:types:server build:types:admin",
+    "build:types:server": "run -T tsc -p server/tsconfig.build.json --emitDeclarationOnly",
+    "build:types:admin": "run -T tsc -p admin/tsconfig.build.json --emitDeclarationOnly",
+    "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": "run -T rollup -c -w"
+  },
+  "dependencies": {
+    "@strapi/design-system": "2.0.0-rc.23",
+    "@strapi/icons": "2.0.0-rc.23",
+    "react-colorful": "5.6.1",
+    "react-intl": "6.6.2"
+  },
+  "devDependencies": {
+    "@strapi/strapi": "0.0.0-next.f93d6eabe52aa7681655cfa08eedbc3708dbb90d",
+    "@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.4.4"
+  },
+  "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": "f7babb775ed9a7e18d8351cb7f74c63e016323c4"
+  "strapi": {
+    "name": "color-picker",
+    "description": "Color picker custom field",
+    "kind": "plugin",
+    "displayName": "Color Picker"
+  }
 }

package/admin/.eslintrc.js

@@ -1,7 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['custom/front/typescript'],
-  parserOptions: {
-    project: ['./admin/tsconfig.eslint.json'],
-  },
-};

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

@@ -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.tsx

@@ -1,206 +0,0 @@
-import React, { 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 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 = ({
-  attribute,
-  description,
-  disabled,
-  error,
-  intlLabel,
-  labelAction,
-  name,
-  onChange,
-  required,
-  value,
-}) => {
-  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);
-    }
-  };
-
-  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={colorPickerButtonRef}
-          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;