@openameba/spindle-ui 0.50.0 → 0.50.1-alpha.1

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.50.1-alpha.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.50.1-alpha.0...@openameba/spindle-ui@0.50.1-alpha.1) (2022-10-28)
+
+**Note:** Version bump only for package @openameba/spindle-ui
+
+
+
+
+
+## [0.50.1-alpha.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.50.0...@openameba/spindle-ui@0.50.1-alpha.0) (2022-10-26)
+
+
+### Bug Fixes
+
+* **spindle-ui:** pagination style and docs ([a307efb](https://github.com/openameba/spindle/commit/a307efb1c70c700b739afe98336d2a5c2bff06c5))
+
+
+### Features
+
+* **spindle-ui:** add useStackNotificationComponent ([b18c498](https://github.com/openameba/spindle/commit/b18c4981bc38c9a7e2abd682ef504b55bcfde2bb))
+* **spindle-ui:** use spindle-hooks ([e10f0a9](https://github.com/openameba/spindle/commit/e10f0a97ec73d0fc7b0fc6ccb35c9e3c7b8a4543))
+
+
+
+
+
 # [0.50.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.49.1...@openameba/spindle-ui@0.50.0) (2022-10-20)
 
 

package/HeroCarousel/HeroCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeroCarousel.d.ts","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD,aAAK,KAAK,GAAG;IACX,YAAY,EAAE,YAAY,EAAE,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CA0FjC,CAAC"}
+{"version":3,"file":"HeroCarousel.d.ts","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMlC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,aAAK,KAAK,GAAG;IACX,YAAY,EAAE,YAAY,EAAE,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CA0FjC,CAAC"}

package/HeroCarousel/HeroCarousel.js

@@ -5,17 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeroCarousel = void 0;
 var react_1 = __importDefault(require("react"));
+var spindle_hooks_1 = require("@openameba/spindle-hooks");
 var ChevronLeftBold_1 = __importDefault(require("../Icon/ChevronLeftBold"));
 var ChevronRightBold_1 = __importDefault(require("../Icon/ChevronRightBold"));
 var Pause_1 = __importDefault(require("../Icon/Pause"));
 var PlayFill_1 = __importDefault(require("../Icon/PlayFill"));
 var HeroCarouselItem_1 = __importDefault(require("./HeroCarouselItem"));
-var useAutoPlayCarousel_1 = require("./hooks/useAutoPlayCarousel");
 var BLOCK_NAME = 'spui-HeroCarousel';
 var ITEM_LINK_CLASS_NAME = 'js-auto-play-carousel-item-link';
 exports.HeroCarousel = react_1.default.memo(function HeroCarousel(_a) {
     var carouselList = _a.carouselList;
-    var _b = (0, useAutoPlayCarousel_1.useAutoPlayCarousel)({
+    var _b = (0, spindle_hooks_1.useCarousel)({
         items: carouselList,
         itemLinkClassName: ITEM_LINK_CLASS_NAME,
     }), handleSlideToPrev = _b.handleSlideToPrev, handleSlideToNext = _b.handleSlideToNext, handleMouseEnter = _b.handleMouseEnter, handleMouseDown = _b.handleMouseDown, handleMouseLeave = _b.handleMouseLeave, handleTouchStart = _b.handleTouchStart, handleTransitionEnd = _b.handleTransitionEnd, isAutoPlaying = _b.isAutoPlaying, isLinkClicked = _b.isLinkClicked, itemsToRender = _b.itemsToRender, listRef = _b.listRef, listStyles = _b.listStyles, toggleAutoPlay = _b.toggleAutoPlay, handleFocus = _b.handleFocus, handleBlur = _b.handleBlur;

package/HeroCarousel/HeroCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroCarousel.js","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,4EAAsD;AACtD,8EAAwD;AACxD,wDAAkC;AAClC,8DAAwC;AAExC,wEAAkD;AAClD,mEAAkE;AAMlE,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC,IAAM,oBAAoB,GAAG,iCAAiC,CAAC;AAElD,QAAA,YAAY,GAAc,eAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAEvE;QADC,YAAY,kBAAA;IAEN,IAAA,KAgBF,IAAA,yCAAmB,EAAC;QACtB,KAAK,EAAE,YAAY;QACnB,iBAAiB,EAAE,oBAAoB;KACxC,CAAC,EAlBA,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,UAAU,gBAIV,CAAC;IAEH,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL;QACE,uCACE,SAAS,EAAE,UAAG,UAAU,eAAY,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EAAE,mBAAmB;YAEpC,8DACuB,gCAAO,EAC5B,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,UAAU,IAEhB,aAAa,CAAC,GAAG,CAAC,UAAC,IAAkB,EAAE,KAAa,IAAK,OAAA,CACxD,8BAAC,0BAAgB,IACf,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,oBAAoB,EACvC,GAAG,EAAE,wBAAiB,KAAK,CAAE,GAC7B,CACH,EAPyD,CAOzD,CAAC,CACC,CACD;QAEN,uCAAK,SAAS,EAAE,UAAG,UAAU,cAAW;YACtC,wDACa,+DAAa,EACxB,SAAS,EAAE,UAAG,UAAU,sBAAY,UAAU,mBAAgB,EAC9D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,iBAAiB;gBAE1B,8BAAC,yBAAe,mBAAc,IAAI,GAAI,CAC/B;YACT,wDACc,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAE,UAAG,UAAU,aAAU,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,IAEtB,aAAa,CAAC,CAAC,CAAC,CACf,8BAAC,eAAK,mBAAc,IAAI,GAAI,CAC7B,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAQ,mBAAc,IAAI,GAAI,CAChC,CACM;YACT,wDACa,qEAAc,EACzB,SAAS,EAAE,UAAG,UAAU,sBAAY,UAAU,mBAAgB,EAC9D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,iBAAiB;gBAE1B,8BAAC,0BAAgB,mBAAc,IAAI,GAAI,CAChC,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"HeroCarousel.js","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,0DAAuD;AACvD,4EAAsD;AACtD,8EAAwD;AACxD,wDAAkC;AAClC,8DAAwC;AAExC,wEAAkD;AAMlD,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC,IAAM,oBAAoB,GAAG,iCAAiC,CAAC;AAElD,QAAA,YAAY,GAAc,eAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAEvE;QADC,YAAY,kBAAA;IAEN,IAAA,KAgBF,IAAA,2BAAW,EAAC;QACd,KAAK,EAAE,YAAY;QACnB,iBAAiB,EAAE,oBAAoB;KACxC,CAAC,EAlBA,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,UAAU,gBAIV,CAAC;IAEH,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL;QACE,uCACE,SAAS,EAAE,UAAG,UAAU,eAAY,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EAAE,mBAAmB;YAEpC,8DACuB,gCAAO,EAC5B,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,UAAU,IAEhB,aAAa,CAAC,GAAG,CAAC,UAAC,IAAkB,EAAE,KAAa,IAAK,OAAA,CACxD,8BAAC,0BAAgB,IACf,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,oBAAoB,EACvC,GAAG,EAAE,wBAAiB,KAAK,CAAE,GAC7B,CACH,EAPyD,CAOzD,CAAC,CACC,CACD;QAEN,uCAAK,SAAS,EAAE,UAAG,UAAU,cAAW;YACtC,wDACa,+DAAa,EACxB,SAAS,EAAE,UAAG,UAAU,sBAAY,UAAU,mBAAgB,EAC9D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,iBAAiB;gBAE1B,8BAAC,yBAAe,mBAAc,IAAI,GAAI,CAC/B;YACT,wDACc,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAE,UAAG,UAAU,aAAU,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,IAEtB,aAAa,CAAC,CAAC,CAAC,CACf,8BAAC,eAAK,mBAAc,IAAI,GAAI,CAC7B,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAQ,mBAAc,IAAI,GAAI,CAChC,CACM;YACT,wDACa,qEAAc,EACzB,SAAS,EAAE,UAAG,UAAU,sBAAY,UAAU,mBAAgB,EAC9D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,iBAAiB;gBAE1B,8BAAC,0BAAgB,mBAAc,IAAI,GAAI,CAChC,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/HeroCarousel/HeroCarousel.mjs

@@ -1,14 +1,14 @@
 import React from 'react';
+import { useCarousel } from '@openameba/spindle-hooks';
 import ChevronLeftBold from '../Icon/ChevronLeftBold';
 import ChevronRightBold from '../Icon/ChevronRightBold';
 import Pause from '../Icon/Pause';
 import PlayFill from '../Icon/PlayFill';
 import HeroCarouselItem from './HeroCarouselItem';
-import { useAutoPlayCarousel } from './hooks/useAutoPlayCarousel';
 const BLOCK_NAME = 'spui-HeroCarousel';
 const ITEM_LINK_CLASS_NAME = 'js-auto-play-carousel-item-link';
 export const HeroCarousel = React.memo(function HeroCarousel({ carouselList, }) {
-    const { handleSlideToPrev, handleSlideToNext, handleMouseEnter, handleMouseDown, handleMouseLeave, handleTouchStart, handleTransitionEnd, isAutoPlaying, isLinkClicked, itemsToRender, listRef, listStyles, toggleAutoPlay, handleFocus, handleBlur, } = useAutoPlayCarousel({
+    const { handleSlideToPrev, handleSlideToNext, handleMouseEnter, handleMouseDown, handleMouseLeave, handleTouchStart, handleTransitionEnd, isAutoPlaying, isLinkClicked, itemsToRender, listRef, listStyles, toggleAutoPlay, handleFocus, handleBlur, } = useCarousel({
         items: carouselList,
         itemLinkClassName: ITEM_LINK_CLASS_NAME,
     });

package/Pagination/Pagination.css

@@ -1 +1 @@
-.spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first[aria-disabled],.spui-PaginationItem-link--last[aria-disabled],.spui-PaginationItem-link--next[aria-disabled],.spui-PaginationItem-link--prev[aria-disabled]{opacity:.3}.spui-PaginationItem-link[aria-disabled]:focus-visible{outline:none}.spui-PaginationItem-link:not([aria-disabled]):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not([aria-disabled]):hover{background:var(--color-surface-tertiary)}}@media screen and (max-width:768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{align-items:center;display:flex;flex-direction:column}.spui-Pagination-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.spui-Pagination-item{align-items:center;display:flex;margin:0 5px}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-horizontal{color:var(--color-object-low-emphasis)}.spui-Pagination-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;display:flex;font-size:.875em;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0 4px;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-count{color:var(--color-text-low-emphasis);font-size:.8125em;line-height:1.3;margin:12px 0 0;padding:0}.spui-Pagination-horizontal+.spui-Pagination-link,.spui-Pagination-link+.spui-Pagination-horizontal{margin-left:8px}@media screen and (max-width:414px){.spui-Pagination-item:nth-child(4),.spui-Pagination-item:nth-child(6){display:none}}@media screen and (max-width:360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}
+.spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first[aria-disabled],.spui-PaginationItem-link--last[aria-disabled],.spui-PaginationItem-link--next[aria-disabled],.spui-PaginationItem-link--prev[aria-disabled]{opacity:.3}.spui-PaginationItem-link[aria-disabled]:focus-visible{outline:none}.spui-PaginationItem-link:not([aria-disabled]):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not([aria-disabled]):hover{background:var(--color-surface-tertiary)}}@media screen and (max-width:768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{align-items:center;display:flex;flex-direction:column}.spui-Pagination-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.spui-Pagination-item{align-items:center;display:flex;margin:0 5px}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-horizontal{color:var(--color-object-low-emphasis)}.spui-Pagination-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;display:flex;font-size:.875em;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0 4px;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-count{color:var(--color-text-low-emphasis);font-size:.8125em;line-height:1.3;margin:12px 0 0;padding:0}.spui-Pagination-horizontal+.spui-Pagination-link,.spui-Pagination-link+.spui-Pagination-horizontal{margin-left:8px}@media screen and (max-width:414px){.spui-Pagination-item--hidden{display:none}}@media screen and (max-width:360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}

package/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,CACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACtD,UAAU,EAAE,MAAM,KACf,IAAI,CAAC;IACV,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAID,eAAO,MAAM,UAAU,UAAW,KAAK,gBAqItC,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,CACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACtD,UAAU,EAAE,MAAM,KACf,IAAI,CAAC;IACV,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAID,eAAO,MAAM,UAAU,UAAW,KAAK,gBA2ItC,CAAC"}

package/Pagination/Pagination.js

@@ -74,7 +74,13 @@ var Pagination = function (props) {
             displayItem.map(function (pageNumber, index) {
                 var isCurrent = current === pageNumber;
                 var hasRelAttribute = current === pageNumber + 1;
-                return (react_1.default.createElement("li", { className: "".concat(BLOCK_NAME, "-item"), key: "pagination-item-".concat(pageNumber) },
+                var isHidden = showPrevNext && (index === 1 || index === 3);
+                return (react_1.default.createElement("li", { className: [
+                        "".concat(BLOCK_NAME, "-item"),
+                        isHidden && "".concat(BLOCK_NAME, "-item--hidden"),
+                    ]
+                        .filter(Boolean)
+                        .join(' '), key: "pagination-item-".concat(pageNumber) },
                     index === pageItem - 1 && showNextHorizontal && (react_1.default.createElement(MenuHorizontal_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-horizontal") })),
                     react_1.default.createElement("a", { className: "".concat(BLOCK_NAME, "-link"), rel: hasRelAttribute ? undefined : 'nofollow', href: isCurrent ? undefined : createUrl(pageNumber), "aria-current": isCurrent ? 'page' : undefined, "aria-disabled": isCurrent ? true : undefined, onClick: isCurrent
                             ? undefined

package/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2C;AAC3C,0EAAoD;AAEpD,oEAA8C;AAC9C,mDAAkD;AAelD,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAE9B,IAAM,UAAU,GAAG,UAAC,KAAY;IAEnC,IAAA,OAAO,GASL,KAAK,QATA,EACP,KAAK,GAQH,KAAK,MARF,EACL,KAOE,KAAK,UAPU,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAME,KAAK,aANY,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,KAKE,KAAK,cALc,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,YAAY,GAIV,KAAK,aAJK,EACZ,SAAS,GAGP,KAAK,UAHE,EACT,SAAS,GAEP,KAAK,UAFE,EACN,IAAI,UACL,KAAK,EAVH,4GAUL,CADQ,CACC;IAEV,IAAM,QAAQ,GAAG,CAAC,CAAC;IACb,IAAA,KAA0D,IAAA,yBAAW,EAAC;QAC1E,OAAO,SAAA;QACP,KAAK,OAAA;QACL,QAAQ,UAAA;KACT,CAAC,EAJM,WAAW,iBAAA,EAAE,kBAAkB,wBAAA,EAAE,kBAAkB,wBAIzD,CAAC;IAEH,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UACE,KAAsD,EACtD,UAAkB;QAElB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,EAAE,UAAU,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CACL,8DACa,kDAAU,EACrB,SAAS,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,IAC/D,IAAI;QAER,sCAAI,SAAS,EAAE,UAAG,UAAU,UAAO;YAChC,aAAa,IAAI,CAChB,sCAAI,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,iBAAc;gBAC3D,8BAAC,wBAAc,IACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,GACpB,CACC,CACN;YACA,YAAY,IAAI,CACf,sCAAI,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,gBAAa;gBAC1D,8BAAC,wBAAc,IACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,GACpB,CACC,CACN;YACA,WAAW,CAAC,GAAG,CAAC,UAAC,UAAU,EAAE,KAAK;gBACjC,IAAM,SAAS,GAAG,OAAO,KAAK,UAAU,CAAC;gBACzC,IAAM,eAAe,GAAG,OAAO,KAAK,UAAU,GAAG,CAAC,CAAC;gBAEnD,OAAO,CACL,sCACE,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,GAAG,EAAE,0BAAmB,UAAU,CAAE;oBAEnC,KAAK,KAAK,QAAQ,GAAG,CAAC,IAAI,kBAAkB,IAAI,CAC/C,8BAAC,wBAAc,mBACD,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,gBAAa,GACrC,CACH;oBACD,qCACE,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC7C,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,kBACrC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAC7B,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC3C,OAAO,EACL,SAAS;4BACP,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,UAAC,CAAC;gCACA,WAAW,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;4BAC7B,CAAC,gBAEK,UAAG,UAAU,6BAAM,IAE9B,UAAU,CACT;oBACH,KAAK,KAAK,CAAC,IAAI,kBAAkB,IAAI,CACpC,8BAAC,wBAAc,mBACD,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,gBAAa,GACrC,CACH,CACE,CACN,CAAC;YACJ,CAAC,CAAC;YACD,YAAY,IAAI,CACf,sCAAI,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,gBAAa;gBAC1D,8BAAC,wBAAc,IACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,GACpB,CACC,CACN;YACA,aAAa,IAAI,CAChB,sCAAI,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,gBAAa;gBAC1D,8BAAC,wBAAc,IACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,GACpB,CACC,CACN,CACE;QACJ,SAAS,IAAI,CACZ,qCACE,SAAS,EAAE,UAAG,UAAU,WAAQ,gBACpB,UAAG,KAAK,2CAAQ,OAAO,6BAAM;YAExC,OAAO;;YAAG,KAAK;iCACd,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AArIW,QAAA,UAAU,cAqIrB"}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}

package/Pagination/Pagination.mjs

@@ -23,7 +23,13 @@ export const Pagination = (props) => {
             displayItem.map((pageNumber, index) => {
                 const isCurrent = current === pageNumber;
                 const hasRelAttribute = current === pageNumber + 1;
-                return (React.createElement("li", { className: `${BLOCK_NAME}-item`, key: `pagination-item-${pageNumber}` },
+                const isHidden = showPrevNext && (index === 1 || index === 3);
+                return (React.createElement("li", { className: [
+                        `${BLOCK_NAME}-item`,
+                        isHidden && `${BLOCK_NAME}-item--hidden`,
+                    ]
+                        .filter(Boolean)
+                        .join(' '), key: `pagination-item-${pageNumber}` },
                     index === pageItem - 1 && showNextHorizontal && (React.createElement(MenuHorizontal, { "aria-hidden": "true", className: `${BLOCK_NAME}-horizontal` })),
                     React.createElement("a", { className: `${BLOCK_NAME}-link`, rel: hasRelAttribute ? undefined : 'nofollow', href: isCurrent ? undefined : createUrl(pageNumber), "aria-current": isCurrent ? 'page' : undefined, "aria-disabled": isCurrent ? true : undefined, onClick: isCurrent
                             ? undefined

package/README.md

@@ -105,6 +105,14 @@ yarn install
 yarn dev # storybookが起動します
 ```
 
+NOTE: 事前に [spindle-hooks](https://github.com/openameba/spindle/tree/main/packages/spindle-hooks) を 以下のように build しておく必要があります。
+
+```
+cd ../spindle-hooks
+yarn build
+cd -
+```
+
 ## ライセンス
 Spindle UIはMITライセンスで公開されています。ただし、アイコンは[Spindle Icons](../spindle-icons/)に準じて、Creative Commons BY-NC-ND 4.0ライセンスで公開されています。
 

package/SnackBar/SnackBar.d.ts

@@ -1,22 +1,16 @@
 import React, { ReactNode } from 'react';
-import { StackPosition, StackPositionOffset } from '../StackNotificationManager';
+import { StackNotificationComponentProps } from '../StackNotificationManager/StackNotificationManager';
 declare type Variant = 'information' | 'confirmation' | 'error';
-declare type Props = {
+declare type Props = StackNotificationComponentProps<{
     children?: React.ReactElement;
     active?: boolean;
-    offset?: {
-        [K in keyof StackPositionOffset]?: StackPositionOffset[K];
-    };
     duration?: number;
     onHide?: () => void;
-    position?: StackPosition;
     variant?: Variant;
-    setContentHeight?: (height: number) => void;
-    stackPosition?: number;
-};
+}>;
 export declare const BLOCK_NAME = "spui-SnackBar";
 export declare const ANIMATION_DURATION = 300;
-export declare const MAX_DURATION = 10000;
+export declare const DISPLAYING_TIMEOUT_DURATION: number;
 export declare const SnackBar: {
     Frame: ({ children, active, position, offset, onHide, variant, stackPosition, setContentHeight, }: Props) => React.ReactElement;
     Icon: React.FC<{

package/SnackBar/SnackBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnackBar.d.ts","sourceRoot":"","sources":["../../src/SnackBar/SnackBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,SAAS,EAOV,MAAM,OAAO,CAAC;AACf,OAAO,EACL,aAAa,EACb,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAMrC,aAAK,OAAO,GAAG,aAAa,GAAG,cAAc,GAAG,OAAO,CAAC;AAExD,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE;SAAG,CAAC,IAAI,MAAM,mBAAmB,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC;KAAE,CAAC;IAEvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,kBAAkB,CAAC;AAG1C,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,eAAO,MAAM,YAAY,QAAQ,CAAC;AAyOlC,eAAO,MAAM,QAAQ;uGAvNlB,KAAK,KAAG,MAAM,YAAY;;kBAsKF,SAAS;;;kBAGT,SAAS;;;eAIzB,SAAS;kBAAY,SAAS;;;eAqB9B,SAAS;kBAAY,SAAS;;CA2BxC,CAAC"}
+{"version":3,"file":"SnackBar.d.ts","sourceRoot":"","sources":["../../src/SnackBar/SnackBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAC;AAEvG,aAAK,OAAO,GAAG,aAAa,GAAG,cAAc,GAAG,OAAO,CAAC;AAExD,aAAK,KAAK,GAAG,+BAA+B,CAAC;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,kBAAkB,CAAC;AAG1C,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAGtC,eAAO,MAAM,2BAA2B,QAAoC,CAAC;AA0K7E,eAAO,MAAM,QAAQ;uGAzJlB,KAAK,KAAG,MAAM,YAAY;;kBAwGF,SAAS;;;kBAGT,SAAS;;;eAIzB,SAAS;kBAAY,SAAS;;;eAqB9B,SAAS;kBAAY,SAAS;;CA2BxC,CAAC"}

package/SnackBar/SnackBar.js

@@ -45,8 +45,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SnackBar = exports.MAX_DURATION = exports.ANIMATION_DURATION = exports.BLOCK_NAME = void 0;
+exports.SnackBar = exports.DISPLAYING_TIMEOUT_DURATION = exports.ANIMATION_DURATION = exports.BLOCK_NAME = void 0;
 var react_1 = __importStar(require("react"));
+var StackNotificationManager_1 = require("../StackNotificationManager");
 var Icon_1 = require("../Icon");
 var IconButton_1 = require("../IconButton");
 var TextLink_1 = require("../TextLink/TextLink");
@@ -54,93 +55,34 @@ 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 MAX_DURATION = 10000;
+exports.DISPLAYING_TIMEOUT_DURATION = MAX_DURATION - exports.ANIMATION_DURATION;
 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, 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, setContentHeight]);
-    var positionPrefix = position.startsWith('top') ? 'top' : 'bottom';
-    var positionSuffix = position.slice(positionPrefix.length).toLowerCase();
-    var orderOffsetTop = stackPosition + offset.top;
-    var orderOffsetBottom = stackPosition + offset.bottom;
+    var children = _a.children, _active = _a.active, _c = _a.position, _position = _c === void 0 ? 'topCenter' : _c, _d = _a.offset, _offset = _d === void 0 ? {} : _d, onHide = _a.onHide, _e = _a.variant, variant = _e === void 0 ? DEFAULT_VARIANT : _e, _f = _a.stackPosition, stackPosition = _f === void 0 ? 0 : _f, setContentHeight = _a.setContentHeight;
+    var _g = (0, StackNotificationManager_1.useStackNotificationComponent)({
+        active: _active,
+        position: _position,
+        offset: _offset,
+        onHide: onHide,
+        stackPosition: stackPosition,
+        setContentHeight: setContentHeight,
+        displayingTimeout: exports.DISPLAYING_TIMEOUT_DURATION,
+    }), isShow = _g.isShow, active = _g.active, shouldAnimation = _g.shouldAnimation, position = _g.position, orderOffset = _g.orderOffset, offset = _g.offset, initialHeight = _g.initialHeight, setIsShow = _g.setIsShow, _h = _g.focusEvent, setIsShowWithTimeout = _h.setIsShowWithTimeout, resetTimeout = _h.resetTimeout, setClientHeight = _g.setClientHeight, handleTransitionEnd = _g.handleTransitionEnd, handleOnClickCloseButton = _g.handleOnClickCloseButton;
     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--initial-height-top'] = "".concat(initialHeight.top, "px"),
+            _b['--SnackBar--initial-height-bottom'] = "".concat(initialHeight.bottom, "px"),
+            _b['--SnackBar--order-offset-top'] = "".concat(orderOffset.top, "px"),
+            _b['--SnackBar--order-offset-bottom'] = "".concat(-orderOffset.bottom, "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['--SnackBar--text-align'] = position.horizontal,
             _b), className: [
             exports.BLOCK_NAME,
-            "".concat(exports.BLOCK_NAME, "--").concat(positionPrefix),
+            "".concat(exports.BLOCK_NAME, "--").concat(position.vertical),
             shouldAnimation && "".concat(exports.BLOCK_NAME, "--slide"),
             isShow && "".concat(exports.BLOCK_NAME, "-slide--in"),
             !active && "".concat(exports.BLOCK_NAME, "--hidden"),

package/SnackBar/SnackBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackBar.js","sourceRoot":"","sources":["../../src/SnackBar/SnackBar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SnackBar.js","sourceRoot":"","sources":["../../src/SnackBar/SnackBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAUe;AACf,wEAA4E;AAC5E,gCAAoC;AACpC,4CAA2C;AAC3C,iDAAmE;AACnE,uDAA2E;AAc9D,QAAA,UAAU,GAAG,eAAe,CAAC;AAE1C,8BAA8B;AACjB,QAAA,kBAAkB,GAAG,GAAG,CAAC;AAEtC,IAAM,YAAY,GAAG,KAAK,CAAC;AACd,QAAA,2BAA2B,GAAG,YAAY,GAAG,0BAAkB,CAAC;AAC7E,IAAM,eAAe,GAAG,aAAa,CAAC;AAOtC,IAAM,KAAK,GAAG,UAAC,EASP;;QARN,QAAQ,cAAA,EACA,OAAO,YAAA,EACf,gBAAiC,EAAvB,SAAS,mBAAG,WAAW,KAAA,EACjC,cAAoB,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACpB,MAAM,YAAA,EACN,eAAyB,EAAzB,OAAO,mBAAG,eAAe,KAAA,EACzB,qBAAiB,EAAjB,aAAa,mBAAG,CAAC,KAAA,EACjB,gBAAgB,sBAAA;IAEV,IAAA,KAaF,IAAA,wDAA6B,EAAC;QAChC,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,OAAO;QACf,MAAM,QAAA;QACN,aAAa,eAAA;QACb,gBAAgB,kBAAA;QAChB,iBAAiB,EAAE,mCAA2B;KAC/C,CAAC,EApBA,MAAM,YAAA,EACN,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,kBAAkD,EAApC,oBAAoB,0BAAA,EAAE,YAAY,kBAAA,EAChD,eAAe,qBAAA,EACf,mBAAmB,yBAAA,EACnB,wBAAwB,8BASxB,CAAC;IAEH,OAAO,CACL,uCACE,KAAK;YACH,GAAC,gCAA0C,IAAG,UAAG,aAAa,CAAC,GAAG,OAAI;YACtE,GAAC,mCAA6C,IAAG,UAAG,aAAa,CAAC,MAAM,OAAI;YAC5E,GAAC,8BAAwC,IAAG,UAAG,WAAW,CAAC,GAAG,OAAI;YAClE,GAAC,iCAA2C,IAAG,UAAG,CAAC,WAAW,CAAC,MAAM,OAAI;YACzE,GAAC,wBAAkC,IAAG,UAAG,MAAM,CAAC,GAAG,OAAI;YACvD,GAAC,2BAAqC,IAAG,UAAG,MAAM,CAAC,MAAM,OAAI;YAC7D,GAAC,yBAAmC,IAAG,UAAG,MAAM,CAAC,IAAI,OAAI;YACzD,GAAC,0BAAoC,IAAG,UAAG,MAAM,CAAC,KAAK,OAAI;YAC3D,GAAC,wBAAkC,IAAG,QAAQ,CAAC,UAAU;iBAE3D,SAAS,EAAE;YACT,kBAAU;YACV,UAAG,kBAAU,eAAK,QAAQ,CAAC,QAAQ,CAAE;YACrC,eAAe,IAAI,UAAG,kBAAU,YAAS;YACzC,MAAM,IAAI,UAAG,kBAAU,eAAY;YACnC,CAAC,MAAM,IAAI,UAAG,kBAAU,aAAU;SACnC;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,iBACC,CAAC,MAAM,EACpB,eAAe,EAAE,mBAAmB,EACpC,GAAG,EAAE,UAAC,GAAG,IAAK,OAAA,eAAe,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,YAAY,KAAI,CAAC,CAAC,EAAvC,CAAuC;QAErD,uCACE,SAAS,EAAE,UAAG,kBAAU,sBAAY,kBAAU,uBAAa,OAAO,CAAE,EACpE,WAAW,EAAE,YAAY,EACzB,UAAU,EAAE,oBAAoB,EAChC,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,oBAAoB;YAE3B,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;gBAC5B,OAAA,KAAK,CAAC,CAAC,CAAC,IAAA,oBAAY,EAAC,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK;YAA3D,CAA2D,CAC5D;YACD,uCACE,SAAS,EAAE,UAAG,kBAAU,yBAAe,kBAAU,0BAAgB,OAAO,CAAE,EAC1E,eAAe,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB;gBAE3C,8BAAC,uBAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,wBAAwB;oBAEjC,8BAAC,gBAAS,kBAAY,oBAAK,GAAG,CACnB,CACT,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAKF,IAAM,yBAAyB,GAAG,UAChC,KAAe;IAEf,IAAM,qBAAqB,GAAG,UAC5B,KAAe;QAEf,OAAA,CAAC,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC;YAC3C,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IADzC,CACyC,CAAC;IAE5C,IAAI,qBAAqB,CAAC,KAAK,CAAC,EAAE;QAChC,IAAM,MAAM,GAAG;YACb,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;SACvB,CAAC;QAEF,4BAA4B;QAC5B,OAAO,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,KAAK,CAAC,OAAO,CAAC;QAErB,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;KACxB;IACD,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AACrB,CAAC,CAAC;AAEF,IAAM,IAAI,GAAgC,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAC1D,uCAAK,SAAS,EAAE,UAAG,kBAAU,UAAO,IAAG,QAAQ,CAAO,CACvD;AAF2D,CAE3D,CAAC;AACF,IAAM,IAAI,GAAgC,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAC1D,wCAAM,SAAS,EAAE,UAAG,kBAAU,UAAO,IAAG,QAAQ,CAAQ,CACzD;AAF2D,CAE3D,CAAC;AACF,IAAM,UAAU,GAEZ,UAAC,EAAoC;IAAlC,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAAlC,+BAAoC,CAAF;IAC/B,IAAA,KAAyB,IAAA,eAAO,EACpC,cAAM,OAAA,yBAAyB,CAAC,IAAI,CAAC,EAA/B,CAA+B,EACrC,CAAC,IAAI,CAAC,CACP,EAHM,KAAK,QAAA,EAAE,aAAa,QAG1B,CAAC;IACF,IAAM,OAAO,GAAG,aAAa,CAAC,OAAO,IAAI,eAAe,CAAC;IACzD,IAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC;IAC1C,IAAM,aAAa,GAAyC,UAAC,CAAC;QAC5D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;QACb,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,OAAO,CACL,uCAAK,SAAS,EAAE,UAAG,kBAAU,qBAAW,kBAAU,sBAAY,OAAO,CAAE;QACrE,8BAAC,uBAAiB,aAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,IAAM,KAAK,GAC7D,QAAQ,CACS,CAChB,CACP,CAAC;AACJ,CAAC,CAAC;AACF,IAAM,QAAQ,GAEV,UAAC,EAAoC;IAAlC,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAAlC,+BAAoC,CAAF;IAC/B,IAAA,KAAyB,IAAA,eAAO,EACpC,cAAM,OAAA,yBAAyB,CAAC,IAAI,CAAC,EAA/B,CAA+B,EACrC,CAAC,IAAI,CAAC,CACP,EAHM,KAAK,QAAA,EAAE,aAAa,QAG1B,CAAC;IACF,IAAM,OAAO,GAAG,aAAa,CAAC,OAAO,IAAI,eAAe,CAAC;IACzD,IAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC;IAC1C,IAAM,aAAa,GAAyC,UAAC,CAAC;QAC5D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;QACb,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,OAAO,CACL,uCAAK,SAAS,EAAE,UAAG,kBAAU,qBAAW,kBAAU,sBAAY,OAAO,CAAE;QACrE,8BAAC,mBAAe,aAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,IAAM,KAAK,GAC3D,QAAQ,CACO,CACd,CACP,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,QAAQ,GAAG;IACtB,KAAK,OAAA;IACL,IAAI,MAAA;IACJ,IAAI,MAAA;IACJ,UAAU,YAAA;IACV,QAAQ,UAAA;CACT,CAAC"}

package/SnackBar/SnackBar.mjs

@@ -1,4 +1,5 @@
-import React, { Children, cloneElement, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import React, { Children, cloneElement, useMemo, } from 'react';
+import { useStackNotificationComponent } from '../StackNotificationManager';
 import { CrossBold } from '../Icon';
 import { IconButton } from '../IconButton';
 import { TextLink as SpindleTextLink } from '../TextLink/TextLink';
@@ -6,90 +7,32 @@ 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 MAX_DURATION = 10000;
+export const DISPLAYING_TIMEOUT_DURATION = MAX_DURATION - ANIMATION_DURATION;
 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, 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, setContentHeight]);
-    const positionPrefix = position.startsWith('top') ? 'top' : 'bottom';
-    const positionSuffix = position.slice(positionPrefix.length).toLowerCase();
-    const orderOffsetTop = stackPosition + offset.top;
-    const orderOffsetBottom = stackPosition + offset.bottom;
+const Frame = ({ children, active: _active, position: _position = 'topCenter', offset: _offset = {}, onHide, variant = DEFAULT_VARIANT, stackPosition = 0, setContentHeight, }) => {
+    const { isShow, active, shouldAnimation, position, orderOffset, offset, initialHeight, setIsShow, focusEvent: { setIsShowWithTimeout, resetTimeout }, setClientHeight, handleTransitionEnd, handleOnClickCloseButton, } = useStackNotificationComponent({
+        active: _active,
+        position: _position,
+        offset: _offset,
+        onHide,
+        stackPosition,
+        setContentHeight,
+        displayingTimeout: DISPLAYING_TIMEOUT_DURATION,
+    });
     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--initial-height-top']: `${initialHeight.top}px`,
+            ['--SnackBar--initial-height-bottom']: `${initialHeight.bottom}px`,
+            ['--SnackBar--order-offset-top']: `${orderOffset.top}px`,
+            ['--SnackBar--order-offset-bottom']: `${-orderOffset.bottom}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,
+            ['--SnackBar--text-align']: position.horizontal,
         }, className: [
             BLOCK_NAME,
-            `${BLOCK_NAME}--${positionPrefix}`,
+            `${BLOCK_NAME}--${position.vertical}`,
             shouldAnimation && `${BLOCK_NAME}--slide`,
             isShow && `${BLOCK_NAME}-slide--in`,
             !active && `${BLOCK_NAME}--hidden`,

package/StackNotificationManager/StackNotificationManager.d.ts

@@ -1,9 +1,29 @@
 import { Dispatch, FC, MutableRefObject, ReactNode, SetStateAction } from 'react';
 export declare type ManagedStackItem = {
+    /**
+     * This is identifier of the item.
+     * This value should unique in the stack.
+     */
     id: string;
+    /**
+     * This indicates whether the item is active or not.
+     */
     active: boolean;
+    /**
+     * This indicates how many components are stacked so far.
+     * This value continues to increase until the browser session ends.
+     */
     order: number;
+    /**
+     * This is used when deactivate the component internally.
+     * For example, the component can trigger the closing animation by changing this props.
+     * And it can set the `active` props to false by using `setActive` after the closing animation is finished.
+     */
     isPreservingInternalActive: boolean;
+    /**
+     * The height of notification component.
+     * Height includes padding, borders and margins size.
+     */
     contentHeight: number;
 };
 export declare type StackPosition = `${'top' | 'bottom'}${'Left' | 'Center' | 'Right'}`;
@@ -19,6 +39,29 @@ export declare type StackOffset<P extends StackPosition = StackPosition> = {
         [K in keyof StackPositionOffset]?: StackPositionOffset[K];
     };
 };
+export declare type StackNotificationManagerProperties<P extends StackPosition = StackPosition> = ManagedStackItem & {
+    /**
+     * This indicates position where this item is stacked.
+     */
+    position: P;
+    /**
+     * Offset from the edge of the window to the first item.
+     */
+    offset: StackOffset[P];
+    /**
+     * This indicates the position where this item is placed in the stack.
+     */
+    stackPosition: number;
+    /**
+     * This is used to get components' height.
+     * Height includes padding, borders and margins size.
+     */
+    setContentHeight: (height: number) => void;
+};
+export declare type StackNotificationManagerProps<P extends StackPosition = StackPosition> = {
+    [K in keyof StackNotificationManagerProperties<P>]?: StackNotificationManagerProperties<P>[K];
+};
+export declare type StackNotificationComponentProps<Props extends object = object, Position extends StackPosition = StackPosition> = StackNotificationManagerProps<Position> & Props;
 declare type StackNotificationManagerContextValue<P extends StackPosition = StackPosition> = {
     stackRef: MutableRefObject<ManagedStack<P>>;
     setStack: (cb: (prev: ManagedStack) => ManagedStack) => void;

package/StackNotificationManager/StackNotificationManager.d.ts.map

@@ -1 +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"}
+{"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;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,0BAA0B,EAAE,OAAO,CAAC;IACpC;;;OAGG;IACH,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,oBAAY,kCAAkC,CAC5C,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC,gBAAgB,GAAG;IACrB;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC;IACZ;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,oBAAY,6BAA6B,CACvC,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;KACD,CAAC,IAAI,MAAM,kCAAkC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,kCAAkC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC9F,CAAC;AAEF,oBAAY,+BAA+B,CACzC,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,QAAQ,SAAS,aAAa,GAAG,aAAa,IAC5C,6BAA6B,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;AAEpD,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.map

@@ -1 +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"}
+{"version":3,"file":"StackNotificationManager.js","sourceRoot":"","sources":["../../src/StackNotificationManager/StackNotificationManager.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAWe;AA0Ff,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"}