intergalactic 15.43.0-prerelease-960d7de5-4 → 15.43.0-prerelease-cbb9c6f4

package/libs/color-picker/lib/es6/PaletteManager.js

@@ -1,159 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
-import React from 'react';
-import { Component, sstyled, CORE_INSTANCE } from '@semcore/core';
-import Divider from '@semcore/divider';
-import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
-/*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1wce9_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1wce9_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1wce9_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1wce9_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1wce9)}@media (hover:hover){.___SItemContainer_1wce9_gg_:hover>.___SCloseIcon_1wce9_gg_{opacity:1}}.___SItemContainer_1wce9_gg_.__keyboardFocused_1wce9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1wce9_gg_.__selected_1wce9_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1wce9_gg_.__displayLabel_1wce9_gg_::after{background:var(--value_1wce9);opacity:.15}.___SItemContainer_1wce9_gg_:not(.__value_1wce9_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1wce9_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1wce9_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1wce9_gg_,.___SPaletteManager_1wce9_gg_,.___SPlusButton_1wce9_gg_{display:flex;align-items:center}.___SPlusButton_1wce9_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1wce9_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1wce9_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_1wce9_gg_.__keyboardFocused_1wce9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1wce9_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1wce9);border:1px solid transparent}.___STriggerCircle_1wce9_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1wce9_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1wce9_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1wce9_gg_{position:absolute}.___SLabel_1wce9_gg_{z-index:1;color:var(--data-value_1wce9);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1wce9_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1wce9)}.___SClearConfirm_1wce9_gg_.__hidden_1wce9_gg_,.___SConfirmColor_1wce9_gg_.__hidden_1wce9_gg_{display:none}" /*__inner_css_end__*/, "1wce9_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1wce9_gg_",
-  "__SItemContainer": "___SItemContainer_1wce9_gg_",
-  "__SCloseIcon": "___SCloseIcon_1wce9_gg_",
-  "_keyboardFocused": "__keyboardFocused_1wce9_gg_",
-  "_selected": "__selected_1wce9_gg_",
-  "__SColors": "___SColors_1wce9_gg_",
-  "__SPaletteManager": "___SPaletteManager_1wce9_gg_",
-  "__SInputContainer": "___SInputContainer_1wce9_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1wce9_gg_",
-  "__STriggerCircle": "___STriggerCircle_1wce9_gg_",
-  "--data-value": "--data-value_1wce9",
-  "__STriggerCircleLine": "___STriggerCircleLine_1wce9_gg_",
-  "__SLine": "___SLine_1wce9_gg_",
-  "__SLabel": "___SLabel_1wce9_gg_",
-  "__SItemColor": "___SItemColor_1wce9_gg_",
-  "__SConfirmColor": "___SConfirmColor_1wce9_gg_",
-  "_hidden": "__hidden_1wce9_gg_",
-  "__SClearConfirm": "___SClearConfirm_1wce9_gg_",
-  "--value": "--value_1wce9",
-  "_displayLabel": "__displayLabel_1wce9_gg_",
-  "_value": "__value_1wce9_gg_",
-  "__SPlusButton": "___SPlusButton_1wce9_gg_"
-});
-var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
-  _inherits(PaletteManagerRoot, _Component);
-  var _super = _createSuper(PaletteManagerRoot);
-  function PaletteManagerRoot() {
-    var _this;
-    _classCallCheck(this, PaletteManagerRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "_colors", []);
-    _defineProperty(_assertThisInitialized(_this), "refInput", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      focus: false
-    });
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerItemRemove", function (value) {
-      return function (event) {
-        event.stopPropagation();
-        _this.handlers.colors(_this.colors.filter(function (color) {
-          return color !== value;
-        }), event);
-      };
-    });
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerItemAdd", function () {
-      return function (value, event) {
-        if (!_this.colors.includes(value)) {
-          _this.handlers.colors(_this.colors.concat(value), event);
-        }
-      };
-    });
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerButtonClick", function () {
-      return function () {
-        var _this$refInput$curren;
-        (_this$refInput$curren = _this.refInput.current) === null || _this$refInput$curren === void 0 ? void 0 : _this$refInput$curren.focus();
-        _this.onFocus();
-      };
-    });
-    _defineProperty(_assertThisInitialized(_this), "onFocus", function () {
-      return _this.setState({
-        focus: true
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "onBlur", function () {
-      return _this.setState({
-        focus: false
-      });
-    });
-    return _this;
-  }
-  _createClass(PaletteManagerRoot, [{
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      return {
-        colors: []
-      };
-    }
-  }, {
-    key: "colors",
-    get: function get() {
-      return this.props.colors !== undefined ? this.asProps.colors : this._colors;
-    }
-  }, {
-    key: "getColorsProps",
-    value: function getColorsProps() {
-      var colors = this.asProps.colors;
-      return {
-        colors: colors,
-        editable: true,
-        onPlusButtonClick: this.bindHandlerButtonClick(),
-        getI18nText: this.asProps.getI18nText
-      };
-    }
-  }, {
-    key: "getItemProps",
-    value: function getItemProps(_ref2) {
-      var value = _ref2.value;
-      this._colors.push(value);
-      return {
-        editable: true,
-        onRemove: this.bindHandlerItemRemove(value),
-        getI18nText: this.asProps.getI18nText
-      };
-    }
-  }, {
-    key: "getInputColorProps",
-    value: function getInputColorProps() {
-      return {
-        ref: this.refInput,
-        onAdd: this.bindHandlerItemAdd(),
-        focus: this.state.focus,
-        onFocus: this.onFocus,
-        onBlur: this.onBlur,
-        getI18nText: this.asProps.getI18nText
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        Children = _this$asProps.Children;
-      this._colors = [];
-      var PaletteManager = this[CORE_INSTANCE];
-      return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, _ref.cn("Divider", {
-        "mt": 3,
-        "mb": 3
-      })), Children.origin ? /*#__PURE__*/React.createElement(Children, _ref.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PaletteManager.Colors, null), /*#__PURE__*/React.createElement(PaletteManager.InputColor, null)));
-    }
-  }]);
-  return PaletteManagerRoot;
-}(Component);
-_defineProperty(PaletteManagerRoot, "displayName", 'PaletteManager');
-_defineProperty(PaletteManagerRoot, "style", style);
-_defineProperty(PaletteManagerRoot, "enhance", [i18nEnhance(localizedMessages)]);
-_defineProperty(PaletteManagerRoot, "defaultProps", {
-  defaultColors: [],
-  i18n: localizedMessages,
-  locale: 'en'
-});
-export default PaletteManagerRoot;
-//# sourceMappingURL=PaletteManager.js.map

