@e1011/es-kit 1.0.10 → 1.0.14

package/dist/lib/src/core/hooks/useResize.js

@@ -1,50 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResize = void 0;
-const react_1 = require("react");
-const debounce_1 = __importDefault(require("lodash-es/debounce"));
-const useResize = (debounceDelay = 250) => {
-    const [containerSize, setContainerSize] = (0, react_1.useState)({ width: undefined, height: undefined });
-    const lastResizeWidthRef = (0, react_1.useRef)({ width: 0, height: 0 });
-    const containerRef = (0, react_1.useRef)();
-    // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)
-    const unobserverRef = (0, react_1.useRef)();
-    const debouncedResizeWrapper = (0, react_1.useMemo)(() => (0, debounce_1.default)((entries) => {
-        const newResizeWidth = entries[0].contentRect.width;
-        const newResizeHeight = entries[0].contentRect.height;
-        if (lastResizeWidthRef.current?.width === newResizeWidth
-            && lastResizeWidthRef.current?.height === newResizeHeight) {
-            return;
-        }
-        lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight };
-        setContainerSize({
-            width: containerRef?.current?.clientWidth,
-            height: containerRef?.current?.clientHeight,
-        });
-    }, debounceDelay), [containerRef, debounceDelay]);
-    (0, react_1.useLayoutEffect)(() => {
-        let resizeObserver;
-        let containerElement;
-        if (containerRef?.current) {
-            containerElement = containerRef?.current;
-            resizeObserver = new ResizeObserver(debouncedResizeWrapper);
-            resizeObserver.observe(containerElement);
-            setContainerSize({
-                width: containerRef?.current?.clientWidth,
-                height: containerRef?.current?.clientHeight,
-            });
-        }
-        const unobserver = () => {
-            resizeObserver?.unobserve?.(containerElement);
-        };
-        // setUnobserver(unobserver)
-        unobserverRef.current = unobserver;
-        return unobserver;
-    }, [debouncedResizeWrapper, containerRef]);
-    return [containerRef, containerSize, unobserverRef.current];
-};
-exports.useResize = useResize;
-//# sourceMappingURL=useResize.js.map

package/dist/lib/src/core/hooks/useResize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResize.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useResize.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAoF;AACpF,kEAAyC;AAQlC,MAAM,SAAS,GAAG,CAAC,aAAa,GAAG,GAAG,EAC4C,EAAE;IACzF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,IAAA,gBAAQ,EAAc,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;IAEhE,MAAM,kBAAkB,GAAG,IAAA,cAAM,EAAc,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IACvE,MAAM,YAAY,GAAqD,IAAA,cAAM,GAAkC,CAAA;IAE/G,8EAA8E;IAC9E,MAAM,aAAa,GAAG,IAAA,cAAM,GAAc,CAAA;IAE1C,MAAM,sBAAsB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,kBAAQ,EAAC,CAAC,OAAO,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAA;QACnD,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAA;QAErD,IAAI,kBAAkB,CAAC,OAAO,EAAE,KAAK,KAAK,cAAc;eACnD,kBAAkB,CAAC,OAAO,EAAE,MAAM,KAAK,eAAe,EAAE;YAC3D,OAAM;SACP;QACD,kBAAkB,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,CAAA;QAE/E,gBAAgB,CAAC;YACf,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;YACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;SAC5C,CAAC,CAAA;IACJ,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAA;IAEjD,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,cAA8B,CAAA;QAClC,IAAI,gBAA6B,CAAA;QAEjC,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,gBAAgB,GAAG,YAAY,EAAE,OAAO,CAAA;YACxC,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC,CAAA;YAC3D,cAAc,CAAC,OAAO,CAAC,gBAA2B,CAAC,CAAA;YAEnD,gBAAgB,CAAC;gBACf,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;gBACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;aAC5C,CAAC,CAAA;SACH;QACD,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,cAAc,EAAE,SAAS,EAAE,CAAC,gBAA2B,CAAC,CAAA;QAC1D,CAAC,CAAA;QAED,4BAA4B;QAC5B,aAAa,CAAC,OAAO,GAAG,UAAU,CAAA;QAElC,OAAO,UAAU,CAAA;IACnB,CAAC,EAAE,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1C,OAAO,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;AAC7D,CAAC,CAAA;AApDY,QAAA,SAAS,aAoDrB"}

