@e1011/es-kit 1.0.0

package/dist/ui/node_modules/core-js/modules/es.string.replace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.string.replace.js","sources":["../../../../../node_modules/core-js/modules/es.string.replace.js"],"sourcesContent":["'use strict';\nvar apply = require('../internals/function-apply');\nvar call = require('../internals/function-call');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar fails = require('../internals/fails');\nvar anObject = require('../internals/an-object');\nvar isCallable = require('../internals/is-callable');\nvar isNullOrUndefined = require('../internals/is-null-or-undefined');\nvar toIntegerOrInfinity = require('../internals/to-integer-or-infinity');\nvar toLength = require('../internals/to-length');\nvar toString = require('../internals/to-string');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar advanceStringIndex = require('../internals/advance-string-index');\nvar getMethod = require('../internals/get-method');\nvar getSubstitution = require('../internals/get-substitution');\nvar regExpExec = require('../internals/regexp-exec-abstract');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar REPLACE = wellKnownSymbol('replace');\nvar max = Math.max;\nvar min = Math.min;\nvar concat = uncurryThis([].concat);\nvar push = uncurryThis([].push);\nvar stringIndexOf = uncurryThis(''.indexOf);\nvar stringSlice = uncurryThis(''.slice);\n\nvar maybeToString = function (it) {\n  return it === undefined ? it : String(it);\n};\n\n// IE <= 11 replaces $0 with the whole match, as if it was $&\n// https://stackoverflow.com/questions/6024666/getting-ie-to-replace-a-regex-with-the-literal-string-0\nvar REPLACE_KEEPS_$0 = (function () {\n  // eslint-disable-next-line regexp/prefer-escape-replacement-dollar-char -- required for testing\n  return 'a'.replace(/./, '$0') === '$0';\n})();\n\n// Safari <= 13.0.3(?) substitutes nth capture where n>m with an empty string\nvar REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {\n  if (/./[REPLACE]) {\n    return /./[REPLACE]('a', '$0') === '';\n  }\n  return false;\n})();\n\nvar REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {\n  var re = /./;\n  re.exec = function () {\n    var result = [];\n    result.groups = { a: '7' };\n    return result;\n  };\n  // eslint-disable-next-line regexp/no-useless-dollar-replacements -- false positive\n  return ''.replace(re, '$<a>') !== '7';\n});\n\n// @@replace logic\nfixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNative) {\n  var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';\n\n  return [\n    // `String.prototype.replace` method\n    // https://tc39.es/ecma262/#sec-string.prototype.replace\n    function replace(searchValue, replaceValue) {\n      var O = requireObjectCoercible(this);\n      var replacer = isNullOrUndefined(searchValue) ? undefined : getMethod(searchValue, REPLACE);\n      return replacer\n        ? call(replacer, searchValue, O, replaceValue)\n        : call(nativeReplace, toString(O), searchValue, replaceValue);\n    },\n    // `RegExp.prototype[@@replace]` method\n    // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace\n    function (string, replaceValue) {\n      var rx = anObject(this);\n      var S = toString(string);\n\n      if (\n        typeof replaceValue == 'string' &&\n        stringIndexOf(replaceValue, UNSAFE_SUBSTITUTE) === -1 &&\n        stringIndexOf(replaceValue, '$<') === -1\n      ) {\n        var res = maybeCallNative(nativeReplace, rx, S, replaceValue);\n        if (res.done) return res.value;\n      }\n\n      var functionalReplace = isCallable(replaceValue);\n      if (!functionalReplace) replaceValue = toString(replaceValue);\n\n      var global = rx.global;\n      if (global) {\n        var fullUnicode = rx.unicode;\n        rx.lastIndex = 0;\n      }\n      var results = [];\n      while (true) {\n        var result = regExpExec(rx, S);\n        if (result === null) break;\n\n        push(results, result);\n        if (!global) break;\n\n        var matchStr = toString(result[0]);\n        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n      }\n\n      var accumulatedResult = '';\n      var nextSourcePosition = 0;\n      for (var i = 0; i < results.length; i++) {\n        result = results[i];\n\n        var matched = toString(result[0]);\n        var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);\n        var captures = [];\n        // NOTE: This is equivalent to\n        //   captures = result.slice(1).map(maybeToString)\n        // but for some reason `nativeSlice.call(result, 1, result.length)` (called in\n        // the slice polyfill when slicing native arrays) \"doesn't work\" in safari 9 and\n        // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.\n        for (var j = 1; j < result.length; j++) push(captures, maybeToString(result[j]));\n        var namedCaptures = result.groups;\n        if (functionalReplace) {\n          var replacerArgs = concat([matched], captures, position, S);\n          if (namedCaptures !== undefined) push(replacerArgs, namedCaptures);\n          var replacement = toString(apply(replaceValue, undefined, replacerArgs));\n        } else {\n          replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);\n        }\n        if (position >= nextSourcePosition) {\n          accumulatedResult += stringSlice(S, nextSourcePosition, position) + replacement;\n          nextSourcePosition = position + matched.length;\n        }\n      }\n      return accumulatedResult + stringSlice(S, nextSourcePosition);\n    }\n  ];\n}, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);\n"],"names":["wellKnownSymbol","uncurryThis","fails","fixRegExpWellKnownSymbolLogic","requireObjectCoercible","isNullOrUndefined","getMethod","call","toString","anObject","isCallable","regExpExec","advanceStringIndex","toLength","toIntegerOrInfinity","apply","getSubstitution"],"mappings":"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"}

