@openameba/spindle-ui 0.43.1 → 0.46.0

package/SnackBar/SnackBar.js

@@ -0,0 +1,214 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SnackBar = exports.MAX_DURATION = exports.ANIMATION_DURATION = exports.BLOCK_NAME = void 0;
+var react_1 = __importStar(require("react"));
+var Icon_1 = require("../Icon");
+var IconButton_1 = require("../IconButton");
+var TextLink_1 = require("../TextLink/TextLink");
+var TextButton_1 = require("../TextButton/TextButton");
+exports.BLOCK_NAME = 'spui-SnackBar';
+// Duration for css animation.
+exports.ANIMATION_DURATION = 300;
+exports.MAX_DURATION = 10000;
+var VERTICAL_GAP = 20;
+var DEFAULT_VARIANT = 'information';
+var Frame = function (_a) {
+    var _b;
+    var _c, _d, _e, _f;
+    var children = _a.children, _active = _a.active, _g = _a.position, position = _g === void 0 ? 'topCenter' : _g, _h = _a.offset, _offset = _h === void 0 ? {} : _h, onHide = _a.onHide, _j = _a.variant, variant = _j === void 0 ? DEFAULT_VARIANT : _j, _k = _a.stackPosition, stackPosition = _k === void 0 ? 0 : _k, setContentHeight = _a.setContentHeight;
+    var _l = (0, react_1.useState)(false), isShow = _l[0], setIsShow = _l[1];
+    var offset = {
+        top: (_c = _offset.top) !== null && _c !== void 0 ? _c : 24,
+        // If position is top or bottom, then horizontal offset is not needed.
+        left: position.endsWith('Left') ? (_d = _offset.left) !== null && _d !== void 0 ? _d : 32 : 0,
+        right: position.endsWith('Right') ? (_e = _offset.right) !== null && _e !== void 0 ? _e : 32 : 0,
+        bottom: (_f = _offset.bottom) !== null && _f !== void 0 ? _f : 24,
+    };
+    var formattedDuration = exports.MAX_DURATION - exports.ANIMATION_DURATION;
+    var timeoutID = (0, react_1.useRef)(null);
+    var _m = (0, react_1.useState)(0), clientHeight = _m[0], setClientHeight = _m[1];
+    var _o = (0, react_1.useState)(false), shouldAnimation = _o[0], setShouldAnimation = _o[1];
+    var _p = (0, react_1.useState)(false), active = _p[0], setActive = _p[1];
+    var setIsShowWithTimeout = (0, react_1.useCallback)(function () {
+        // Out animation is executed after `formattedDuration` seconds.
+        if (timeoutID.current === null && isShow) {
+            timeoutID.current = window.setTimeout(function () {
+                setIsShow(false);
+            }, formattedDuration);
+        }
+    }, [isShow, timeoutID, setIsShow, formattedDuration]);
+    var resetTimeout = (0, react_1.useCallback)(function () {
+        if (timeoutID.current) {
+            window.clearTimeout(timeoutID.current);
+            timeoutID.current = null;
+        }
+    }, [timeoutID]);
+    var handleTransitionEnd = (0, react_1.useCallback)(function () {
+        if (onHide && !isShow) {
+            onHide();
+            setActive(false);
+            timeoutID.current = null;
+        }
+    }, [isShow, setIsShow, onHide]);
+    var handleOnClickCloseButton = (0, react_1.useCallback)(function () {
+        setIsShow(false);
+    }, []);
+    (0, react_1.useEffect)(function () {
+        // Animation is not stopped even if `active` props is changed while running animation.
+        if (active && timeoutID.current === null) {
+            // Wait for applying transition until style is determined.
+            setShouldAnimation(true);
+            setIsShow(true);
+        }
+        if (!active) {
+            setShouldAnimation(false);
+        }
+    }, [active]);
+    (0, react_1.useEffect)(function () {
+        setIsShowWithTimeout();
+        return resetTimeout;
+    }, [setIsShowWithTimeout, resetTimeout]);
+    (0, react_1.useEffect)(function () {
+        if (_active) {
+            setActive(true);
+        }
+        if (!_active && isShow) {
+            setIsShow(false);
+        }
+    }, [_active, isShow]);
+    (0, react_1.useEffect)(function () {
+        setContentHeight === null || setContentHeight === void 0 ? void 0 : setContentHeight(clientHeight + VERTICAL_GAP);
+    }, [clientHeight]);
+    var positionPrefix = position.startsWith('top') ? 'top' : 'bottom';
+    var positionSuffix = position.slice(positionPrefix.length).toLowerCase();
+    var orderOffsetTop = stackPosition + offset.top;
+    var orderOffsetBottom = stackPosition + offset.bottom;
+    return (react_1.default.createElement("div", { style: (_b = {},
+            _b['--SnackBar--initial-height-top'] = "".concat(orderOffsetTop - clientHeight + offset.top, "px"),
+            _b['--SnackBar--initial-height-bottom'] = "".concat(orderOffsetBottom - clientHeight + offset.bottom, "px"),
+            _b['--SnackBar--order-offset-top'] = "".concat(orderOffsetTop, "px"),
+            _b['--SnackBar--order-offset-bottom'] = "".concat(-orderOffsetBottom, "px"),
+            _b['--SnackBar--offset-top'] = "".concat(offset.top, "px"),
+            _b['--SnackBar--offset-bottom'] = "".concat(offset.bottom, "px"),
+            _b['--SnackBar--offset-left'] = "".concat(offset.left, "px"),
+            _b['--SnackBar--offset-right'] = "".concat(offset.right, "px"),
+            _b['--SnackBar--text-align'] = positionSuffix,
+            _b), className: [
+            exports.BLOCK_NAME,
+            "".concat(exports.BLOCK_NAME, "--").concat(positionPrefix),
+            shouldAnimation && "".concat(exports.BLOCK_NAME, "--slide"),
+            isShow && "".concat(exports.BLOCK_NAME, "-slide--in"),
+            !active && "".concat(exports.BLOCK_NAME, "--hidden"),
+        ]
+            .filter(Boolean)
+            .join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: function (ref) { return setClientHeight((ref === null || ref === void 0 ? void 0 : ref.clientHeight) || 0); } },
+        react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-content ").concat(exports.BLOCK_NAME, "-content--").concat(variant), onMouseOver: resetTimeout, onMouseOut: setIsShowWithTimeout, onFocus: resetTimeout, onBlur: setIsShowWithTimeout },
+            react_1.Children.map(children, function (child) {
+                return child ? (0, react_1.cloneElement)(child, { variant: variant, setIsShow: setIsShow }) : child;
+            }),
+            react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-iconButton ").concat(exports.BLOCK_NAME, "-iconButton--").concat(variant), onTransitionEnd: function (e) { return e.stopPropagation(); } },
+                react_1.default.createElement(IconButton_1.IconButton, { size: "exSmall", variant: "neutral", onClick: handleOnClickCloseButton },
+                    react_1.default.createElement(Icon_1.CrossBold, { "aria-label": "\u9589\u3058\u308B" }))))));
+};
+var convertInternalChildProps = function (props) {
+    var hasInternalChildProps = function (props) {
+        return ({}.hasOwnProperty.call(props, 'setIsShow') ||
+            {}.hasOwnProperty.call(props, 'variant'));
+    };
+    if (hasInternalChildProps(props)) {
+        var result = {
+            setIsShow: props.setIsShow,
+            variant: props.variant,
+        };
+        // Remove unnecessary props.
+        delete props.setIsShow;
+        delete props.variant;
+        return [props, result];
+    }
+    return [props, {}];
+};
+var Icon = function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-icon") }, children));
+};
+var Text = function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement("span", { className: "".concat(exports.BLOCK_NAME, "-text") }, children));
+};
+var TextButton = function (_a) {
+    var icon = _a.icon, children = _a.children, onClick = _a.onClick, rest = __rest(_a, ["icon", "children", "onClick"]);
+    var _b = (0, react_1.useMemo)(function () { return convertInternalChildProps(rest); }, []), props = _b[0], internalProps = _b[1];
+    var variant = internalProps.variant || DEFAULT_VARIANT;
+    var setIsShow = internalProps.setIsShow;
+    var handleOnClick = function (e) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        setIsShow === null || setIsShow === void 0 ? void 0 : setIsShow(false);
+    };
+    return (react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-button ").concat(exports.BLOCK_NAME, "-button--").concat(variant) },
+        react_1.default.createElement(TextButton_1.TextButton, __assign({ icon: icon, onClick: handleOnClick }, props), children)));
+};
+var TextLink = function (_a) {
+    var icon = _a.icon, children = _a.children, onClick = _a.onClick, rest = __rest(_a, ["icon", "children", "onClick"]);
+    var _b = (0, react_1.useMemo)(function () { return convertInternalChildProps(rest); }, []), props = _b[0], internalProps = _b[1];
+    var variant = internalProps.variant || DEFAULT_VARIANT;
+    var setIsShow = internalProps.setIsShow;
+    var handleOnClick = function (e) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        setIsShow === null || setIsShow === void 0 ? void 0 : setIsShow(false);
+    };
+    return (react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-button ").concat(exports.BLOCK_NAME, "-button--").concat(variant) },
+        react_1.default.createElement(TextLink_1.TextLink, __assign({ icon: icon, onClick: handleOnClick }, props), children)));
+};
+exports.SnackBar = {
+    Frame: Frame,
+    Icon: Icon,
+    Text: Text,
+    TextButton: TextButton,
+    TextLink: TextLink,
+};
+//# sourceMappingURL=SnackBar.js.map

