@e1011/es-kit 1.0.20 → 1.0.24

package/dist/lib/cjs/src/core/ui/components/field/Field.js

@@ -1,207 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var styled = require('styled-components');
-require('../../../../../node_modules/core-js/modules/es.array.map.js');
-require('../../../../../node_modules/core-js/modules/es.array.concat.js');
-var react = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _excluded = ["options", "value", "inputRef"],
-  _excluded2 = ["label", "name", "type", "value", "defaultValue", "placeholder", "inputRef", "error", "disabled", "userDisabled", "withoutComponent", "helpTextInfo", "helpText", "children", "iconLeft", "iconRight", "addon", "className", "onChange", "onChangeInner", "onBlur", "onFocus", "rightIconClick", "leftIconClick", "options", "css"];
-var iconColor = function iconColor() {
-  return '#000000';
-};
-var setIconColor = function setIconColor(color) {
-  iconColor = color;
-};
-var IconComponent = /*#__PURE__*/react.memo(function IconComponent() {
-  return /*#__PURE__*/React.createElement("span", null);
-});
-var setIconComponent = function setIconComponent(component) {
-  IconComponent = component;
-};
-var FieldWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  displayName: "Field__FieldWrapper",
-  componentId: "sc-i8c0jy-0"
-})(["opacity:", ";pointer-events:", ";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"], function (_ref) {
-  var disabled = _ref.disabled,
-    userDisabled = _ref.userDisabled;
-  return disabled || userDisabled ? 0.5 : 1;
-}, function (_ref2) {
-  var disabled = _ref2.disabled,
-    userDisabled = _ref2.userDisabled;
-  return disabled || userDisabled ? 'none' : 'auto';
-});
-var _StyledFieldWrapper = /*#__PURE__*/styled__default["default"](FieldWrapper).withConfig({
-  displayName: "Field___StyledFieldWrapper",
-  componentId: "sc-i8c0jy-1"
-})(["", ""], function (p) {
-  return p.$_css;
-});
-var Select = /*#__PURE__*/react.memo(function Select(_ref3) {
-  var options = _ref3.options,
-    value = _ref3.value,
-    inputRef = _ref3.inputRef,
-    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "select"
-  }, /*#__PURE__*/React.createElement("select", _rollupPluginBabelHelpers["extends"]({}, props, {
-    ref: inputRef,
-    defaultValue: value
-  }), options === null || options === void 0 ? void 0 : options.map(function (option) {
-    return /*#__PURE__*/React.createElement("option", {
-      key: "".concat(JSON.stringify(option)),
-      value: _rollupPluginBabelHelpers["typeof"](option) === 'object' ? option === null || option === void 0 ? void 0 : option.value : option
-    }, _rollupPluginBabelHelpers["typeof"](option) === 'object' ? option === null || option === void 0 ? void 0 : option.label : option);
-  })));
-});
-var InputComponent = /*#__PURE__*/styled__default["default"].input.withConfig({
-  displayName: "Field__InputComponent",
-  componentId: "sc-i8c0jy-2"
-})([""]);
-var TextAreaComponent = /*#__PURE__*/styled__default["default"].textarea.withConfig({
-  displayName: "Field__TextAreaComponent",
-  componentId: "sc-i8c0jy-3"
-})([""]);
-var StyledFieldLabel = /*#__PURE__*/styled__default["default"].label.withConfig({
-  displayName: "Field__StyledFieldLabel",
-  componentId: "sc-i8c0jy-4"
-})(["text-align:left;"]);
-var Field = /*#__PURE__*/react.memo(function (_ref4) {
-  var label = _ref4.label,
-    name = _ref4.name,
-    _ref4$type = _ref4.type,
-    type = _ref4$type === void 0 ? 'text' : _ref4$type,
-    value = _ref4.value,
-    defaultValue = _ref4.defaultValue,
-    placeholder = _ref4.placeholder,
-    inputRef = _ref4.inputRef,
-    error = _ref4.error,
-    disabled = _ref4.disabled,
-    userDisabled = _ref4.userDisabled,
-    withoutComponent = _ref4.withoutComponent,
-    helpTextInfo = _ref4.helpTextInfo,
-    helpText = _ref4.helpText,
-    children = _ref4.children,
-    iconLeft = _ref4.iconLeft,
-    iconRight = _ref4.iconRight,
-    addon = _ref4.addon,
-    className = _ref4.className,
-    onChange = _ref4.onChange,
-    onChangeInner = _ref4.onChangeInner,
-    onBlur = _ref4.onBlur,
-    onFocus = _ref4.onFocus,
-    rightIconClick = _ref4.rightIconClick,
-    leftIconClick = _ref4.leftIconClick,
-    options = _ref4.options,
-    css = _ref4.css,
-    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded2);
-  var Component = InputComponent;
-  if (!children && type === 'textarea') {
-    Component = TextAreaComponent;
-  }
-  var handleFocus = react.useCallback(function (event) {
-    if (userDisabled) {
-      event.preventDefault();
-    } else {
-      onFocus && onFocus(event);
-    }
-  }, [userDisabled, onFocus]);
-  var handleChange = react.useCallback(function (event) {
-    if (userDisabled) {
-      return;
-    }
-    if (onChangeInner && event !== null && event !== void 0 && event.target) {
-      // eslint-disable-next-line no-param-reassign
-      event.target.value = onChangeInner(event.target.value);
-      onChange && onChange(event);
-    } else {
-      onChange && onChange(event);
-    }
-  }, [onChangeInner, onChange, userDisabled]);
-  var valueProps = react.useMemo(function () {
-    if (value === undefined) {
-      return {
-        defaultValue: defaultValue
-      };
-    }
-    return {
-      value: value
-    };
-  }, [value, defaultValue]);
-  return /*#__PURE__*/React.createElement(_StyledFieldWrapper, {
-    className: "field ".concat(className),
-    error: error,
-    disabled: disabled,
-    userDisabled: userDisabled,
-    $_css: css
-  }, /*#__PURE__*/React.createElement(StyledFieldLabel, {
-    htmlFor: name,
-    className: "label"
-  }, label), /*#__PURE__*/React.createElement("div", {
-    className: "field ".concat(addon ? 'has-addons' : '')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "control mainControl ".concat(iconLeft && !withoutComponent ? 'has-icons-left' : '', " ").concat(iconRight ? 'has-icons-right' : '')
-  }, !withoutComponent && (!children && (type === 'select' || options) ? /*#__PURE__*/React.createElement(Select, _rollupPluginBabelHelpers["extends"]({
-    name: name,
-    id: name,
-    inputRef: inputRef,
-    className: "input ".concat(error ? 'is-danger' : ''),
-    type: "select",
-    placeholder: placeholder,
-    value: value,
-    options: options
-    // TODO also handle change but value versus event.target.value issue
-    ,
-    onChange: onChange,
-    onBlur: onBlur,
-    onFocus: handleFocus,
-    onKeyDown: handleFocus,
-    autoComplete: "off",
-    disabled: disabled
-  }, props)) : !children && /*#__PURE__*/React.createElement(Component, _rollupPluginBabelHelpers["extends"]({
-    name: name,
-    id: name,
-    ref: inputRef,
-    className: "input ".concat(error ? 'is-danger' : ''),
-    type: type,
-    placeholder: placeholder
-  }, valueProps, {
-    onChange: handleChange,
-    onBlur: onBlur,
-    onFocus: handleFocus,
-    onKeyDown: handleFocus,
-    autoComplete: "off",
-    disabled: disabled
-  }, props))), iconLeft && !withoutComponent && /*#__PURE__*/React.createElement("span", {
-    className: "iconLeft icon is-small is-left ".concat(leftIconClick ? 'is-action' : ''),
-    onClick: leftIconClick
-  }, /*#__PURE__*/React.createElement(IconComponent, {
-    iconName: iconLeft,
-    color: iconColor
-  })), iconRight && /*#__PURE__*/React.createElement("span", {
-    className: "iconRight icon is-small is-right ".concat(rightIconClick ? 'is-action' : ''),
-    onClick: rightIconClick
-  }, /*#__PURE__*/React.createElement(IconComponent, {
-    iconName: iconRight,
-    color: iconColor
-  })), children && children), addon && addon), helpTextInfo && /*#__PURE__*/React.createElement("p", {
-    className: "help"
-  }, helpTextInfo), helpText && /*#__PURE__*/React.createElement("p", {
-    className: "help ".concat(error ? 'is-danger' : '')
-  }, helpText));
-});
-Field.displayName = 'Field';
-
-exports.Field = Field;
-exports.FieldWrapper = FieldWrapper;
-exports.Select = Select;
-exports.setIconColor = setIconColor;
-exports.setIconComponent = setIconComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("styled-components");require("../../../../../node_modules/core-js/modules/es.array.map.js"),require("../../../../../node_modules/core-js/modules/es.array.concat.js");var n=require("react");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(t),i=["options","value","inputRef"],l=["label","name","type","value","defaultValue","placeholder","inputRef","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","className","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","options","css"],c=function(){return"#000000"},r=n.memo((function(){return React.createElement("span",null)})),s=o.default.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(function(e){var t=e.disabled,n=e.userDisabled;return t||n?.5:1}),(function(e){var t=e.disabled,n=e.userDisabled;return t||n?"none":"auto"})),u=o.default(s).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(function(e){return e.$_css})),d=n.memo((function(t){var n=t.options,a=t.value,o=t.inputRef,l=e.objectWithoutProperties(t,i);return React.createElement("div",{className:"select"},React.createElement("select",e.extends({},l,{ref:o,defaultValue:a}),null==n?void 0:n.map((function(t){return React.createElement("option",{key:"".concat(JSON.stringify(t)),value:"object"===e.typeof(t)?null==t?void 0:t.value:t},"object"===e.typeof(t)?null==t?void 0:t.label:t)}))))})),p=o.default.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),m=o.default.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),f=o.default.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),h=n.memo((function(t){var a=t.label,o=t.name,i=t.type,s=void 0===i?"text":i,h=t.value,b=t.defaultValue,x=t.placeholder,g=t.inputRef,v=t.error,y=t.disabled,C=t.userDisabled,w=t.withoutComponent,R=t.helpTextInfo,N=t.helpText,_=t.children,j=t.iconLeft,E=t.iconRight,F=t.addon,I=t.className,k=t.onChange,D=t.onChangeInner,q=t.onBlur,B=t.onFocus,T=t.rightIconClick,W=t.leftIconClick,L=t.options,P=t.css,S=e.objectWithoutProperties(t,l),V=p;_||"textarea"!==s||(V=m);var z=n.useCallback((function(e){C?e.preventDefault():B&&B(e)}),[C,B]),K=n.useCallback((function(e){C||(D&&null!=e&&e.target?(e.target.value=D(e.target.value),k&&k(e)):k&&k(e))}),[D,k,C]),M=n.useMemo((function(){return void 0===h?{defaultValue:b}:{value:h}}),[h,b]);return React.createElement(u,{className:"field ".concat(I),error:v,disabled:y,userDisabled:C,$_css:P},React.createElement(f,{htmlFor:o,className:"label"},a),React.createElement("div",{className:"field ".concat(F?"has-addons":"")},React.createElement("div",{className:"control mainControl ".concat(j&&!w?"has-icons-left":""," ").concat(E?"has-icons-right":"")},!w&&(_||"select"!==s&&!L?!_&&React.createElement(V,e.extends({name:o,id:o,ref:g,className:"input ".concat(v?"is-danger":""),type:s,placeholder:x},M,{onChange:K,onBlur:q,onFocus:z,onKeyDown:z,autoComplete:"off",disabled:y},S)):React.createElement(d,e.extends({name:o,id:o,inputRef:g,className:"input ".concat(v?"is-danger":""),type:"select",placeholder:x,value:h,options:L,onChange:k,onBlur:q,onFocus:z,onKeyDown:z,autoComplete:"off",disabled:y},S))),j&&!w&&React.createElement("span",{className:"iconLeft icon is-small is-left ".concat(W?"is-action":""),onClick:W},React.createElement(r,{iconName:j,color:c})),E&&React.createElement("span",{className:"iconRight icon is-small is-right ".concat(T?"is-action":""),onClick:T},React.createElement(r,{iconName:E,color:c})),_&&_),F&&F),R&&React.createElement("p",{className:"help"},R),N&&React.createElement("p",{className:"help ".concat(v?"is-danger":"")},N))}));h.displayName="Field",exports.Field=h,exports.FieldWrapper=s,exports.Select=d,exports.setIconColor=function(e){c=e},exports.setIconComponent=function(e){r=e};
 //# sourceMappingURL=Field.js.map

