@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/AnchoredTooltip/index.js

@@ -0,0 +1,24 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AnchoredTooltip_1 = require("./AnchoredTooltip");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AnchoredTooltip_1).default; } });
+__exportStar(require("./AnchoredTooltip"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/AnchoredTooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAAnC,2HAAA,OAAO,OAAA;AAChB,oDAAkC"}

package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts

@@ -0,0 +1,19 @@
+import { Key, ReactElement } from "react";
+export declare enum EntranceType {
+    SLIDE_AND_EXPAND = 0,
+    EXPAND = 1
+}
+export declare function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }: {
+    children: ReactElement;
+    noEntranceAnimation: boolean;
+    onRemoveChildren: (key: Key) => void;
+    entranceType: EntranceType;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Wraps child components to add smooth entry and exit animations.
+ * It handles animations automatically when items are added or removed.
+ **/
+export default function AnimatedEntrance({ children, entranceType, }: {
+    children: ReactElement[];
+    entranceType?: EntranceType;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/AnimatedEntrance/AnimatedEntrance.js

@@ -0,0 +1,133 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedEntranceItem = exports.EntranceType = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Transition_1 = require("../Transition");
+const UncontrolledTransition_1 = __importDefault(require("../UncontrolledTransition"));
+const AnimatedEntrance_module_scss_1 = __importDefault(require("./AnimatedEntrance.module.scss"));
+var EntranceType;
+(function (EntranceType) {
+    EntranceType[EntranceType["SLIDE_AND_EXPAND"] = 0] = "SLIDE_AND_EXPAND";
+    EntranceType[EntranceType["EXPAND"] = 1] = "EXPAND";
+})(EntranceType || (exports.EntranceType = EntranceType = {}));
+const CONFIGS_BY_ENTRANCE_TYPE = {
+    [EntranceType.SLIDE_AND_EXPAND]: {
+        forward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementEntering,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementExiting,
+        },
+        backward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementEnteringReverse,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementExitingReverse,
+        },
+    },
+    [EntranceType.EXPAND]: {
+        forward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementExpanding,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinking,
+        },
+        backward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementExpandingReverse,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinkingReverse,
+        },
+    },
+};
+function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }) {
+    var _a;
+    const uncontRef = (0, react_1.useRef)(null);
+    const [screen, setScreen] = (0, react_1.useState)(noEntranceAnimation ? children : (0, jsx_runtime_1.jsx)(react_1.Fragment, {}, "null"));
+    console.log(screen, children.key);
+    (0, react_1.useLayoutEffect)(() => {
+        if (String(children.key).includes("-nullated") && uncontRef.current) {
+            uncontRef.current.setOrientation("backward");
+        }
+    }, [children.key]);
+    (0, react_1.useEffect)(() => {
+        setScreen(String(children.key));
+    }, [children.key]);
+    (0, react_1.useEffect)(() => {
+        if (screen === null)
+            return;
+        const x = setTimeout(() => {
+            const key = String(typeof screen === "string" ? screen : screen.key);
+            if (key === "null" || key.includes("-nullated")) {
+                uncontRef.current.sectionRef.current.style.maxHeight = `${uncontRef.current.sectionRef.current.scrollHeight}px`;
+                setTimeout(() => {
+                    uncontRef.current.sectionRef.current.style.maxHeight = `0px`;
+                }, 100);
+            }
+            else {
+                uncontRef.current.sectionRef.current.style.maxHeight = `${uncontRef.current.sectionRef.current.scrollHeight}px`;
+                if (!noEntranceAnimation) {
+                    const restoreAutoHeight = ({ target, currentTarget, }) => {
+                        if (target !== currentTarget)
+                            return;
+                        uncontRef.current.sectionRef.current.style.removeProperty("max-height");
+                        uncontRef.current.sectionRef.current.classList.remove(AnimatedEntrance_module_scss_1.default.maxHeight);
+                        uncontRef.current.sectionRef.current.removeEventListener("transitionend", restoreAutoHeight);
+                    };
+                    uncontRef.current.sectionRef.current.addEventListener("transitionend", restoreAutoHeight);
+                }
+                else {
+                    uncontRef.current.sectionRef.current.style.removeProperty("max-height");
+                    uncontRef.current.sectionRef.current.classList.remove(AnimatedEntrance_module_scss_1.default.maxHeight);
+                }
+            }
+        }, 100);
+        return () => {
+            clearTimeout(x);
+        };
+    }, [typeof screen === "object" ? screen === null || screen === void 0 ? void 0 : screen.key : screen]);
+    const firstRenderClass = (0, react_1.useMemo)(() => (noEntranceAnimation ? "" : AnimatedEntrance_module_scss_1.default.maxHeight), [screen === null]);
+    return ((0, jsx_runtime_1.jsx)(UncontrolledTransition_1.default, { ref: uncontRef, transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, className: `${AnimatedEntrance_module_scss_1.default.resetHeight} ${firstRenderClass}`, lockTransitionWidth: true, onDiscardStep: (k) => {
+            if (k !== "null") {
+                onRemoveChildren(k);
+                setScreen(null);
+            }
+        }, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType], children: screen === null ? ((0, jsx_runtime_1.jsx)(react_1.Fragment, {}, "null")) : typeof screen === "string" ? ((((_a = children.key) === null || _a === void 0 ? void 0 : _a.endsWith("-nullated")) && screen.endsWith("-nullated"))
+            ? (0, jsx_runtime_1.jsx)(react_1.Fragment, {}, children.key + "-null")
+            : children) : (screen) }, String(children.key).replace("-nullated", "")));
+}
+exports.AnimatedEntranceItem = AnimatedEntranceItem;
+/**
+ * Wraps child components to add smooth entry and exit animations.
+ * It handles animations automatically when items are added or removed.
+ **/
+function AnimatedEntrance({ children, entranceType = EntranceType.SLIDE_AND_EXPAND, }) {
+    const firstRef = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        firstRef.current = false;
+    }, []);
+    const prevChildren = (0, react_1.useRef)([]);
+    const childrenDelayed = (0, react_1.useMemo)(() => {
+        var _a;
+        const newChildren = children.filter((c) => !prevChildren.current.find((a) => a.key === c.key));
+        const filteredOutChildren = prevChildren.current.map((c) => {
+            return children.find((a) => a.key === c.key) ? ( // If the previous child still exists, mantain
+            c) : (
+            // If not, toggle to null to animate exit
+            (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: prevChildren.current.find(a => a.key === c.key) }, String(c.key).includes("-nullated") ? c.key : `${c.key}-nullated`));
+        });
+        for (let child of newChildren) {
+            const previousChildKey = (_a = children[children.indexOf(child) - 1]) === null || _a === void 0 ? void 0 : _a.key;
+            if (previousChildKey) {
+                filteredOutChildren.splice(filteredOutChildren.findIndex((a) => a.key === previousChildKey) + 1, 0, child);
+            }
+            else {
+                filteredOutChildren.unshift(child);
+            }
+        }
+        return filteredOutChildren;
+    }, [children]);
+    prevChildren.current = childrenDelayed;
+    console.log(childrenDelayed.map(a => a.key));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: childrenDelayed.map((child) => ((0, jsx_runtime_1.jsx)(AnimatedEntranceItem, { noEntranceAnimation: firstRef.current, entranceType: entranceType, onRemoveChildren: (k) => {
+                (prevChildren.current = prevChildren.current.filter((a) => a.key !== String(k) + "-nullated"));
+            }, children: children.find((c) => c.key === child.key) || child }, String(child.key).replace("-nullated", "")))) }));
+}
+exports.default = AnimatedEntrance;
+//# sourceMappingURL=AnimatedEntrance.js.map