package/libs/color-picker/lib/es6/PaletteManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaletteManager.js","names":["React","Component","sstyled","CORE_INSTANCE","Divider","localizedMessages","i18nEnhance","style","_sstyled","insert","PaletteManagerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","focus","value","event","stopPropagation","handlers","colors","filter","color","includes","_this$refInput$curren","refInput","current","onFocus","setState","_createClass","key","uncontrolledProps","get","props","undefined","asProps","_colors","getColorsProps","editable","onPlusButtonClick","bindHandlerButtonClick","getI18nText","getItemProps","_ref2","push","onRemove","bindHandlerItemRemove","getInputColorProps","ref","onAdd","bindHandlerItemAdd","state","onBlur","render","_ref","_this$asProps","styles","Children","PaletteManager","createElement","Fragment","cn","origin","Colors","InputColor","defaultColors","i18n","locale"],"sources":["../../src/PaletteManager.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport Divider from '@semcore/divider';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\ntype RootAsProps = {\n  defaultColors?: string[];\n  colors?: string[];\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype State = { focus: boolean };\n\nclass PaletteManagerRoot extends Component<RootAsProps, State> {\n  static displayName = 'PaletteManager';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultColors: [],\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  _colors: string[] = [];\n  refInput = React.createRef<HTMLInputElement>();\n\n  state: State = {\n    focus: false,\n  };\n\n  uncontrolledProps() {\n    return {\n      colors: [],\n    };\n  }\n\n  get colors(): string[] {\n    return this.props.colors !== undefined ? this.asProps.colors! : this._colors;\n  }\n\n  bindHandlerItemRemove = (value: string) => (event: React.MouseEvent) => {\n    event.stopPropagation();\n    this.handlers.colors(\n      this.colors.filter((color: string) => color !== value),\n      event,\n    );\n  };\n\n  bindHandlerItemAdd = () => (value: string, event: React.MouseEvent) => {\n    if (!this.colors.includes(value)) {\n      this.handlers.colors(this.colors.concat(value), event);\n    }\n  };\n\n  bindHandlerButtonClick = () => () => {\n    this.refInput.current?.focus();\n    this.onFocus();\n  };\n\n  getColorsProps() {\n    const { colors } = this.asProps;\n\n    return {\n      colors,\n      editable: true,\n      onPlusButtonClick: this.bindHandlerButtonClick(),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getItemProps({ value }: any) {\n    this._colors.push(value);\n\n    return {\n      editable: true,\n      onRemove: this.bindHandlerItemRemove(value),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  onFocus = () => this.setState({ focus: true });\n\n  onBlur = () => this.setState({ focus: false });\n\n  getInputColorProps() {\n    return {\n      ref: this.refInput,\n      onAdd: this.bindHandlerItemAdd(),\n      focus: this.state.focus,\n      onFocus: this.onFocus,\n      onBlur: this.onBlur,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  render(this: any) {\n    const { styles, Children } = this.asProps;\n\n    this._colors = [];\n\n    const PaletteManager = this[CORE_INSTANCE];\n\n    return sstyled(styles)(\n      <>\n        <Divider mt={3} mb={3} />\n        {Children.origin ? (\n          <Children />\n        ) : (\n          <>\n            <PaletteManager.Colors />\n            <PaletteManager.InputColor />\n          </>\n        )}\n      </>,\n    );\n  }\n}\n\nexport default PaletteManagerRoot;\n"],"mappings":"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"}

package/libs/color-picker/lib/es6/components/InputColor.js

@@ -1,183 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
-import { assignProps as _assignProps } from "@semcore/core";
-import React from 'react';
-import createComponent, { Component, sstyled, Root } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
-import Input from '@semcore/input';
-import CheckM from '@semcore/icon/Check/m';
-import CloseM from '@semcore/icon/Close/m';
-/*__reshadow-styles__:"../style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1wce9_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1wce9_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1wce9_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1wce9_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1wce9)}@media (hover:hover){.___SItemContainer_1wce9_gg_:hover>.___SCloseIcon_1wce9_gg_{opacity:1}}.___SItemContainer_1wce9_gg_.__keyboardFocused_1wce9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1wce9_gg_.__selected_1wce9_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1wce9_gg_.__displayLabel_1wce9_gg_::after{background:var(--value_1wce9);opacity:.15}.___SItemContainer_1wce9_gg_:not(.__value_1wce9_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1wce9_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1wce9_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1wce9_gg_,.___SPaletteManager_1wce9_gg_,.___SPlusButton_1wce9_gg_{display:flex;align-items:center}.___SPlusButton_1wce9_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1wce9_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1wce9_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_1wce9_gg_.__keyboardFocused_1wce9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1wce9_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1wce9);border:1px solid transparent}.___STriggerCircle_1wce9_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1wce9_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1wce9_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1wce9_gg_{position:absolute}.___SLabel_1wce9_gg_{z-index:1;color:var(--data-value_1wce9);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1wce9_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1wce9)}.___SClearConfirm_1wce9_gg_.__hidden_1wce9_gg_,.___SConfirmColor_1wce9_gg_.__hidden_1wce9_gg_{display:none}" /*__inner_css_end__*/, "1wce9_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1wce9_gg_",
-  "__SItemContainer": "___SItemContainer_1wce9_gg_",
-  "__SCloseIcon": "___SCloseIcon_1wce9_gg_",
-  "_keyboardFocused": "__keyboardFocused_1wce9_gg_",
-  "_selected": "__selected_1wce9_gg_",
-  "__SColors": "___SColors_1wce9_gg_",
-  "__SPaletteManager": "___SPaletteManager_1wce9_gg_",
-  "__SInputContainer": "___SInputContainer_1wce9_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1wce9_gg_",
-  "__STriggerCircle": "___STriggerCircle_1wce9_gg_",
-  "--data-value": "--data-value_1wce9",
-  "__STriggerCircleLine": "___STriggerCircleLine_1wce9_gg_",
-  "__SLine": "___SLine_1wce9_gg_",
-  "__SLabel": "___SLabel_1wce9_gg_",
-  "__SItemColor": "___SItemColor_1wce9_gg_",
-  "__SConfirmColor": "___SConfirmColor_1wce9_gg_",
-  "_hidden": "__hidden_1wce9_gg_",
-  "__SClearConfirm": "___SClearConfirm_1wce9_gg_",
-  "--value": "--value_1wce9",
-  "_displayLabel": "__displayLabel_1wce9_gg_",
-  "_value": "__value_1wce9_gg_",
-  "__SPlusButton": "___SPlusButton_1wce9_gg_"
-});
-function isValidHex(hex) {
-  if (hex[0] !== '#' && hex.length === 7) return false;
-  var reg = /^#([0-9a-f]{3,4}){1,2}$/i;
-  return hex[0] === '#' ? reg.test(hex) : reg.test("#".concat(hex));
-}
-function debounce(func, timeout) {
-  var _this = this;
-  var timer;
-  return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      func.apply(_this, args);
-    }, timeout);
-  };
-}
-var InputColorRoot = /*#__PURE__*/function (_Component) {
-  _inherits(InputColorRoot, _Component);
-  var _super = _createSuper(InputColorRoot);
-  function InputColorRoot() {
-    var _this2;
-    _classCallCheck(this, InputColorRoot);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this2 = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this2), "handlerAdd", function (event) {
-      var _ref3 = _this2.asProps,
-        value = _ref3.value,
-        state = _ref3.state;
-      if (value.length !== 0 && state === 'normal') {
-        if (value[0] === '#') {
-          var _this2$asProps, _this2$asProps$onAdd;
-          (_this2$asProps = _this2.asProps) === null || _this2$asProps === void 0 ? void 0 : (_this2$asProps$onAdd = _this2$asProps.onAdd) === null || _this2$asProps$onAdd === void 0 ? void 0 : _this2$asProps$onAdd.call(_this2$asProps, value.toLowerCase(), event);
-        } else {
-          var _this2$asProps2, _this2$asProps2$onAdd;
-          (_this2$asProps2 = _this2.asProps) === null || _this2$asProps2 === void 0 ? void 0 : (_this2$asProps2$onAdd = _this2$asProps2.onAdd) === null || _this2$asProps2$onAdd === void 0 ? void 0 : _this2$asProps2$onAdd.call(_this2$asProps2, "#".concat(value.toLowerCase()), event);
-        }
-        _this2.handlers.value('', event);
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this2), "handlerCancel", function (event) {
-      _this2.handlers.value('', event);
-    });
-    _defineProperty(_assertThisInitialized(_this2), "handlerChange", debounce(function (value) {
-      if (value.length !== 0) {
-        if (isValidHex(value)) {
-          _this2.handlers.state('normal');
-        } else {
-          _this2.handlers.state('invalid');
-        }
-      } else {
-        _this2.handlers.state('normal');
-      }
-    }, 300));
-    _defineProperty(_assertThisInitialized(_this2), "handlekeyDown", function (event) {
-      if (event.key === 'Enter') {
-        event.preventDefault();
-        _this2.handlerAdd(event);
-      }
-    });
-    return _this2;
-  }
-  _createClass(InputColorRoot, [{
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      return {
-        value: '',
-        state: null
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        state = _this$asProps.state,
-        value = _this$asProps.value,
-        onFocus = _this$asProps.onFocus,
-        onBlur = _this$asProps.onBlur,
-        focus = _this$asProps.focus,
-        getI18nText = _this$asProps.getI18nText;
-      var SPaletteManager = Box;
-      var SInputValue = Input.Value;
-      var SInput = 'div';
-      var SInputContainer = 'div';
-      var SConfirmColor = Input.Addon;
-      var SClearConfirm = Input.Addon;
-      var SItemColor = Box;
-      var valueColor = (value === null || value === void 0 ? void 0 : value[0]) === '#' ? value : value ? "#".concat(value) : null;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SPaletteManager, _ref2.cn("SPaletteManager", {}), /*#__PURE__*/React.createElement(SItemColor, _ref2.cn("SItemColor", {
-        "data-value": valueColor
-      })), /*#__PURE__*/React.createElement(SInputContainer, _ref2.cn("SInputContainer", {}), /*#__PURE__*/React.createElement("span", _ref2.cn("span", {
-        "aria-hidden": 'true'
-      }), "#"), /*#__PURE__*/React.createElement(SInput, _ref2.cn("SInput", {}), /*#__PURE__*/React.createElement(Input, _ref2.cn("Input", {
-        "ml": 1,
-        "w": 135,
-        "state": state,
-        "onKeyDown": this.handlekeyDown
-      }), /*#__PURE__*/React.createElement(SInputValue, _ref2.cn("SInputValue", _objectSpread({}, _assignProps({
-        "placeholder": 'FFFFFF',
-        "aria-label": getI18nText('colorField'),
-        "onChange": this.handlerChange,
-        "maxLength": 7,
-        "onFocus": onFocus,
-        "onBlur": onBlur
-      }, _ref)))), /*#__PURE__*/React.createElement(SConfirmColor, _ref2.cn("SConfirmColor", {
-        "aria-hidden": 'true',
-        "aria-label": getI18nText('colorFieldConfirm'),
-        "role": 'button',
-        "interactive": true,
-        "onClick": this.handlerAdd,
-        "pr": '4px',
-        "hidden": !focus
-      }), /*#__PURE__*/React.createElement(CheckM, _ref2.cn("CheckM", {
-        "color": 'green-300'
-      }))), /*#__PURE__*/React.createElement(SClearConfirm, _ref2.cn("SClearConfirm", {
-        "aria-hidden": 'true',
-        "aria-label": getI18nText('colorFieldClear'),
-        "role": 'button',
-        "interactive": true,
-        "onClick": this.handlerCancel,
-        "pl": '4px',
-        "hidden": !focus
-      }), /*#__PURE__*/React.createElement(CloseM, _ref2.cn("CloseM", {
-        "color": 'gray-300'
-      })))))));
-    }
-  }]);
-  return InputColorRoot;
-}(Component);
-_defineProperty(InputColorRoot, "displayName", 'InputColor');
-_defineProperty(InputColorRoot, "style", style);
-_defineProperty(InputColorRoot, "defaultProps", {
-  defaultValue: '',
-  defaultState: 'normal'
-});
-export var InputColor = createComponent(InputColorRoot);
-//# sourceMappingURL=InputColor.js.map