package/dist/lib/cjs/src/core/ui/components/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};\n  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};\n  flex: 1 1 auto;\n  width: 100%;\n  @media (min-width: 400px) {\n    flex: 1;\n  }\n  .label {\n    font-size: 0.8rem !important;\n    font-weight: normal;\n  }\n\n  .help {\n    text-align: left;\n  }\n\n  .mainControl {\n    flex: 1;\n    border-radius: 6px;\n    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n    will-change: box-shadow;\n    transition: box-shadow 250ms ease-in-out;\n    &:hover {\n      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n  button {\n    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n  }\n  .select {\n    width: 100%;\n    flex: 1;\n    &::after {\n      border-color: #000000 !important;\n    }\n  }\n\n  .icon {\n    &.is-action {\n      cursor: pointer;\n      pointer-events: initial !important;\n    }\n  }\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .input[type=date]::-webkit-calendar-picker-indicator {\n    opacity:0;\n    -webkit-appearance: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  textarea {\n    resize: none;\n  }\n`\n\ntype EventType = { target: any; type?: any }\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  css?: string\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n  text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  css,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event) => {\n    if (userDisabled) {\n      event.preventDefault()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event)\n    } else {\n      onChange && onChange(event)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <FieldWrapper\n      className={`field ${className}`}\n      error={error}\n      disabled={disabled}\n      userDisabled={userDisabled}\n      css={css}\n    >\n      <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </FieldWrapper>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","setIconComponent","component","FieldWrapper","styled","div","disabled","userDisabled","Select","options","value","inputRef","props","_objectWithoutProperties","map","option","JSON","stringify","_typeof","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","name","type","defaultValue","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","className","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","_extends","displayName"],"mappings":"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"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};\n  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};\n  flex: 1 1 auto;\n  width: 100%;\n  @media (min-width: 400px) {\n    flex: 1;\n  }\n  .label {\n    font-size: 0.8rem !important;\n    font-weight: normal;\n  }\n\n  .help {\n    text-align: left;\n  }\n\n  .mainControl {\n    flex: 1;\n    border-radius: 6px;\n    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n    will-change: box-shadow;\n    transition: box-shadow 250ms ease-in-out;\n    &:hover {\n      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n  button {\n    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n  }\n  .select {\n    width: 100%;\n    flex: 1;\n    &::after {\n      border-color: #000000 !important;\n    }\n  }\n\n  .icon {\n    &.is-action {\n      cursor: pointer;\n      pointer-events: initial !important;\n    }\n  }\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .input[type=date]::-webkit-calendar-picker-indicator {\n    opacity:0;\n    -webkit-appearance: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  textarea {\n    resize: none;\n  }\n`\n\ntype EventType = { target: any; type?: any }\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  css?: string\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n  text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  css,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event) => {\n    if (userDisabled) {\n      event.preventDefault()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event)\n    } else {\n      onChange && onChange(event)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <FieldWrapper\n      className={`field ${className}`}\n      error={error}\n      disabled={disabled}\n      userDisabled={userDisabled}\n      css={css}\n    >\n      <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </FieldWrapper>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","_objectWithoutProperties","objectWithoutProperties","_excluded","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","_typeof","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","_ref4$type","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","_excluded2","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}

package/dist/lib/cjs/src/core/ui/components/icon/Icon.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../../../node_modules/core-js/modules/es.array.concat.js");var e=require("react").memo((function(e){var a=e.icon,c=e.className,o=e.color,r=void 0===o?"currentColor":o;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":a.prefix,"data-icon":a.iconName,className:"svg-inline--fa fa-".concat(a.iconName," ").concat(c),role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(a.icon[0]," ").concat(a.icon[1])},React.createElement("path",{fill:r,d:a.icon[4]}))}));e.displayName="Icon",exports.Icon=e;
+//# sourceMappingURL=Icon.js.map