package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map

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

package/dist/components/AnimatedEntrance/AnimatedEntrance.module.scss

@@ -0,0 +1,108 @@
+@use 'sass:math';
+@keyframes expand {
+  0% {
+    transform: translateX(100%);
+  }
+
+  35% {
+    transform: translateX(100%);
+  }
+
+  85% {
+    transform: translateX(-5%);
+  }
+
+  100% {
+    transform: translateX(0%);
+  }
+}
+
+@keyframes exiting {
+  100% {
+    transform: translateX(100%);
+  }
+
+  65% {
+    transform: translateX(100%);
+  }
+
+  50% {
+    opacity: 0;
+  }
+
+  15% {
+    transform: translateX(-5%);
+    opacity: 1;
+  }
+
+  0% {
+    transform: translateX(0%);
+  }
+}
+$duration: 1s;
+
+.elementExiting {
+  animation-duration: $duration !important;
+  animation-name: exiting;
+  position: absolute;
+}
+
+.elementEntering {
+  animation-duration: $duration !important;
+  animation-name: expand;
+}
+.elementExitingReverse {
+  animation-duration: $duration !important;
+  animation-name: exiting;
+}
+
+.elementEnteringReverse {
+  animation-duration: $duration !important;
+  animation-name: expand;
+  position: absolute;
+}
+
+.resetHeight {
+  transition: max-height math.div($duration, 2) $duration * 0.2;
+  min-height: initial;
+  align-items: flex-start !important;
+  flex-shrink: 0;
+  > * {
+    justify-content: flex-start !important;
+  }
+}
+
+.maxHeight {
+  max-height: 0px;
+}
+
+@keyframes nothing {
+  100% {
+    transform: translateX(0%);
+  }
+
+  0% {
+    transform: translateX(0%);
+  }
+}
+
+.elementShrinking {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+  position: absolute;
+}
+
+.elementExpanding {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+}
+.elementShrinkingReverse {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+}
+
+.elementExpandingReverse {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+  position: absolute;
+}