package/dist/lib/src/core/hooks/useToggle.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToggle = void 0;
-const react_1 = require("react");
-const useToggle = (defaultValue, async = true) => {
-    const [toggled, setToggled] = (0, react_1.useState)(defaultValue);
-    const handleToggle = (0, react_1.useCallback)((value) => {
-        if (async) {
-            setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled));
-        }
-        else {
-            setToggled((value !== undefined && value !== null ? value : !toggled));
-        }
-    }, [async, toggled, setToggled]);
-    return [toggled, handleToggle];
-};
-exports.useToggle = useToggle;
-//# sourceMappingURL=useToggle.js.map

package/dist/lib/src/core/hooks/useToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useToggle.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAEtC,MAAM,SAAS,GAAG,CAAC,YAAqB,EAAE,KAAK,GAAG,IAAI,EAA8C,EAAE;IAC3G,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAEpD,MAAM,YAAY,GAAoC,IAAA,mBAAW,EAAC,CAAC,KAAqB,EAAE,EAAE;QAC1F,IAAI,KAAK,EAAE;YACT,UAAU,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAA;SACnF;aAAM;YACL,UAAU,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;SACvE;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IAEhC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;AAChC,CAAC,CAAA;AAZY,QAAA,SAAS,aAYrB"}

package/dist/lib/src/core/hooks/useTranslations.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTranslations = exports.createSafeT = exports.setUseTranslation = void 0;
-const react_i18next_1 = require("react-i18next");
-const cache = new Map();
-let resolvedUseTranslation = react_i18next_1.useTranslation;
-const setUseTranslation = (useTrans) => {
-    resolvedUseTranslation = useTrans;
-};
-exports.setUseTranslation = setUseTranslation;
-const createSafeT = (t) => {
-    if (cache.has(t)) {
-        return cache.get(t);
-    }
-    const value = ((key, params) => {
-        if (!key) {
-            return '';
-        }
-        const limits = key.split(' ');
-        if (limits.length === 2) {
-            return t(limits[0], { ...params, limit: limits[1] });
-        }
-        return t(key, params);
-    });
-    cache.set(t, value);
-    return value;
-};
-exports.createSafeT = createSafeT;
-// TODO memoize
-const useTranslations = (namespaces) => {
-    const { t } = resolvedUseTranslation(namespaces);
-    return { t: (0, exports.createSafeT)(t) };
-};
-exports.useTranslations = useTranslations;
-//# sourceMappingURL=useTranslations.js.map

package/dist/lib/src/core/hooks/useTranslations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTranslations.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useTranslations.ts"],"names":[],"mappings":";;;AACA,iDAA8C;AAG9C,MAAM,KAAK,GAAkC,IAAI,GAAG,EAAE,CAAA;AAEtD,IAAI,sBAAsB,GAAG,8BAAc,CAAA;AAEpC,MAAM,iBAAiB,GAAG,CAAC,QAAa,EAAE,EAAE;IACjD,sBAAsB,GAAG,QAAQ,CAAA;AACnC,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B;AAEM,MAAM,WAAW,GAAG,CAAC,CAAY,EAAiB,EAAE;IACzD,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QAChB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAkB,CAAA;KACrC;IACD,MAAM,KAAK,GAAkB,CAAC,CAAC,GAAuB,EAAE,MAA4B,EAAU,EAAE;QAC9F,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,EAAE,CAAA;SACV;QACD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAE7B,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;SACrD;QACD,OAAO,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;IACvB,CAAC,CAAC,CAAA;IAEF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;IACnB,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAlBY,QAAA,WAAW,eAkBvB;AAID,eAAe;AACR,MAAM,eAAe,GAAG,CAAC,UAAoB,EAAU,EAAE;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAA;IAEhD,OAAO,EAAE,CAAC,EAAE,IAAA,mBAAW,EAAC,CAAC,CAAkB,EAAE,CAAA;AAC/C,CAAC,CAAA;AAJY,QAAA,eAAe,mBAI3B"}

