@strapi/plugin-color-picker 0.0.0-next.c443fb2cf1a0b330fbf8f4bf6b967c3002ccbd92 → 0.0.0-next.d1dda661d262d4773c59ee693c38542d9b0dc54c

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/plugin-color-picker",
-  "version": "0.0.0-next.c443fb2cf1a0b330fbf8f4bf6b967c3002ccbd92",
+  "version": "0.0.0-next.d1dda661d262d4773c59ee693c38542d9b0dc54c",
   "description": "Strapi maintained Custom Fields",
   "strapi": {
     "name": "color-picker",
@@ -9,26 +9,26 @@
     "displayName": "Color Picker"
   },
   "dependencies": {
-    "@strapi/design-system": "1.7.9",
-    "@strapi/helper-plugin": "0.0.0-next.c443fb2cf1a0b330fbf8f4bf6b967c3002ccbd92",
-    "@strapi/icons": "1.7.9",
+    "@strapi/design-system": "1.8.0",
+    "@strapi/helper-plugin": "0.0.0-next.d1dda661d262d4773c59ee693c38542d9b0dc54c",
+    "@strapi/icons": "1.8.0",
     "prop-types": "^15.8.1",
     "react-colorful": "5.6.1",
     "react-intl": "6.4.1"
   },
   "devDependencies": {
-    "@testing-library/react": "12.1.4",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "@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.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^5.3.4",
-    "styled-components": "^5.3.3"
+    "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"
   },
   "scripts": {
     "test:front": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js",
@@ -59,5 +59,5 @@
     "node": ">=14.19.1 <=18.x.x",
     "npm": ">=6.0.0"
   },
-  "gitHead": "c443fb2cf1a0b330fbf8f4bf6b967c3002ccbd92"
+  "gitHead": "d1dda661d262d4773c59ee693c38542d9b0dc54c"
 }