package/dist/components/AnimatedEntrance/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./AnimatedEntrance";
+export * from "./AnimatedEntrance";

package/dist/components/AnimatedEntrance/index.js

@@ -0,0 +1,24 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AnimatedEntrance_1 = require("./AnimatedEntrance");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AnimatedEntrance_1).default; } });
+__exportStar(require("./AnimatedEntrance"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/AnimatedEntrance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,uDAA6C;AAApC,4HAAA,OAAO,OAAA;AAChB,qDAAmC"}

package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.d.ts

@@ -0,0 +1,29 @@
+import useAsyncControl from "../../hooks/useAsyncControl";
+import { ComponentProps, CSSProperties, PropsWithChildren, ReactElement } from "react";
+/**
+ * Wraps a component, triggers the provided action onMount, shows loading, and if the action fails and rejects handles the UI for error.
+ * Do not use try catch on the action as this component already handles rejections.
+ *
+ * @example
+ * <AsyncTriggerContainer action={anAsyncProcess}>
+ *  <>This is only shown when the action finished successfully</>
+ * </AsyncTriggerContainer>
+ */
+/**
+ * A component that manages the lifecycle of an asynchronous operation.
+ * It displays a loading state while the operation runs, shows the child content
+ * when the operation succeeds, and provides a retry option if the operation fails.
+ */
+export default function AsyncTriggerContainer({ action, children, loadingLabel, className, style, }: PropsWithChildren<{
+    action: (() => Promise<any>) | undefined;
+    /** Optionally, provide a component to show while loading. If not provided, the global loading label provided at OneUIProvider will be shown.  */
+    loadingLabel?: ReactElement;
+    className?: string;
+    style?: CSSProperties;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function AsyncTriggerContainerView({ className, children, style, showContent, control, loadingLabel, }: Pick<ComponentProps<typeof AsyncTriggerContainer>, "className" | "children" | "style" | "loadingLabel"> & {
+    showContent: boolean;
+    control: ReturnType<typeof useAsyncControl> & {
+        action: () => void;
+    };
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AsyncTriggerContainerView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AdaptiveContainer_1 = __importDefault(require("../AdaptiveContainer"));
+const useAsyncControl_1 = __importDefault(require("../../hooks/useAsyncControl"));
+const react_1 = require("react");
+const AsyncTriggerContainer_module_scss_1 = __importDefault(require("./AsyncTriggerContainer.module.scss"));
+const Button_1 = __importDefault(require("../Button"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+/**
+ * Wraps a component, triggers the provided action onMount, shows loading, and if the action fails and rejects handles the UI for error.
+ * Do not use try catch on the action as this component already handles rejections.
+ *
+ * @example
+ * <AsyncTriggerContainer action={anAsyncProcess}>
+ *  <>This is only shown when the action finished successfully</>
+ * </AsyncTriggerContainer>
+ */
+/**
+ * A component that manages the lifecycle of an asynchronous operation.
+ * It displays a loading state while the operation runs, shows the child content
+ * when the operation succeeds, and provides a retry option if the operation fails.
+ */
+function AsyncTriggerContainer({ action, children, loadingLabel, className, style, }) {
+    const [executed, setExecuted] = (0, react_1.useState)(false);
+    const control = (0, useAsyncControl_1.default)({
+        action: () => action().then(() => setExecuted(true)),
+    });
+    (0, react_1.useEffect)(() => {
+        if (action)
+            control.action();
+    }, [action]);
+    (0, react_1.useInsertionEffect)(() => {
+        if (action)
+            control.loading = true;
+    }, [action]);
+    /**
+     * For the future:
+     * If we ever have a way to recall the function, we could display the loader again, but on a absolute position at the bottom of the page, when it already executed
+     */
+    return ((0, jsx_runtime_1.jsx)(AsyncTriggerContainerView, { className: className, style: style, children: children, showContent: executed, loadingLabel: loadingLabel, control: control }));
+}
+exports.default = AsyncTriggerContainer;
+function AsyncTriggerContainerView({ className, children, style, showContent, control, loadingLabel, }) {
+    const Loading = (0, OneUIProvider_1.useOneUIConfig)("component.asyncTriggerContainer.LoadingComponent");
+    const retry = ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: () => control.action(), children: "Retry" }) }, "error"));
+    const loading = ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: loadingLabel || (0, jsx_runtime_1.jsx)(Loading, {}) }, "loading"));
+    return ((0, jsx_runtime_1.jsx)(AdaptiveContainer_1.default, { contentClassName: `${className} relative`, direction: "v", style: style, className: AsyncTriggerContainer_module_scss_1.default.container, children: showContent ? ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(AdaptiveContainer_1.default, { direction: "both", className: AsyncTriggerContainer_module_scss_1.default.loader, contentClassName: AsyncTriggerContainer_module_scss_1.default.loaderContainer, children: control.error ? (retry) : control.loading ? (loading) : ((0, jsx_runtime_1.jsx)(react_1.Fragment, {}, "no")) })] }, "executed")) : control.error ? (retry) : control.loading ? (loading) : ((0, jsx_runtime_1.jsx)(react_1.Fragment, {}, "not_exec")) }));
+}
+exports.AsyncTriggerContainerView = AsyncTriggerContainerView;
+//# sourceMappingURL=AsyncTriggerContainer.js.map