package/dist/lib/src/core/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./utils"), exports);
-__exportStar(require("./ui"), exports);
-//# sourceMappingURL=index.js.map

package/dist/lib/src/core/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB;AACvB,uCAAoB"}

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

@@ -1,77 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Container = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const elementPropNameMap = {
-    width: 'scrollWidth',
-    height: 'scrollHeight',
-};
-const propNameFunc = ({ propName }) => propName;
-const StyledContainer = (0, react_1.memo)(styled_components_1.default.div `
-  transform-origin: 0% 0%;
-  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;
-  will-change: opacity, ${propNameFunc}, max-${propNameFunc};
-  overflow: hidden;
-  opacity: 0;
-
-  &.Collapsible__container__collapsed {
-    ${propNameFunc}: 0;
-    max-${propNameFunc}: 0;
-    opacity: 0;
-  }
-
-  &.Collapsible__container__expanded {
-    ${propNameFunc}: ${({ contentProp }) => `${contentProp}px`};
-    max-${propNameFunc}: ${({ contentProp }) => `${contentProp}px`};
-    opacity: 1;
-  }
-`);
-exports.Container = (0, react_1.memo)(({ collapsed = false, collapseHandler, children, propName = 'height', className, css, }) => {
-    const containerRef = (0, react_1.useRef)();
-    const [contentProp, setContentProp] = (0, react_1.useState)(0);
-    (0, react_1.useEffect)(() => {
-        collapseHandler?.(collapsed);
-    }, [collapseHandler, collapsed]);
-    (0, react_1.useEffect)(() => {
-        if (containerRef?.current) {
-            setContentProp(containerRef.current[elementPropNameMap[propName]]);
-        }
-    }, [containerRef, propName]);
-    let resolvedClassName = '';
-    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
-        resolvedClassName = 'Collapsible__container__collapsed';
-    }
-    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
-        resolvedClassName = 'Collapsible__container__expanded';
-    }
-    return (react_1.default.createElement(StyledContainer, { className: `${className} ${resolvedClassName}`, ref: containerRef, contentProp: contentProp, propName: propName, css: css }, children));
-});
-exports.Container.displayName = 'Container';
-//# sourceMappingURL=Container.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+E;AAC/E,0EAAsC;AAItC,MAAM,kBAAkB,GAA2B;IACjD,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAiD,EAAE,EAAE,CAAC,QAAQ,CAAA;AAE9F,MAAM,eAAe,GAA6B,IAAA,YAAI,EAAC,2BAAM,CAAC,GAAG,CAAsB;;0CAE7C,YAAY,0BAA0B,YAAY;0BAClE,YAAY,SAAS,YAAY;;;;;MAKrD,YAAY;UACR,YAAY;;;;;MAKhB,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;UACnF,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;;;CAGhG,CAAC,CAAA;AAUW,QAAA,SAAS,GAAuB,IAAA,YAAI,EAAC,CAAC,EACjD,SAAS,GAAG,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,GAClE,EAAE,EAAE;IACnB,MAAM,YAAY,GAAG,IAAA,cAAM,GAAkB,CAAA;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,cAAc,CAAE,YAAY,CAAC,OAAe,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;SAC5E;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,IAAI,iBAAiB,GAAG,EAAE,CAAA;IAE1B,IAAI,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QACjF,iBAAiB,GAAG,mCAAmC,CAAA;KACxD;IACD,IAAI,CAAC,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QAClF,iBAAiB,GAAG,kCAAkC,CAAA;KACvD;IAED,OAAO,CACL,8BAAC,eAAe,IACd,SAAS,EAAE,GAAG,SAAS,IAAI,iBAAiB,EAAE,EAC9C,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IAEP,QAAQ,CACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}

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

