npm - @e1011/es-kit - Versions diffs - 1.0.10 → 1.0.14 - Mend

@e1011/es-kit 1.0.10 → 1.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (208) hide show

package/dist/lib/cjs/src/core/hooks/useApi.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
+var react = require('react');
 var map = {};
 var defaultDataFetching = {
@@ -14,7 +14,7 @@ var defaultDataFetching = {
 var useApi = function useApi(id, callerInitial, decoratorIntitial, successHandler, errorHandler
 // eslint-disable-next-line function-paren-newline
 ) {
-  var _useState = React.useState(defaultDataFetching),
+  var _useState = react.useState(defaultDataFetching),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     dataFetching = _useState2[0],
     setDataFetching = _useState2[1];
@@ -34,7 +34,7 @@ var useApi = function useApi(id, callerInitial, decoratorIntitial, successHandle
     decorator = _map$id.decorator,
     onSuccess = _map$id.successHandler,
     onError = _map$id.errorHandler;
-  var doCall = React.useCallback( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+  var doCall = react.useCallback( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
     var _data,
       returnData,
       _args = arguments;

package/dist/lib/cjs/src/core/hooks/useOutsideClick.js CHANGED Viewed

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var React = require('react');
+var react = require('react');
 var ui_constants = require('../constants/ui.constants.js');
 var clickOutside = require('../ui/utils/clickOutside.js');
 function useOutsideClick(element, callback) {
   var handleClickOutside = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : clickOutside.handleClickOutside(element, callback);
-  React.useEffect(function () {
+  react.useEffect(function () {
     document.addEventListener(ui_constants.EventName.Click, handleClickOutside);
     return function () {
       document.removeEventListener(ui_constants.EventName.Click, handleClickOutside);

package/dist/lib/cjs/src/core/hooks/useResize.js CHANGED Viewed

@@ -3,27 +3,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
+var react = require('react');
 var debounce = require('../../../node_modules/lodash-es/debounce.js');
 var useResize = function useResize() {
   var debounceDelay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 250;
-  var _useState = React.useState({
+  var _useState = react.useState({
       width: undefined,
       height: undefined
     }),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     containerSize = _useState2[0],
     setContainerSize = _useState2[1];
-  var lastResizeWidthRef = React.useRef({
+  var lastResizeWidthRef = react.useRef({
     width: 0,
     height: 0
   });
-  var containerRef = React.useRef();
+  var containerRef = react.useRef();
   // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)
-  var unobserverRef = React.useRef();
-  var debouncedResizeWrapper = React.useMemo(function () {
+  var unobserverRef = react.useRef();
+  var debouncedResizeWrapper = react.useMemo(function () {
     return debounce(function (entries) {
       var _lastResizeWidthRef$c, _lastResizeWidthRef$c2, _containerRef$current, _containerRef$current2;
       var newResizeWidth = entries[0].contentRect.width;
@@ -41,7 +41,7 @@ var useResize = function useResize() {
       });
     }, debounceDelay);
   }, [containerRef, debounceDelay]);
-  React.useLayoutEffect(function () {
+  react.useLayoutEffect(function () {
     var resizeObserver;
     var containerElement;
     if (containerRef !== null && containerRef !== void 0 && containerRef.current) {

package/dist/lib/cjs/src/core/hooks/useToggle.js CHANGED Viewed

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
+var react = require('react');
 var useToggle = function useToggle(defaultValue) {
   var async = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var _useState = React.useState(defaultValue),
+  var _useState = react.useState(defaultValue),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     toggled = _useState2[0],
     setToggled = _useState2[1];
-  var handleToggle = React.useCallback(function (value) {
+  var handleToggle = react.useCallback(function (value) {
     if (async) {
       setToggled(function (prevToggled) {
         return typeof value === 'boolean' ? value : !prevToggled;

package/dist/lib/cjs/src/core/ui/components/container/Container.js CHANGED Viewed

@@ -5,12 +5,11 @@ 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');
+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',
@@ -20,7 +19,7 @@ var propNameFunc = function propNameFunc(_ref) {
   var propName = _ref.propName;
   return propName;
 };
-var StyledContainer = /*#__PURE__*/React.memo(styled__default["default"].div.withConfig({
+var StyledContainer = /*#__PURE__*/react.memo(styled__default["default"].div.withConfig({
   displayName: "Container__StyledContainer",
   componentId: "sc-heiku-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) {
@@ -36,7 +35,7 @@ var _StyledStyledContainer = /*#__PURE__*/styled__default["default"](StyledConta
 })(["", ""], function (p) {
   return p.$_css;
 });
-var Container = /*#__PURE__*/React.memo(function (_ref4) {
+var Container = /*#__PURE__*/react.memo(function (_ref4) {
   var _ref4$collapsed = _ref4.collapsed,
     collapsed = _ref4$collapsed === void 0 ? false : _ref4$collapsed,
     collapseHandler = _ref4.collapseHandler,
@@ -45,15 +44,15 @@ var Container = /*#__PURE__*/React.memo(function (_ref4) {
     propName = _ref4$propName === void 0 ? 'height' : _ref4$propName,
     className = _ref4.className,
     css = _ref4.css;
-  var containerRef = React.useRef();
-  var _useState = React.useState(0),
+  var containerRef = react.useRef();
+  var _useState = react.useState(0),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     contentProp = _useState2[0],
     setContentProp = _useState2[1];
-  React.useEffect(function () {
+  react.useEffect(function () {
     collapseHandler === null || collapseHandler === void 0 ? void 0 : collapseHandler(collapsed);
   }, [collapseHandler, collapsed]);
-  React.useEffect(function () {
+  react.useEffect(function () {
     if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
       setContentProp(containerRef.current[elementPropNameMap[propName]]);
     }
@@ -65,7 +64,7 @@ var Container = /*#__PURE__*/React.memo(function (_ref4) {
   if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
     resolvedClassName = 'Collapsible__container__expanded';
   }
-  return /*#__PURE__*/React__default["default"].createElement(_StyledStyledContainer, {
+  return /*#__PURE__*/React.createElement(_StyledStyledContainer, {
     className: "".concat(className, " ").concat(resolvedClassName),
     ref: containerRef,
     contentProp: contentProp,

package/dist/lib/cjs/src/core/ui/components/container/Container.js.map CHANGED Viewed

	@@ -1 +1 @@
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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~~oBACEE~~,~~yBAAA~~,CAAA,aAAA,CAAA,sBAAA,EAAA;AACE,IAAA,SAAS,~~EAAKX~~,EAAAA,CAAAA,MAAAA,CAAAA,SAAS,EAAIS,GAAAA,CAAAA,CAAAA,MAAAA,CAAAA,iBAAiB,CAAG;AAC/C,IAAA,GAAG,EAAEP,YAAa;AAClB,IAAA,WAAW,EAAEP,WAAY;AACzB,IAAA,QAAQ,EAAEL,QAAS;IAAA,KACdW,EAAAA,GAAAA;AAAG,GAAA,EAEPF,QAAQ,CACO,CAAA;AAEtB,CAAC,EAAC;AAEFH,SAAS,~~CAACgB~~,WAAW,GAAG,WAAW;;;;"}
1	+ {"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { 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","displayName"],"mappings":"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"}

package/dist/lib/cjs/src/core/ui/components/container/Flex.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
+var react = require('react');
 var styled = require('styled-components');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,7 +19,7 @@ var flexValueMap = {
 var resolveFlexProps = function resolveFlexProps(value) {
   return value ? flexValueMap[value] || value : value;
 };
-var Flex = /*#__PURE__*/React.memo(styled__default["default"].div.withConfig({
+var Flex = /*#__PURE__*/react.memo(styled__default["default"].div.withConfig({
   displayName: "Flex",
   componentId: "sc-19vq3db-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) {
@@ -85,7 +85,7 @@ var Flex = /*#__PURE__*/React.memo(styled__default["default"].div.withConfig({
 }));
 // default flex centralized, 100% width and height
-var FlexWrapper = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs(function (props) {
+var FlexWrapper = /*#__PURE__*/react.memo(styled__default["default"](Flex).attrs(function (props) {
   return _rollupPluginBabelHelpers.objectSpread2({
     width: props.width || '100%',
     height: props.height || '100%',
@@ -96,7 +96,7 @@ var FlexWrapper = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs
   displayName: "Flex__FlexWrapper",
   componentId: "sc-19vq3db-1"
 })([""]));
-var FlexTight = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs(function (props) {
+var FlexTight = /*#__PURE__*/react.memo(styled__default["default"](Flex).attrs(function (props) {
   return _rollupPluginBabelHelpers.objectSpread2({
     size: 'unset',
     width: 'initial'
@@ -105,7 +105,7 @@ var FlexTight = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs(f
   displayName: "Flex__FlexTight",
   componentId: "sc-19vq3db-2"
 })([""]));
-var FlexTightStyled = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs(function (props) {
+var FlexTightStyled = /*#__PURE__*/react.memo(styled__default["default"](Flex).attrs(function (props) {
   return _rollupPluginBabelHelpers.objectSpread2({
     size: 'unset',
     width: 'initial',

package/dist/lib/cjs/src/core/ui/components/container/Placeholder.js CHANGED Viewed

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var styled = require('styled-components');
-var React = require('react');
+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 Placeholder = /*#__PURE__*/react.memo(function (_ref) {
   var title = _ref.title,
     border = _ref.border,
     background = _ref.background,
@@ -21,14 +20,14 @@ var Placeholder = /*#__PURE__*/React.memo(function (_ref) {
     cssProp = _ref.cssProp,
     children = _ref.children,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(_StyledFlexWrapper, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.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);
+  }), title && /*#__PURE__*/React.createElement("h2", null, title), children && children);
 });
 Placeholder.displayName = 'Placeholder';
 var _StyledFlexWrapper = /*#__PURE__*/styled__default["default"](Flex.FlexWrapper).withConfig({

package/dist/lib/cjs/src/core/ui/components/container/Placeholder.js.map CHANGED Viewed

	@@ -1 +1 @@
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;;;;"}
1	+ {"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { 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","_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,oBACzF,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAAC,oCAAA,CAAA;AAME,IAAA,OAAO,EAAEL,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,iBAAK,KAAKA,CAAAA,aAAAA,CAAAA,IAAAA,EAAAA,IAAAA,EAAAA,KAAK,CAAO,EAC3BK,QAAQ,IAAIA,QAAQ,CACT,CAAA;AAAA,CACf,EAAC;AAEFP,WAAW,CAACW,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/lib/cjs/src/core/ui/components/dividers/DividerLine.js CHANGED Viewed

@@ -4,17 +4,16 @@ 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 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) {
+var DividerLine = /*#__PURE__*/react.memo(styled__default["default"](function (_ref) {
   _ref.orientation;
     _ref.vertical;
     _ref.horizontal;
@@ -25,7 +24,7 @@ var DividerLine = /*#__PURE__*/React.memo(styled__default["default"](function (_
     _ref.width;
     _ref.height;
     var rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", rest);
+  return /*#__PURE__*/React.createElement("div", rest);
 }).withConfig({
   displayName: "DividerLine",
   componentId: "sc-1uaqxs4-0"
@@ -50,15 +49,15 @@ var DividerLine = /*#__PURE__*/React.memo(styled__default["default"](function (_
     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"]({
+var DividerVertical = /*#__PURE__*/react.memo(function (props) {
+  return /*#__PURE__*/React.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"]({
+var DividerHorizontal = /*#__PURE__*/react.memo(function (props) {
+  return /*#__PURE__*/React.createElement(DividerLine, _rollupPluginBabelHelpers["extends"]({
     horizontal: true,
     length: "100%"
   }, props));

package/dist/lib/cjs/src/core/ui/components/dividers/DividerLine.js.map CHANGED Viewed

	@@ -1 +1 @@
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":"~~;;;;;;;;;;;;;;;~~AAIA,IAAMA,aAAa,GAAG,SAAS,CAAA;IAelBC,WAA6B,gBAAGC,UAAI,CAACC,0BAAM,CAAC,UAAA,IAAA,EAAA;OAEvDC,WAAW,CAAA;AAAEC,SAAAA,QAAQ,CAAA;AAAEC,SAAAA,UAAU,CAAA;AAAEC,SAAAA,MAAM,CAAA;AAAEC,SAAAA,KAAK,CAAA;AAAEC,SAAAA,OAAO,CAAA;AAAEC,SAAAA,MAAM,CAAA;AAAEC,SAAAA,KAAK,CAAA;AAAEC,SAAAA,MAAM,CAAA;QAAKC,IAAI,GAAAC,iDAAA,CAAA,IAAA,EAAA,SAAA,EAAA;EAAA,~~oBACrFC~~,~~yBAAA~~,CAAA,aAAA,CAAA,KAAA,~~EAASF~~,IAAI,CAAI,CAAA;AAAA,CAAC,CAAA,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAGpB,CAAA,CAAA,CAAA,kCAAA,EAAA,sEAAA,EAAA,WAAA,EAAA,GAAA,CAAA,EAAA,UAAA,KAAA,EAAA;EAAA,IACAT,WAAW,SAAXA,WAAW;AAAEC,IAAAA,QAAQ,SAARA,QAAQ;~~AAAEW~~,IAAAA,MAAM,SAANA,MAAM;AAAA,IAAA,YAAA,GAAA,KAAA,~~CAC7BT~~,MAAM;AAANA,IAAAA,MAAM,6BAAG,KAAK,GAAA,YAAA;AAAA,IAAA,UAAA,GAAA,KAAA,~~CAAEU~~,IAAI;AAAJA,IAAAA,IAAI,2BAAG,GAAG,GAAA,UAAA;AAAA,IAAA,WAAA,GAAA,KAAA,~~CAAEN~~,KAAK;AAALA,IAAAA,KAAK,4BAAG,KAAK,GAAA,WAAA;AAAA,IAAA,YAAA,GAAA,KAAA,CAAEC,MAAM;AAANA,IAAAA,MAAM,6BAAG,KAAK,GAAA,YAAA,CAAA;EAAA,OAAQR,WAAW,KAAK,UAAU,IAAIC,QAAQ,6BAE3FE,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,~~CACRU~~,IAAI,EAAA,kBAAA,CAAA,CAAA,MAAA,~~CACHN~~,KAAK,EAAA,mBAAA,CAAA,CAAA,MAAA,~~CACJK~~,MAAM,IAAI,QAAQ,~~EAEnBT~~,GAAAA,CAAAA,GAAAA,iBAAAA,CAAAA,MAAAA,CAAAA,MAAM,~~EACPU~~,iBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,IAAI,~~EACFL~~,mBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,MAAM,~~EACNI~~,mBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,MAAM,IAAI,QAAQ,EAAG,GAAA,CAAA,CAAA;AAAA,CAAC,EAGhB,UAAA,KAAA,EAAA;EAAA,~~IAAGR~~,KAAK,SAALA,KAAK,CAAA;EAAA,OAAOA,KAAK,IAAIR,aAAa,CAAA;AAAA,CAC9C,EAAA,UAAA,KAAA,EAAA;AAAA,EAAA,IAAA,aAAA,GAAA,KAAA,CAAGS,OAAO;AAAPA,IAAAA,OAAO,8BAAG,CAAC,GAAA,aAAA,CAAA;AAAA,EAAA,OAAOA,OAAO,CAAA;AAAA,CACvC,CAAA,EAAA;~~IAEWS~~,eAAiC,~~gBAC1ChB~~,UAAI,CAAC,~~UAACiB~~,KAAK,EAAA;AAAA,EAAA,~~oBAAKJ~~,~~wCAAC~~,WAAW,~~EAAAK~~,oCAAA,CAAA;IAAC,QAAQ,EAAA,IAAA;AAAC,IAAA,MAAM,EAAC,MAAA;AAAM,GAAA,EAAKD,KAAK,CAAI,CAAA,CAAA;AAAA,CAAC,EAAA;AACtED,eAAe,CAACG,WAAW,GAAG,iBAAiB,CAAA;IAElCC,iBAAmC,~~gBAC5CpB~~,UAAI,CAAC,~~UAACiB~~,KAAK,EAAA;AAAA,EAAA,~~oBAAKJ~~,~~wCAAC~~,WAAW,~~EAAAK~~,oCAAA,CAAA;IAAC,UAAU,EAAA,IAAA;AAAC,IAAA,MAAM,EAAC,MAAA;AAAM,GAAA,EAAKD,KAAK,CAAI,CAAA,CAAA;AAAA,CAAC,EAAA;AACxEG,iBAAiB,CAACD,WAAW,GAAG,mBAAmB;;;;;;"}
1	+ {"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { 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","margin","left","DividerVertical","props","_extends","displayName","DividerHorizontal"],"mappings":"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"}

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

@@ -6,12 +6,11 @@ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBa
 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');
+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"];
@@ -21,8 +20,8 @@ var iconColor = function iconColor() {
 var setIconColor = function setIconColor(color) {
   iconColor = color;
 };
-var IconComponent = /*#__PURE__*/React.memo(function IconComponent() {
-  return /*#__PURE__*/React__default["default"].createElement("span", null);
+var IconComponent = /*#__PURE__*/react.memo(function IconComponent() {
+  return /*#__PURE__*/React.createElement("span", null);
 });
 var setIconComponent = function setIconComponent(component) {
   IconComponent = component;
@@ -45,18 +44,18 @@ var _StyledFieldWrapper = /*#__PURE__*/styled__default["default"](FieldWrapper).
 })(["", ""], function (p) {
   return p.$_css;
 });
-var Select = /*#__PURE__*/React.memo(function Select(_ref3) {
+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", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "select"
-  }, /*#__PURE__*/React__default["default"].createElement("select", _rollupPluginBabelHelpers["extends"]({}, props, {
+  }, /*#__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__default["default"].createElement("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);
@@ -74,7 +73,7 @@ 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 Field = /*#__PURE__*/react.memo(function (_ref4) {
   var label = _ref4.label,
     name = _ref4.name,
     _ref4$type = _ref4.type,
@@ -107,14 +106,14 @@ var Field = /*#__PURE__*/React.memo(function (_ref4) {
   if (!children && type === 'textarea') {
     Component = TextAreaComponent;
   }
-  var handleFocus = React.useCallback(function (event) {
+  var handleFocus = react.useCallback(function (event) {
     if (userDisabled) {
       event.preventDefault();
     } else {
       onFocus && onFocus(event);
     }
   }, [userDisabled, onFocus]);
-  var handleChange = React.useCallback(function (event) {
+  var handleChange = react.useCallback(function (event) {
     if (userDisabled) {
       return;
     }
@@ -126,7 +125,7 @@ var Field = /*#__PURE__*/React.memo(function (_ref4) {
       onChange && onChange(event);
     }
   }, [onChangeInner, onChange, userDisabled]);
-  var valueProps = React.useMemo(function () {
+  var valueProps = react.useMemo(function () {
     if (value === undefined) {
       return {
         defaultValue: defaultValue
@@ -136,20 +135,20 @@ var Field = /*#__PURE__*/React.memo(function (_ref4) {
       value: value
     };
   }, [value, defaultValue]);
-  return /*#__PURE__*/React__default["default"].createElement(_StyledFieldWrapper, {
+  return /*#__PURE__*/React.createElement(_StyledFieldWrapper, {
     className: "field ".concat(className),
     error: error,
     disabled: disabled,
     userDisabled: userDisabled,
     $_css: css
-  }, /*#__PURE__*/React__default["default"].createElement(StyledFieldLabel, {
+  }, /*#__PURE__*/React.createElement(StyledFieldLabel, {
     htmlFor: name,
     className: "label"
-  }, label), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, label), /*#__PURE__*/React.createElement("div", {
     className: "field ".concat(addon ? 'has-addons' : '')
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__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__default["default"].createElement(Select, _rollupPluginBabelHelpers["extends"]({
+  }, !withoutComponent && (!children && (type === 'select' || options) ? /*#__PURE__*/React.createElement(Select, _rollupPluginBabelHelpers["extends"]({
     name: name,
     id: name,
     inputRef: inputRef,
@@ -166,7 +165,7 @@ var Field = /*#__PURE__*/React.memo(function (_ref4) {
     onKeyDown: handleFocus,
     autoComplete: "off",
     disabled: disabled
-  }, props)) : !children && /*#__PURE__*/React__default["default"].createElement(Component, _rollupPluginBabelHelpers["extends"]({
+  }, props)) : !children && /*#__PURE__*/React.createElement(Component, _rollupPluginBabelHelpers["extends"]({
     name: name,
     id: name,
     ref: inputRef,
@@ -180,21 +179,21 @@ var Field = /*#__PURE__*/React.memo(function (_ref4) {
     onKeyDown: handleFocus,
     autoComplete: "off",
     disabled: disabled
-  }, props))), iconLeft && !withoutComponent && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, props))), iconLeft && !withoutComponent && /*#__PURE__*/React.createElement("span", {
     className: "iconLeft icon is-small is-left ".concat(leftIconClick ? 'is-action' : ''),
     onClick: leftIconClick
-  }, /*#__PURE__*/React__default["default"].createElement(IconComponent, {
+  }, /*#__PURE__*/React.createElement(IconComponent, {
     iconName: iconLeft,
     color: iconColor
-  })), iconRight && /*#__PURE__*/React__default["default"].createElement("span", {
+  })), iconRight && /*#__PURE__*/React.createElement("span", {
     className: "iconRight icon is-small is-right ".concat(rightIconClick ? 'is-action' : ''),
     onClick: rightIconClick
-  }, /*#__PURE__*/React__default["default"].createElement(IconComponent, {
+  }, /*#__PURE__*/React.createElement(IconComponent, {
     iconName: iconRight,
     color: iconColor
-  })), children && children), addon && addon), helpTextInfo && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), children && children), addon && addon), helpTextInfo && /*#__PURE__*/React.createElement("p", {
     className: "help"
-  }, helpTextInfo), helpText && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, helpTextInfo), helpText && /*#__PURE__*/React.createElement("p", {
     className: "help ".concat(error ? 'is-danger' : '')
   }, helpText));
 });

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

	@@ -1 +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 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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"}
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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"}