package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncTriggerContainer.js","sourceRoot":"","sources":["../../../src/components/AsyncTriggerContainer/AsyncTriggerContainer.tsx"],"names":[],"mappings":";;;;;;;AAAA,6EAAqD;AACrD,kFAA0D;AAC1D,iCASe;AACf,4GAAyD;AACzD,uDAA+B;AAC/B,+DAA6D;AAE7D;;;;;;;;GAQG;AACH;;;;GAIG;AACH,SAAwB,qBAAqB,CAAC,EAC5C,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,KAAK,GAOL;IACA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,IAAA,yBAAe,EAAC;QAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,MAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KACtD,CAAC,CAAC;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM;YAAE,OAAO,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,IAAA,0BAAkB,EAAC,GAAG,EAAE;QACtB,IAAI,MAAM;YAAE,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb;;;OAGG;IACH,OAAO,CACL,uBAAC,yBAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,QAAQ,EACrB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC;AArCD,wCAqCC;AAED,SAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,EACP,YAAY,GAOb;IACC,MAAM,OAAO,GAAG,IAAA,8BAAc,EAAC,kDAAkD,CAAE,CAAC;IAEpF,MAAM,KAAK,GAAG,CACZ,uBAAC,gBAAQ,cACP,uBAAC,gBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,sBAAgB,IAD1C,OAAO,CAEX,CACZ,CAAC;IACF,MAAM,OAAO,GAAG,CACd,uBAAC,gBAAQ,cAAkB,YAAY,IAAI,uBAAC,OAAO,KAAG,IAAvC,SAAS,CAA0C,CACnE,CAAC;IACF,OAAO,CACL,uBAAC,2BAAiB,IAChB,gBAAgB,EAAE,GAAG,SAAS,WAAW,EACzC,SAAS,EAAC,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,2CAAM,CAAC,SAAS,YAE1B,WAAW,CAAC,CAAC,CAAC,CACb,wBAAC,gBAAQ,eACN,QAAQ,EAEP,uBAAC,2BAAiB,IAChB,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,2CAAM,CAAC,MAAM,EACxB,gBAAgB,EAAE,2CAAM,CAAC,eAAe,YAEvC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACf,KAAK,CACN,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,OAAO,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAQ,MAAM,IAAI,CAAI,CACxB,GACiB,KAfT,UAAU,CAiBd,CACZ,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB,KAAK,CACN,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,OAAO,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAQ,MAAM,UAAU,CAAI,CAC9B,GACiB,CACrB,CAAC;AACJ,CAAC;AA3DD,8DA2DC"}