@@ -1,63 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlexTightStyled = exports.FlexTight = exports.FlexWrapper = exports.Flex = void 0;
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const flexValueMap = {
-    start: 'flex-start',
-    'flex-start': 'flex-start',
-    end: 'flex-end',
-    'flex-end': 'flex-end',
-};
-const resolveFlexProps = (value) => (value ? (flexValueMap[value] || value) : value);
-exports.Flex = (0, react_1.memo)(styled_components_1.default.div `
-  display: flex;
-  position: relative;
-  flex-direction: ${({ direction }) => direction || 'row'};
-  flex: ${({ flex }) => (flex !== undefined ? flex : '0')};
-  flex-grow: ${({ flexGrow }) => (flexGrow !== undefined ? flexGrow : '0')};
-  flex-shrink: ${({ flexShrink }) => (flexShrink !== undefined ? flexShrink : '0')};
-  flex-basis: ${({ flexBasis }) => flexBasis || 'auto'};
-  flex-wrap: ${({ flexWrap }) => flexWrap || 'nowrap'};
-  gap: ${({ gap }) => (gap !== undefined ? gap : '0')};
-  text-align: ${({ alignText }) => alignText || 'left'};
-  justify-content: ${({ justify }) => resolveFlexProps(justify) || 'flex-start'};
-  align-items: ${({ align }) => resolveFlexProps(align) || 'flex-start'};
-  align-self: ${({ alignSelf }) => alignSelf || 'auto'};
-  margin: ${({ margin }) => margin || '0'};
-  padding: ${({ padding }) => padding || '0'};
-  width: ${({ width }) => width || 'auto'};
-  height: ${({ height }) => height || 'auto'};
-  max-width: ${({ maxWidth }) => maxWidth || 'none'};
-  max-height: ${({ maxHeight }) => maxHeight || 'none'};
-  min-width: ${({ minWidth }) => ((minWidth || minWidth === '0') ? minWidth : '0')};
-  min-height: ${({ minHeight }) => minHeight || '0'};
-  border-radius: ${({ borderRadius }) => borderRadius || 'initial'};
-`);
-// default flex centralized, 100% width and height
-exports.FlexWrapper = (0, react_1.memo)((0, styled_components_1.default)(exports.Flex).attrs((props) => ({
-    width: props.width || '100%',
-    height: props.height || '100%',
-    justify: props.justify || 'center',
-    align: props.align || 'center',
-    ...props,
-})) ``);
-exports.FlexTight = (0, react_1.memo)((0, styled_components_1.default)(exports.Flex).attrs((props) => ({
-    size: 'unset',
-    width: 'initial',
-    ...props,
-})) ``);
-exports.FlexTightStyled = (0, react_1.memo)((0, styled_components_1.default)(exports.Flex).attrs((props) => ({
-    size: 'unset',
-    width: 'initial',
-    style: {
-        text: 'blue',
-        padding: '1rem',
-        border: '1px solid green',
-    },
-    ...props,
-})) ``);
-//# sourceMappingURL=Flex.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":"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"}

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

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Placeholder = void 0;
-const react_1 = __importStar(require("react"));
-const Flex_1 = require("./Flex");
-exports.Placeholder = (0, react_1.memo)(({ title, border, background, onClick, cssProp, children, ...props }) => (react_1.default.createElement(Flex_1.FlexWrapper, { css: `
-      ${border || 'border: 1px solid #999999;'}
-      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}
-      ${cssProp}
-    `, onClick: onClick, ...props },
-    title && (react_1.default.createElement("h2", null, title)),
-    children && children)));
-exports.Placeholder.displayName = 'Placeholder';
-//# sourceMappingURL=Placeholder.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAE1D,iCAA+C;AAUlC,QAAA,WAAW,GACtB,IAAA,YAAI,EAAmB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE,CAAC,CAClH,8BAAC,kBAAW,IACV,GAAG,EAAE;QACD,MAAM,IAAI,4BAA4B;QACtC,UAAU,IAAI,2CAA2C;QACzD,OAAO;KACV,EACD,OAAO,EAAE,OAAO,KAEZ,KAAK;IAER,KAAK,IAAI,CAAC,0CAAK,KAAK,CAAM,CAAC;IAC3B,QAAQ,IAAI,QAAQ,CACT,CACf,CAAC,CAAA;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

package/dist/lib/src/core/ui/components/container/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Flex"), exports);
-__exportStar(require("./Placeholder"), exports);
-__exportStar(require("./Container"), exports);
-//# sourceMappingURL=index.js.map