package/dist/ui/src/core/ui/components/container/Container.js

@@ -0,0 +1,79 @@
+'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.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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var elementPropNameMap = {
+  width: 'scrollWidth',
+  height: 'scrollHeight'
+};
+var propNameFunc = function propNameFunc(_ref) {
+  var propName = _ref.propName;
+  return propName;
+};
+var StyledContainer = /*#__PURE__*/React.memo(styled__default["default"].div.withConfig({
+  displayName: "Container__StyledContainer",
+  componentId: "sc-b48vnw-0"
+})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,", " 0.2s ease-in-out,max-", " 0.2s ease-in-out;will-change:opacity,", ",max-", ";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{", ":0;max-", ":0;opacity:0;}&.Collapsible__container__expanded{", ":", ";max-", ":", ";opacity:1;}"], propNameFunc, propNameFunc, propNameFunc, propNameFunc, propNameFunc, propNameFunc, propNameFunc, function (_ref2) {
+  var contentProp = _ref2.contentProp;
+  return "".concat(contentProp, "px");
+}, propNameFunc, function (_ref3) {
+  var contentProp = _ref3.contentProp;
+  return "".concat(contentProp, "px");
+}));
+var _StyledStyledContainer = /*#__PURE__*/styled__default["default"](StyledContainer).withConfig({
+  displayName: "Container___StyledStyledContainer",
+  componentId: "sc-b48vnw-1"
+})(["", ""], function (p) {
+  return p.$_css;
+});
+var Container = /*#__PURE__*/React.memo(function (_ref4) {
+  var _ref4$collapsed = _ref4.collapsed,
+    collapsed = _ref4$collapsed === void 0 ? false : _ref4$collapsed,
+    collapseHandler = _ref4.collapseHandler,
+    children = _ref4.children,
+    _ref4$propName = _ref4.propName,
+    propName = _ref4$propName === void 0 ? 'height' : _ref4$propName,
+    className = _ref4.className,
+    css = _ref4.css;
+  var containerRef = React.useRef();
+  var _useState = React.useState(0),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    contentProp = _useState2[0],
+    setContentProp = _useState2[1];
+  React.useEffect(function () {
+    collapseHandler === null || collapseHandler === void 0 ? void 0 : collapseHandler(collapsed);
+  }, [collapseHandler, collapsed]);
+  React.useEffect(function () {
+    if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
+      setContentProp(containerRef.current[elementPropNameMap[propName]]);
+    }
+  }, [containerRef, propName]);
+  var resolvedClassName = '';
+  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
+    resolvedClassName = 'Collapsible__container__collapsed';
+  }
+  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
+    resolvedClassName = 'Collapsible__container__expanded';
+  }
+  return /*#__PURE__*/React__default["default"].createElement(_StyledStyledContainer, {
+    className: "".concat(className, " ").concat(resolvedClassName),
+    ref: containerRef,
+    contentProp: contentProp,
+    propName: propName,
+    $_css: css
+  }, children);
+});
+Container.displayName = 'Container';
+
+exports.Container = Container;
+//# sourceMappingURL=Container.js.map

