npm - @e1011/es-kit - Versions diffs - 1.0.2 → 1.0.4 - Mend

@e1011/es-kit 1.0.2 → 1.0.4

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 (233) hide show

package/dist/lib/esm/src/core/hooks/useResize.js ADDED Viewed

@@ -0,0 +1,66 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useState, useRef, useMemo, useEffect } from 'react';
+import debounce from '../../../node_modules/lodash-es/debounce.js';
+var useResize = function useResize() {
+  var debounceDelay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 250;
+  var _useState = useState({
+      width: undefined,
+      height: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    containerSize = _useState2[0],
+    setContainerSize = _useState2[1];
+  var lastResizeWidthRef = useRef({
+    width: 0,
+    height: 0
+  });
+  var containerRef = useRef();
+  // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)
+  var unobserverRef = useRef();
+  var debouncedResizeWrapper = useMemo(function () {
+    return debounce(function (entries) {
+      var _lastResizeWidthRef$c, _lastResizeWidthRef$c2, _containerRef$current, _containerRef$current2;
+      var newResizeWidth = entries[0].contentRect.width;
+      var newResizeHeight = entries[0].contentRect.height;
+      if (((_lastResizeWidthRef$c = lastResizeWidthRef.current) === null || _lastResizeWidthRef$c === void 0 ? void 0 : _lastResizeWidthRef$c.width) === newResizeWidth && ((_lastResizeWidthRef$c2 = lastResizeWidthRef.current) === null || _lastResizeWidthRef$c2 === void 0 ? void 0 : _lastResizeWidthRef$c2.height) === newResizeHeight) {
+        return;
+      }
+      lastResizeWidthRef.current = {
+        width: newResizeWidth,
+        height: newResizeHeight
+      };
+      setContainerSize({
+        width: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.clientWidth,
+        height: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.clientHeight
+      });
+    }, debounceDelay);
+  }, [containerRef, debounceDelay]);
+  useEffect(function () {
+    var resizeObserver;
+    var containerElement;
+    if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
+      var _containerRef$current3, _containerRef$current4;
+      containerElement = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
+      resizeObserver = new ResizeObserver(debouncedResizeWrapper);
+      resizeObserver.observe(containerElement);
+      setContainerSize({
+        width: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.clientWidth,
+        height: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.clientHeight
+      });
+    }
+    var unobserver = function unobserver() {
+      var _resizeObserver, _resizeObserver$unobs;
+      (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : (_resizeObserver$unobs = _resizeObserver.unobserve) === null || _resizeObserver$unobs === void 0 ? void 0 : _resizeObserver$unobs.call(_resizeObserver, containerElement);
+    };
+    // setUnobserver(unobserver)
+    unobserverRef.current = unobserver;
+    return unobserver;
+  }, [debouncedResizeWrapper, containerRef]);
+  return [containerRef, containerSize, unobserverRef.current];
+};
+export { useResize };
+//# sourceMappingURL=useResize.js.map

package/dist/lib/esm/src/core/hooks/useResize.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport const useResize = (debounceDelay = 250): [\n MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n const [containerSize, setContainerSize]\n = useState<WrapperSize>({ width: undefined, height: undefined })\n\n const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n\n // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)\n const unobserverRef = useRef<Unobserver>()\n\n const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n const newResizeWidth = entries[0].contentRect.width\n const newResizeHeight = entries[0].contentRect.height\n\n if (lastResizeWidthRef.current?.width === newResizeWidth\n && lastResizeWidthRef.current?.height === newResizeHeight) {\n return\n }\n lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n setContainerSize({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }, debounceDelay), [containerRef, debounceDelay])\n\n useEffect(() => {\n let resizeObserver: ResizeObserver\n let containerElement: HTMLElement\n\n if (containerRef?.current) {\n containerElement = containerRef?.current\n resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n resizeObserver.observe(containerElement as Element)\n\n setContainerSize({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }\n const unobserver = () => {\n resizeObserver?.unobserve?.(containerElement as Element)\n }\n\n // setUnobserver(unobserver)\n unobserverRef.current = unobserver\n\n return unobserver\n }, [debouncedResizeWrapper, containerRef])\n\n return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","useState","width","undefined","height","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"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"}

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

@@ -13,7 +13,7 @@ var propNameFunc = function propNameFunc(_ref) {
 };
 var StyledContainer = /*#__PURE__*/memo(styled.div.withConfig({
   displayName: "Container__StyledContainer",
-  componentId: "sc-b48vnw-0"
+  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) {
   var contentProp = _ref2.contentProp;
   return "".concat(contentProp, "px");
@@ -23,7 +23,7 @@ var StyledContainer = /*#__PURE__*/memo(styled.div.withConfig({
 }));
 var _StyledStyledContainer = /*#__PURE__*/styled(StyledContainer).withConfig({
   displayName: "Container___StyledStyledContainer",
-  componentId: "sc-b48vnw-1"
+  componentId: "sc-heiku-1"
 })(["", ""], function (p) {
   return p.$_css;
 });

package/dist/lib/esm/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","setContentProp","useEffect","current","resolvedClassName","undefined","displayName"],"mappings":";;;;;AAKA,IAAMA,kBAA0C,GAAG;AACjDC,EAAAA,KAAK,EAAE,aAAa;AACpBC,EAAAA,MAAM,EAAE,cAAA;AACV,CAAC,CAAA;AAED,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAA,IAAA,EAAA;EAAA,IAAMC,QAAQ,QAARA,QAAQ,CAAA;AAAA,EAAA,OAAsDA,QAAQ,CAAA;AAAA,CAAA,CAAA;AAE9F,IAAMC,eAAyC,gBAAGC,IAAI,CAACC,MAAM,CAACC,GAAG,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,4BAAA;AAAA,EAAA,WAAA,EAAA,~~aAAA~~;AAAA,CAAA,CAAA,CAAA,CAAA,6DAAA,EAAA,wBAAA,EAAA,wCAAA,EAAA,OAAA,EAAA,iEAAA,EAAA,SAAA,EAAA,mDAAA,EAAA,GAAA,EAAA,OAAA,EAAA,GAAA,EAAA,cAAA,CAAA,EAEvBL,YAAY,EAA0BA,YAAY,EAClEA,YAAY,EAASA,YAAY,EAKrDA,YAAY,EACRA,YAAY,EAKhBA,YAAY,EAAK,UAAA,KAAA,EAAA;EAAA,IAAGM,WAAW,SAAXA,WAAW,CAAA;AAAA,EAAA,OAAA,EAAA,CAAA,MAAA,CAAyCA,WAAW,EAAA,IAAA,CAAA,CAAA;AAAA,CAAI,EACnFN,YAAY,EAAK,UAAA,KAAA,EAAA;EAAA,IAAGM,WAAW,SAAXA,WAAW,CAAA;AAAA,EAAA,OAAA,EAAA,CAAA,MAAA,CAAyCA,WAAW,EAAA,IAAA,CAAA,CAAA;AAAA,CAAI,CAG/F,CAAA,CAAA;AAAA,IAAA,sBAAA,gBAAA,MAAA,CAAA,eAAA,CAAA,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,mCAAA;AAAA,EAAA,WAAA,EAAA,~~aAAA~~;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,EAAA,UAAA,CAAA,EAAA;AAAA,EAAA,OAAA,CAAA,CAAA,KAAA,CAAA;AAAA,CAAA,CAAA,CAAA;AAUWC,IAAAA,SAA6B,gBAAGJ,IAAI,CAAC,UAE5B,KAAA,EAAA;AAAA,EAAA,IAAA,eAAA,GAAA,KAAA,CADpBK,SAAS;AAATA,IAAAA,SAAS,gCAAG,KAAK,GAAA,eAAA;AAAEC,IAAAA,eAAe,SAAfA,eAAe;AAAEC,IAAAA,QAAQ,SAARA,QAAQ;AAAA,IAAA,cAAA,GAAA,KAAA,CAAET,QAAQ;AAARA,IAAAA,QAAQ,+BAAG,QAAQ,GAAA,cAAA;AAAEU,IAAAA,SAAS,SAATA,SAAS;AAAEC,IAAAA,GAAG,SAAHA,GAAG,CAAA;EAEjF,IAAMC,YAAY,GAAGC,MAAM,EAAkB,CAAA;EAC7C,IAAsCC,SAAAA,GAAAA,QAAQ,CAAC,CAAC,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAA1CT,WAAW,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEU,cAAc,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAElCC,EAAAA,SAAS,CAAC,YAAM;AACdR,IAAAA,eAAe,aAAfA,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,eAAe,CAAGD,SAAS,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACC,eAAe,EAAED,SAAS,CAAC,CAAC,CAAA;AAEhCS,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAIJ,YAAY,KAAZA,IAAAA,IAAAA,YAAY,eAAZA,YAAY,CAAEK,OAAO,EAAE;MACzBF,cAAc,CAAEH,YAAY,CAACK,OAAO,CAASrB,kBAAkB,CAACI,QAAQ,CAAC,CAAC,CAAC,CAAA;AAC7E,KAAA;AACF,GAAC,EAAE,CAACY,YAAY,EAAEZ,QAAQ,CAAC,CAAC,CAAA;EAE5B,IAAIkB,iBAAiB,GAAG,EAAE,CAAA;EAE1B,IAAIX,SAAS,IAAIF,WAAW,IAAIA,WAAW,KAAKc,SAAS,IAAId,WAAW,KAAK,IAAI,EAAE;AACjFa,IAAAA,iBAAiB,GAAG,mCAAmC,CAAA;AACzD,GAAA;AACA,EAAA,IAAI,CAACX,SAAS,IAAIF,WAAW,IAAIA,WAAW,KAAKc,SAAS,IAAId,WAAW,KAAK,IAAI,EAAE;AAClFa,IAAAA,iBAAiB,GAAG,kCAAkC,CAAA;AACxD,GAAA;EAEA,oBACE,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AACE,IAAA,SAAS,EAAKR,EAAAA,CAAAA,MAAAA,CAAAA,SAAS,EAAIQ,GAAAA,CAAAA,CAAAA,MAAAA,CAAAA,iBAAiB,CAAG;AAC/C,IAAA,GAAG,EAAEN,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,CAACc,WAAW,GAAG,WAAW;;;;"}
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","setContentProp","useEffect","current","resolvedClassName","undefined","displayName"],"mappings":"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"}

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

@@ -13,7 +13,7 @@ var resolveFlexProps = function resolveFlexProps(value) {
 };
 var Flex = /*#__PURE__*/memo(styled.div.withConfig({
   displayName: "Flex",
-  componentId: "sc-1q4blmc-0"
+  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) {
   var direction = _ref.direction;
   return direction || 'row';
@@ -86,7 +86,7 @@ var FlexWrapper = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
   }, props);
 }).withConfig({
   displayName: "Flex__FlexWrapper",
-  componentId: "sc-1q4blmc-1"
+  componentId: "sc-19vq3db-1"
 })([""]));
 var FlexTight = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
   return _objectSpread2({
@@ -95,7 +95,7 @@ var FlexTight = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
   }, props);
 }).withConfig({
   displayName: "Flex__FlexTight",
-  componentId: "sc-1q4blmc-2"
+  componentId: "sc-19vq3db-2"
 })([""]));
 export { Flex, FlexTight, FlexWrapper };

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

@@ -24,7 +24,7 @@ var Placeholder = /*#__PURE__*/memo(function (_ref) {
 Placeholder.displayName = 'Placeholder';
 var _StyledFlexWrapper = /*#__PURE__*/styled(FlexWrapper).withConfig({
   displayName: "Placeholder___StyledFlexWrapper",
-  componentId: "sc-5v44u2-0"
+  componentId: "sc-ozx0bx-0"
 })(["", " ", " ", ""], function (p) {
   return p.$_css;
 }, function (p) {

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

@@ -19,7 +19,7 @@ var DividerLine = /*#__PURE__*/memo(styled(function (_ref) {
   return /*#__PURE__*/React.createElement("div", rest);
 }).withConfig({
   displayName: "DividerLine",
-  componentId: "sc-bzgrtx-0"
+  componentId: "sc-1uaqxs4-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,

package/dist/lib/esm/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","margin","left","DividerVertical","props","displayName","DividerHorizontal"],"mappings":";;;;;;AAIA,IAAMA,aAAa,GAAG,SAAS,CAAA;IAelBC,WAA6B,gBAAGC,IAAI,CAACC,MAAM,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,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,EAAA;EAAA,oBACrF,KAAA,CAAA,aAAA,CAAA,KAAA,EAASA,IAAI,CAAI,CAAA;AAAA,CAAC,CAAA,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,EAAA,WAAA,EAAA,~~aAAA~~;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;AAAES,IAAAA,MAAM,SAANA,MAAM;AAAA,IAAA,YAAA,GAAA,KAAA,CAC7BP,MAAM;AAANA,IAAAA,MAAM,6BAAG,KAAK,GAAA,YAAA;AAAA,IAAA,UAAA,GAAA,KAAA,CAAEQ,IAAI;AAAJA,IAAAA,IAAI,2BAAG,GAAG,GAAA,UAAA;AAAA,IAAA,WAAA,GAAA,KAAA,CAAEJ,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,CACRQ,IAAI,EAAA,kBAAA,CAAA,CAAA,MAAA,CACHJ,KAAK,EAAA,mBAAA,CAAA,CAAA,MAAA,CACJG,MAAM,IAAI,QAAQ,EAEnBP,GAAAA,CAAAA,GAAAA,iBAAAA,CAAAA,MAAAA,CAAAA,MAAM,EACPQ,iBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,IAAI,EACFH,mBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,MAAM,EACNE,mBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,MAAM,IAAI,QAAQ,EAAG,GAAA,CAAA,CAAA;AAAA,CAAC,EAGhB,UAAA,KAAA,EAAA;EAAA,IAAGN,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;IAEWO,eAAiC,gBAC1Cd,IAAI,CAAC,UAACe,KAAK,EAAA;AAAA,EAAA,oBAAK,oBAAC,WAAW,EAAA,QAAA,CAAA;IAAC,QAAQ,EAAA,IAAA;AAAC,IAAA,MAAM,EAAC,MAAA;AAAM,GAAA,EAAKA,KAAK,CAAI,CAAA,CAAA;AAAA,CAAC,EAAA;AACtED,eAAe,CAACE,WAAW,GAAG,iBAAiB,CAAA;IAElCC,iBAAmC,gBAC5CjB,IAAI,CAAC,UAACe,KAAK,EAAA;AAAA,EAAA,oBAAK,oBAAC,WAAW,EAAA,QAAA,CAAA;IAAC,UAAU,EAAA,IAAA;AAAC,IAAA,MAAM,EAAC,MAAA;AAAM,GAAA,EAAKA,KAAK,CAAI,CAAA,CAAA;AAAA,CAAC,EAAA;AACxEE,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 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","margin","left","DividerVertical","props","displayName","DividerHorizontal"],"mappings":"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"}

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

@@ -20,7 +20,7 @@ var setIconComponent = function setIconComponent(component) {
 };
 var FieldWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "Field__FieldWrapper",
-  componentId: "sc-1sr2vtg-0"
+  componentId: "sc-i8c0jy-0"
 })(["opacity:", ";pointer-events:", ";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"], function (_ref) {
   var disabled = _ref.disabled,
     userDisabled = _ref.userDisabled;
@@ -32,7 +32,7 @@ var FieldWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 var _StyledFieldWrapper = /*#__PURE__*/styled(FieldWrapper).withConfig({
   displayName: "Field___StyledFieldWrapper",
-  componentId: "sc-1sr2vtg-1"
+  componentId: "sc-i8c0jy-1"
 })(["", ""], function (p) {
   return p.$_css;
 });
@@ -55,15 +55,15 @@ var Select = /*#__PURE__*/memo(function Select(_ref3) {
 });
 var InputComponent = /*#__PURE__*/styled.input.withConfig({
   displayName: "Field__InputComponent",
-  componentId: "sc-1sr2vtg-2"
+  componentId: "sc-i8c0jy-2"
 })([""]);
 var TextAreaComponent = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "Field__TextAreaComponent",
-  componentId: "sc-1sr2vtg-3"
+  componentId: "sc-i8c0jy-3"
 })([""]);
 var StyledFieldLabel = /*#__PURE__*/styled.label.withConfig({
   displayName: "Field__StyledFieldLabel",
-  componentId: "sc-1sr2vtg-4"
+  componentId: "sc-i8c0jy-4"
 })(["text-align:left;"]);
 var Field = /*#__PURE__*/memo(function (_ref4) {
   var label = _ref4.label,

package/dist/lib/esm/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","setIconComponent","component","FieldWrapper","styled","div","disabled","userDisabled","Select","options","value","inputRef","props","map","option","JSON","stringify","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","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 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","setIconComponent","component","FieldWrapper","styled","div","disabled","userDisabled","Select","options","value","inputRef","props","map","option","JSON","stringify","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","displayName"],"mappings":"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"}

package/dist/lib/esm/src/index.js CHANGED Viewed

@@ -2,6 +2,7 @@ export { useApi } from './core/hooks/useApi.js';
 export { useToggle } from './core/hooks/useToggle.js';
 export { createSafeT, setUseTranslation, useTranslations } from './core/hooks/useTranslations.js';
 export { useOutsideClick } from './core/hooks/useOutsideClick.js';
+export { useResize } from './core/hooks/useResize.js';
 export { isBirthNumberValid } from './core/utils/helpers/birthnumber.validator.js';
 export { getMatch, isValidFormat, isValidModulo11, parse, regex } from './core/utils/helpers/birthnumberCZSKvalidator.js';
 export { parseCSVdata, validateCSVFile, validateCSVlines, validateJSONFile, validateLineCellTrimmed, validateLineNumColumns, validateSDFFile } from './core/utils/helpers/fileValidator.js';

package/dist/lib/esm/src/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ui/esm/node_modules/core-js/internals/document-all.js CHANGED Viewed

@@ -1,6 +1,7 @@
 var documentAll = typeof document == 'object' && document.all;
 // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
+// eslint-disable-next-line unicorn/no-typeof-undefined -- required for testing
 var IS_HTMLDDA = typeof documentAll == 'undefined' && documentAll !== undefined;
 var documentAll_1 = {

package/dist/ui/esm/node_modules/core-js/internals/document-all.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"document-all.js","sources":["../../../../../../node_modules/core-js/internals/document-all.js"],"sourcesContent":["var documentAll = typeof document == 'object' && document.all;\n\n// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\nvar IS_HTMLDDA = typeof documentAll == 'undefined' && documentAll !== undefined;\n\nmodule.exports = {\n all: documentAll,\n IS_HTMLDDA: IS_HTMLDDA\n};\n"],"names":[],"mappings":"AAAA,IAAI,WAAW,GAAG,OAAO,QAAQ,IAAI,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC;AAC9D;AACA;AACA,IAAI,UAAU,GAAG,OAAO,WAAW,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,CAAC;AAChF;AACA,IAAA,aAAc,GAAG;AACjB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,UAAU,EAAE,UAAU;AACxB;;;;"}
1	+ {"version":3,"file":"document-all.js","sources":["../../../../../../node_modules/core-js/internals/document-all.js"],"sourcesContent":["var documentAll = typeof document == 'object' && document.all;\n\n// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot\n// eslint-disable-next-line unicorn/no-typeof-undefined -- required for testing\nvar IS_HTMLDDA = typeof documentAll == 'undefined' && documentAll !== undefined;\n\nmodule.exports = {\n all: documentAll,\n IS_HTMLDDA: IS_HTMLDDA\n};\n"],"names":[],"mappings":"AAAA,IAAI,WAAW,GAAG,OAAO,QAAQ,IAAI,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC;AAC9D;AACA;AACA;AACA,IAAI,UAAU,GAAG,OAAO,WAAW,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,CAAC;AAChF;AACA,IAAA,aAAc,GAAG;AACjB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,UAAU,EAAE,UAAU;AACxB;;;;"}

package/dist/ui/esm/node_modules/core-js/internals/shared.js CHANGED Viewed

@@ -5,10 +5,10 @@ var shared = createCommonjsModule(function (module) {
 (module.exports = function (key, value) {
   return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.26.1',
+  version: '3.27.1',
   mode: 'global',
   copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.26.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.27.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 });

package/dist/ui/esm/node_modules/core-js/internals/shared.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"shared.js","sources":["../../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n return store[key] \|\| (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n version: '3.26.1',\n mode: IS_PURE ? 'pure' : 'global',\n copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',\n license: 'https://github.com/zloirock/core-js/blob/v3.26.1/LICENSE',\n source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store"],"mappings":";;;;AAGA,CAAC,cAAc,GAAG,UAAU,GAAG,EAAE,KAAK,EAAE;AACxC,EAAE,OAAOA,WAAK,CAAC,GAAG,CAAC,KAAKA,WAAK,CAAC,GAAG,CAAC,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC;AACvE,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC;AACxB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,IAAI,EAAqB,QAAQ;AACnC,EAAE,SAAS,EAAE,2CAA2C;AACxD,EAAE,OAAO,EAAE,0DAA0D;AACrE,EAAE,MAAM,EAAE,qCAAqC;AAC/C,CAAC,CAAC,CAAA;;;;;"}
1	+ {"version":3,"file":"shared.js","sources":["../../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n return store[key] \|\| (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n version: '3.27.1',\n mode: IS_PURE ? 'pure' : 'global',\n copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',\n license: 'https://github.com/zloirock/core-js/blob/v3.27.1/LICENSE',\n source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store"],"mappings":";;;;AAGA,CAAC,cAAc,GAAG,UAAU,GAAG,EAAE,KAAK,EAAE;AACxC,EAAE,OAAOA,WAAK,CAAC,GAAG,CAAC,KAAKA,WAAK,CAAC,GAAG,CAAC,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC;AACvE,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC;AACxB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,IAAI,EAAqB,QAAQ;AACnC,EAAE,SAAS,EAAE,2CAA2C;AACxD,EAAE,OAAO,EAAE,0DAA0D;AACrE,EAAE,MAAM,EAAE,qCAAqC;AAC/C,CAAC,CAAC,CAAA;;;;;"}

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

@@ -13,7 +13,7 @@ var propNameFunc = function propNameFunc(_ref) {
 };
 var StyledContainer = /*#__PURE__*/memo(styled.div.withConfig({
   displayName: "Container__StyledContainer",
-  componentId: "sc-b48vnw-0"
+  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) {
   var contentProp = _ref2.contentProp;
   return "".concat(contentProp, "px");
@@ -23,7 +23,7 @@ var StyledContainer = /*#__PURE__*/memo(styled.div.withConfig({
 }));
 var _StyledStyledContainer = /*#__PURE__*/styled(StyledContainer).withConfig({
   displayName: "Container___StyledStyledContainer",
-  componentId: "sc-b48vnw-1"
+  componentId: "sc-heiku-1"
 })(["", ""], function (p) {
   return p.$_css;
 });

package/dist/ui/esm/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","setContentProp","useEffect","current","resolvedClassName","undefined","displayName"],"mappings":";;;;;AAKA,IAAMA,kBAA0C,GAAG;AACjDC,EAAAA,KAAK,EAAE,aAAa;AACpBC,EAAAA,MAAM,EAAE,cAAA;AACV,CAAC,CAAA;AAED,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAA,IAAA,EAAA;EAAA,IAAMC,QAAQ,QAARA,QAAQ,CAAA;AAAA,EAAA,OAAsDA,QAAQ,CAAA;AAAA,CAAA,CAAA;AAE9F,IAAMC,eAAyC,gBAAGC,IAAI,CAACC,MAAM,CAACC,GAAG,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,4BAAA;AAAA,EAAA,WAAA,EAAA,~~aAAA~~;AAAA,CAAA,CAAA,CAAA,CAAA,6DAAA,EAAA,wBAAA,EAAA,wCAAA,EAAA,OAAA,EAAA,iEAAA,EAAA,SAAA,EAAA,mDAAA,EAAA,GAAA,EAAA,OAAA,EAAA,GAAA,EAAA,cAAA,CAAA,EAEvBL,YAAY,EAA0BA,YAAY,EAClEA,YAAY,EAASA,YAAY,EAKrDA,YAAY,EACRA,YAAY,EAKhBA,YAAY,EAAK,UAAA,KAAA,EAAA;EAAA,IAAGM,WAAW,SAAXA,WAAW,CAAA;AAAA,EAAA,OAAA,EAAA,CAAA,MAAA,CAAyCA,WAAW,EAAA,IAAA,CAAA,CAAA;AAAA,CAAI,EACnFN,YAAY,EAAK,UAAA,KAAA,EAAA;EAAA,IAAGM,WAAW,SAAXA,WAAW,CAAA;AAAA,EAAA,OAAA,EAAA,CAAA,MAAA,CAAyCA,WAAW,EAAA,IAAA,CAAA,CAAA;AAAA,CAAI,CAG/F,CAAA,CAAA;AAAA,IAAA,sBAAA,gBAAA,MAAA,CAAA,eAAA,CAAA,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,mCAAA;AAAA,EAAA,WAAA,EAAA,~~aAAA~~;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,EAAA,UAAA,CAAA,EAAA;AAAA,EAAA,OAAA,CAAA,CAAA,KAAA,CAAA;AAAA,CAAA,CAAA,CAAA;AAUWC,IAAAA,SAA6B,gBAAGJ,IAAI,CAAC,UAE5B,KAAA,EAAA;AAAA,EAAA,IAAA,eAAA,GAAA,KAAA,CADpBK,SAAS;AAATA,IAAAA,SAAS,gCAAG,KAAK,GAAA,eAAA;AAAEC,IAAAA,eAAe,SAAfA,eAAe;AAAEC,IAAAA,QAAQ,SAARA,QAAQ;AAAA,IAAA,cAAA,GAAA,KAAA,CAAET,QAAQ;AAARA,IAAAA,QAAQ,+BAAG,QAAQ,GAAA,cAAA;AAAEU,IAAAA,SAAS,SAATA,SAAS;AAAEC,IAAAA,GAAG,SAAHA,GAAG,CAAA;EAEjF,IAAMC,YAAY,GAAGC,MAAM,EAAkB,CAAA;EAC7C,IAAsCC,SAAAA,GAAAA,QAAQ,CAAC,CAAC,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAA1CT,WAAW,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEU,cAAc,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAElCC,EAAAA,SAAS,CAAC,YAAM;AACdR,IAAAA,eAAe,aAAfA,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,eAAe,CAAGD,SAAS,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACC,eAAe,EAAED,SAAS,CAAC,CAAC,CAAA;AAEhCS,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAIJ,YAAY,KAAZA,IAAAA,IAAAA,YAAY,eAAZA,YAAY,CAAEK,OAAO,EAAE;MACzBF,cAAc,CAAEH,YAAY,CAACK,OAAO,CAASrB,kBAAkB,CAACI,QAAQ,CAAC,CAAC,CAAC,CAAA;AAC7E,KAAA;AACF,GAAC,EAAE,CAACY,YAAY,EAAEZ,QAAQ,CAAC,CAAC,CAAA;EAE5B,IAAIkB,iBAAiB,GAAG,EAAE,CAAA;EAE1B,IAAIX,SAAS,IAAIF,WAAW,IAAIA,WAAW,KAAKc,SAAS,IAAId,WAAW,KAAK,IAAI,EAAE;AACjFa,IAAAA,iBAAiB,GAAG,mCAAmC,CAAA;AACzD,GAAA;AACA,EAAA,IAAI,CAACX,SAAS,IAAIF,WAAW,IAAIA,WAAW,KAAKc,SAAS,IAAId,WAAW,KAAK,IAAI,EAAE;AAClFa,IAAAA,iBAAiB,GAAG,kCAAkC,CAAA;AACxD,GAAA;EAEA,oBACE,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AACE,IAAA,SAAS,EAAKR,EAAAA,CAAAA,MAAAA,CAAAA,SAAS,EAAIQ,GAAAA,CAAAA,CAAAA,MAAAA,CAAAA,iBAAiB,CAAG;AAC/C,IAAA,GAAG,EAAEN,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,CAACc,WAAW,GAAG,WAAW;;;;"}
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","setContentProp","useEffect","current","resolvedClassName","undefined","displayName"],"mappings":"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"}

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

@@ -13,7 +13,7 @@ var resolveFlexProps = function resolveFlexProps(value) {
 };
 var Flex = /*#__PURE__*/memo(styled.div.withConfig({
   displayName: "Flex",
-  componentId: "sc-1q4blmc-0"
+  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) {
   var direction = _ref.direction;
   return direction || 'row';
@@ -86,7 +86,7 @@ var FlexWrapper = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
   }, props);
 }).withConfig({
   displayName: "Flex__FlexWrapper",
-  componentId: "sc-1q4blmc-1"
+  componentId: "sc-19vq3db-1"
 })([""]));
 var FlexTight = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
   return _objectSpread2({
@@ -95,7 +95,7 @@ var FlexTight = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
   }, props);
 }).withConfig({
   displayName: "Flex__FlexTight",
-  componentId: "sc-1q4blmc-2"
+  componentId: "sc-19vq3db-2"
 })([""]));
 export { Flex, FlexTight, FlexWrapper };

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

@@ -24,7 +24,7 @@ var Placeholder = /*#__PURE__*/memo(function (_ref) {
 Placeholder.displayName = 'Placeholder';
 var _StyledFlexWrapper = /*#__PURE__*/styled(FlexWrapper).withConfig({
   displayName: "Placeholder___StyledFlexWrapper",
-  componentId: "sc-5v44u2-0"
+  componentId: "sc-ozx0bx-0"
 })(["", " ", " ", ""], function (p) {
   return p.$_css;
 }, function (p) {

package/dist/ui/esm/src/core/ui/components/dividers/DividerLine.js CHANGED Viewed

@@ -19,7 +19,7 @@ var DividerLine = /*#__PURE__*/memo(styled(function (_ref) {
   return /*#__PURE__*/React.createElement("div", rest);
 }).withConfig({
   displayName: "DividerLine",
-  componentId: "sc-bzgrtx-0"
+  componentId: "sc-1uaqxs4-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,

package/dist/ui/esm/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","margin","left","DividerVertical","props","displayName","DividerHorizontal"],"mappings":";;;;;;AAIA,IAAMA,aAAa,GAAG,SAAS,CAAA;IAelBC,WAA6B,gBAAGC,IAAI,CAACC,MAAM,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,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,EAAA;EAAA,oBACrF,KAAA,CAAA,aAAA,CAAA,KAAA,EAASA,IAAI,CAAI,CAAA;AAAA,CAAC,CAAA,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,EAAA,WAAA,EAAA,~~aAAA~~;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;AAAES,IAAAA,MAAM,SAANA,MAAM;AAAA,IAAA,YAAA,GAAA,KAAA,CAC7BP,MAAM;AAANA,IAAAA,MAAM,6BAAG,KAAK,GAAA,YAAA;AAAA,IAAA,UAAA,GAAA,KAAA,CAAEQ,IAAI;AAAJA,IAAAA,IAAI,2BAAG,GAAG,GAAA,UAAA;AAAA,IAAA,WAAA,GAAA,KAAA,CAAEJ,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,CACRQ,IAAI,EAAA,kBAAA,CAAA,CAAA,MAAA,CACHJ,KAAK,EAAA,mBAAA,CAAA,CAAA,MAAA,CACJG,MAAM,IAAI,QAAQ,EAEnBP,GAAAA,CAAAA,GAAAA,iBAAAA,CAAAA,MAAAA,CAAAA,MAAM,EACPQ,iBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,IAAI,EACFH,mBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,MAAM,EACNE,mBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,MAAM,IAAI,QAAQ,EAAG,GAAA,CAAA,CAAA;AAAA,CAAC,EAGhB,UAAA,KAAA,EAAA;EAAA,IAAGN,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;IAEWO,eAAiC,gBAC1Cd,IAAI,CAAC,UAACe,KAAK,EAAA;AAAA,EAAA,oBAAK,oBAAC,WAAW,EAAA,QAAA,CAAA;IAAC,QAAQ,EAAA,IAAA;AAAC,IAAA,MAAM,EAAC,MAAA;AAAM,GAAA,EAAKA,KAAK,CAAI,CAAA,CAAA;AAAA,CAAC,EAAA;AACtED,eAAe,CAACE,WAAW,GAAG,iBAAiB,CAAA;IAElCC,iBAAmC,gBAC5CjB,IAAI,CAAC,UAACe,KAAK,EAAA;AAAA,EAAA,oBAAK,oBAAC,WAAW,EAAA,QAAA,CAAA;IAAC,UAAU,EAAA,IAAA;AAAC,IAAA,MAAM,EAAC,MAAA;AAAM,GAAA,EAAKA,KAAK,CAAI,CAAA,CAAA;AAAA,CAAC,EAAA;AACxEE,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 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","margin","left","DividerVertical","props","displayName","DividerHorizontal"],"mappings":"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"}

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

@@ -20,7 +20,7 @@ var setIconComponent = function setIconComponent(component) {
 };
 var FieldWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "Field__FieldWrapper",
-  componentId: "sc-1sr2vtg-0"
+  componentId: "sc-i8c0jy-0"
 })(["opacity:", ";pointer-events:", ";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"], function (_ref) {
   var disabled = _ref.disabled,
     userDisabled = _ref.userDisabled;
@@ -32,7 +32,7 @@ var FieldWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 var _StyledFieldWrapper = /*#__PURE__*/styled(FieldWrapper).withConfig({
   displayName: "Field___StyledFieldWrapper",
-  componentId: "sc-1sr2vtg-1"
+  componentId: "sc-i8c0jy-1"
 })(["", ""], function (p) {
   return p.$_css;
 });
@@ -55,15 +55,15 @@ var Select = /*#__PURE__*/memo(function Select(_ref3) {
 });
 var InputComponent = /*#__PURE__*/styled.input.withConfig({
   displayName: "Field__InputComponent",
-  componentId: "sc-1sr2vtg-2"
+  componentId: "sc-i8c0jy-2"
 })([""]);
 var TextAreaComponent = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "Field__TextAreaComponent",
-  componentId: "sc-1sr2vtg-3"
+  componentId: "sc-i8c0jy-3"
 })([""]);
 var StyledFieldLabel = /*#__PURE__*/styled.label.withConfig({
   displayName: "Field__StyledFieldLabel",
-  componentId: "sc-1sr2vtg-4"
+  componentId: "sc-i8c0jy-4"
 })(["text-align:left;"]);
 var Field = /*#__PURE__*/memo(function (_ref4) {
   var label = _ref4.label,