package/dist/lib/src/core/ui/components/container/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,gDAA6B;AAC7B,8CAA2B"}

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

@@ -1,58 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DividerHorizontal = exports.DividerVertical = exports.DividerLine = void 0;
-/* eslint-disable react/jsx-props-no-spreading */
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const lineGrayColor = '#999999';
-exports.DividerLine = (0, react_1.memo)((0, styled_components_1.default)(({ 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-orientation, vertical, horizontal, length, color, opacity, zIndex, width, height, ...rest }) => react_1.default.createElement("div", { ...rest })) `
-  position:relative;
-  display:block;
-  ${({ orientation, vertical, margin, length = '80%', left = '0', width = '1px', height = '1px' }) => (orientation === 'vertical' || vertical
-    ? `
-      height: ${length};
-      left: ${left};
-      width: ${width};
-      margin: ${margin || 'auto 0'};`
-    : `
-      width: ${length};
-      left: ${left};
-      height: ${height};
-      margin: ${margin || '0 auto'};`)};
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: ${({ color }) => color || lineGrayColor};
-  opacity: ${({ opacity = 1 }) => opacity};
-`);
-exports.DividerVertical = (0, react_1.memo)((props) => react_1.default.createElement(exports.DividerLine, { vertical: true, length: '100%', ...props }));
-exports.DividerVertical.displayName = 'DividerVertical';
-exports.DividerHorizontal = (0, react_1.memo)((props) => react_1.default.createElement(exports.DividerLine, { horizontal: true, length: '100%', ...props }));
-exports.DividerHorizontal.displayName = 'DividerHorizontal';
-//# sourceMappingURL=DividerLine.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DividerLine.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiD;AACjD,+CAAuC;AACvC,0EAAsC;AAEtC,MAAM,aAAa,GAAG,SAAS,CAAA;AAelB,QAAA,WAAW,GAAqB,IAAA,YAAI,EAAC,IAAA,2BAAM,EAAC,CAAC;AACxD,6DAA6D;AAC7D,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAC1F,EAAE,EAAE,CAAC,0CAAS,IAAI,GAAI,CAAC,CAAc;;;IAGlC,CAAC,EACD,WAAW,EAAE,QAAQ,EAAE,MAAM,EAC7B,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,KAAK,UAAU,IAAI,QAAQ;IACvG,CAAC,CAAC;gBACU,MAAM;cACR,IAAI;eACH,KAAK;gBACJ,MAAM,IAAI,QAAQ,GAAG;IACjC,CAAC,CAAC;eACS,MAAM;cACP,IAAI;gBACF,MAAM;gBACN,MAAM,IAAI,QAAQ,GAAG,CACrC;;sBAEsB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,aAAa;aAC9C,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO;CACxC,CAAC,CAAA;AAEW,QAAA,eAAe,GACxB,IAAA,YAAI,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,mBAAW,IAAC,QAAQ,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACtE,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAElC,QAAA,iBAAiB,GAC1B,IAAA,YAAI,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,mBAAW,IAAC,UAAU,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACxE,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

package/dist/lib/src/core/ui/components/dividers/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DividerLine"), exports);
-//# sourceMappingURL=index.js.map

package/dist/lib/src/core/ui/components/dividers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B"}

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