package/libs/color-picker/lib/es6/components/InputColor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputColor.js","names":["React","createComponent","Component","sstyled","Root","Box","Input","CheckM","CloseM","style","_sstyled","insert","isValidHex","hex","length","reg","test","concat","debounce","func","timeout","_this","timer","_len","arguments","args","Array","_key","clearTimeout","setTimeout","apply","InputColorRoot","_Component","_inherits","_super","_createSuper","_this2","_classCallCheck","_len2","_key2","call","_defineProperty","_assertThisInitialized","event","_ref3","asProps","value","state","_this2$asProps","_this2$asProps$onAdd","onAdd","toLowerCase","_this2$asProps2","_this2$asProps2$onAdd","handlers","key","preventDefault","handlerAdd","_createClass","uncontrolledProps","render","_ref","_ref2","_this$asProps","styles","onFocus","onBlur","focus","getI18nText","SPaletteManager","SInputValue","Value","SInput","SInputContainer","SConfirmColor","Addon","SClearConfirm","SItemColor","valueColor","createElement","cn","handlekeyDown","_objectSpread","_assignProps","handlerChange","handlerCancel","defaultValue","defaultState","InputColor"],"sources":["../../../src/components/InputColor.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Input from '@semcore/input';\nimport CheckM from '@semcore/icon/Check/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport style from '../style/color-picker.shadow.css';\n\ntype InputColorAsProps = {\n  styles?: React.CSSProperties;\n  defaultValue?: string;\n  defaultState?: string;\n  value?: string;\n  state?: 'normal' | 'valid' | 'invalid';\n  colors?: string[];\n  onAdd?: (value: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  focus?: boolean;\n  Children: any;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nfunction isValidHex(hex: string) {\n  if (hex[0] !== '#' && hex.length === 7) return false;\n\n  const reg = /^#([0-9a-f]{3,4}){1,2}$/i;\n  return hex[0] === '#' ? reg.test(hex) : reg.test(`#${hex}`);\n}\n\nfunction debounce(this: any, func: (...args: any[]) => void, timeout: number) {\n  let timer: any;\n  return (...args: any[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      func.apply(this, args);\n    }, timeout);\n  };\n}\n\nclass InputColorRoot extends Component<InputColorAsProps> {\n  static displayName = 'InputColor';\n\n  static style = style;\n\n  static defaultProps = {\n    defaultValue: '',\n    defaultState: 'normal',\n  };\n\n  uncontrolledProps() {\n    return {\n      value: '',\n      state: null,\n    };\n  }\n\n  handlerAdd = (event: React.MouseEvent | React.KeyboardEvent) => {\n    const { value, state } = this.asProps as any;\n\n    if (value.length !== 0 && state === 'normal') {\n      if (value[0] === '#') {\n        this.asProps?.onAdd?.(value.toLowerCase(), event);\n      } else {\n        this.asProps?.onAdd?.(`#${value.toLowerCase()}`, event);\n      }\n      this.handlers.value('', event);\n    }\n  };\n\n  handlerCancel = (event: React.MouseEvent) => {\n    this.handlers.value('', event);\n  };\n\n  handlerChange = debounce((value: string) => {\n    if (value.length !== 0) {\n      if (isValidHex(value)) {\n        this.handlers.state('normal');\n      } else {\n        this.handlers.state('invalid');\n      }\n    } else {\n      this.handlers.state('normal');\n    }\n  }, 300);\n\n  handlekeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      this.handlerAdd(event);\n    }\n  };\n\n  render() {\n    const { styles, state, value, onFocus, onBlur, focus, getI18nText } = this.asProps;\n\n    const SPaletteManager = Box;\n    const SInputValue = Root;\n    const SInput = 'div';\n    const SInputContainer = 'div';\n    const SConfirmColor = Input.Addon;\n    const SClearConfirm = Input.Addon;\n    const SItemColor = Box;\n    const valueColor = value?.[0] === '#' ? value : value ? `#${value}` : null;\n\n    return sstyled(styles)(\n      <SPaletteManager>\n        <SItemColor data-value={valueColor} />\n        <SInputContainer>\n          <span aria-hidden='true'>#</span>\n          <SInput>\n            <Input ml={1} w={135} state={state} onKeyDown={this.handlekeyDown}>\n              <SInputValue\n                render={Input.Value}\n                placeholder='FFFFFF'\n                aria-label={getI18nText('colorField')}\n                onChange={this.handlerChange}\n                maxLength={7}\n                onFocus={onFocus}\n                onBlur={onBlur}\n              />\n              <SConfirmColor\n                aria-hidden='true'\n                aria-label={getI18nText('colorFieldConfirm')}\n                role='button'\n                interactive\n                onClick={this.handlerAdd}\n                pr='4px'\n                hidden={!focus}\n              >\n                <CheckM color='green-300' />\n              </SConfirmColor>\n              <SClearConfirm\n                aria-hidden='true'\n                aria-label={getI18nText('colorFieldClear')}\n                role='button'\n                interactive\n                onClick={this.handlerCancel}\n                pl='4px'\n                hidden={!focus}\n              >\n                <CloseM color='gray-300' />\n              </SClearConfirm>\n            </Input>\n          </SInput>\n        </SInputContainer>\n      </SPaletteManager>,\n    ) as React.ReactElement;\n  }\n}\n\nexport const InputColor = createComponent(InputColorRoot);\n"],"mappings":"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"}

