@stack-spot/portal-components 1.6.0 → 2.0.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [2.0.1](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.0.0...portal-components@v2.0.1) (2024-07-02)
+
+
+### Bug Fixes
+
+* 547 page selector ([bb82b81](https://github.com/stack-spot/portal-commons/commit/bb82b810d8b3a02997199f8bd8973b180dc681e3))
+
+## [2.0.0](https://github.com/stack-spot/portal-commons/compare/portal-components@v1.6.0...portal-components@v2.0.0) (2024-06-28)
+
+
+### ⚠ BREAKING CHANGES
+
+* **portal-components:** removed Tour related componets
+* **portal-layout:** Adds a new reworked Tour structure compatible with module federation
+* new Tour strategy
+
+### Features
+
+* new Tour strategy ([d6daf23](https://github.com/stack-spot/portal-commons/commit/d6daf238f9956e2c913a36773db9b34080fd17a5))
+* **portal-components:** removed Tour related componets ([d6daf23](https://github.com/stack-spot/portal-commons/commit/d6daf238f9956e2c913a36773db9b34080fd17a5))
+* **portal-layout:** Adds a new reworked Tour structure compatible with module federation ([d6daf23](https://github.com/stack-spot/portal-commons/commit/d6daf238f9956e2c913a36773db9b34080fd17a5))
+
 ## [1.6.0](https://github.com/stack-spot/portal-commons/compare/portal-components@v1.5.1...portal-components@v1.6.0) (2024-06-27)
 
 

package/dist/components/SelectionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionList.d.ts","sourceRoot":"","sources":["../../src/components/SelectionList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAsB,MAAM,0BAA0B,CAAA;AAExE,OAAO,EAAE,YAAY,EAA6C,MAAM,OAAO,CAAA;AAK/E,UAAU,WAAW;IACnB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,WAAW,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAC;IACjE;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;CACtE;AAED,UAAU,YAAY;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY,EAAE,MAAM;IACtD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,SAAS;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB;;MAEE;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,WAAY,SAAQ,SAAS;IACrC,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,SAAS,EAAE,YAAY;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,QAAQ,GAAG,WAAW,GAAG,eAAe,GAAG,UAAU,CAAA;AAW1D,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA2HD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,wFAEvB,kBAAkB,4CAsFpB,CAAA"}
+{"version":3,"file":"SelectionList.d.ts","sourceRoot":"","sources":["../../src/components/SelectionList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAsB,MAAM,0BAA0B,CAAA;AAExE,OAAO,EAAE,YAAY,EAA6C,MAAM,OAAO,CAAA;AAK/E,UAAU,WAAW;IACnB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,WAAW,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAC;IACjE;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;CACtE;AAED,UAAU,YAAY;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY,EAAE,MAAM;IACtD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,SAAS;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB;;MAEE;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,WAAY,SAAQ,SAAS;IACrC,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,SAAS,EAAE,YAAY;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,QAAQ,GAAG,WAAW,GAAG,eAAe,GAAG,UAAU,CAAA;AAW1D,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA2HD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,wFAEvB,kBAAkB,4CAyFpB,CAAA"}

package/dist/components/SelectionList.js

@@ -119,6 +119,10 @@ export const SelectionList = ({ id, items, className, style, visible = true, max
             onHide?.();
     }, []);
     useEffect(() => {
+        function removeListeners() {
+            detachKeyboardListeners();
+            document.removeEventListener('click', hide);
+        }
         if (visible) {
             setCurrent({ items });
             attachKeyboardListeners();
@@ -126,9 +130,9 @@ export const SelectionList = ({ id, items, className, style, visible = true, max
                 setTimeout(() => document.addEventListener('click', hide), 50);
         }
         else {
-            detachKeyboardListeners();
-            document.removeEventListener('click', hide);
+            removeListeners();
         }
+        return () => removeListeners();
     }, [visible]);
     return (_jsx(SelectionBox, { id: id, ref: wrapper, "$maxHeight": maxHeight, style: style, className: listToClass(['selection-list', visible ? 'visible' : undefined, className]), "$scroll": scroll, "aria-hidden": !visible, children: _jsxs("div", { className: "selection-list-content", children: [before, current.parent
                     ? (_jsxs(Flex, { mt: 5, mb: 1, alignItems: "center", children: [_jsx(IconButton, { onClick: (ev) => {

package/dist/components/SelectionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionList.js","sourceRoot":"","sources":["../../src/components/SelectionList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectionList.js","sourceRoot":"","sources":["../../src/components/SelectionList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAa,WAAW,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAgB,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAmB,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAyGvD,MAAM,qBAAqB,GAAG,GAAG,CAAA;AACjC,MAAM,qBAAqB,GAAG,sBAAsB,qBAAqB,GAAG,IAAI,GAAG,CAAA;AA8CnF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA2C;;gBAE1D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;;gBAE5C,qBAAqB,mBAAmB,qBAAqB,GAAG,IAAI;;;;;;;;;kBASlE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;wBAElB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;wBACxB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;oBAe5B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;;;;;;;+BAWb,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;;;kBAOrC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU;;kBAE9B,qBAAqB;;CAEtC,CAAA;AAED,SAAS,YAAY,CAAC,EACpB,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,KAAC,KAAK,KAAG,EAC7E,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,GACnB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAiB;IAC7C,SAAS,WAAW,CAAC,KAAuB;QAC1C,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,OAAO,EAAE,EAAE,CAAA;IACb,CAAC;IAED,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAA;IAE7C,OAAO,CACL,aAAyC,SAAS,EAAC,QAAQ,YACzD,MAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,mBAAiB,MAAM,EACxF,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,aACnD,IAAI,IAAI,KAAC,OAAO,cAAE,IAAI,GAAW,EACjC,WAAW,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EACvF,SAAS,IAAI,KAAC,OAAO,cAAE,SAAS,GAAW,EAC3C,MAAM,IAAI,KAAC,OAAO,cAAE,UAAU,GAAW,IACrC,IAPA,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAQlC,CACN,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAC5D,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAiB;IAClE,SAAS,WAAW,CAAC,EAAoB;QACvC,qHAAqH;QACpH,EAAE,CAAC,MAAsB,EAAE,YAAY,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;QACnE,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;IACxC,CAAC;IACD,OAAO,CACL,aAAgB,SAAS,EAAC,aAAa,YACrC,MAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,mBAAiB,KAAK,mBAAiB,YAAY,aAC7G,IAAI,IAAI,KAAC,OAAO,cAAE,IAAI,GAAW,EAClC,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,EACxD,SAAS,IAAI,KAAC,OAAO,cAAE,SAAS,GAAW,EAC5C,KAAC,OAAO,cAAC,KAAC,YAAY,KAAG,GAAU,IAC9B,IANA,KAAK,CAOT,CACN,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAe,EAAE,OAAsB;IAC7F,OAAO,CACL,cAAwD,SAAS,EAAE,GAAG,SAAS,UAAU,aACtF,KAAK,IAAI,KAAC,IAAI,IAAC,UAAU,EAAC,aAAa,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,EAAC,eAAe,YAAE,KAAK,GAAQ,EACvG,uBAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAM,KAF7C,KAAK,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAGjD,CACN,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,IAAc,EAAE,OAAsB;IACxD,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAClG,CAAC;IACD,OAAO,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;AACpC,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,GAAG,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAC5E,EAAE,EAAE;IACvB,MAAM,IAAI,GAAG,YAAY,EAAE,CAAA;IAC3B,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAkB,EAAE,KAAK,EAAE,CAAC,CAAA;IAClE,MAAM,EAAE,yBAAyB,EAAE,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,GAAG,mBAAmB,CAClH,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,uCAAuC,EAAE,CACnF,CAAA;IAED,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CACrC,CAAC,EACD;QACE,UAAU,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAC/E,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,EAAE;QAChB,IAAI;KACL,CACF,CAAC,EACF,CAAC,OAAO,CAAC,CACV,CAAA;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,KAAY,EAAE,EAAE;QACxC,MAAM,MAAM,GAAI,KAAK,CAAC,MAA6B,CAAA;QACnD,mGAAmG;QACnG,MAAM,0BAA0B,GAAG,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;QAC5F,MAAM,QAAQ,GAAG,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;QACtF,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;QACtD,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,0BAA0B,IAAI,QAAQ,CAAC;YAAE,MAAM,EAAE,EAAE,CAAA;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,eAAe;YACtB,uBAAuB,EAAE,CAAA;YACzB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;QAC7C,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACZ,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;YACrB,uBAAuB,EAAE,CAAA;YACzB,IAAI,MAAM;gBAAE,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QAC5E,CAAC;aAAM,CAAC;YACN,eAAe,EAAE,CAAA;QACnB,CAAC;QACD,OAAO,GAAG,EAAE,CAAC,eAAe,EAAE,CAAA;IAChC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,OAAO,gBACA,SAAS,EACrB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,WAAW,CAAC,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,aAC7E,MAAM,iBACF,CAAC,OAAO,YAErB,eAAK,SAAS,EAAC,wBAAwB,aACpC,MAAM,EACN,OAAO,CAAC,MAAM;oBACb,CAAC,CAAC,CACA,MAAC,IAAI,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aACrC,KAAC,UAAU,IACT,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;oCACd,wHAAwH;oCACvH,EAAE,CAAC,MAAsB,EAAE,YAAY,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;oCACpE,UAAU,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;gCACzC,CAAC,EACD,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EACb,KAAK,EAAE,CAAC,CAAC,IAAI,mBACE,EAAE,mBACF,IAAI,YAEnB,KAAC,SAAS,KAAG,GACF,EACb,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,YAAE,OAAO,CAAC,KAAK,GAAQ,IAC/C,CACR;oBACD,CAAC,CAAC,SAAS,EAEb,yBACG,SAAS,EACT,KAAK;4BACJ,aAAI,SAAS,EAAC,QAAQ,YACnB,KAAK,GACH,IAEJ,IACD,GACO,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,IAAI,EAAE,SAAS;KAChB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,QAAQ;KACf;CACmB,CAAA"}

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

@@ -1,4 +1,4 @@
-export { ErrorFeedback } from './ErrorFeedback.js';
+export { ErrorDescription, ErrorFeedback } from './ErrorFeedback.js';
 export { PageNotFound } from './NotFound.js';
 export { UnderMaintenance } from './UnderMaintenance.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/error/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/error/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/error/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/hooks/date.d.ts

@@ -1,15 +1,3 @@
-/**
- * @deprecated this hook is prone to errors due to how React Hooks work. Use `useDateFormatter()` instead.
- * @param date
- * @returns the formatted date
- */
-export declare function useFormatDate(date?: string): string | undefined;
-/**
- * @deprecated this hook is prone to errors due to how React Hooks work. Use `useDateFormatter()` instead.
- * @param date
- * @returns the formatted date with its time
- */
-export declare function useFormatDateWithTime(date?: string): string | undefined;
 /**
  * A utility for formatting dates.
  * @param date

package/dist/hooks/date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/hooks/date.ts"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,sBAG1C;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,CAAC,EAAE,MAAM,sBAGlD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB;wBAGR,MAAM;gCACE,MAAM;EAErC"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/hooks/date.ts"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,wBAAgB,gBAAgB;wBAGR,MAAM;gCACE,MAAM;EAErC"}

package/dist/hooks/date.js

@@ -7,24 +7,6 @@ function formatDate(date, locale, includeTime) {
         ? format(new Date(date), `dd/MM/yyyy${time}`, { locale: ptBR })
         : format(new Date(date), `MMMM dd yyyy${time}`);
 }
-/**
- * @deprecated this hook is prone to errors due to how React Hooks work. Use `useDateFormatter()` instead.
- * @param date
- * @returns the formatted date
- */
-export function useFormatDate(date) {
-    const locale = useLanguage();
-    return date ? formatDate(date, locale, false) : undefined;
-}
-/**
- * @deprecated this hook is prone to errors due to how React Hooks work. Use `useDateFormatter()` instead.
- * @param date
- * @returns the formatted date with its time
- */
-export function useFormatDateWithTime(date) {
-    const locale = useLanguage();
-    return date ? formatDate(date, locale, true) : undefined;
-}
 /**
  * A utility for formatting dates.
  * @param date

package/dist/hooks/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/hooks/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,SAAS,UAAU,CAAC,IAAY,EAAE,MAAgB,EAAE,WAAoB;IACtE,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IACxC,OAAO,MAAM,KAAK,IAAI;QACpB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,aAAa,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;QAC/D,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,eAAe,IAAI,EAAE,CAAC,CAAA;AACnD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,IAAa;IACzC,MAAM,MAAM,GAAG,WAAW,EAAE,CAAA;IAC5B,OAAO,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAC3D,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAa;IACjD,MAAM,MAAM,GAAG,WAAW,EAAE,CAAA;IAC5B,OAAO,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAC1D,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,MAAM,GAAG,WAAW,EAAE,CAAA;IAC5B,OAAO;QACL,UAAU,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACjF,kBAAkB,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;KACzF,CAAA;AACH,CAAC"}
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/hooks/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,SAAS,UAAU,CAAC,IAAY,EAAE,MAAgB,EAAE,WAAoB;IACtE,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IACxC,OAAO,MAAM,KAAK,IAAI;QACpB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,aAAa,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;QAC/D,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,eAAe,IAAI,EAAE,CAAC,CAAA;AACnD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,MAAM,GAAG,WAAW,EAAE,CAAA;IAC5B,OAAO;QACL,UAAU,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACjF,kBAAkB,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;KACzF,CAAA;AACH,CAAC"}

package/package.json

@@ -1,15 +1,13 @@
 {
   "name": "@stack-spot/portal-components",
-  "version": "1.6.0",
+  "version": "2.0.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
     "./Breadcrumb": "./dist/components/Breadcrumb/index.js",
-    "./ErrorFeedback": "./dist/components/error/ErrorFeedback.js",
     "./SelectionList": "./dist/components/SelectionList.js",
-    "./Tour": "./dist/components/Tour/index.js",
     "./LazyMarkdown": "./dist/components/LazyMarkdown/index.js",
     "./Notifications": "./dist/components/Notifications/index.js",
     "./StatusCircle": "./dist/components/StatusCircle.js",
@@ -39,7 +37,6 @@
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "@types/reactour": "^1.18.5",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
     "agadoo": "^3.0.0",
@@ -64,7 +61,6 @@
     "react-infinite-scroll-component": "^6.1.0",
     "react-markdown": "^9.0.1",
     "react-syntax-highlighter": "^15.5.0",
-    "reactour": "^1.19.3",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.0"
   }

package/readme.md

@@ -11,8 +11,6 @@ Exceptions: translations are the only exception here. These components can acces
 parameter.
 
 - `BreadcrumbList`: renders a list of breadcrumb navigation items. Must be imported from `@stack-spot/portal-components/Breadcrumb`.
-- `StepContainer`, `TourProvider`, `TourStep`: components related to React Tour, i.e. the tutorial engine used by Stackspot. Must be imported
-from `@stack-spot/portal-components/Tour`.
 - `BannerWarning`: a yellow alert box with an exclamation icon and the content passed as parameter. Used for warning messages.
 - `ChatBot`: an orange circular button that can toggle the chat window from Service Now. The button has a chat icon when the window is
 closed and a close icon when it's open.
@@ -36,8 +34,6 @@ component that renders the HTML `<a>` tag directly. This is useful for integrati
 `@stack-spot/portal-components/anchor`.
 - `useKeyboardControls(options)`: creates listeners for controlling a Menu UI through the keyboard (up, down, tab, esc, enter).
 - `useServiceNowEffect(options)`, `useServiceNowChatButtonVisibility()`: Service Now hooks (chat capabilities).
-- `useTour()`: retrieves data related to the current step of React Tour (tutorial). Must be imported from
-`@stack-spot/portal-components/Tour`.
 
 ## SVG images
 Some SVG images are exported as React components at `@stack-spot/portal-components/svg`.

package/src/components/SelectionList.tsx

@@ -215,7 +215,7 @@ const SelectionBox = styled.div<{ $maxHeight: string, $scroll?: boolean }>`
 
 function renderAction({
   label, href, onClick, icon, iconRight, active, target, iconActive = <Check />,
-  className='', lang, hrefLang,
+  className = '', lang, hrefLang,
 }: ListAction, { onClose, Link }: RenderOptions) {
   function handleClick(event: React.MouseEvent) {
     onClick?.(event)
@@ -237,7 +237,7 @@ function renderAction({
   )
 }
 
-function renderCollapsible({ label, icon, iconRight, className='', children }: 
+function renderCollapsible({ label, icon, iconRight, className = '', children }:
   ListCollapsible, { setCurrent, controllerId, Link }: RenderOptions) {
   function handleClick(ev: React.MouseEvent) {
     // accessibility: this will tell the screen reader the section was expanded before this link is removed from the DOM.
@@ -314,15 +314,18 @@ export const SelectionList = ({
   }, [])
 
   useEffect(() => {
+    function removeListeners() {
+      detachKeyboardListeners()
+      document.removeEventListener('click', hide)
+    }
     if (visible) {
       setCurrent({ items })
       attachKeyboardListeners()
       if (onHide) setTimeout(() => document.addEventListener('click', hide), 50)
+    } else {
+      removeListeners()
     }
-    else {
-      detachKeyboardListeners()
-      document.removeEventListener('click', hide)
-    }
+    return () => removeListeners()
   }, [visible])
 
   return (

package/src/components/error/index.ts

@@ -1,3 +1,4 @@
-export { ErrorFeedback } from './ErrorFeedback'
+export { ErrorDescription, ErrorFeedback } from './ErrorFeedback'
 export { PageNotFound } from './NotFound'
 export { UnderMaintenance } from './UnderMaintenance'
+

package/src/hooks/date.ts

@@ -9,26 +9,6 @@ function formatDate(date: string, locale: Language, includeTime: boolean) {
     : format(new Date(date), `MMMM dd yyyy${time}`)
 }
 
-/**
- * @deprecated this hook is prone to errors due to how React Hooks work. Use `useDateFormatter()` instead.
- * @param date 
- * @returns the formatted date
- */
-export function useFormatDate(date?: string) {
-  const locale = useLanguage()
-  return date ? formatDate(date, locale, false) : undefined
-}
-
-/**
- * @deprecated this hook is prone to errors due to how React Hooks work. Use `useDateFormatter()` instead.
- * @param date 
- * @returns the formatted date with its time
- */
-export function useFormatDateWithTime(date?: string) {
-  const locale = useLanguage()
-  return date ? formatDate(date, locale, true) : undefined
-}
-
 /**
  * A utility for formatting dates.
  * @param date 

package/dist/components/Tour/StepContainer.d.ts

@@ -1,29 +0,0 @@
-import { ReactNode } from 'react';
-import { NavigationProps } from './StepNavigation.js';
-interface StepContainerProps {
-    children: ReactNode;
-    /**
-     * The unique identifier for the step.
-     */
-    stepKey: string;
-    /**
-     * The title for the step.
-     */
-    title: string;
-    /**
-     * The position of the tour overlay related to the content being explained.
-     */
-    position: PointingArrowPosition;
-    /**
-     * A customizable set of buttons for navigating the tour steps.
-     */
-    customNavigation?: Omit<NavigationProps, 'stepKey'>;
-}
-/**
- * Tutorial: the overlay component for showing a step on React Tour.
- * @param props the react props for the component {@link StepContainerProps}.
- */
-export declare const StepContainer: ({ title, stepKey, customNavigation, position, children }: StepContainerProps) => import("react/jsx-runtime").JSX.Element;
-export type PointingArrowPosition = 'right' | 'top' | 'left' | 'bottom';
-export {};
-//# sourceMappingURL=StepContainer.d.ts.map

package/dist/components/Tour/StepContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/StepContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAkB,MAAM,kBAAkB,CAAA;AAIlE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,qBAAqB,CAAC;IAChC;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;CACrD;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,6DAA8D,kBAAkB,4CAOzG,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAA"}

package/dist/components/Tour/StepContainer.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { theme } from '@stack-spot/portal-theme';
-import { styled } from 'styled-components';
-import { StepNavigation } from './StepNavigation.js';
-import { StepTitle } from './StepTitle.js';
-import { useTour } from './context.js';
-/**
- * Tutorial: the overlay component for showing a step on React Tour.
- * @param props the react props for the component {@link StepContainerProps}.
- */
-export const StepContainer = ({ title, stepKey, customNavigation, position, children }) => {
-    const { finishStep } = useTour();
-    return _jsxs(BoxWithPointingArrow, { "$position": position, children: [_jsx(StepTitle, { title: title, onClose: () => finishStep(stepKey) }), children, _jsx(StepNavigation, { stepKey: stepKey, ...(customNavigation || {}) })] });
-};
-const BoxWithPointingArrow = styled.div `
-  position: relative;
-  width: 100%;
-  background-color: ${theme.color.inverse[500]};
-  &::after {
-    content: '';
-    position: absolute;
-    border-width: 10px;
-    border-style: solid;
-    border-color: transparent;
-    margin-top: -5px;
-    border-right-color: ${theme.color.inverse[500]};
-    ${({ $position, $top }) => $position === 'right' ?
-    `
-      top: ${$top || '16px'};
-      left: -18px;
-    ` : ''}
-    ${({ $position, $right }) => $position === 'top' ?
-    `
-    bottom: 96%;
-    right: ${$right || '16px'};
-    transform: rotate(90deg);
-    ` : ''}
-    ${({ $position, $top }) => $position === 'left' ?
-    `
-      top: ${$top || '16px'};
-      right: -18px;
-      transform: rotate(180deg);
-    ` : ''}
-    ${({ $position, $right }) => $position === 'bottom' ?
-    `
-    top: -13px;
-    right: ${$right || '16px'};
-    transform: rotate(90deg);
-    ` : ''}
-  }
-`;
-//# sourceMappingURL=StepContainer.js.map

package/dist/components/Tour/StepContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepContainer.js","sourceRoot":"","sources":["../../../src/components/Tour/StepContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAmB,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAsBnC;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC5G,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,CAAA;IAChC,OAAO,MAAC,oBAAoB,iBAAY,QAAQ,aAC9C,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,GAAI,EAC9D,QAAQ,EACT,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,KAAM,CAAC,gBAAgB,IAAI,EAAE,CAAC,GAAI,IAC7C,CAAA;AACzB,CAAC,CAAA;AAID,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAInC;;;sBAGkB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;0BAQpB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;MAC5C,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC;IAClD;aACS,IAAI,IAAI,MAAM;;KAEtB,CAAC,CAAC,CAAC,EAAE;MACJ,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC;IAClD;;aAES,MAAM,IAAI,MAAM;;KAExB,CAAC,CAAC,CAAC,EAAE;MACJ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC;IACjD;aACS,IAAI,IAAI,MAAM;;;KAGtB,CAAC,CAAC,CAAC,EAAE;MACJ,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC;IACrD;;aAES,MAAM,IAAI,MAAM;;KAExB,CAAC,CAAC,CAAC,EAAE;;CAET,CAAA"}

package/dist/components/Tour/StepNavigation.d.ts

@@ -1,29 +0,0 @@
-import '@stack-spot/portal-theme/dist/theme.css';
-interface CustomNavigationButton {
-    /**
-     * The text content to render.
-     */
-    text: string;
-    onClick?: () => void;
-}
-export interface NavigationProps {
-    /**
-     * The unique identifier of the step.
-     */
-    stepKey: string;
-    /**
-     * The text and click handler for the button "next".
-     */
-    nextButton?: CustomNavigationButton;
-    /**
-     * The text and click handler for the button "previous".
-     */
-    prevButton?: CustomNavigationButton;
-}
-/**
- * Tutorial: the component in a React Tour overlay that shows the next and previous buttons (for step navigation).
- * @param props the react props for the component {@link NavigationProps}.
- */
-export declare const StepNavigation: ({ stepKey, nextButton, prevButton }: NavigationProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=StepNavigation.d.ts.map

package/dist/components/Tour/StepNavigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/StepNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,yCAAyC,CAAA;AAKhD,UAAU,sBAAsB;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,wCAAyC,eAAe,4CAuBlF,CAAA"}

package/dist/components/Tour/StepNavigation.js

@@ -1,38 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Button, Flex, Text } from '@citric/core';
-import '@stack-spot/portal-theme/dist/theme.css';
-import { useTranslate } from '@stack-spot/portal-translate';
-import { useTour } from './context.js';
-import { finishTourStep } from './utils.js';
-/**
- * Tutorial: the component in a React Tour overlay that shows the next and previous buttons (for step navigation).
- * @param props the react props for the component {@link NavigationProps}.
- */
-export const StepNavigation = ({ stepKey, nextButton, prevButton }) => {
-    const { currentStep, steps, nextStep, prevStep } = useTour();
-    const t = useTranslate(translations);
-    return _jsxs(Flex, { w: 12, px: 5, py: 2, mt: "-1px", bg: "inverse.500", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Text, { appearance: "microtext1", colorScheme: "inverse.contrastText", children: [currentStep + 1, " ", t.of, " ", steps.length] }), _jsxs(Flex, { sx: { gap: '8px' }, children: [currentStep >= 1 &&
-                        _jsx(Button, { sx: { paddingInline: '20px' }, onClick: () => {
-                                prevStep?.();
-                                prevButton?.onClick?.();
-                            }, size: "sm", appearance: "text", colorScheme: "light", children: prevButton?.text || t.back }), _jsx(Button, { sx: { paddingInline: '20px' }, onClick: () => {
-                            nextButton?.onClick?.();
-                            nextStep?.();
-                            finishTourStep(stepKey);
-                        }, size: "sm", colorScheme: "light", children: nextButton?.text || (currentStep < steps.length - 1 ? t.next : t.done) })] })] });
-};
-const translations = {
-    en: {
-        of: 'of',
-        back: 'Back',
-        next: 'Next',
-        done: 'Done',
-    },
-    pt: {
-        of: 'de',
-        back: 'Voltar',
-        next: 'Próximo',
-        done: 'Finalizado',
-    },
-};
-//# sourceMappingURL=StepNavigation.js.map

package/dist/components/Tour/StepNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepNavigation.js","sourceRoot":"","sources":["../../../src/components/Tour/StepNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,yCAAyC,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAyBxC;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAmB,EAAE,EAAE;IACrF,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAA;IAC5D,MAAM,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,CAAA;IAEpC,OAAO,MAAC,IAAI,IAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,aAAa,EAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC7G,MAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,WAAW,EAAC,sBAAsB,aAAE,WAAW,GAAG,CAAC,OAAG,CAAC,CAAC,EAAE,OAAG,KAAK,CAAC,MAAM,IAAQ,EAC/G,MAAC,IAAI,IAAC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,aACrB,WAAW,IAAI,CAAC;wBACf,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;gCACnD,QAAQ,EAAE,EAAE,CAAA;gCACZ,UAAU,EAAE,OAAO,EAAE,EAAE,CAAA;4BACzB,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,MAAM,EAAC,WAAW,EAAC,OAAO,YAC/C,UAAU,EAAE,IAAI,IAAI,CAAC,CAAC,IAAI,GACpB,EACX,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;4BACnD,UAAU,EAAE,OAAO,EAAE,EAAE,CAAA;4BACvB,QAAQ,EAAE,EAAE,CAAA;4BACZ,cAAc,CAAC,OAAO,CAAC,CAAA;wBACzB,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,YAC7B,UAAU,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAChE,IACJ,IACF,CAAA;AACT,CAAC,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE;QACF,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,EAAE,EAAE;QACF,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,YAAY;KACnB;CACF,CAAA"}

package/dist/components/Tour/StepTitle.d.ts

@@ -1,17 +0,0 @@
-interface StepTitleProps {
-    /**
-     * The step's title.
-     */
-    title: string;
-    /**
-     * A function to run once the step is closed.
-     */
-    onClose?: () => void;
-}
-/**
- * Tutorial: the component in a React Tour overlay that renders the title.
- * @param props the react props for the component {@link StepTitleProps}.
- */
-export declare const StepTitle: ({ title, onClose }: StepTitleProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=StepTitle.d.ts.map

package/dist/components/Tour/StepTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/StepTitle.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,uBAAwB,cAAc,4CAQnD,CAAA"}

package/dist/components/Tour/StepTitle.js

@@ -1,9 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Button, Flex, IconBox, Text } from '@citric/core';
-import { TimesMini } from '@citric/icons';
-/**
- * Tutorial: the component in a React Tour overlay that renders the title.
- * @param props the react props for the component {@link StepTitleProps}.
- */
-export const StepTitle = ({ title, onClose }) => _jsxs(Flex, { w: 12, pl: 5, py: 3, flexWrap: "nowrap", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Text, { appearance: "body2", colorScheme: "inverse.contrastText", weight: "medium", children: [" ", title, " "] }), _jsx(Button, { appearance: "text", size: "sm", onClick: () => onClose?.(), sx: { ':hover': { borderColor: 'transparent !important' } }, children: _jsx(IconBox, { size: "xs", colorIcon: "inverse.contrastText", children: _jsx(TimesMini, {}) }) })] });
-//# sourceMappingURL=StepTitle.js.map

package/dist/components/Tour/StepTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepTitle.js","sourceRoot":"","sources":["../../../src/components/Tour/StepTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAazC;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAkB,EAAE,EAAE,CAC9D,MAAC,IAAI,IAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC7F,MAAC,IAAI,IAAC,UAAU,EAAC,OAAO,EAAC,WAAW,EAAC,sBAAsB,EAAC,MAAM,EAAC,QAAQ,kBAAG,KAAK,SAAS,EAC5F,KAAC,MAAM,IAAC,UAAU,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,wBAAwB,EAAE,EAAE,YACzH,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,sBAAsB,YACjD,KAAC,SAAS,KAAG,GACL,GACH,IACJ,CAAA"}

package/dist/components/Tour/context.d.ts

@@ -1,28 +0,0 @@
-import { ReactNode } from 'react';
-import { ReactourProps } from 'reactour';
-type TourConfig = Omit<ReactourProps, 'children'>;
-/**
- * Tutorial: the default configuration for a React Tour.
- */
-export declare const defaultTourConfig: TourConfig;
-/**
- * Tutorial: provides the configuration for React Tour.
- * @param props the configuration for the tour and the content to render.
- */
-export declare const TourProvider: ({ config, children }: {
-    config: TourConfig;
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-/**
- * Tutorial: retrieves data related to the current step of React Tour.
- * @returns an object with all the information related to the steps of React Tour.
- */
-export declare const useTour: () => {
-    currentStep: number;
-    nextStep: (() => void) | undefined;
-    prevStep: (() => void) | undefined;
-    steps: import("reactour").ReactourStep[];
-    finishStep: (stepKey: string) => void;
-};
-export {};
-//# sourceMappingURL=context.d.ts.map

package/dist/components/Tour/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuC,MAAM,OAAO,CAAA;AACtE,OAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG9C,KAAK,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;AAEjD;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAU9B,CAAA;AAOF;;;GAGG;AACH,eAAO,MAAM,YAAY,yBAA0B;IAAE,MAAM,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAkB7F,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;0BAOM,MAAM;CAK/B,CAAA"}

package/dist/components/Tour/context.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useState } from 'react';
-import Tour from 'reactour';
-import { finishTourStep } from './utils.js';
-/**
- * Tutorial: the default configuration for a React Tour.
- */
-export const defaultTourConfig = Object.freeze({
-    steps: [],
-    isOpen: true,
-    onRequestClose: () => '',
-    showButtons: false,
-    showNavigation: false,
-    showNavigationNumber: false,
-    showNumber: false,
-    showCloseButton: false,
-    disableFocusLock: true,
-});
-const TourContext = createContext({
-    tourConfig: defaultTourConfig,
-    currentStep: 0,
-});
-/**
- * Tutorial: provides the configuration for React Tour.
- * @param props the configuration for the tour and the content to render.
- */
-export const TourProvider = ({ config, children }) => {
-    const [currentStep, setCurrentStep] = useState(0);
-    const tourConfig = {
-        ...config,
-        goToStep: currentStep,
-        update: `${currentStep}`,
-        nextStep: () => setCurrentStep(currentStep + 1),
-        prevStep: () => setCurrentStep(currentStep - 1),
-        isOpen: !!config.steps.length && (currentStep < config.steps.length),
-    };
-    return _jsxs(TourContext.Provider, { value: {
-            currentStep,
-            tourConfig,
-        }, children: [_jsx(Tour, { ...tourConfig }), children] });
-};
-/**
- * Tutorial: retrieves data related to the current step of React Tour.
- * @returns an object with all the information related to the steps of React Tour.
- */
-export const useTour = () => {
-    const { currentStep, tourConfig: { nextStep, prevStep, steps } } = useContext(TourContext);
-    return {
-        currentStep,
-        nextStep,
-        prevStep,
-        steps,
-        finishStep: (stepKey) => {
-            finishTourStep(stepKey);
-            nextStep?.();
-        },
-    };
-};
-//# sourceMappingURL=context.js.map

package/dist/components/Tour/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/Tour/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,IAAuB,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAIxC;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAe,MAAM,CAAC,MAAM,CAAC;IACzD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,GAAG,EAAE,CAAC,EAAE;IACxB,WAAW,EAAE,KAAK;IAClB,cAAc,EAAE,KAAK;IACrB,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE,KAAK;IACjB,eAAe,EAAE,KAAK;IACtB,gBAAgB,EAAE,IAAI;CACvB,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,aAAa,CAAkD;IACjF,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,CAAC;CACf,CAAC,CAAA;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAA+C,EAAE,EAAE;IAChG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IACzD,MAAM,UAAU,GAAe;QAC7B,GAAG,MAAM;QACT,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,GAAG,WAAW,EAAE;QACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC;QAC/C,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC;QAC/C,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;KACrE,CAAA;IAED,OAAO,MAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE;YAClC,WAAW;YACX,UAAU;SACX,aACC,KAAC,IAAI,OAAK,UAAU,GAAI,EACvB,QAAQ,IACY,CAAA;AACzB,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC1F,OAAO;QACL,WAAW;QACX,QAAQ;QACR,QAAQ;QACR,KAAK;QACL,UAAU,EAAE,CAAC,OAAe,EAAE,EAAE;YAC9B,cAAc,CAAC,OAAO,CAAC,CAAA;YACvB,QAAQ,EAAE,EAAE,CAAA;QACd,CAAC;KACF,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,9 +0,0 @@
-import { ReactourProps, ReactourStep } from 'reactour';
-export { StepContainer } from './StepContainer.js';
-export { TourProvider, defaultTourConfig, useTour } from './context.js';
-export { hasFinishedTourStep, isNewTourStep, tourStepBuilder } from './utils.js';
-export { ReactourStep as TourStep };
-export type TourProps = Partial<Omit<ReactourProps, 'children'>> & {
-    steps: ReactourStep[];
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Tour/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,CAAA;AACnC,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAAA"}

package/dist/components/Tour/index.js

@@ -1,4 +0,0 @@
-export { StepContainer } from './StepContainer.js';
-export { TourProvider, defaultTourConfig, useTour } from './context.js';
-export { hasFinishedTourStep, isNewTourStep, tourStepBuilder } from './utils.js';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tour/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Tour/utils.d.ts

@@ -1,51 +0,0 @@
-import { ReactNode } from 'react';
-import { ReactourStep } from 'reactour';
-import { NavigationProps } from './StepNavigation.js';
-/**
- * Tutorial: marks the tour step as finished. This sets a cookie, preventing the tour from showing again.
- * @param key the identifier for the step to mark as finished.
- */
-export declare const finishTourStep: (key: string) => void;
-/**
- * Tutorial: verifies if the React Tour step has not finished yet.
- *
- * A step has not finished if the array stored as a cookie doesn't include the string value of `step.selector`.
- * @param step the step config.
- * @returns true if the step has not yet been marked as finished. False otherwise.
- */
-export declare const isNewTourStep: (step: ReactourStep) => boolean;
-/**
- * Tutorial: verifies if the key passed as parameter refers to a React Tour step that has already finished.
- *
- * The key refers to a finished step if the array stored as a cookie includes it.
- * If the cookie is set to 'disabled', then the step will be considered finished.Particularly useful in scenarios like e2e tests.
- * @param key the step's identifier to check.
- * @returns true if the key refers to a finished step. False otherwise.
- */
-export declare const hasFinishedTourStep: (key: string) => boolean;
-interface StackspotTourStep extends ReactourStep {
-    /**
-     * The step's title.
-     */
-    title: string;
-    /**
-     * The unique identifier for the step (key).
-     */
-    selector: string;
-    /**
-     * The step's content.
-     */
-    content: ReactNode;
-    /**
-     * A set of properties for customizing the next and previous buttons.
-     */
-    customNavigation?: NavigationProps;
-}
-/**
- * Tutorial: utility for building a React Tour step. This already includes some default configuration for tours in Stackspot.
- * @param options the options for building the step: {@link StackspotTourStep}.
- * @returns the React Tour step.
- */
-export declare const tourStepBuilder: ({ selector, position, title, content, style, customNavigation, ...rest }: StackspotTourStep) => ReactourStep;
-export {};
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/Tour/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/utils.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGvC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAYlD;;;GAGG;AACH,eAAO,MAAM,cAAc,QAAS,MAAM,SAIzC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,SAAU,YAAY,YAA6C,CAAA;AAE7F;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,QAAS,MAAM,YAG9C,CAAA;AAED,UAAU,iBAAkB,SAAQ,YAAY;IAC9C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,CAAC;CACpC;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,6EAQzB,iBAAiB,KAAG,YAkBrB,CAAA"}

package/dist/components/Tour/utils.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { theme } from '@stack-spot/portal-theme';
-import { getCookie, setCookie } from '../../utils/cookie.js';
-import { StepContainer } from './StepContainer.js';
-const TOUR_COOKIE = 'guided-tour-global';
-const defaultExpires = new Date();
-defaultExpires.setFullYear(new Date().getFullYear() + 1);
-const getTourCookie = () => {
-    const currentTourObject = getCookie(TOUR_COOKIE);
-    return currentTourObject ? currentTourObject.split(',') : [];
-};
-/**
- * Tutorial: marks the tour step as finished. This sets a cookie, preventing the tour from showing again.
- * @param key the identifier for the step to mark as finished.
- */
-export const finishTourStep = (key) => {
-    const finishedTours = getTourCookie();
-    if (!finishedTours.includes(key))
-        finishedTours.push(key);
-    setCookie(TOUR_COOKIE, finishedTours.toString(), { expires: defaultExpires.toUTCString() });
-};
-/**
- * Tutorial: verifies if the React Tour step has not finished yet.
- *
- * A step has not finished if the array stored as a cookie doesn't include the string value of `step.selector`.
- * @param step the step config.
- * @returns true if the step has not yet been marked as finished. False otherwise.
- */
-export const isNewTourStep = (step) => !hasFinishedTourStep(`${step.selector}`);
-/**
- * Tutorial: verifies if the key passed as parameter refers to a React Tour step that has already finished.
- *
- * The key refers to a finished step if the array stored as a cookie includes it.
- * If the cookie is set to 'disabled', then the step will be considered finished.Particularly useful in scenarios like e2e tests.
- * @param key the step's identifier to check.
- * @returns true if the key refers to a finished step. False otherwise.
- */
-export const hasFinishedTourStep = (key) => {
-    const tourCookie = getTourCookie();
-    return tourCookie.includes(key) || tourCookie[0] === 'disabled';
-};
-/**
- * Tutorial: utility for building a React Tour step. This already includes some default configuration for tours in Stackspot.
- * @param options the options for building the step: {@link StackspotTourStep}.
- * @returns the React Tour step.
- */
-export const tourStepBuilder = ({ selector, position, title, content, style, customNavigation, ...rest }) => ({
-    selector,
-    content: (_jsx(StepContainer, { stepKey: selector, position: position, title: title, customNavigation: customNavigation, children: content })),
-    position,
-    style: {
-        backgroundColor: theme.color.inverse[500],
-        width: '256px',
-        padding: 0,
-        top: ['right', 'left'].includes(position) ? '-3px' : '0',
-        ...(style || {}),
-    },
-    ...(rest || {}),
-});
-//# sourceMappingURL=utils.js.map

package/dist/components/Tour/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Tour/utils.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAGhD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAyB,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAGtE,MAAM,WAAW,GAAG,oBAAoB,CAAA;AAExC,MAAM,cAAc,GAAG,IAAI,IAAI,EAAE,CAAA;AACjC,cAAc,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAA;AAExD,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,iBAAiB,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;IAChD,OAAO,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;AAC9D,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,EAAE;IAC5C,MAAM,aAAa,GAAa,aAAa,EAAE,CAAA;IAC/C,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC;QAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACzD,SAAS,CAAC,WAAW,EAAE,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;AAC7F,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;AAE7F;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,EAAE;IACjD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAA;AACjE,CAAC,CAAA;AAqBD;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,GAAG,IAAI,EACW,EAAgB,EAAE,CAAC,CAAC;IACtC,QAAQ;IACR,OAAO,EAAE,CAAC,KAAC,aAAa,IACtB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAiC,EAC3C,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,YACjC,OAAO,GACM,CAAC;IACjB,QAAQ;IACR,KAAK,EAAE;QACL,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACzC,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,CAAC;QACV,GAAG,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,QAAiC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG;QACjF,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC;KACjB;IACD,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;CAChB,CAAC,CAAA"}

package/src/components/Tour/StepContainer.tsx

@@ -1,83 +0,0 @@
-import { theme } from '@stack-spot/portal-theme'
-import { ReactNode } from 'react'
-import { styled } from 'styled-components'
-import { NavigationProps, StepNavigation } from './StepNavigation'
-import { StepTitle } from './StepTitle'
-import { useTour } from './context'
-
-interface StepContainerProps {
-  children: ReactNode,
-  /**
-   * The unique identifier for the step.
-   */
-  stepKey: string,
-  /**
-   * The title for the step.
-   */
-  title: string,
-  /**
-   * The position of the tour overlay related to the content being explained.
-   */
-  position: PointingArrowPosition,
-  /**
-   * A customizable set of buttons for navigating the tour steps.
-   */
-  customNavigation?: Omit<NavigationProps, 'stepKey'>,
-}
-
-/**
- * Tutorial: the overlay component for showing a step on React Tour.
- * @param props the react props for the component {@link StepContainerProps}.
- */
-export const StepContainer = ({ title, stepKey, customNavigation, position, children }: StepContainerProps) => {
-  const { finishStep } = useTour()
-  return <BoxWithPointingArrow $position={position}>
-    <StepTitle title={title} onClose={() => finishStep(stepKey)} />
-    {children}
-    <StepNavigation stepKey={stepKey} {...(customNavigation || {})} />
-  </BoxWithPointingArrow>
-}
-
-export type PointingArrowPosition = 'right' | 'top' | 'left' | 'bottom'
-
-const BoxWithPointingArrow = styled.div < {
-  $position: PointingArrowPosition,
-  $top?: string,
-  $right?: string,
-} > `
-  position: relative;
-  width: 100%;
-  background-color: ${theme.color.inverse[500]};
-  &::after {
-    content: '';
-    position: absolute;
-    border-width: 10px;
-    border-style: solid;
-    border-color: transparent;
-    margin-top: -5px;
-    border-right-color: ${theme.color.inverse[500]};
-    ${({ $position, $top }) => $position === 'right' ?
-    `
-      top: ${$top || '16px'};
-      left: -18px;
-    ` : ''}
-    ${({ $position, $right }) => $position === 'top' ?
-    `
-    bottom: 96%;
-    right: ${$right || '16px'};
-    transform: rotate(90deg);
-    ` : ''}
-    ${({ $position, $top }) => $position === 'left' ?
-    `
-      top: ${$top || '16px'};
-      right: -18px;
-      transform: rotate(180deg);
-    ` : ''}
-    ${({ $position, $right }) => $position === 'bottom' ?
-    `
-    top: -13px;
-    right: ${$right || '16px'};
-    transform: rotate(90deg);
-    ` : ''}
-  }
-`

package/src/components/Tour/StepNavigation.tsx

@@ -1,72 +0,0 @@
-import { Button, Flex, Text } from '@citric/core'
-import '@stack-spot/portal-theme/dist/theme.css'
-import { useTranslate } from '@stack-spot/portal-translate'
-import { useTour } from './context'
-import { finishTourStep } from './utils'
-
-interface CustomNavigationButton {
-  /**
-   * The text content to render.
-   */
-  text: string,
-  onClick?: () => void,
-}
-
-export interface NavigationProps {
-  /**
-   * The unique identifier of the step.
-   */
-  stepKey: string,
-  /**
-   * The text and click handler for the button "next".
-   */
-  nextButton?: CustomNavigationButton,
-  /**
-   * The text and click handler for the button "previous".
-   */
-  prevButton?: CustomNavigationButton,
-}
-
-/**
- * Tutorial: the component in a React Tour overlay that shows the next and previous buttons (for step navigation).
- * @param props the react props for the component {@link NavigationProps}.
- */
-export const StepNavigation = ({ stepKey, nextButton, prevButton }: NavigationProps) => {
-  const { currentStep, steps, nextStep, prevStep } = useTour()
-  const t = useTranslate(translations)
-
-  return <Flex w={12} px={5} py={2} mt="-1px" bg="inverse.500" justifyContent="space-between" alignItems="center">
-    <Text appearance="microtext1" colorScheme="inverse.contrastText">{currentStep + 1} {t.of} {steps.length}</Text>
-    <Flex sx={{ gap: '8px' }}>
-      {currentStep >= 1 &&
-        <Button sx={{ paddingInline: '20px' }} onClick={() => {
-          prevStep?.()
-          prevButton?.onClick?.()
-        }} size="sm" appearance="text" colorScheme="light">
-          {prevButton?.text || t.back}
-        </Button>}
-      <Button sx={{ paddingInline: '20px' }} onClick={() => {
-        nextButton?.onClick?.()
-        nextStep?.()
-        finishTourStep(stepKey)
-      }} size="sm" colorScheme="light">
-        {nextButton?.text || (currentStep < steps.length - 1 ? t.next : t.done)}
-      </Button>
-    </Flex>
-  </Flex>
-}
-
-const translations = {
-  en: {
-    of: 'of', 
-    back: 'Back', 
-    next: 'Next', 
-    done: 'Done',
-  }, 
-  pt: { 
-    of: 'de', 
-    back: 'Voltar', 
-    next: 'Próximo', 
-    done: 'Finalizado',
-  },
-}

package/src/components/Tour/StepTitle.tsx

@@ -1,27 +0,0 @@
-import { Button, Flex, IconBox, Text } from '@citric/core'
-import { TimesMini } from '@citric/icons'
-
-interface StepTitleProps {
-  /**
-   * The step's title.
-   */
-  title: string,
-  /**
-   * A function to run once the step is closed.
-   */
-  onClose?: () => void,
-}
-
-/**
- * Tutorial: the component in a React Tour overlay that renders the title.
- * @param props the react props for the component {@link StepTitleProps}.
- */
-export const StepTitle = ({ title, onClose }: StepTitleProps) =>
-  <Flex w={12} pl={5} py={3} flexWrap="nowrap" justifyContent="space-between" alignItems="center">
-    <Text appearance="body2" colorScheme="inverse.contrastText" weight="medium"> {title} </Text>
-    <Button appearance="text" size="sm" onClick={() => onClose?.()} sx={{ ':hover': { borderColor: 'transparent !important' } }}>
-      <IconBox size="xs" colorIcon="inverse.contrastText">
-        <TimesMini />
-      </IconBox>
-    </Button>
-  </Flex>

package/src/components/Tour/context.tsx

@@ -1,67 +0,0 @@
-import { ReactNode, createContext, useContext, useState } from 'react'
-import Tour, { ReactourProps } from 'reactour'
-import { finishTourStep } from './utils'
-
-type TourConfig = Omit<ReactourProps, 'children'>
-
-/**
- * Tutorial: the default configuration for a React Tour.
- */
-export const defaultTourConfig: TourConfig = Object.freeze({
-  steps: [],
-  isOpen: true,
-  onRequestClose: () => '',
-  showButtons: false,
-  showNavigation: false,
-  showNavigationNumber: false,
-  showNumber: false,
-  showCloseButton: false,
-  disableFocusLock: true,
-})
-
-const TourContext = createContext<{ tourConfig: TourConfig, currentStep: number }>({
-  tourConfig: defaultTourConfig,
-  currentStep: 0,
-})
-
-/**
- * Tutorial: provides the configuration for React Tour.
- * @param props the configuration for the tour and the content to render.
- */
-export const TourProvider = ({ config, children }: { config: TourConfig, children: ReactNode }) => {
-  const [currentStep, setCurrentStep] = useState<number>(0)
-  const tourConfig: TourConfig = {
-    ...config,
-    goToStep: currentStep,
-    update: `${currentStep}`,
-    nextStep: () => setCurrentStep(currentStep + 1),
-    prevStep: () => setCurrentStep(currentStep - 1),
-    isOpen: !!config.steps.length && (currentStep < config.steps.length),
-  }
-
-  return <TourContext.Provider value={{
-    currentStep,
-    tourConfig,
-  }}>
-    <Tour {...tourConfig} />
-    {children}
-  </TourContext.Provider>
-}
-
-/**
- * Tutorial: retrieves data related to the current step of React Tour.
- * @returns an object with all the information related to the steps of React Tour.
- */
-export const useTour = () => {
-  const { currentStep, tourConfig: { nextStep, prevStep, steps } } = useContext(TourContext)
-  return {
-    currentStep,
-    nextStep,
-    prevStep,
-    steps,
-    finishStep: (stepKey: string) => {
-      finishTourStep(stepKey)
-      nextStep?.()
-    },
-  }
-}

package/src/components/Tour/index.ts

@@ -1,7 +0,0 @@
-import { ReactourProps, ReactourStep } from 'reactour'
-
-export { StepContainer } from './StepContainer'
-export { TourProvider, defaultTourConfig, useTour } from './context'
-export { hasFinishedTourStep, isNewTourStep, tourStepBuilder } from './utils'
-export { ReactourStep as TourStep }
-export type TourProps = Partial<Omit<ReactourProps, 'children'>> & { steps: ReactourStep[] }

package/src/components/Tour/utils.tsx

@@ -1,100 +0,0 @@
-import { theme } from '@stack-spot/portal-theme'
-import { ReactNode } from 'react'
-import { ReactourStep } from 'reactour'
-import { getCookie, setCookie } from '../../utils/cookie'
-import { PointingArrowPosition, StepContainer } from './StepContainer'
-import { NavigationProps } from './StepNavigation'
-
-const TOUR_COOKIE = 'guided-tour-global'
-
-const defaultExpires = new Date()
-defaultExpires.setFullYear(new Date().getFullYear() + 1)
-
-const getTourCookie = () => {
-  const currentTourObject = getCookie(TOUR_COOKIE)
-  return currentTourObject ? currentTourObject.split(',') : []
-}
-
-/**
- * Tutorial: marks the tour step as finished. This sets a cookie, preventing the tour from showing again.
- * @param key the identifier for the step to mark as finished.
- */
-export const finishTourStep = (key: string) => {
-  const finishedTours: string[] = getTourCookie()
-  if (!finishedTours.includes(key)) finishedTours.push(key)
-  setCookie(TOUR_COOKIE, finishedTours.toString(), { expires: defaultExpires.toUTCString() })
-}
-
-/**
- * Tutorial: verifies if the React Tour step has not finished yet.
- * 
- * A step has not finished if the array stored as a cookie doesn't include the string value of `step.selector`.
- * @param step the step config.
- * @returns true if the step has not yet been marked as finished. False otherwise.
- */
-export const isNewTourStep = (step: ReactourStep) => !hasFinishedTourStep(`${step.selector}`)
-
-/**
- * Tutorial: verifies if the key passed as parameter refers to a React Tour step that has already finished.
- * 
- * The key refers to a finished step if the array stored as a cookie includes it.
- * If the cookie is set to 'disabled', then the step will be considered finished.Particularly useful in scenarios like e2e tests.
- * @param key the step's identifier to check.
- * @returns true if the key refers to a finished step. False otherwise.
- */
-export const hasFinishedTourStep = (key: string) => {
-  const tourCookie = getTourCookie()
-  return tourCookie.includes(key) || tourCookie[0] === 'disabled'
-}
-
-interface StackspotTourStep extends ReactourStep {
-  /**
-   * The step's title.
-   */
-  title: string,
-  /**
-   * The unique identifier for the step (key).
-   */
-  selector: string,
-  /**
-   * The step's content.
-   */
-  content: ReactNode,
-  /**
-   * A set of properties for customizing the next and previous buttons.
-   */
-  customNavigation?: NavigationProps,
-}
-
-/**
- * Tutorial: utility for building a React Tour step. This already includes some default configuration for tours in Stackspot.
- * @param options the options for building the step: {@link StackspotTourStep}. 
- * @returns the React Tour step.
- */
-export const tourStepBuilder = ({
-  selector,
-  position,
-  title,
-  content,
-  style,
-  customNavigation,
-  ...rest
-}: StackspotTourStep): ReactourStep => ({
-  selector,
-  content: (<StepContainer
-    stepKey={selector}
-    position={position as PointingArrowPosition}
-    title={title}
-    customNavigation={customNavigation}>
-    {content}
-  </StepContainer>),
-  position,
-  style: {
-    backgroundColor: theme.color.inverse[500],
-    width: '256px',
-    padding: 0,
-    top: ['right', 'left'].includes(position as PointingArrowPosition) ? '-3px' : '0',
-    ...(style || {}),
-  },
-  ...(rest || {}),
-})