package/dist/lib/cjs/src/core/ui/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","_ref$color","color","React","createElement","focusable","prefix","iconName","concat","role","xmlns","viewBox","fill","d","displayName"],"mappings":"kJAYaA,mBAAOC,MAAe,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAMC,EAASF,EAATE,UAASC,EAAAH,EAAEI,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAA,OAC3EE,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaN,EAAKO,OAClB,YAAWP,EAAKQ,SAChBP,UAAS,qBAAAQ,OAAuBT,EAAKQ,SAAQC,KAAAA,OAAIR,GACjDS,KAAK,MACLC,MAAM,6BACNC,eAAOH,OAAST,EAAKA,KAAK,GAAE,KAAAS,OAAIT,EAAKA,KAAK,KAE1CI,MAAAC,cAAA,OAAA,CACEQ,KAAMV,EACNW,EAAGd,EAAKA,KAAK,KAEX,IAGRH,EAAKkB,YAAc"}

package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),i=require("./icon.module.scss.js"),o=e.memo((function(o){var r=o.iconUrl,t=o.minWidth,c=void 0===t?"1rem":t,n=o.minHeight,s=void 0===n?"1rem":n,a=o.width,u=o.height,l=o.color,m=void 0===l?"currentColor":l,d=e.useMemo((function(){return{"--min-width":c,"--min-height":s,"--width":a,"--height":u,"--icon-url":"url(".concat(r,")"),"--icon-color":m}}),[c,s,a,u,r,m]);return React.createElement("span",{className:"".concat(i["icon-base"]," icon-base"),style:d})}));o.displayName="IconBase",exports.IconBase=o;
+//# sourceMappingURL=IconBase.js.map