package/libs/color-picker/lib/es6/components/Item.js

@@ -1,55 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { assignProps as _assignProps } from "@semcore/core";
-import React from 'react';
-import { Root, sstyled } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-import CloseM from '@semcore/icon/Close/m';
-export function Item(props) {
-  var _ref = arguments[0],
-    _ref2;
-  var _ref3 = props,
-    Children = _ref3.Children,
-    styles = _ref3.styles,
-    value = _ref3.value,
-    displayLabel = _ref3.displayLabel,
-    editable = _ref3.editable,
-    selected = _ref3.selected,
-    onRemove = _ref3.onRemove,
-    getI18nText = _ref3.getI18nText;
-  var SItemContainer = Box;
-  var SLabel = Box;
-  var SCloseIcon = Box;
-  var SLine = 'svg';
-  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SItemContainer, _ref2.cn("SItemContainer", _objectSpread({}, _assignProps({
-    "selected": selected,
-    "value": value,
-    "displayLabel": displayLabel,
-    "role": 'listitem',
-    "aria-atomic": 'true',
-    "aria-label": value ? getI18nText('itemColor', {
-      color: value
-    }) : getI18nText('clearColor')
-  }, _ref))), !value && /*#__PURE__*/React.createElement(SLine, _ref2.cn("SLine", {
-    "width": '17',
-    "height": '17',
-    "viewBox": '0 0 17 17',
-    "fill": 'none',
-    "xmlns": 'http://www.w3.org/2000/svg'
-  }), /*#__PURE__*/React.createElement("rect", _ref2.cn("rect", {
-    "width": '1',
-    "height": '22',
-    "transform": 'matrix(-0.707107 -0.707107 -0.707107 0.707107 16.4854 0.928925)',
-    "fill": '#e0e1e9'
-  }))), displayLabel && /*#__PURE__*/React.createElement(SLabel, _ref2.cn("SLabel", {
-    "data-value": value || '#6C6E79'
-  }), "A"), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})), editable && /*#__PURE__*/React.createElement(SCloseIcon, _ref2.cn("SCloseIcon", {
-    "onClick": onRemove
-  }), /*#__PURE__*/React.createElement(CloseM, _ref2.cn("CloseM", {
-    "color": 'gray-500',
-    "w": 10,
-    "h": 10
-  }))));
-}
-Item.enhance = [keyboardFocusEnhance()];
-//# sourceMappingURL=Item.js.map

