@strapi/plugin-color-picker 0.0.0-next.d2d5476f07ed9436906c990779d719737e5dccd5 → 0.0.0-next.d482633e774699cc8d4e05531deaeb6001e791cd

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

@@ -1,65 +0,0 @@
-import React from '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 = {
-  customField: 'plugin::color-picker.color',
-  pluginOptions: { i18n: { localized: true } },
-  type: 'string',
-};
-
-const App = (
-  <IntlProvider locale="en" messages={{}} textComponent="span">
-    <ThemeProvider theme={lightTheme}>
-      <ColorPickerInput
-        name="color"
-        value=""
-        onChange={jest.fn()}
-        attribute={mockAttribute}
-        intlLabel={{ id: 'color-picker', defaultMessage: 'color-picker' }}
-      />
-    </ThemeProvider>
-  </IntlProvider>
-);
-
-describe('<ColorPickerInput />', () => {
-  /**
-   * We do this because –
-   * https://github.com/facebook/jest/issues/12670
-   */
-  beforeAll(() => {
-    jest.setTimeout(30000);
-  });
-
-  /**
-   * Reset timeout to what is expected
-   */
-  afterAll(() => {
-    jest.setTimeout(5000);
-  });
-
-  it('renders and matches the snapshot', () => {
-    const { container } = render(App);
-
-    expect(container).toMatchSnapshot();
-  });
-
-  it('toggles the popover', () => {
-    render(App);
-    const colorPickerToggle = screen.getByRole('button', { name: 'Color picker toggle' });
-    fireEvent.click(colorPickerToggle);
-
-    const popover = screen.getByRole('dialog');
-    const saturation = screen.getByRole('slider', { name: 'Color' });
-    const hue = screen.getByRole('slider', { name: 'Hue' });
-    const input = screen.getByRole('textbox', { name: 'Color picker input' });
-    expect(popover).toBeVisible();
-    expect(saturation).toBeVisible();
-    expect(hue).toBeVisible();
-    expect(input).toBeVisible();
-  });
-});

package/admin/src/index.js

@@ -1,88 +0,0 @@
-import { prefixPluginTranslations } from '@strapi/helper-plugin';
-
-import ColorPickerIcon from './components/ColorPicker/ColorPickerIcon';
-import pluginId from './pluginId';
-import getTrad from './utils/getTrad';
-
-export default {
-  register(app) {
-    app.customFields.register({
-      name: 'color',
-      pluginId: 'color-picker',
-      type: 'string',
-      icon: ColorPickerIcon,
-      intlLabel: {
-        id: getTrad('color-picker.label'),
-        defaultMessage: 'Color',
-      },
-      intlDescription: {
-        id: getTrad('color-picker.description'),
-        defaultMessage: 'Select any color',
-      },
-      components: {
-        Input: async () =>
-          import(
-            /* webpackChunkName: "color-picker-input-component" */ './components/ColorPicker/ColorPickerInput'
-          ),
-      },
-      options: {
-        advanced: [
-          {
-            intlLabel: {
-              id: getTrad('color-picker.options.advanced.regex'),
-              defaultMessage: 'RegExp pattern',
-            },
-            name: 'regex',
-            type: 'text',
-            defaultValue: '^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$',
-            description: {
-              id: getTrad('color-picker.options.advanced.regex.description'),
-              defaultMessage: 'The text of the regular expression',
-            },
-          },
-          {
-            sectionTitle: {
-              id: 'global.settings',
-              defaultMessage: 'Settings',
-            },
-            items: [
-              {
-                name: 'required',
-                type: 'checkbox',
-                intlLabel: {
-                  id: getTrad('color-picker.options.advanced.requiredField'),
-                  defaultMessage: 'Required field',
-                },
-                description: {
-                  id: getTrad('color-picker.options.advanced.requiredField.description'),
-                  defaultMessage: "You won't be able to create an entry if this field is empty",
-                },
-              },
-            ],
-          },
-        ],
-      },
-    });
-  },
-  async registerTrads({ locales }) {
-    const importedTrads = await Promise.all(
-      locales.map((locale) => {
-        return import(`./translations/${locale}.json`)
-          .then(({ default: data }) => {
-            return {
-              data: prefixPluginTranslations(data, pluginId),
-              locale,
-            };
-          })
-          .catch(() => {
-            return {
-              data: {},
-              locale,
-            };
-          });
-      })
-    );
-
-    return Promise.resolve(importedTrads);
-  },
-};

package/admin/src/pluginId.js

@@ -1,5 +0,0 @@
-const pluginPkg = require('../../package.json');
-
-const pluginId = pluginPkg.name.replace(/^(@[^-,.][\w,-]+\/|strapi-)plugin-/i, '');
-
-module.exports = pluginId;

package/admin/src/utils/getTrad.js

@@ -1,5 +0,0 @@
-import pluginId from '../pluginId';
-
-const getTrad = (id) => `${pluginId}.${id}`;
-
-export default getTrad;

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',
-  });
-};

package/strapi-admin.js

@@ -1,3 +0,0 @@
-'use strict';
-
-module.exports = require('./admin/src').default;