package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.module.scss

@@ -0,0 +1,22 @@
+.container {
+    align-items: stretch;
+    display: flex;
+    margin-bottom: 0px;
+    > * {
+        align-items: stretch;
+        flex: 1;
+    }
+}
+.loader {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    opacity: 0.72;
+    pointer-events: none;
+
+    .loaderContainer {
+        align-items: flex-end;
+        justify-content: flex-end;
+        padding: 24px;
+    }
+}

package/dist/components/AsyncTriggerContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./AsyncTriggerContainer";
+export * from "./AsyncTriggerContainer";

package/dist/components/AsyncTriggerContainer/index.js

@@ -0,0 +1,24 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AsyncTriggerContainer_1 = require("./AsyncTriggerContainer");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AsyncTriggerContainer_1).default; } });
+__exportStar(require("./AsyncTriggerContainer"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/AsyncTriggerContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AsyncTriggerContainer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iEAAkD;AAAzC,iIAAA,OAAO,OAAA;AAChB,0DAAwC"}

package/dist/components/AsyncWrapper/AsyncWrapper.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from "react";
+/**
+ * This is a generic implementation of the loading, and error handling
+ *
+ * This component wraps your content and shows a loading spinner while data is being fetched.
+ * If an error occurs, it displays an error message with a retry button.
+ * It handles both the loading state and error state in one place.
+ **/
+export default function AsyncWrapper({ loading, error, onClose, onRetry, children, }: PropsWithChildren<{
+    loading: boolean;
+    error: boolean;
+    onClose: () => void;
+    onRetry: () => void;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/AsyncWrapper/AsyncWrapper.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
+const Button_1 = __importDefault(require("../Button"));
+const Loader_1 = __importDefault(require("../Loader"));
+const Text_1 = __importDefault(require("../Text"));
+/**
+ * This is a generic implementation of the loading, and error handling
+ *
+ * This component wraps your content and shows a loading spinner while data is being fetched.
+ * If an error occurs, it displays an error message with a retry button.
+ * It handles both the loading state and error state in one place.
+ **/
+function AsyncWrapper({ loading, error, onClose, onRetry, children, }) {
+    const { LoadingComponent = Loader_1.default, messages, } = (0, OneUIProvider_1.useOneUIContext)().component.asyncWrapper;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsxs)(AdaptiveDialog_1.default, { open: error, onClose: onClose, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { type: "highlightTitle", children: messages.error.title }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: () => onRetry(), children: messages.error.retryBtn })] }), loading ? (0, jsx_runtime_1.jsx)(LoadingComponent, {}) : null] }));
+}
+exports.default = AsyncWrapper;
+//# sourceMappingURL=AsyncWrapper.js.map

