@synerise/ds-color-picker 1.2.9 → 1.2.11

package/dist/ColorPicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ColorPickerProps } from './ColorPicker.types';
+import { type ColorPickerProps } from './ColorPicker.types';
 declare const ColorPicker: ({ maxWidth, value, onChange, colors, onSaveColors, infix, getPopupContainer, placeholder, inputProps, maxSavedColors, tooltip, isShownSavedColors, size, errorText, description, disabled, error, readOnly, }: ColorPickerProps) => React.JSX.Element;
 export default ColorPicker;

package/dist/ColorPicker.js

@@ -1,15 +1,15 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import copy from 'copy-to-clipboard';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { HexColorPicker as ReactColorful } from 'react-colorful';
 import Divider from '@synerise/ds-divider';
-import Tags, { TagShape, Tag } from '@synerise/ds-tags';
-import Icon, { FormulaPlusM, CopyClipboardM } from '@synerise/ds-icon';
-import copy from 'copy-to-clipboard';
-import Tooltip from '@synerise/ds-tooltip';
 import Dropdown from '@synerise/ds-dropdown';
-import { useOnClickOutside, getPopupContainer as defaultGetPopupContainer } from '@synerise/ds-utils';
-import { isValidHexColor, isValidTextColor, convert3DigitHexTo6Digit, filterAlphanumeric, standardizeColor } from './utils';
+import Icon, { CopyClipboardM, FormulaPlusM } from '@synerise/ds-icon';
+import Tags, { Tag, TagShape } from '@synerise/ds-tags';
+import Tooltip from '@synerise/ds-tooltip';
+import { getPopupContainer as defaultGetPopupContainer, useOnClickOutside } from '@synerise/ds-utils';
 import * as S from './ColorPicker.styles';
+import { convert3DigitHexTo6Digit, filterAlphanumeric, isValidHexColor, isValidTextColor, standardizeColor } from './utils';
 var DEFAULT_MAX_WIDTH_PICKER = 228;
 var DEFAULT_COLOR = '#ffffff';
 var ColorPicker = function ColorPicker(_ref) {
@@ -222,7 +222,9 @@ var ColorPicker = function ColorPicker(_ref) {
       error: error
     }, inputProps));
   }, [disabled, error, readOnly, onClickHandler, onChangeHandler, onBlurHandler, lastValidHexColor, placeholder, colorTextInput, description, errorText, inputProps]);
-  if (readOnly || disabled) return trigger;
+  if (readOnly || disabled) {
+    return trigger;
+  }
   return /*#__PURE__*/React.createElement(React.Fragment, null, maxWidth && maxWidth >= DEFAULT_MAX_WIDTH_PICKER && /*#__PURE__*/React.createElement(S.ColorPickerModalStyle, {
     maxWidth: maxWidth
   }), /*#__PURE__*/React.createElement(Dropdown, {

package/dist/ColorPicker.styles.js

@@ -1,8 +1,8 @@
 import styled, { createGlobalStyle } from 'styled-components';
-import { TagsStyles, Tag } from '@synerise/ds-tags';
 import Button from '@synerise/ds-button';
 import Icon from '@synerise/ds-icon';
 import { Input } from '@synerise/ds-input';
+import { Tag, TagsStyles } from '@synerise/ds-tags';
 import { ColorPickerSize } from './ColorPicker.types';
 export var TagDot = styled.div.withConfig({
   displayName: "ColorPickerstyles__TagDot",

package/dist/ColorPicker.types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { InputProps } from '@synerise/ds-input';
+import { type DropdownProps } from '@synerise/ds-dropdown';
 import type { FormFieldCommonProps } from '@synerise/ds-form-field';
-import { DropdownProps } from '@synerise/ds-dropdown';
+import type { InputProps } from '@synerise/ds-input';
 export type ColorHookType = {
     color: string;
     setColor: (color: string) => void;

package/dist/utils.js

@@ -16,8 +16,9 @@ export var isValidHexColor = function isValidHexColor(hex) {
  * @returns {boolean}
  */
 export var isValidTextColor = function isValidTextColor(strColor) {
-  if (!strColor) return false;
-  // eslint-disable-next-line no-undef
+  if (!strColor) {
+    return false;
+  }
   var s = new Option().style;
   s.color = strColor;
   return s.color === strColor;
@@ -43,7 +44,6 @@ export var convert3DigitHexTo6Digit = function convert3DigitHexTo6Digit(hexColor
   var alphaHexColor = filterAlphanumeric(hexColor);
   if (alphaHexColor.length === 3) {
     var newAlphaHexColor = '';
-    // eslint-disable-next-line no-plusplus
     for (var i = 0; i < alphaHexColor.length; i++) {
       newAlphaHexColor += alphaHexColor[i] + alphaHexColor[i];
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-color-picker",
-  "version": "1.2.9",
+  "version": "1.2.11",
   "description": "Color-Picker Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,14 +34,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.1",
-    "@synerise/ds-divider": "^1.0.12",
-    "@synerise/ds-dropdown": "^1.0.14",
-    "@synerise/ds-icon": "^1.5.3",
-    "@synerise/ds-input": "^1.3.1",
-    "@synerise/ds-tags": "^1.1.14",
-    "@synerise/ds-tooltip": "^1.1.11",
-    "@synerise/ds-utils": "^1.3.0",
+    "@synerise/ds-button": "^1.4.3",
+    "@synerise/ds-divider": "^1.0.14",
+    "@synerise/ds-dropdown": "^1.0.16",
+    "@synerise/ds-icon": "^1.5.4",
+    "@synerise/ds-input": "^1.3.3",
+    "@synerise/ds-tags": "^1.1.16",
+    "@synerise/ds-tooltip": "^1.1.12",
+    "@synerise/ds-utils": "^1.3.1",
     "copy-to-clipboard": "^3.3.1",
     "react-colorful": "^5.2.0"
   },
@@ -51,5 +51,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
+  "gitHead": "8db1900bf3f7b0782c834ff82f628199530cd934"
 }