package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, PropsWithChildren } from 'react'\n\nimport classes from './icon.module.scss'\n\ntype IconBaseType = PropsWithChildren<any> & {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  color?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem', width, height, color = 'currentColor',\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth,\n      '--min-height': minHeight,\n      '--width': width,\n      '--height': height,\n      '--icon-url': `url(${iconUrl})`,\n      '--icon-color': color,\n    }\n  ), [minWidth, minHeight, width, height, iconUrl, color])\n\n  return (\n    <span className={`${classes['icon-base']} icon-base`} style={styles as CSSProperties} />\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","_ref$minWidth","minWidth","_ref$minHeight","minHeight","width","height","_ref$color","color","styles","useMemo","concat","React","createElement","className","classes","style","displayName"],"mappings":"8HAaaA,EAAWC,EAAAA,MAAmB,SAAAC,GAEvB,IADlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAEE,EAAKN,EAALM,MAAOC,EAAMP,EAANO,OAAMC,EAAAR,EAAES,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAE/EE,EAASC,EAAAA,SAAQ,WAAA,MACrB,CACE,cAAeR,EACf,eAAgBE,EAChB,UAAWC,EACX,WAAYC,EACZ,aAAYK,OAAAA,OAASX,EAAU,KAC/B,eAAgBQ,EACjB,GACA,CAACN,EAAUE,EAAWC,EAAOC,EAAQN,EAASQ,IAEjD,OACEI,MAAAC,cAAA,OAAA,CAAMC,aAASH,OAAKI,EAAQ,aAAyB,cAACC,MAAOP,GAEjE,IAEAZ,EAASoB,YAAc"}

package/dist/lib/cjs/src/core/ui/components/icon/icon.module.scss.js

@@ -0,0 +1,2 @@
+"use strict";module.exports={"icon-base":"icon-module_icon-base__S0tHf"};
+//# sourceMappingURL=icon.module.scss.js.map

package/dist/lib/cjs/src/core/ui/components/icon/icon.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/src/core/ui/utils/clickOutside.js

@@ -1,16 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var handleClickOutside = function handleClickOutside(element, callback) {
-  return function (event) {
-    var target = event.target;
-    var resolvedElement = typeof element === 'function' ? element() : element;
-    if (resolvedElement && !resolvedElement.contains(target)) {
-      callback === null || callback === void 0 ? void 0 : callback(target);
-    }
-  };
-};
-
-exports.handleClickOutside = handleClickOutside;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.handleClickOutside=function(e,t){return function(n){var o=n.target,r="function"==typeof e?e():e;r&&!r.contains(o)&&(null==t||t(o))}};
 //# sourceMappingURL=clickOutside.js.map

package/dist/lib/cjs/src/core/ui/utils/clickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport const handleClickOutside = (\n  element: Element,\n  callback?: CallbackFunction,\n) => (event: MouseEvent) => {\n  const target = event.target as HTMLElement | null\n  const resolvedElement:HTMLElement | null = typeof element === 'function' ? element() : element\n\n  if (resolvedElement && !resolvedElement.contains(target)) {\n    callback?.(target)\n  }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement","contains"],"mappings":";;;;AAGO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAC7BC,OAAgB,EAChBC,QAA2B,EAAA;EAAA,OACxB,UAACC,KAAiB,EAAK;AAC1B,IAAA,IAAMC,MAAM,GAAGD,KAAK,CAACC,MAA4B,CAAA;IACjD,IAAMC,eAAkC,GAAG,OAAOJ,OAAO,KAAK,UAAU,GAAGA,OAAO,EAAE,GAAGA,OAAO,CAAA;IAE9F,IAAII,eAAe,IAAI,CAACA,eAAe,CAACC,QAAQ,CAACF,MAAM,CAAC,EAAE;AACxDF,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAGE,MAAM,CAAC,CAAA;AACpB,KAAA;GACD,CAAA;AAAA;;;;"}
+{"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport const handleClickOutside = (\n  element: Element,\n  callback?: CallbackFunction,\n) => (event: MouseEvent) => {\n  const target = event.target as HTMLElement | null\n  const resolvedElement:HTMLElement | null = typeof element === 'function' ? element() : element\n\n  if (resolvedElement && !resolvedElement.contains(target)) {\n    callback?.(target)\n  }\n}\n"],"names":["element","callback","event","target","resolvedElement","contains"],"mappings":"+FAGkC,SAChCA,EACAC,GAA2B,OACxB,SAACC,GACJ,IAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,KAC/CF,SAAAA,EAAWE,IAEd"}

package/dist/lib/cjs/src/core/ui/utils/style.js

@@ -1,91 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../../../../node_modules/core-js/modules/es.array.concat.js');
-require('../../../../node_modules/core-js/modules/es.object.to-string.js');
-require('../../../../node_modules/core-js/modules/es.regexp.to-string.js');
-require('../../../../node_modules/core-js/modules/es.string.pad-start.js');
-require('../../../../node_modules/core-js/modules/es.regexp.exec.js');
-require('../../../../node_modules/core-js/modules/es.string.replace.js');
-require('../../../../node_modules/core-js/modules/es.parse-int.js');
-require('../../../../node_modules/core-js/modules/es.array.index-of.js');
-require('../../../../node_modules/core-js/modules/es.array.map.js');
-
-// eslint-disable-next-line import/no-mutable-exports
-exports.defaultFontSize = 16;
-var setDefaultFontSize = function setDefaultFontSize(fontSize) {
-  exports.defaultFontSize = fontSize;
-};
-var pxToRem = function pxToRem(px) {
-  return px / exports.defaultFontSize;
-};
-var resolveStyleValue = function resolveStyleValue(value) {
-  var units = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'rem';
-  if (typeof value === 'string') {
-    return value;
-  }
-  if (units === 'px') {
-    return "".concat(pxToRem(value), "rem");
-  }
-  return "".concat(value).concat(units);
-};
-
-/* eslint-disable no-param-reassign */
-var toHex = function toHex(x) {
-  x = x.toString(16);
-  return x.padStart(2, '0');
-};
-var convertHex = function convertHex(hex, opacity) {
-  var rgba = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var hexValue = hex.replace('#', '');
-  var rValue = hexValue.substring(0, 2);
-  var gValue = hexValue.substring(2, 4);
-  var bValue = hexValue.substring(4, 6);
-  var r = parseInt(rValue, 16);
-  var g = parseInt(gValue, 16);
-  var b = parseInt(bValue, 16);
-  var a = opacity <= 1 ? opacity : opacity / 100;
-  return (rgba ? "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")") : "#".concat(rValue).concat(gValue).concat(bValue).concat(toHex(Math.round((opacity <= 1 ? opacity : opacity / 100) * 255)))).toLowerCase();
-};
-var convertRGB = function convertRGB(r, g, b, opacity) {
-  return "#".concat(toHex(r)).concat(toHex(g)).concat(toHex(b)).concat(toHex(Math.round((opacity <= 1 ? opacity : opacity / 100) * 255)));
-};
-var calculatePercColor = function calculatePercColor(startColor, endColor) {
-  var ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;
-  if (startColor.indexOf('#') === 0) {
-    startColor = startColor.substr(1);
-  }
-  if (endColor.indexOf('#') === 0) {
-    endColor = endColor.substr(1);
-  }
-  var r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio + parseInt(startColor.substring(0, 2), 16) * (1 - ratio));
-  var g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio + parseInt(startColor.substring(2, 4), 16) * (1 - ratio));
-  var b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio + parseInt(startColor.substring(4, 6), 16) * (1 - ratio));
-  return "#".concat(toHex(r) + toHex(g) + toHex(b));
-};
-var calculateColors = function calculateColors(startColor, endColor) {
-  var num = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
-  var ratioIterator = num / (num + 1) / num;
-  var ratios = [];
-  var ratio = ratioIterator;
-
-  // eslint-disable-next-line no-plusplus
-  while (num--) {
-    ratios.push(ratio);
-    ratio += ratioIterator;
-  }
-  return ratios.map(function (rat) {
-    return calculatePercColor(startColor, endColor, rat);
-  });
-};
-
-exports.calculateColors = calculateColors;
-exports.calculatePercColor = calculatePercColor;
-exports.convertHex = convertHex;
-exports.convertRGB = convertRGB;
-exports.pxToRem = pxToRem;
-exports.resolveStyleValue = resolveStyleValue;
-exports.setDefaultFontSize = setDefaultFontSize;
-exports.toHex = toHex;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../../node_modules/core-js/modules/es.array.concat.js"),require("../../../../node_modules/core-js/modules/es.object.to-string.js"),require("../../../../node_modules/core-js/modules/es.regexp.to-string.js"),require("../../../../node_modules/core-js/modules/es.string.pad-start.js"),require("../../../../node_modules/core-js/modules/es.regexp.exec.js"),require("../../../../node_modules/core-js/modules/es.string.replace.js"),require("../../../../node_modules/core-js/modules/es.parse-int.js"),require("../../../../node_modules/core-js/modules/es.array.index-of.js"),require("../../../../node_modules/core-js/modules/es.array.map.js"),exports.defaultFontSize=16;var e=function(e){return e/exports.defaultFontSize},r=function(e){return(e=e.toString(16)).padStart(2,"0")},t=function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;0===e.indexOf("#")&&(e=e.substr(1)),0===t.indexOf("#")&&(t=t.substr(1));var s=Math.ceil(parseInt(t.substring(0,2),16)*o+parseInt(e.substring(0,2),16)*(1-o)),n=Math.ceil(parseInt(t.substring(2,4),16)*o+parseInt(e.substring(2,4),16)*(1-o)),c=Math.ceil(parseInt(t.substring(4,6),16)*o+parseInt(e.substring(4,6),16)*(1-o));return"#".concat(r(s)+r(n)+r(c))};exports.calculateColors=function(e,r){for(var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10,s=o/(o+1)/o,n=[],c=s;o--;)n.push(c),c+=s;return n.map((function(o){return t(e,r,o)}))},exports.calculatePercColor=t,exports.convertHex=function(e,t){var o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],s=e.replace("#",""),n=s.substring(0,2),c=s.substring(2,4),u=s.substring(4,6),a=parseInt(n,16),i=parseInt(c,16),d=parseInt(u,16),l=t<=1?t:t/100;return(o?"rgba(".concat(a,",").concat(i,",").concat(d,",").concat(l,")"):"#".concat(n).concat(c).concat(u).concat(r(Math.round(255*(t<=1?t:t/100))))).toLowerCase()},exports.convertRGB=function(e,t,o,s){return"#".concat(r(e)).concat(r(t)).concat(r(o)).concat(r(Math.round(255*(s<=1?s:s/100))))},exports.pxToRem=e,exports.resolveStyleValue=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rem";return"string"==typeof r?r:"px"===t?"".concat(e(r),"rem"):"".concat(r).concat(t)},exports.setDefaultFontSize=function(e){exports.defaultFontSize=e},exports.toHex=r;
 //# sourceMappingURL=style.js.map