package/libs/color-picker/lib/es6/components/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.js","names":["React","Root","sstyled","Box","keyboardFocusEnhance","CloseM","Item","props","_ref","arguments[0]","_ref2","_ref3","Children","styles","value","displayLabel","editable","selected","onRemove","getI18nText","SItemContainer","SLabel","SCloseIcon","SLine","createElement","cn","_objectSpread","_assignProps","color","enhance"],"sources":["../../../src/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport CloseM from '@semcore/icon/Close/m';\n\ntype ItemAsProps = {\n  styles?: React.CSSProperties;\n  value?: string;\n  displayLabel?: boolean;\n  editable?: boolean;\n  selected?: boolean;\n  onRemove?: React.MouseEventHandler;\n  Children?: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nexport function Item(props: ItemAsProps) {\n  const { Children, styles, value, displayLabel, editable, selected, onRemove, getI18nText } =\n    props as any;\n  const SItemContainer = Root;\n  const SLabel = Box;\n  const SCloseIcon = Box;\n  const SLine = 'svg';\n\n  return sstyled(styles)(\n    <SItemContainer\n      render={Box}\n      selected={selected}\n      value={value}\n      displayLabel={displayLabel}\n      role='listitem'\n      aria-atomic='true'\n      aria-label={value ? getI18nText('itemColor', { color: value }) : getI18nText('clearColor')}\n    >\n      {!value && (\n        <SLine\n          width='17'\n          height='17'\n          viewBox='0 0 17 17'\n          fill='none'\n          xmlns='http://www.w3.org/2000/svg'\n        >\n          <rect\n            width='1'\n            height='22'\n            transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 16.4854 0.928925)'\n            fill='#e0e1e9'\n          />\n        </SLine>\n      )}\n      {displayLabel && <SLabel data-value={value || '#6C6E79'}>A</SLabel>}\n      <Children />\n      {editable && (\n        <SCloseIcon onClick={onRemove}>\n          <CloseM color='gray-500' w={10} h={10} />\n        </SCloseIcon>\n      )}\n    </SItemContainer>,\n  ) as React.ReactElement;\n}\n\nItem.enhance = [keyboardFocusEnhance()];\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC7C,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,MAAM,MAAM,uBAAuB;AAa1C,OAAO,SAASC,IAAIA,CAACC,KAAkB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACvC,IAAAC,KAAA,GACEJ,KAAK;IADCK,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;IAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;IAAEC,YAAY,GAAAJ,KAAA,CAAZI,YAAY;IAAEC,QAAQ,GAAAL,KAAA,CAARK,QAAQ;IAAEC,QAAQ,GAAAN,KAAA,CAARM,QAAQ;IAAEC,QAAQ,GAAAP,KAAA,CAARO,QAAQ;IAAEC,WAAW,GAAAR,KAAA,CAAXQ,WAAW;EAExF,IAAMC,cAAc,GAORjB,GAAG;EANf,IAAMkB,MAAM,GAAGlB,GAAG;EAClB,IAAMmB,UAAU,GAAGnB,GAAG;EACtB,IAAMoB,KAAK,GAAG,KAAK;EAEnB,OAAAb,KAAA,GAAOR,OAAO,CAACW,MAAM,CAAC,eACpBb,KAAA,CAAAwB,aAAA,CAACJ,cAAc,EAAAV,KAAA,CAAAe,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEHV,QAAQ;IAAA,SACXH,KAAK;IAAA,gBACEC,YAAY;IAAA,QACrB,UAAU;IAAA,eACH,MAAM;IAAA,cACND,KAAK,GAAGK,WAAW,CAAC,WAAW,EAAE;MAAES,KAAK,EAAEd;IAAM,CAAC,CAAC,GAAGK,WAAW,CAAC,YAAY;EAAC,GAAAX,IAAA,KAEzF,CAACM,KAAK,iBACLd,KAAA,CAAAwB,aAAA,CAACD,KAAK,EAAAb,KAAA,CAAAe,EAAA;IAAA,SACE,IAAI;IAAA,UACH,IAAI;IAAA,WACH,WAAW;IAAA,QACd,MAAM;IAAA,SACL;EAA4B,iBAElCzB,KAAA,CAAAwB,aAAA,SAAAd,KAAA,CAAAe,EAAA;IAAA,SACQ,GAAG;IAAA,UACF,IAAI;IAAA,aACD,iEAAiE;IAAA,QACtE;EAAS,GACd,CAEL,EACAV,YAAY,iBAAIf,KAAA,CAAAwB,aAAA,CAACH,MAAM,EAAAX,KAAA,CAAAe,EAAA;IAAA,cAAaX,KAAK,IAAI;EAAS,IAAE,GAAC,CAAS,eACnEd,KAAA,CAAAwB,aAAA,CAACZ,QAAQ,EAAAF,KAAA,CAAAe,EAAA,iBAAG,EACXT,QAAQ,iBACPhB,KAAA,CAAAwB,aAAA,CAACF,UAAU,EAAAZ,KAAA,CAAAe,EAAA;IAAA,WAAUP;EAAQ,iBAC3BlB,KAAA,CAAAwB,aAAA,CAACnB,MAAM,EAAAK,KAAA,CAAAe,EAAA;IAAA,SAAO,UAAU;IAAA,KAAI,EAAE;IAAA,KAAK;EAAE,GAAI,CAE5C,CACc;AAErB;AAEAnB,IAAI,CAACuB,OAAO,GAAG,CAACzB,oBAAoB,EAAE,CAAC"}

package/libs/color-picker/lib/es6/components/colors.js

@@ -1,52 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { assignProps as _assignProps2 } from "@semcore/core";
-import { assignProps as _assignProps } from "@semcore/core";
-import React from 'react';
-import { Root, sstyled } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
-import MathPlusM from '@semcore/icon/MathPlus/m';
-import ColorPicker, { PaletteManager } from '../ColorPicker';
-export function Colors(props) {
-  var _ref = arguments[0],
-    _ref3;
-  var Children = props.Children,
-    styles = props.styles,
-    colors = props.colors,
-    getI18nText = props.getI18nText;
-  var SColors = Box;
-  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SColors, _ref3.cn("SColors", _objectSpread({}, _assignProps({
-    "role": 'list',
-    "aria-label": getI18nText('presetColors')
-  }, _ref))), Children.origin ? /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})) : colors === null || colors === void 0 ? void 0 : colors.map(function (color) {
-    return /*#__PURE__*/React.createElement(ColorPicker.Item, {
-      value: color,
-      key: color
-    });
-  }));
-}
-export function ColorsCustom(props) {
-  var _ref2 = arguments[0],
-    _ref4;
-  var Children = props.Children,
-    styles = props.styles,
-    colors = props.colors,
-    onPlusButtonClick = props.onPlusButtonClick,
-    getI18nText = props.getI18nText;
-  var SColors = Box;
-  var SPlusButton = 'div';
-  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SColors, _ref4.cn("SColors", _objectSpread({}, _assignProps2({
-    "role": 'list',
-    "aria-label": getI18nText('customColors')
-  }, _ref2))), Children.origin ? /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})) : colors === null || colors === void 0 ? void 0 : colors.map(function (color) {
-    return /*#__PURE__*/React.createElement(PaletteManager.Item, {
-      value: color,
-      key: color
-    });
-  }), /*#__PURE__*/React.createElement(SPlusButton, _ref4.cn("SPlusButton", {
-    "onClick": onPlusButtonClick,
-    "aria-hidden": 'true'
-  }), /*#__PURE__*/React.createElement(MathPlusM, _ref4.cn("MathPlusM", {
-    "color": 'gray-500'
-  }))));
-}
-//# sourceMappingURL=colors.js.map