@@ -1,180 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Field = exports.Select = exports.FieldWrapper = exports.setIconComponent = exports.setIconColor = void 0;
-/* eslint-disable react/jsx-props-no-spreading */
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-let iconColor = () => '#000000';
-const setIconColor = (color) => {
-    iconColor = color;
-};
-exports.setIconColor = setIconColor;
-let IconComponent = (0, react_1.memo)(function IconComponent() { return react_1.default.createElement("span", null); });
-const setIconComponent = (component) => {
-    IconComponent = component;
-};
-exports.setIconComponent = setIconComponent;
-exports.FieldWrapper = styled_components_1.default.div `
-  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};
-  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};
-  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;
-    }
-  }
-
-  /* Chrome, Safari, Edge, Opera */
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  /* Firefox */
-  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;
-  }
-`;
-exports.Select = (0, react_1.memo)(function Select({ options, value, inputRef, ...props }) {
-    return (react_1.default.createElement("div", { className: 'select' },
-        react_1.default.createElement("select", { ...props, ref: inputRef, defaultValue: value }, options?.map((option) => (react_1.default.createElement("option", { key: `${JSON.stringify(option)}`, value: typeof option === 'object' ? option?.value : option }, typeof option === 'object' ? option?.label : option))))));
-});
-const InputComponent = styled_components_1.default.input ``;
-const TextAreaComponent = styled_components_1.default.textarea ``;
-const StyledFieldLabel = styled_components_1.default.label `
-  text-align: left;
-`;
-exports.Field = (0, react_1.memo)(({ label, name, type = 'text', value, defaultValue, placeholder, inputRef, error, disabled, userDisabled, withoutComponent, helpTextInfo, helpText, children, iconLeft, iconRight, addon, className, onChange, onChangeInner, onBlur, onFocus, rightIconClick, leftIconClick, options, css, ...props }) => {
-    let Component = InputComponent;
-    if (!children && type === 'textarea') {
-        Component = TextAreaComponent;
-    }
-    const handleFocus = (0, react_1.useCallback)((event) => {
-        if (userDisabled) {
-            event.preventDefault();
-        }
-        else {
-            onFocus && onFocus(event);
-        }
-    }, [userDisabled, onFocus]);
-    const handleChange = (0, react_1.useCallback)((event) => {
-        if (userDisabled) {
-            return;
-        }
-        if (onChangeInner && event?.target) {
-            // eslint-disable-next-line no-param-reassign
-            event.target.value = onChangeInner(event.target.value);
-            onChange && onChange(event);
-        }
-        else {
-            onChange && onChange(event);
-        }
-    }, [onChangeInner, onChange, userDisabled]);
-    const valueProps = (0, react_1.useMemo)(() => {
-        if (value === undefined) {
-            return { defaultValue };
-        }
-        return { value };
-    }, [value, defaultValue]);
-    return (react_1.default.createElement(exports.FieldWrapper, { className: `field ${className}`, error: error, disabled: disabled, userDisabled: userDisabled, css: css },
-        react_1.default.createElement(StyledFieldLabel, { htmlFor: name, className: 'label' }, label),
-        react_1.default.createElement("div", { className: `field ${addon ? 'has-addons' : ''}` },
-            react_1.default.createElement("div", { className: `control mainControl ${iconLeft && !withoutComponent
-                    ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}` },
-                !withoutComponent && ((!children && (type === 'select' || options))
-                    ? (react_1.default.createElement(exports.Select, { name: name, id: name, inputRef: inputRef, className: `input ${error ? 'is-danger' : ''}`, type: 'select', placeholder: placeholder, value: value, options: options, 
-                        // TODO also handle change but value versus event.target.value issue
-                        onChange: onChange, onBlur: onBlur, onFocus: handleFocus, onKeyDown: handleFocus, autoComplete: 'off', disabled: disabled, ...props }))
-                    : (!children && react_1.default.createElement(Component, { name: name, id: name, ref: inputRef, className: `input ${error ? 'is-danger' : ''}`, type: type, placeholder: placeholder, ...valueProps, onChange: handleChange, onBlur: onBlur, onFocus: handleFocus, onKeyDown: handleFocus, autoComplete: 'off', disabled: disabled, ...props }))),
-                iconLeft && !withoutComponent && (react_1.default.createElement("span", { className: `iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`, onClick: leftIconClick },
-                    react_1.default.createElement(IconComponent, { iconName: iconLeft, color: iconColor }))),
-                iconRight && (react_1.default.createElement("span", { className: `iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`, onClick: rightIconClick },
-                    react_1.default.createElement(IconComponent, { iconName: iconRight, color: iconColor }))),
-                children && children),
-            addon && addon),
-        helpTextInfo && react_1.default.createElement("p", { className: 'help' }, helpTextInfo),
-        helpText && react_1.default.createElement("p", { className: `help ${error ? 'is-danger' : ''}` }, helpText)));
-});
-exports.Field.displayName = 'Field';
-//# sourceMappingURL=Field.js.map