package/dist/ui/src/core/ui/components/container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import React, { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n  transform-origin: 0% 0%;\n  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n  will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n  overflow: hidden;\n  opacity: 0;\n\n  &.Collapsible__container__collapsed {\n    ${propNameFunc}: 0;\n    max-${propNameFunc}: 0;\n    opacity: 0;\n  }\n\n  &.Collapsible__container__expanded {\n    ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    opacity: 1;\n  }\n`)\n\nexport type ContainerProps = {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  propName?: string\n  className?: string\n  css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, propName = 'height', className, css,\n}: ContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>()\n  const [contentProp, setContentProp] = useState(0)\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useEffect(() => {\n    if (containerRef?.current) {\n      setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n    }\n  }, [containerRef, propName])\n\n  let resolvedClassName = ''\n\n  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__collapsed'\n  }\n  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__expanded'\n  }\n\n  return (\n    <StyledContainer\n      className={`${className} ${resolvedClassName}`}\n      ref={containerRef}\n      contentProp={contentProp}\n      propName={propName}\n      css={css}\n    >\n      {children}\n    </StyledContainer>\n  )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","propName","StyledContainer","memo","styled","div","contentProp","Container","collapsed","collapseHandler","children","className","css","containerRef","useRef","useState","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","undefined","React","displayName"],"mappings":"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"}

package/dist/ui/src/core/ui/components/container/Flex.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var flexValueMap = {
+  start: 'flex-start',
+  'flex-start': 'flex-start',
+  end: 'flex-end',
+  'flex-end': 'flex-end'
+};
+var resolveFlexProps = function resolveFlexProps(value) {
+  return value ? flexValueMap[value] || value : value;
+};
+var Flex = /*#__PURE__*/React.memo(styled__default["default"].div.withConfig({
+  displayName: "Flex",
+  componentId: "sc-1q4blmc-0"
+})(["display:flex;position:relative;flex-direction:", ";flex:", ";flex-grow:", ";flex-shrink:", ";flex-basis:", ";flex-wrap:", ";gap:", ";text-align:", ";justify-content:", ";align-items:", ";align-self:", ";margin:", ";padding:", ";width:", ";height:", ";max-width:", ";max-height:", ";min-width:", ";min-height:", ";border-radius:", ";"], function (_ref) {
+  var direction = _ref.direction;
+  return direction || 'row';
+}, function (_ref2) {
+  var flex = _ref2.flex;
+  return flex !== undefined ? flex : '0';
+}, function (_ref3) {
+  var flexGrow = _ref3.flexGrow;
+  return flexGrow !== undefined ? flexGrow : '0';
+}, function (_ref4) {
+  var flexShrink = _ref4.flexShrink;
+  return flexShrink !== undefined ? flexShrink : '0';
+}, function (_ref5) {
+  var flexBasis = _ref5.flexBasis;
+  return flexBasis || 'auto';
+}, function (_ref6) {
+  var flexWrap = _ref6.flexWrap;
+  return flexWrap || 'nowrap';
+}, function (_ref7) {
+  var gap = _ref7.gap;
+  return gap !== undefined ? gap : '0';
+}, function (_ref8) {
+  var alignText = _ref8.alignText;
+  return alignText || 'left';
+}, function (_ref9) {
+  var justify = _ref9.justify;
+  return resolveFlexProps(justify) || 'flex-start';
+}, function (_ref10) {
+  var align = _ref10.align;
+  return resolveFlexProps(align) || 'flex-start';
+}, function (_ref11) {
+  var alignSelf = _ref11.alignSelf;
+  return alignSelf || 'auto';
+}, function (_ref12) {
+  var margin = _ref12.margin;
+  return margin || '0';
+}, function (_ref13) {
+  var padding = _ref13.padding;
+  return padding || '0';
+}, function (_ref14) {
+  var width = _ref14.width;
+  return width || 'auto';
+}, function (_ref15) {
+  var height = _ref15.height;
+  return height || 'auto';
+}, function (_ref16) {
+  var maxWidth = _ref16.maxWidth;
+  return maxWidth || 'none';
+}, function (_ref17) {
+  var maxHeight = _ref17.maxHeight;
+  return maxHeight || 'none';
+}, function (_ref18) {
+  var minWidth = _ref18.minWidth;
+  return minWidth || minWidth === '0' ? minWidth : '0';
+}, function (_ref19) {
+  var minHeight = _ref19.minHeight;
+  return minHeight || '0';
+}, function (_ref20) {
+  var borderRadius = _ref20.borderRadius;
+  return borderRadius || 'initial';
+}));
+
+// default flex centralized, 100% width and height
+var FlexWrapper = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs(function (props) {
+  return _rollupPluginBabelHelpers.objectSpread2({
+    width: props.width || '100%',
+    height: props.height || '100%',
+    justify: props.justify || 'center',
+    align: props.align || 'center'
+  }, props);
+}).withConfig({
+  displayName: "Flex__FlexWrapper",
+  componentId: "sc-1q4blmc-1"
+})([""]));
+var FlexTight = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs(function (props) {
+  return _rollupPluginBabelHelpers.objectSpread2({
+    size: 'unset',
+    width: 'initial'
+  }, props);
+}).withConfig({
+  displayName: "Flex__FlexTight",
+  componentId: "sc-1q4blmc-2"
+})([""]));
+
+exports.Flex = Flex;
+exports.FlexTight = FlexTight;
+exports.FlexWrapper = FlexWrapper;
+//# sourceMappingURL=Flex.js.map

package/dist/ui/src/core/ui/components/container/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n  {\n    width: props.width || '100%',\n    height: props.height || '100%',\n    justify: props.justify || 'center',\n    align: props.align || 'center',\n    ...props,\n  }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  size: 'unset',\n  width: 'initial',\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","direction","flex","undefined","flexGrow","flexShrink","flexBasis","flexWrap","gap","alignText","justify","align","alignSelf","margin","padding","width","height","maxWidth","maxHeight","minWidth","minHeight","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","size"],"mappings":"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"}

package/dist/ui/src/core/ui/components/container/Placeholder.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var React = require('react');
+var Flex = require('./Flex.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["title", "border", "background", "onClick", "cssProp", "children"];
+var Placeholder = /*#__PURE__*/React.memo(function (_ref) {
+  var title = _ref.title,
+    border = _ref.border,
+    background = _ref.background,
+    onClick = _ref.onClick,
+    cssProp = _ref.cssProp,
+    children = _ref.children,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(_StyledFlexWrapper, _rollupPluginBabelHelpers["extends"]({
+    onClick: onClick
+    // eslint-disable-next-line react/jsx-props-no-spreading
+  }, props, {
+    $_css: border || 'border: 1px solid #999999;',
+    $_css2: background || 'background-color: rgba(0, 120, 255, 0.2);',
+    $_css3: cssProp
+  }), title && /*#__PURE__*/React__default["default"].createElement("h2", null, title), children && children);
+});
+Placeholder.displayName = 'Placeholder';
+var _StyledFlexWrapper = /*#__PURE__*/styled__default["default"](Flex.FlexWrapper).withConfig({
+  displayName: "Placeholder___StyledFlexWrapper",
+  componentId: "sc-5v44u2-0"
+})(["", " ", " ", ""], function (p) {
+  return p.$_css;
+}, function (p) {
+  return p.$_css2;
+}, function (p) {
+  return p.$_css3;
+});
+
+exports.Placeholder = Placeholder;
+//# sourceMappingURL=Placeholder.js.map

package/dist/ui/src/core/ui/components/container/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sources":["../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import React, { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n  title?: string\n  cssProp?: string\n  background?: string\n  border?: string\n  onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n  <FlexWrapper\n    css={`\n      ${border || 'border: 1px solid #999999;'}\n      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}\n      ${cssProp}\n    `}\n    onClick={onClick}\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    {...props}\n  >\n    {title && (<h2>{title}</h2>)}\n    {children && children}\n  </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","title","border","background","onClick","cssProp","children","props","_objectWithoutProperties","React","_extends","displayName","_styled","FlexWrapper"],"mappings":";;;;;;;;;;;;;;;AAYaA,IAAAA,WAAiC,gBAC5CC,UAAI,CAAmB,UAAA,IAAA,EAAA;EAAA,IAAGC,KAAK,QAALA,KAAK;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,UAAU,QAAVA,UAAU;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;IAAKC,KAAK,GAAAC,iDAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAAA,oBACzFC,yBAAA,CAAA,aAAA,CAAA,kBAAA,EAAAC,oCAAA,CAAA;AAME,IAAA,OAAO,EAAEN,OAAAA;AACT;AAAA,GAAA,EACIG,KAAK,EAAA;IAAA,KANLL,EAAAA,MAAM,IAAI,4BAA4B;IAAA,MACtCC,EAAAA,UAAU,IAAI,2CAA2C;IAAA,MACzDE,EAAAA,OAAAA;GAMHJ,CAAAA,EAAAA,KAAK,iBAAKQ,yBAAKR,CAAAA,aAAAA,CAAAA,IAAAA,EAAAA,IAAAA,EAAAA,KAAK,CAAO,EAC3BK,QAAQ,IAAIA,QAAQ,CACT,CAAA;AAAA,CACf,EAAC;AAEFP,WAAW,CAACY,WAAW,GAAG,aAAa,CAAA;AAAA,IAAA,kBAAA,gBAAAC,0BAAA,CAAAC,gBAAA,CAAA,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,iCAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAAA,UAAA,CAAA,EAAA;AAAA,EAAA,OAAA,CAAA,CAAA,KAAA,CAAA;AAAA,CAAA,EAAA,UAAA,CAAA,EAAA;AAAA,EAAA,OAAA,CAAA,CAAA,MAAA,CAAA;AAAA,CAAA,EAAA,UAAA,CAAA,EAAA;AAAA,EAAA,OAAA,CAAA,CAAA,MAAA,CAAA;AAAA,CAAA,CAAA;;;;"}

package/dist/ui/src/core/ui/components/dividers/DividerLine.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+require('../../../../../node_modules/core-js/modules/es.array.concat.js');
+var React = require('react');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _excluded = ["orientation", "vertical", "horizontal", "length", "color", "opacity", "zIndex", "width", "height"];
+var lineGrayColor = '#999999';
+var DividerLine = /*#__PURE__*/React.memo(styled__default["default"](function (_ref) {
+  _ref.orientation;
+    _ref.vertical;
+    _ref.horizontal;
+    _ref.length;
+    _ref.color;
+    _ref.opacity;
+    _ref.zIndex;
+    _ref.width;
+    _ref.height;
+    var rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement("div", rest);
+}).withConfig({
+  displayName: "DividerLine",
+  componentId: "sc-bzgrtx-0"
+})(["position:relative;display:block;", ";transition:opacity,width,height 250ms ease-in-out;background-color:", ";opacity:", ";"], function (_ref2) {
+  var orientation = _ref2.orientation,
+    vertical = _ref2.vertical,
+    margin = _ref2.margin,
+    _ref2$length = _ref2.length,
+    length = _ref2$length === void 0 ? '80%' : _ref2$length,
+    _ref2$left = _ref2.left,
+    left = _ref2$left === void 0 ? '0' : _ref2$left,
+    _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? '1px' : _ref2$width,
+    _ref2$height = _ref2.height,
+    height = _ref2$height === void 0 ? '1px' : _ref2$height;
+  return orientation === 'vertical' || vertical ? "\n      height: ".concat(length, ";\n      left: ").concat(left, ";\n      width: ").concat(width, ";\n      margin: ").concat(margin || 'auto 0', ";") : "\n      width: ".concat(length, ";\n      left: ").concat(left, ";\n      height: ").concat(height, ";\n      margin: ").concat(margin || '0 auto', ";");
+}, function (_ref3) {
+  var color = _ref3.color;
+  return color || lineGrayColor;
+}, function (_ref4) {
+  var _ref4$opacity = _ref4.opacity,
+    opacity = _ref4$opacity === void 0 ? 1 : _ref4$opacity;
+  return opacity;
+}));
+var DividerVertical = /*#__PURE__*/React.memo(function (props) {
+  return /*#__PURE__*/React__default["default"].createElement(DividerLine, _rollupPluginBabelHelpers["extends"]({
+    vertical: true,
+    length: "100%"
+  }, props));
+});
+DividerVertical.displayName = 'DividerVertical';
+var DividerHorizontal = /*#__PURE__*/React.memo(function (props) {
+  return /*#__PURE__*/React__default["default"].createElement(DividerLine, _rollupPluginBabelHelpers["extends"]({
+    horizontal: true,
+    length: "100%"
+  }, props));
+});
+DividerHorizontal.displayName = 'DividerHorizontal';
+
+exports.DividerHorizontal = DividerHorizontal;
+exports.DividerLine = DividerLine;
+exports.DividerVertical = DividerVertical;
+//# sourceMappingURL=DividerLine.js.map

package/dist/ui/src/core/ui/components/dividers/DividerLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerLine.js","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { memo, FC } from 'react'\nimport styled from 'styled-components'\n\nconst lineGrayColor = '#999999'\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  horizontal?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo(styled(({\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  orientation, vertical, horizontal, length, color, opacity, zIndex, width, height, ...rest\n}) => <div {...rest} />)<DividerProps>`\n  position:relative;\n  display:block;\n  ${({\n    orientation, vertical, margin,\n    length = '80%', left = '0', width = '1px', height = '1px' }) => (orientation === 'vertical' || vertical\n    ? `\n      height: ${length};\n      left: ${left};\n      width: ${width};\n      margin: ${margin || 'auto 0'};`\n    : `\n      width: ${length};\n      left: ${left};\n      height: ${height};\n      margin: ${margin || '0 auto'};`)\n};\n  transition: opacity, width, height 250ms ease-in-out;\n  background-color: ${({ color }) => color || lineGrayColor};\n  opacity: ${({ opacity = 1 }) => opacity};\n`)\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine horizontal length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["lineGrayColor","DividerLine","memo","styled","orientation","vertical","horizontal","length","color","opacity","zIndex","width","height","rest","_objectWithoutProperties","React","margin","left","DividerVertical","props","_extends","displayName","DividerHorizontal"],"mappings":"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"}

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

@@ -0,0 +1,208 @@
+'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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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__default["default"].createElement("span", null);
+});
+var setIconComponent = function setIconComponent(component) {
+  IconComponent = component;
+};
+var FieldWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  displayName: "Field__FieldWrapper",
+  componentId: "sc-1sr2vtg-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-1sr2vtg-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__default["default"].createElement("div", {
+    className: "select"
+  }, /*#__PURE__*/React__default["default"].createElement("select", _rollupPluginBabelHelpers["extends"]({}, props, {
+    ref: inputRef,
+    defaultValue: value
+  }), options === null || options === void 0 ? void 0 : options.map(function (option) {
+    return /*#__PURE__*/React__default["default"].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-1sr2vtg-2"
+})([""]);
+var TextAreaComponent = /*#__PURE__*/styled__default["default"].textarea.withConfig({
+  displayName: "Field__TextAreaComponent",
+  componentId: "sc-1sr2vtg-3"
+})([""]);
+var StyledFieldLabel = /*#__PURE__*/styled__default["default"].label.withConfig({
+  displayName: "Field__StyledFieldLabel",
+  componentId: "sc-1sr2vtg-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__default["default"].createElement(_StyledFieldWrapper, {
+    className: "field ".concat(className),
+    error: error,
+    disabled: disabled,
+    userDisabled: userDisabled,
+    $_css: css
+  }, /*#__PURE__*/React__default["default"].createElement(StyledFieldLabel, {
+    htmlFor: name,
+    className: "label"
+  }, label), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "field ".concat(addon ? 'has-addons' : '')
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "control mainControl ".concat(iconLeft && !withoutComponent ? 'has-icons-left' : '', " ").concat(iconRight ? 'has-icons-right' : '')
+  }, !withoutComponent && (!children && (type === 'select' || options) ? /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("span", {
+    className: "iconLeft icon is-small is-left ".concat(leftIconClick ? 'is-action' : ''),
+    onClick: leftIconClick
+  }, /*#__PURE__*/React__default["default"].createElement(IconComponent, {
+    iconName: iconLeft,
+    color: iconColor
+  })), iconRight && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "iconRight icon is-small is-right ".concat(rightIconClick ? 'is-action' : ''),
+    onClick: rightIconClick
+  }, /*#__PURE__*/React__default["default"].createElement(IconComponent, {
+    iconName: iconRight,
+    color: iconColor
+  })), children && children), addon && addon), helpTextInfo && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "help"
+  }, helpTextInfo), helpText && /*#__PURE__*/React__default["default"].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;
+//# sourceMappingURL=Field.js.map

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

@@ -0,0 +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 React, { 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","React","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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"}