package/libs/color-picker/lib/es6/components/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","names":["React","Root","sstyled","Box","MathPlusM","ColorPicker","PaletteManager","Colors","props","_ref","arguments[0]","_ref3","Children","styles","colors","getI18nText","SColors","createElement","cn","_objectSpread","_assignProps","origin","map","color","Item","value","key","ColorsCustom","_ref2","_ref4","onPlusButtonClick","SPlusButton","_assignProps2"],"sources":["../../../src/components/colors.tsx"],"sourcesContent":["import React from 'react';\nimport { Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport MathPlusM from '@semcore/icon/MathPlus/m';\nimport ColorPicker, { PaletteManager } from '../ColorPicker';\n\ntype ColorsAsProps = {\n  styles?: React.CSSProperties;\n  colors?: string[];\n  Children: any;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ColorsCustomAsProps = ColorsAsProps & {\n  onPlusButtonClick?: React.MouseEventHandler;\n};\n\nexport function Colors(props: ColorsAsProps) {\n  const { Children, styles, colors, getI18nText } = props;\n  const SColors = Root;\n\n  return sstyled(styles)(\n    <SColors render={Box} role='list' aria-label={getI18nText('presetColors')}>\n      {Children.origin ? (\n        <Children />\n      ) : (\n        colors?.map((color) => <ColorPicker.Item value={color} key={color} />)\n      )}\n    </SColors>,\n  ) as React.ReactElement;\n}\n\nexport function ColorsCustom(props: ColorsCustomAsProps) {\n  const { Children, styles, colors, onPlusButtonClick, getI18nText } = props;\n  const SColors = Root;\n  const SPlusButton = 'div';\n\n  return sstyled(styles)(\n    <SColors render={Box} role='list' aria-label={getI18nText('customColors')}>\n      {Children.origin ? (\n        <Children />\n      ) : (\n        colors?.map((color) => <PaletteManager.Item value={color} key={color} />)\n      )}\n      <SPlusButton onClick={onPlusButtonClick} aria-hidden='true'>\n        <MathPlusM color='gray-500' />\n      </SPlusButton>\n    </SColors>,\n  ) as React.ReactElement;\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC7C,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,SAAS,MAAM,0BAA0B;AAChD,OAAOC,WAAW,IAAIC,cAAc,QAAQ,gBAAgB;AAa5D,OAAO,SAASC,MAAMA,CAACC,KAAoB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,IAAQC,QAAQ,GAAkCJ,KAAK,CAA/CI,QAAQ;IAAEC,MAAM,GAA0BL,KAAK,CAArCK,MAAM;IAAEC,MAAM,GAAkBN,KAAK,CAA7BM,MAAM;IAAEC,WAAW,GAAKP,KAAK,CAArBO,WAAW;EAC7C,IAAMC,OAAO,GAGMb,GAAG;EADtB,OAAAQ,KAAA,GAAOT,OAAO,CAACW,MAAM,CAAC,eACpBb,KAAA,CAAAiB,aAAA,CAACD,OAAO,EAAAL,KAAA,CAAAO,EAAA,YAAAC,aAAA,KAAAC,YAAA;IAAA,QAAmB,MAAM;IAAA,cAAaL,WAAW,CAAC,cAAc;EAAC,GAAAN,IAAA,KACtEG,QAAQ,CAACS,MAAM,gBACdrB,KAAA,CAAAiB,aAAA,CAACL,QAAQ,EAAAD,KAAA,CAAAO,EAAA,iBAAG,GAEZJ,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ,GAAG,CAAC,UAACC,KAAK;IAAA,oBAAKvB,KAAA,CAAAiB,aAAA,CAACZ,WAAW,CAACmB,IAAI;MAACC,KAAK,EAAEF,KAAM;MAACG,GAAG,EAAEH;IAAM,EAAG;EAAA,EACtE,CACO;AAEd;AAEA,OAAO,SAASI,YAAYA,CAACnB,KAA0B,EAAE;EAAA,IAAAoB,KAAA,GAAAlB,YAAA;IAAAmB,KAAA;EACvD,IAAQjB,QAAQ,GAAqDJ,KAAK,CAAlEI,QAAQ;IAAEC,MAAM,GAA6CL,KAAK,CAAxDK,MAAM;IAAEC,MAAM,GAAqCN,KAAK,CAAhDM,MAAM;IAAEgB,iBAAiB,GAAkBtB,KAAK,CAAxCsB,iBAAiB;IAAEf,WAAW,GAAKP,KAAK,CAArBO,WAAW;EAChE,IAAMC,OAAO,GAIMb,GAAG;EAHtB,IAAM4B,WAAW,GAAG,KAAK;EAEzB,OAAAF,KAAA,GAAO3B,OAAO,CAACW,MAAM,CAAC,eACpBb,KAAA,CAAAiB,aAAA,CAACD,OAAO,EAAAa,KAAA,CAAAX,EAAA,YAAAC,aAAA,KAAAa,aAAA;IAAA,QAAmB,MAAM;IAAA,cAAajB,WAAW,CAAC,cAAc;EAAC,GAAAa,KAAA,KACtEhB,QAAQ,CAACS,MAAM,gBACdrB,KAAA,CAAAiB,aAAA,CAACL,QAAQ,EAAAiB,KAAA,CAAAX,EAAA,iBAAG,GAEZJ,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ,GAAG,CAAC,UAACC,KAAK;IAAA,oBAAKvB,KAAA,CAAAiB,aAAA,CAACX,cAAc,CAACkB,IAAI;MAACC,KAAK,EAAEF,KAAM;MAACG,GAAG,EAAEH;IAAM,EAAG;EAAA,EACzE,eACDvB,KAAA,CAAAiB,aAAA,CAACc,WAAW,EAAAF,KAAA,CAAAX,EAAA;IAAA,WAAUY,iBAAiB;IAAA,eAAc;EAAM,iBACzD9B,KAAA,CAAAiB,aAAA,CAACb,SAAS,EAAAyB,KAAA,CAAAX,EAAA;IAAA,SAAO;EAAU,GAAG,CAClB,CACN;AAEd"}

package/libs/color-picker/lib/es6/components/index.js

@@ -1,4 +0,0 @@
-export * from './Item';
-export { InputColor } from './InputColor';
-export * from './colors';
-//# sourceMappingURL=index.js.map

package/libs/color-picker/lib/es6/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["InputColor"],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Item';\nexport { InputColor } from './InputColor';\nexport * from './colors';\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,SAASA,UAAU,QAAQ,cAAc;AACzC,cAAc,UAAU"}

package/libs/color-picker/lib/es6/index.d.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.d.js.map

package/libs/color-picker/lib/es6/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport Dropdown, { DropdownProps, DropdownHandlers } from '@semcore/dropdown';\nimport { InputProps } from '@semcore/input';\n\n/** @deprecated */\nexport interface IItemProps extends ItemProps, UnknownProperties {}\nexport type ItemProps = BoxProps & {\n  /**\n   * Color item in hexadecimal format.\n   */\n  value?: string;\n  /**\n   * Shows label `A` as text color icon inside all color items\n   */\n  displayLabel?: boolean;\n  /**\n   * Property enabling the ability to remove a color item on click\n   */\n  editable?: boolean;\n  /**\n   * Shows if color item is selected\n   */\n  selected?: boolean;\n  /**\n   * Fired with color item when user clicks on the close icon\n   */\n  onRemove?: React.MouseEventHandler;\n};\n\n/** @deprecated */\nexport interface IColorsProps extends ColorsProps, UnknownProperties {}\nexport type ColorsProps = BoxProps & {\n  /**\n   * Array of color items\n   */\n  colors?: string[];\n};\n\n/** @deprecated */\nexport interface IColorsCustomProps extends ColorsCustomProps, UnknownProperties {}\nexport type ColorsCustomProps = ColorsProps &\n  BoxProps & {\n    /**\n     * Fired when user clicks on the plus icon in Palette Manager - focuses the input component\n     */\n    onPlusButtonClick?: React.MouseEventHandler;\n  };\n\n/** @deprecated */\nexport interface IInputColorProps extends InputColorProps, UnknownProperties {}\nexport type InputColorProps = InputProps & {\n  /**\n   * Text value of input\n   */\n  value?: string;\n  /**\n   * Default value if `value` property is not provided\n   * @default null\n   */\n  defaultValue?: string | null;\n  /**\n   * Uncontrolled visual state of input\n   * @default normal\n   */\n  state?: 'normal' | 'valid' | 'invalid';\n  /**\n   * Array of color items\n   */\n  colors?: string[];\n  /**\n   * Fired with entered value when user clicks on the check icon or hits `Enter` or `Space`\n   */\n  onAdd?: (value: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n};\n\n/** @deprecated */\nexport interface IColorPickerProps extends ColorPickerProps, UnknownProperties {}\nexport type ColorPickerProps = DropdownProps & {\n  /**\n   * Selected color item. Should be used with `onChange` property together\n   */\n  value?: string | null;\n  /**\n   * Fired when user selects color item. Should be used with `value` property together\n   */\n  onChange?: (value: string, event: React.ChangeEvent) => void;\n  /**\n   * Default value if `value` property is not provided\n   * @default null\n   */\n  defaultValue?: string | null;\n  /**\n   * Array of color items. Should be used with `onColorsChange` property together\n   * @default defaultColors\n   */\n  colors?: string[];\n  /**\n   * Fired when user changes color items. Should be used with `colors` property together\n   */\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n  /**\n   * Shows label `A` as text color icon inside all color items\n   * @default false\n   */\n  displayLabel?: boolean;\n};\n\n/** @deprecated */\nexport interface IPaletteManagerProps extends PaletteManagerProps, UnknownProperties {}\nexport type PaletteManagerProps = BoxProps & {\n  /**\n   * Array of color items. Should be used with `onColorsChange` property together\n   * @default []\n   */\n  colors?: string[];\n  /**\n   * Default value if `colors` property is not provided\n   * @default []\n   */\n  defaultColors?: string[];\n  /**\n   * Fired when user adds or removes color items. Should be used with `colors` property together\n   */\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface IColorPickerHandlers extends ColorPickerHandlers, UnknownProperties {}\nexport type ColorPickerHandlers = DropdownHandlers & {};\n\n/** @deprecated */\nexport interface IPaletteManagerHandlers extends PaletteManagerHandlers, UnknownProperties {}\nexport type PaletteManagerHandlers = DropdownHandlers & {};\n\ntype ColorPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getColorsProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n};\n\ntype PaletteManagerContext = {\n  getInputColorProps: PropGetterFn;\n  getColorsProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n};\n\ndeclare const defaultColors: string[];\n\ndeclare const PaletteManager: Intergalactic.Component<\n  'div',\n  PaletteManagerProps,\n  PaletteManagerContext,\n  [handlers: PaletteManagerHandlers]\n> & {\n  Item: Intergalactic.Component<'div', ItemProps>;\n  Colors: Intergalactic.Component<'div', ColorsCustomProps>;\n  InputColor: Intergalactic.Component<'div', InputColorProps>;\n};\n\ndeclare const ColorPicker: Intergalactic.Component<\n  'div',\n  ColorPickerProps,\n  ColorPickerContext,\n  [handlers: ColorPickerHandlers]\n> & {\n  Trigger: typeof Dropdown.Trigger;\n  Popper: typeof Dropdown.Popper;\n  Item: Intergalactic.Component<'div', ItemProps>;\n  Colors: Intergalactic.Component<'div', ColorsProps>;\n};\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":""}

package/libs/color-picker/lib/es6/index.js

@@ -1,3 +0,0 @@
-export { default } from './ColorPicker';
-export * from './ColorPicker';
-//# sourceMappingURL=index.js.map

package/libs/color-picker/lib/es6/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './ColorPicker';\nexport * from './ColorPicker';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe;AACvC,cAAc,eAAe"}