package/SnackBar/SnackBar.js.map

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

package/SnackBar/SnackBar.mjs

@@ -0,0 +1,150 @@
+import React, { Children, cloneElement, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { CrossBold } from '../Icon';
+import { IconButton } from '../IconButton';
+import { TextLink as SpindleTextLink } from '../TextLink/TextLink';
+import { TextButton as SpindleTextButton } from '../TextButton/TextButton';
+export const BLOCK_NAME = 'spui-SnackBar';
+// Duration for css animation.
+export const ANIMATION_DURATION = 300;
+export const MAX_DURATION = 10000;
+const VERTICAL_GAP = 20;
+const DEFAULT_VARIANT = 'information';
+const Frame = ({ children, active: _active, position = 'topCenter', offset: _offset = {}, onHide, variant = DEFAULT_VARIANT, stackPosition = 0, setContentHeight, }) => {
+    const [isShow, setIsShow] = useState(false);
+    const offset = {
+        top: _offset.top ?? 24,
+        // If position is top or bottom, then horizontal offset is not needed.
+        left: position.endsWith('Left') ? _offset.left ?? 32 : 0,
+        right: position.endsWith('Right') ? _offset.right ?? 32 : 0,
+        bottom: _offset.bottom ?? 24,
+    };
+    const formattedDuration = MAX_DURATION - ANIMATION_DURATION;
+    const timeoutID = useRef(null);
+    const [clientHeight, setClientHeight] = useState(0);
+    const [shouldAnimation, setShouldAnimation] = useState(false);
+    const [active, setActive] = useState(false);
+    const setIsShowWithTimeout = useCallback(() => {
+        // Out animation is executed after `formattedDuration` seconds.
+        if (timeoutID.current === null && isShow) {
+            timeoutID.current = window.setTimeout(() => {
+                setIsShow(false);
+            }, formattedDuration);
+        }
+    }, [isShow, timeoutID, setIsShow, formattedDuration]);
+    const resetTimeout = useCallback(() => {
+        if (timeoutID.current) {
+            window.clearTimeout(timeoutID.current);
+            timeoutID.current = null;
+        }
+    }, [timeoutID]);
+    const handleTransitionEnd = useCallback(() => {
+        if (onHide && !isShow) {
+            onHide();
+            setActive(false);
+            timeoutID.current = null;
+        }
+    }, [isShow, setIsShow, onHide]);
+    const handleOnClickCloseButton = useCallback(() => {
+        setIsShow(false);
+    }, []);
+    useEffect(() => {
+        // Animation is not stopped even if `active` props is changed while running animation.
+        if (active && timeoutID.current === null) {
+            // Wait for applying transition until style is determined.
+            setShouldAnimation(true);
+            setIsShow(true);
+        }
+        if (!active) {
+            setShouldAnimation(false);
+        }
+    }, [active]);
+    useEffect(() => {
+        setIsShowWithTimeout();
+        return resetTimeout;
+    }, [setIsShowWithTimeout, resetTimeout]);
+    useEffect(() => {
+        if (_active) {
+            setActive(true);
+        }
+        if (!_active && isShow) {
+            setIsShow(false);
+        }
+    }, [_active, isShow]);
+    useEffect(() => {
+        setContentHeight?.(clientHeight + VERTICAL_GAP);
+    }, [clientHeight]);
+    const positionPrefix = position.startsWith('top') ? 'top' : 'bottom';
+    const positionSuffix = position.slice(positionPrefix.length).toLowerCase();
+    const orderOffsetTop = stackPosition + offset.top;
+    const orderOffsetBottom = stackPosition + offset.bottom;
+    return (React.createElement("div", { style: {
+            ['--SnackBar--initial-height-top']: `${orderOffsetTop - clientHeight + offset.top}px`,
+            ['--SnackBar--initial-height-bottom']: `${orderOffsetBottom - clientHeight + offset.bottom}px`,
+            ['--SnackBar--order-offset-top']: `${orderOffsetTop}px`,
+            ['--SnackBar--order-offset-bottom']: `${-orderOffsetBottom}px`,
+            ['--SnackBar--offset-top']: `${offset.top}px`,
+            ['--SnackBar--offset-bottom']: `${offset.bottom}px`,
+            ['--SnackBar--offset-left']: `${offset.left}px`,
+            ['--SnackBar--offset-right']: `${offset.right}px`,
+            ['--SnackBar--text-align']: positionSuffix,
+        }, className: [
+            BLOCK_NAME,
+            `${BLOCK_NAME}--${positionPrefix}`,
+            shouldAnimation && `${BLOCK_NAME}--slide`,
+            isShow && `${BLOCK_NAME}-slide--in`,
+            !active && `${BLOCK_NAME}--hidden`,
+        ]
+            .filter(Boolean)
+            .join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: (ref) => setClientHeight(ref?.clientHeight || 0) },
+        React.createElement("div", { className: `${BLOCK_NAME}-content ${BLOCK_NAME}-content--${variant}`, onMouseOver: resetTimeout, onMouseOut: setIsShowWithTimeout, onFocus: resetTimeout, onBlur: setIsShowWithTimeout },
+            Children.map(children, (child) => child ? cloneElement(child, { variant, setIsShow }) : child),
+            React.createElement("div", { className: `${BLOCK_NAME}-iconButton ${BLOCK_NAME}-iconButton--${variant}`, onTransitionEnd: (e) => e.stopPropagation() },
+                React.createElement(IconButton, { size: "exSmall", variant: "neutral", onClick: handleOnClickCloseButton },
+                    React.createElement(CrossBold, { "aria-label": "\u9589\u3058\u308B" }))))));
+};
+const convertInternalChildProps = (props) => {
+    const hasInternalChildProps = (props) => ({}.hasOwnProperty.call(props, 'setIsShow') ||
+        {}.hasOwnProperty.call(props, 'variant'));
+    if (hasInternalChildProps(props)) {
+        const result = {
+            setIsShow: props.setIsShow,
+            variant: props.variant,
+        };
+        // Remove unnecessary props.
+        delete props.setIsShow;
+        delete props.variant;
+        return [props, result];
+    }
+    return [props, {}];
+};
+const Icon = ({ children }) => (React.createElement("div", { className: `${BLOCK_NAME}-icon` }, children));
+const Text = ({ children }) => (React.createElement("span", { className: `${BLOCK_NAME}-text` }, children));
+const TextButton = ({ icon, children, onClick, ...rest }) => {
+    const [props, internalProps] = useMemo(() => convertInternalChildProps(rest), []);
+    const variant = internalProps.variant || DEFAULT_VARIANT;
+    const setIsShow = internalProps.setIsShow;
+    const handleOnClick = (e) => {
+        onClick?.(e);
+        setIsShow?.(false);
+    };
+    return (React.createElement("div", { className: `${BLOCK_NAME}-button ${BLOCK_NAME}-button--${variant}` },
+        React.createElement(SpindleTextButton, { icon: icon, onClick: handleOnClick, ...props }, children)));
+};
+const TextLink = ({ icon, children, onClick, ...rest }) => {
+    const [props, internalProps] = useMemo(() => convertInternalChildProps(rest), []);
+    const variant = internalProps.variant || DEFAULT_VARIANT;
+    const setIsShow = internalProps.setIsShow;
+    const handleOnClick = (e) => {
+        onClick?.(e);
+        setIsShow?.(false);
+    };
+    return (React.createElement("div", { className: `${BLOCK_NAME}-button ${BLOCK_NAME}-button--${variant}` },
+        React.createElement(SpindleTextLink, { icon: icon, onClick: handleOnClick, ...props }, children)));
+};
+export const SnackBar = {
+    Frame,
+    Icon,
+    Text,
+    TextButton,
+    TextLink,
+};

package/SnackBar/index.d.ts

@@ -0,0 +1,2 @@
+export { SnackBar } from './SnackBar';
+//# sourceMappingURL=index.d.ts.map

package/SnackBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SnackBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/SnackBar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SnackBar = void 0;
+var SnackBar_1 = require("./SnackBar");
+Object.defineProperty(exports, "SnackBar", { enumerable: true, get: function () { return SnackBar_1.SnackBar; } });
+//# sourceMappingURL=index.js.map

package/SnackBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SnackBar/index.ts"],"names":[],"mappings":";;;AAAA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/SnackBar/index.mjs

@@ -0,0 +1 @@
+export { SnackBar } from './SnackBar';

package/StackNotificationManager/StackNotificationManager.d.ts

@@ -0,0 +1,34 @@
+import { Dispatch, FC, MutableRefObject, ReactNode, SetStateAction } from 'react';
+export declare type ManagedStackItem = {
+    id: string;
+    active: boolean;
+    order: number;
+    isPreservingInternalActive: boolean;
+    contentHeight: number;
+};
+export declare type StackPosition = `${'top' | 'bottom'}${'Left' | 'Center' | 'Right'}`;
+export declare type ManagedStack<P extends StackPosition = StackPosition> = {
+    [K in P]?: ManagedStackItem[];
+};
+declare type OffsetPosition = 'top' | 'bottom' | 'right' | 'left';
+export declare type StackPositionOffset<P extends OffsetPosition = OffsetPosition> = {
+    [K in P]: number;
+};
+export declare type StackOffset<P extends StackPosition = StackPosition> = {
+    [K in P]?: {
+        [K in keyof StackPositionOffset]?: StackPositionOffset[K];
+    };
+};
+declare type StackNotificationManagerContextValue<P extends StackPosition = StackPosition> = {
+    stackRef: MutableRefObject<ManagedStack<P>>;
+    setStack: (cb: (prev: ManagedStack) => ManagedStack) => void;
+    offset: StackOffset<P>;
+    setOffset: Dispatch<SetStateAction<StackOffset<P>>>;
+};
+export declare const useStackNotificationManagerContext: () => StackNotificationManagerContextValue<"topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight">;
+declare type StackNotificationManagerProviderProps = {
+    children: ReactNode;
+};
+export declare const StackNotificationManagerProvider: FC<StackNotificationManagerProviderProps>;
+export {};
+//# sourceMappingURL=StackNotificationManager.d.ts.map

package/StackNotificationManager/StackNotificationManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackNotificationManager.d.ts","sourceRoot":"","sources":["../../src/StackNotificationManager/StackNotificationManager.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,QAAQ,EACR,EAAE,EACF,gBAAgB,EAChB,SAAS,EACT,cAAc,EAKf,MAAM,OAAO,CAAC;AAEf,oBAAY,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B,EAAE,OAAO,CAAC;IACpC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,aAAa,GAAG,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,EAAE,CAAC;AAEhF,oBAAY,YAAY,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,IAAI;KACjE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE;CAC9B,CAAC;AAEF,aAAK,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1D,oBAAY,mBAAmB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,IAAI;KAC1E,CAAC,IAAI,CAAC,GAAG,MAAM;CACjB,CAAC;AAEF,oBAAY,WAAW,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,IAAI;KAChE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;SACR,CAAC,IAAI,MAAM,mBAAmB,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC;KAC1D;CACF,CAAC;AAEF,aAAK,oCAAoC,CACvC,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;IACF,QAAQ,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,YAAY,KAAK,IAAI,CAAC;IAC7D,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrD,CAAC;AAKF,eAAO,MAAM,kCAAkC,kIAQ9C,CAAC;AAEF,aAAK,qCAAqC,GAAG;IAC3C,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,EAAE,CAC/C,qCAAqC,CAsBtC,CAAC"}

package/StackNotificationManager/StackNotificationManager.js

@@ -0,0 +1,50 @@
+"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.StackNotificationManagerProvider = exports.useStackNotificationManagerContext = void 0;
+var react_1 = __importStar(require("react"));
+var StackNotificationManagerContext = (0, react_1.createContext)(null);
+var useStackNotificationManagerContext = function () {
+    var context = react_1.default.useContext(StackNotificationManagerContext);
+    if (context === null) {
+        throw new Error('useStackNotificationManagerContext must be used within a StackNotificationManagerProvider');
+    }
+    return context;
+};
+exports.useStackNotificationManagerContext = useStackNotificationManagerContext;
+var StackNotificationManagerProvider = function (_a) {
+    var children = _a.children;
+    // To clear unnecessary stack items in unmount process, we need to use useRef.
+    var _b = (0, react_1.useReducer)(function () { return ({}); }, {}), forceRender = _b[1];
+    var stackRef = (0, react_1.useRef)({});
+    var setStack = (0, react_1.useCallback)(function (cb) {
+        stackRef.current = cb(stackRef.current);
+        forceRender();
+    }, [forceRender]);
+    var _c = (0, react_1.useState)({}), offset = _c[0], setOffset = _c[1];
+    return (react_1.default.createElement(StackNotificationManagerContext.Provider, { value: { stackRef: stackRef, setStack: setStack, offset: offset, setOffset: setOffset } }, children));
+};
+exports.StackNotificationManagerProvider = StackNotificationManagerProvider;
+//# sourceMappingURL=StackNotificationManager.js.map

package/StackNotificationManager/StackNotificationManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackNotificationManager.js","sourceRoot":"","sources":["../../src/StackNotificationManager/StackNotificationManager.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAWe;AAqCf,IAAM,+BAA+B,GACnC,IAAA,qBAAa,EAA8C,IAAI,CAAC,CAAC;AAE5D,IAAM,kCAAkC,GAAG;IAChD,IAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IAClE,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CACb,2FAA2F,CAC5F,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,kCAAkC,sCAQ7C;AAMK,IAAM,gCAAgC,GAEzC,UAAC,EAAY;QAAV,QAAQ,cAAA;IACb,8EAA8E;IACxE,IAAA,KAAkB,IAAA,kBAAU,EAAC,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,EAAE,EAAE,CAAC,EAAzC,WAAW,QAA8B,CAAC;IACnD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAe,EAAE,CAAC,CAAC;IAC1C,IAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,UAAC,EAAwC;QACvC,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxC,WAAW,EAAE,CAAC;IAChB,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEI,IAAA,KAAsB,IAAA,gBAAQ,EAAc,EAAE,CAAC,EAA9C,MAAM,QAAA,EAAE,SAAS,QAA6B,CAAC;IAEtD,OAAO,CACL,8BAAC,+BAA+B,CAAC,QAAQ,IACvC,KAAK,EAAE,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,IAE/C,QAAQ,CACgC,CAC5C,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,gCAAgC,oCAuB3C"}

package/StackNotificationManager/StackNotificationManager.mjs

@@ -0,0 +1,20 @@
+import React, { createContext, useCallback, useReducer, useRef, useState, } from 'react';
+const StackNotificationManagerContext = createContext(null);
+export const useStackNotificationManagerContext = () => {
+    const context = React.useContext(StackNotificationManagerContext);
+    if (context === null) {
+        throw new Error('useStackNotificationManagerContext must be used within a StackNotificationManagerProvider');
+    }
+    return context;
+};
+export const StackNotificationManagerProvider = ({ children }) => {
+    // To clear unnecessary stack items in unmount process, we need to use useRef.
+    const [, forceRender] = useReducer(() => ({}), {});
+    const stackRef = useRef({});
+    const setStack = useCallback((cb) => {
+        stackRef.current = cb(stackRef.current);
+        forceRender();
+    }, [forceRender]);
+    const [offset, setOffset] = useState({});
+    return (React.createElement(StackNotificationManagerContext.Provider, { value: { stackRef, setStack, offset, setOffset } }, children));
+};

package/StackNotificationManager/hooks.d.ts

@@ -0,0 +1,44 @@
+import { StackOffset } from './StackNotificationManager';
+export declare const useStackInteraction: <P extends "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight" = "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight">() => {
+    setActive: ({ id, active, position, }: {
+        id: string;
+        active: boolean;
+        position: P;
+    }) => void;
+    setOffset: ({ offset, position, }: {
+        offset: StackOffset<P>[P];
+        position: P;
+    }) => void;
+    setContentHeight: ({ id, height, position, }: {
+        id: string;
+        height: number;
+        position: P;
+    }) => void;
+};
+export declare const useStackNotificationManager: <P extends "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight" = "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight">({ id, position, }: {
+    id: string;
+    position: P;
+}) => {
+    stackProps: {
+        position: P;
+        offset: StackOffset<"topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight">[P];
+        stackPosition: number;
+        setContentHeight: (height: number) => void;
+        id?: string | undefined;
+        active?: boolean | undefined;
+        order?: number | undefined;
+        isPreservingInternalActive?: boolean | undefined;
+        contentHeight?: number | undefined;
+    };
+    setActive: (active: boolean) => void;
+    setOffset: (offset: StackOffset[keyof StackOffset]) => void;
+};
+export declare const useRepeatedStackItem: <P extends "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight" = "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight">({ id, position, }: {
+    id: string;
+    position: P;
+}) => {
+    idList: string[];
+    append: () => void;
+    onHide: (id: any) => void;
+};
+//# sourceMappingURL=hooks.d.ts.map

package/StackNotificationManager/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/StackNotificationManager/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EAGZ,MAAM,4BAA4B,CAAC;AAsEpC,eAAO,MAAM,mBAAmB;;YAatB,MAAM;gBACF,OAAO;;;;;;;;YAwFb,MAAM;gBACF,MAAM;;;CA0BjB,CAAC;AAEF,eAAO,MAAM,2BAA2B;QAMlC,MAAM;;;;;;;mCA0BC,MAAM;;;;;;;wBAdN,OAAO;wBAOP,WAAW,CAAC,MAAM,WAAW,CAAC;CA6E1C,CAAC;AAEF,eAAO,MAAM,oBAAoB;QAI3B,MAAM;;;;;;CAyBX,CAAC"}