@strapi/plugin-color-picker 0.0.0-next.9b56e4f83804383c185d8178fc8a6d9851327a0c → 0.0.0-next.9ba1295cadf4d1730c5ff8ce1896c4e02145a6b6

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

@@ -1,7 +1,8 @@
 import React from 'react';
-import styled from 'styled-components';
-import { Icon, Flex } from '@strapi/design-system';
+
+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 */

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

@@ -1,22 +1,23 @@
-import React, { useState, useRef } from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
+import React, { useRef, useState } from 'react';
+
 import {
-  Typography,
-  Flex,
-  Box,
   BaseButton,
-  FocusTrap,
+  Box,
   Field,
-  FieldHint,
   FieldError,
-  FieldLabel,
+  FieldHint,
   FieldInput,
+  FieldLabel,
+  Flex,
+  FocusTrap,
   Popover,
+  Typography,
 } from '@strapi/design-system';
 import { CarretDown } from '@strapi/icons';
-import { useIntl } from 'react-intl';
+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';
 

package/admin/src/components/tests/__snapshots__/color-picker-input.test.js.snap

@@ -1,13 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
-.c3 {
-  background: #ffffff;
-  padding: 8px;
-  border-radius: 4px;
-  border-color: #dcdce4;
-  border: 1px solid #dcdce4;
-  cursor: pointer;
+.c9 {
+  border: 0;
+  -webkit-clip: rect(0 0 0 0);
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
 }
 
 .c1 {
@@ -23,6 +26,15 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
   color: #666687;
 }
 
+.c3 {
+  background: #ffffff;
+  padding: 8px;
+  border-radius: 4px;
+  border-color: #dcdce4;
+  border: 1px solid #dcdce4;
+  cursor: pointer;
+}
+
 .c0 {
   -webkit-align-items: stretch;
   -webkit-box-align: stretch;
@@ -101,18 +113,6 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
   border: 2px solid #4945ff;
 }
 
-.c9 {
-  border: 0;
-  -webkit-clip: rect(0 0 0 0);
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
 .c2 {
   display: -webkit-box;
   display: -webkit-flex;

package/admin/src/components/tests/color-picker-input.test.js

@@ -1,7 +1,9 @@
 import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
+
 import { lightTheme, ThemeProvider } from '@strapi/design-system';
+import { fireEvent, render, screen } from '@testing-library/react';
 import { IntlProvider } from 'react-intl';
+
 import ColorPickerInput from '../ColorPicker/ColorPickerInput';
 
 const mockAttribute = {

package/admin/src/index.js

@@ -1,6 +1,7 @@
 import { prefixPluginTranslations } from '@strapi/helper-plugin';
-import pluginId from './pluginId';
+
 import ColorPickerIcon from './components/ColorPicker/ColorPickerIcon';
+import pluginId from './pluginId';
 import getTrad from './utils/getTrad';
 
 export default {

package/dist/server/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    register: ({ strapi }: any) => void;
+};
+export default _default;

package/dist/server/index.js

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

package/dist/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../server/src/index.ts"],"names":[],"mappings":";;AAAA,yCAAsC;AAEtC,kBAAe;IACb,QAAQ,EAAR,mBAAQ;CACT,CAAC"}

package/dist/server/register.d.ts

@@ -0,0 +1 @@
+export declare const register: ({ strapi }: any) => void;

package/dist/server/register.js

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

package/dist/server/register.js.map

@@ -0,0 +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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/plugin-color-picker",
-  "version": "0.0.0-next.9b56e4f83804383c185d8178fc8a6d9851327a0c",
+  "version": "0.0.0-next.9ba1295cadf4d1730c5ff8ce1896c4e02145a6b6",
   "description": "Strapi maintained Custom Fields",
   "strapi": {
     "name": "color-picker",
@@ -9,9 +9,9 @@
     "displayName": "Color Picker"
   },
   "dependencies": {
-    "@strapi/design-system": "1.7.10",
-    "@strapi/helper-plugin": "0.0.0-next.9b56e4f83804383c185d8178fc8a6d9851327a0c",
-    "@strapi/icons": "1.7.10",
+    "@strapi/design-system": "1.9.0",
+    "@strapi/helper-plugin": "0.0.0-next.9ba1295cadf4d1730c5ff8ce1896c4e02145a6b6",
+    "@strapi/icons": "1.9.0",
     "prop-types": "^15.8.1",
     "react-colorful": "5.6.1",
     "react-intl": "6.4.1"
@@ -30,7 +30,18 @@
     "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",
@@ -56,8 +67,8 @@
     }
   ],
   "engines": {
-    "node": ">=14.19.1 <=18.x.x",
+    "node": ">=16.0.0 <=20.x.x",
     "npm": ">=6.0.0"
   },
-  "gitHead": "9b56e4f83804383c185d8178fc8a6d9851327a0c"
+  "gitHead": "9ba1295cadf4d1730c5ff8ce1896c4e02145a6b6"
 }

package/strapi-server.js

@@ -1,3 +1,3 @@
 'use strict';
 
-module.exports = require('./server');
+module.exports = require('./dist/server');

package/.eslintignore

@@ -1,2 +0,0 @@
-node_modules/
-.eslintrc.js

package/.eslintrc.js

@@ -1,14 +0,0 @@
-module.exports = {
-  root: true,
-  overrides: [
-    {
-      files: ['admin/**/*'],
-      extends: ['custom/front'],
-    },
-    {
-      files: ['**/*'],
-      excludedFiles: ['admin/**/*'],
-      extends: ['custom/back'],
-    },
-  ],
-};

package/jest.config.front.js

@@ -1,6 +0,0 @@
-'use strict';
-
-module.exports = {
-  preset: '../../../jest-preset.front.js',
-  displayName: 'Color picker plugin',
-};

package/server/index.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const register = require('./register');
-
-module.exports = {
-  register,
-};

package/server/register.js

@@ -1,9 +0,0 @@
-'use strict';
-
-module.exports = ({ strapi }) => {
-  strapi.customFields.register({
-    name: 'color',
-    plugin: 'color-picker',
-    type: 'string',
-  });
-};