package/dist/components/AsyncWrapper/AsyncWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncWrapper.js","sourceRoot":"","sources":["../../../src/components/AsyncWrapper/AsyncWrapper.tsx"],"names":[],"mappings":";;;;;;AACA,+DAA8D;AAC9D,uEAA+C;AAC/C,uDAA+B;AAC/B,uDAA+B;AAC/B,mDAA2B;AAE3B;;;;;;IAMI;AACJ,SAAwB,YAAY,CAAC,EACnC,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,GAMR;IACA,MAAM,EACJ,gBAAgB,GAAG,gBAAM,EACzB,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC,SAAS,CAAC,YAAY,CAAC;IAE7C,OAAO,CACL,6DACG,QAAQ,EACT,wBAAC,wBAAc,IAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,aAC3C,uBAAC,cAAI,IAAC,IAAI,EAAC,gBAAgB,YAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAQ,EACzD,uBAAC,gBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,YAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAU,IACrD,EAChB,OAAO,CAAC,CAAC,CAAC,uBAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,IAAI,IACrC,CACJ,CAAC;AACJ,CAAC;AA3BD,+BA2BC"}

package/dist/components/AsyncWrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./AsyncWrapper";
+export * from "./AsyncWrapper";

package/dist/components/AsyncWrapper/index.js

@@ -0,0 +1,24 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AsyncWrapper_1 = require("./AsyncWrapper");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AsyncWrapper_1).default; } });
+__exportStar(require("./AsyncWrapper"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/AsyncWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AsyncWrapper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AAAhC,wHAAA,OAAO,OAAA;AAChB,iDAA+B"}

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A simple avatar that shows the user's image or their initials as a fallback
+ * This component displays a person's profile picture or generates their initials
+ * if no picture is available
+ **/
+export default function Avatar({ name, imgSrc, size, }: {
+    imgSrc?: string;
+    name: string;
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Avatar_module_scss_1 = __importDefault(require("./Avatar.module.scss"));
+/**
+ * A simple avatar that shows the user's image or their initials as a fallback
+ * This component displays a person's profile picture or generates their initials
+ * if no picture is available
+ **/
+function Avatar({ name, imgSrc, size = 48, }) {
+    const initials = (0, react_1.useMemo)(() => {
+        const nameParts = name.trim().split(" ");
+        if (nameParts.length === 1)
+            return nameParts[0].charAt(0).toUpperCase();
+        const [firstName, lastName] = [nameParts[0], nameParts.slice(-1)[0]];
+        return `${firstName.charAt(0)}${lastName.charAt(0)}`.toUpperCase();
+    }, [name]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: `${Avatar_module_scss_1.default.container} ${imgSrc ? "" : Avatar_module_scss_1.default.noImg}`, style: { fontSize: size }, title: name, children: imgSrc ? (0, jsx_runtime_1.jsx)("img", { src: imgSrc, alt: name }) : (0, jsx_runtime_1.jsx)("span", { children: initials }) }));
+}
+exports.default = Avatar;
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAuC;AACvC,8EAA0C;AAE1C;;;;IAII;AACJ,SAAwB,MAAM,CAAC,EAC7B,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,EAAE,GAKV;IACC,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACxE,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IACrE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,OAAO,CACL,gCACE,SAAS,EAAE,GAAG,4BAAM,CAAC,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,4BAAM,CAAC,KAAK,EAAE,EAC9D,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,KAAK,EAAE,IAAI,YAEV,MAAM,CAAC,CAAC,CAAC,gCAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,2CAAO,QAAQ,GAAQ,GAC/D,CACP,CAAC;AACJ,CAAC;AAxBD,yBAwBC"}

package/dist/components/Avatar/Avatar.module.scss

@@ -0,0 +1,22 @@
+@use "../../assets/styles/index.scss" as *;
+
+.container {
+  &.noImg {
+    background-color: $avatarBackgroundColor;
+  }
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  border-radius: 0.5em;
+
+  > span,
+  > img {
+    font-size: 0.4em;
+    width: inherit;
+    height: inherit;
+    text-align: center;
+    line-height: 2.5em;
+    display: block;
+    color: $digitalBlue;
+  }
+}

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Avatar";
+export * from "./Avatar";