package/dist/lib/cjs/src/core/ui/utils/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number) => {\n  defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n  value: string | number,\n  units = 'rem',\n): string => {\n  if (typeof value === 'string') {\n    return value as string\n  }\n\n  if (units === 'px') {\n    return `${pxToRem(value)}rem`\n  }\n\n  return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign */\nexport const toHex = (x: number | string): string => {\n  x = x.toString(16)\n  return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n  const hexValue = hex.replace('#', '')\n  const rValue = hexValue.substring(0, 2)\n  const gValue = hexValue.substring(2, 4)\n  const bValue = hexValue.substring(4, 6)\n  const r = parseInt(rValue, 16)\n  const g = parseInt(gValue, 16)\n  const b = parseInt(bValue, 16)\n\n  const a = opacity <= 1 ? opacity : (opacity / 100)\n\n  return (rgba\n    ? `rgba(${r},${g},${b},${a})`\n    : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)\n    .toLowerCase()\n}\n\nexport const convertRGB = (\n  r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n  if (startColor.indexOf('#') === 0) {\n    startColor = startColor.substr(1)\n  }\n  if (endColor.indexOf('#') === 0) {\n    endColor = endColor.substr(1)\n  }\n\n  const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n    + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n  const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n    + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n  const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n    + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n  return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n  const ratioIterator = (num / (num + 1)) / num\n  const ratios = []\n  let ratio = ratioIterator\n\n  // eslint-disable-next-line no-plusplus\n  while (num--) {\n    ratios.push(ratio)\n    ratio += ratioIterator\n  }\n\n  return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","setDefaultFontSize","fontSize","pxToRem","px","resolveStyleValue","value","units","toHex","x","toString","padStart","convertHex","hex","opacity","rgba","hexValue","replace","rValue","substring","gValue","bValue","r","parseInt","g","b","a","Math","round","toLowerCase","convertRGB","calculatePercColor","startColor","endColor","ratio","indexOf","substr","ceil","calculateColors","num","ratioIterator","ratios","push","map","rat"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number) => {\n  defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n  value: string | number,\n  units = 'rem',\n): string => {\n  if (typeof value === 'string') {\n    return value as string\n  }\n\n  if (units === 'px') {\n    return `${pxToRem(value)}rem`\n  }\n\n  return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign */\nexport const toHex = (x: number | string): string => {\n  x = x.toString(16)\n  return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n  const hexValue = hex.replace('#', '')\n  const rValue = hexValue.substring(0, 2)\n  const gValue = hexValue.substring(2, 4)\n  const bValue = hexValue.substring(4, 6)\n  const r = parseInt(rValue, 16)\n  const g = parseInt(gValue, 16)\n  const b = parseInt(bValue, 16)\n\n  const a = opacity <= 1 ? opacity : (opacity / 100)\n\n  return (rgba\n    ? `rgba(${r},${g},${b},${a})`\n    : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)\n    .toLowerCase()\n}\n\nexport const convertRGB = (\n  r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n  if (startColor.indexOf('#') === 0) {\n    startColor = startColor.substr(1)\n  }\n  if (endColor.indexOf('#') === 0) {\n    endColor = endColor.substr(1)\n  }\n\n  const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n    + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n  const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n    + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n  const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n    + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n  return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n  const ratioIterator = (num / (num + 1)) / num\n  const ratios = []\n  let ratio = ratioIterator\n\n  // eslint-disable-next-line no-plusplus\n  while (num--) {\n    ratios.push(ratio)\n    ratio += ratioIterator\n  }\n\n  return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","pxToRem","px","toHex","x","toString","padStart","calculatePercColor","startColor","endColor","ratio","arguments","length","undefined","indexOf","substr","r","Math","ceil","parseInt","substring","g","b","concat","num","ratioIterator","ratios","push","map","rat","hex","opacity","rgba","hexValue","replace","rValue","gValue","bValue","a","round","toLowerCase","value","units","fontSize"],"mappings":"4sBACWA,QAAAA,gBAAkB,OAKhBC,EAAU,SAACC,GAAU,OAAaA,EAAKF,QAAAA,eAAe,EAkBtDG,EAAQ,SAACC,GAEpB,OADAA,EAAIA,EAAEC,SAAS,KACNC,SAAS,EAAG,IACvB,EAuBaC,EAAqB,SAACC,EAAoBC,GAA0C,IAAxBC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC/C,IAA5BH,EAAWM,QAAQ,OACrBN,EAAaA,EAAWO,OAAO,IAEH,IAA1BN,EAASK,QAAQ,OACnBL,EAAWA,EAASM,OAAO,IAG7B,IAAMC,EAAIC,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CW,EAAIJ,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CY,EAAIL,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAEpD,MAAA,IAAAa,OAAWpB,EAAMa,GAAKb,EAAMkB,GAAKlB,EAAMmB,GACzC,0BAE+B,SAACd,EAAoBC,GAMlD,IAN2F,IAAvBe,EAAGb,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GACpEc,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,GACXhB,EAAQe,EAGLD,KACLE,EAAOC,KAAKjB,GACZA,GAASe,EAGX,OAAOC,EAAOE,KAAI,SAACC,GAAG,OAAKtB,EAAmBC,EAAYC,EAAUoB,KACtE,kDAnD0B,SAACC,EAAaC,GAA0C,IAAzBC,EAAIrB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACrDsB,EAAWH,EAAII,QAAQ,IAAK,IAC5BC,EAASF,EAASb,UAAU,EAAG,GAC/BgB,EAASH,EAASb,UAAU,EAAG,GAC/BiB,EAASJ,EAASb,UAAU,EAAG,GAC/BJ,EAAIG,SAASgB,EAAQ,IACrBd,EAAIF,SAASiB,EAAQ,IACrBd,EAAIH,SAASkB,EAAQ,IAErBC,EAAIP,GAAW,EAAIA,EAAWA,EAAU,IAE9C,OAAQC,EAAI,QAAAT,OACAP,EAAC,KAAAO,OAAIF,EAAC,KAAAE,OAAID,EAACC,KAAAA,OAAIe,EAACf,KAAAA,IAAAA,OACpBY,GAAMZ,OAAGa,GAAMb,OAAGc,GAAMd,OAAGpB,EAAMc,KAAKsB,MAAmD,KAA5CR,GAAW,EAAIA,EAAWA,EAAU,SACtFS,aACL,qBAE0B,SACxBxB,EAAWK,EAAWC,EAAWS,GAAe,MAAA,IAAAR,OACjCpB,EAAMa,IAAEO,OAAGpB,EAAMkB,IAAEE,OAAGpB,EAAMmB,IAAEC,OAAGpB,EAAMc,KAAKsB,MAAmD,KAA5CR,GAAW,EAAIA,EAAWA,EAAU,OAAa,8CAxCpF,SAC/BU,GAEW,IADXC,EAAK/B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAER,MAAqB,iBAAV8B,EACFA,EAGK,OAAVC,EACF,GAAAnB,OAAUtB,EAAQwC,GAAM,OAG1B,GAAAlB,OAAUkB,GAAKlB,OAAGmB,EACpB,6BAnBkC,SAACC,GACjC3C,QAAAA,gBAAkB2C,CACpB"}