@trilogy-ds/react 4.0.6 → 4.0.7-SC-beta-1

package/lib/components/pagination/hooks/usePagination.js

@@ -0,0 +1,77 @@
+import { __read, __spreadArray } from "tslib";
+import React from 'react';
+export var usePagination = function (_a) {
+    var defaultPage = _a.defaultPage, onClick = _a.onClick, length = _a.length;
+    try {
+        var _b = __read(React.useState(defaultPage), 2), currentPage_1 = _b[0], setCurrentPage_1 = _b[1];
+        var prevCurrentPage_1 = React.useRef(currentPage_1);
+        var pager_1 = React.useMemo(function () {
+            return calcPager(currentPage_1, length);
+        }, [currentPage_1, length]);
+        var handleClickPrev = React.useCallback(function () {
+            if (currentPage_1 !== 1)
+                setCurrentPage_1(currentPage_1 - 1);
+        }, [currentPage_1]);
+        var handleClickNext = React.useCallback(function () {
+            if (currentPage_1 !== Math.max(length))
+                setCurrentPage_1(currentPage_1 + 1);
+        }, [currentPage_1]);
+        var handleClickPage = React.useCallback(function (pageNumber) {
+            setCurrentPage_1(pageNumber);
+        }, []);
+        React.useEffect(function () {
+            if (onClick && prevCurrentPage_1.current !== pager_1.currentPage) {
+                onClick(pager_1);
+            }
+            setCurrentPage_1(pager_1.currentPage);
+            prevCurrentPage_1.current = pager_1.currentPage;
+        }, [pager_1.currentPage]);
+        return {
+            currentPage: currentPage_1,
+            handleClickNext: handleClickNext,
+            handleClickPage: handleClickPage,
+            handleClickPrev: handleClickPrev,
+            pager: pager_1,
+        };
+    }
+    catch (_c) {
+        return {
+            currentPage: defaultPage,
+            pager: calcPager(defaultPage, length),
+        };
+    }
+};
+var calcPager = function (currentPage, length) {
+    var startPage = 1;
+    var endPage = 5;
+    if (length <= 5) {
+        // less than pageSize(default is 5) total pages so show all
+        startPage = 1;
+        endPage = length;
+    }
+    else {
+        // more than 3 total pages so calculate start and end pages
+        if (currentPage <= 3) {
+            startPage = 1;
+            endPage = 4;
+        }
+        else if (currentPage + 3 >= length) {
+            startPage = length - 3;
+            endPage = length;
+        }
+        else {
+            startPage = currentPage - 1;
+            endPage = currentPage + 1;
+        }
+    }
+    // Create an array of pages
+    var pages = __spreadArray([], __read(Array(endPage + 1 - startPage).keys()), false).map(function (i) { return startPage + i; });
+    // Set pager object
+    return {
+        currentPage: currentPage,
+        length: length,
+        endPage: endPage,
+        pages: pages,
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9ob29rcy91c2VQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBUXpCLE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBQXdDO1FBQXRDLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUE7SUFDMUQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsQ0FBQyxJQUFBLEVBQWxFLGFBQVcsUUFBQSxFQUFFLGdCQUFjLFFBQXVDLENBQUE7UUFDekUsSUFBTSxpQkFBZSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQVMsYUFBVyxDQUFDLENBQUE7UUFFekQsSUFBTSxPQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBUTtZQUNqQyxPQUFPLFNBQVMsQ0FBQyxhQUFXLEVBQUUsTUFBTSxDQUFDLENBQUE7UUFDdkMsQ0FBQyxFQUFFLENBQUMsYUFBVyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUE7UUFFekIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZQUN4QyxJQUFJLGFBQVcsS0FBSyxDQUFDO2dCQUFFLGdCQUFjLENBQUMsYUFBVyxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ3hELENBQUMsRUFBRSxDQUFDLGFBQVcsQ0FBQyxDQUFDLENBQUE7UUFFakIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZQUN4QyxJQUFJLGFBQVcsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQztnQkFBRSxnQkFBYyxDQUFDLGFBQVcsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUN2RSxDQUFDLEVBQUUsQ0FBQyxhQUFXLENBQUMsQ0FBQyxDQUFBO1FBRWpCLElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsVUFBQyxVQUFrQjtZQUMzRCxnQkFBYyxDQUFDLFVBQVUsQ0FBQyxDQUFBO1FBQzVCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtRQUVOLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxJQUFJLE9BQU8sSUFBSSxpQkFBZSxDQUFDLE9BQU8sS0FBSyxPQUFLLENBQUMsV0FBVyxFQUFFO2dCQUM1RCxPQUFPLENBQUMsT0FBSyxDQUFDLENBQUE7YUFDZjtZQUNELGdCQUFjLENBQUMsT0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFBO1lBQ2pDLGlCQUFlLENBQUMsT0FBTyxHQUFHLE9BQUssQ0FBQyxXQUFXLENBQUE7UUFDN0MsQ0FBQyxFQUFFLENBQUMsT0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7UUFFdkIsT0FBTztZQUNMLFdBQVcsZUFBQTtZQUNYLGVBQWUsaUJBQUE7WUFDZixlQUFlLGlCQUFBO1lBQ2YsZUFBZSxpQkFBQTtZQUNmLEtBQUssU0FBQTtTQUNOLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsV0FBVyxFQUFFLFdBQVc7WUFDeEIsS0FBSyxFQUFFLFNBQVMsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDO1NBQ3RDLENBQUE7S0FDRjtBQUNILENBQUMsQ0FBQTtBQUVELElBQU0sU0FBUyxHQUFHLFVBQUMsV0FBbUIsRUFBRSxNQUFjO0lBQ3BELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUE7SUFFZixJQUFJLE1BQU0sSUFBSSxDQUFDLEVBQUU7UUFDZiwyREFBMkQ7UUFDM0QsU0FBUyxHQUFHLENBQUMsQ0FBQTtRQUNiLE9BQU8sR0FBRyxNQUFNLENBQUE7S0FDakI7U0FBTTtRQUNMLDJEQUEyRDtRQUMzRCxJQUFJLFdBQVcsSUFBSSxDQUFDLEVBQUU7WUFDcEIsU0FBUyxHQUFHLENBQUMsQ0FBQTtZQUNiLE9BQU8sR0FBRyxDQUFDLENBQUE7U0FDWjthQUFNLElBQUksV0FBVyxHQUFHLENBQUMsSUFBSSxNQUFNLEVBQUU7WUFDcEMsU0FBUyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUE7WUFDdEIsT0FBTyxHQUFHLE1BQU0sQ0FBQTtTQUNqQjthQUFNO1lBQ0wsU0FBUyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7WUFDM0IsT0FBTyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDMUI7S0FDRjtJQUVELDJCQUEyQjtJQUMzQixJQUFNLEtBQUssR0FBRyx5QkFBSSxLQUFLLENBQUMsT0FBTyxHQUFHLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsVUFBRSxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxTQUFTLEdBQUcsQ0FBQyxFQUFiLENBQWEsQ0FBQyxDQUFBO0lBRWxGLG1CQUFtQjtJQUNuQixPQUFPO1FBQ0wsV0FBVyxhQUFBO1FBQ1gsTUFBTSxRQUFBO1FBQ04sT0FBTyxTQUFBO1FBQ1AsS0FBSyxPQUFBO0tBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQSJ9

package/lib/components/pagination/index.d.ts

@@ -1,3 +1,3 @@
-import Pagination from './Pagination';
+import Pagination from '../../components/pagination/Pagination';
+export * from '../../components/pagination/PaginationEnum';
 export { Pagination };
-export * from './PaginationEnum';

package/lib/components/pagination/index.js

@@ -1,4 +1,4 @@
-import Pagination from './Pagination';
+import Pagination from '../../components/pagination/Pagination';
+export * from '../../components/pagination/PaginationEnum';
 export { Pagination };
-export * from './PaginationEnum';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sY0FBYyxDQUFBO0FBRXJDLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQTtBQUVyQixjQUFjLGtCQUFrQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sb0NBQW9DLENBQUE7QUFFM0QsY0FBYyx3Q0FBd0MsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLENBQUEifQ==

package/lib/components/popover/Popover.js

@@ -1,9 +1,8 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { is } from '../../services/classify';
 import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../context/index';
+import * as React from 'react';
 /**
  * Popover Component
  * @param children {ReactNode} Popover children
@@ -17,11 +16,10 @@ import { useTrilogyContext } from '../../context/index';
  */
 var Popover = function (_a) {
     var className = _a.className, id = _a.id, direction = _a.direction, children = _a.children, active = _a.active, arrowPosition = _a.arrowPosition, trigger = _a.trigger, others = __rest(_a, ["className", "id", "direction", "children", "active", "arrowPosition", "trigger"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('popover', direction && is("popover-".concat(direction)), active && is('popover-active'), arrowPosition && is("arrow-".concat(arrowPosition)), className));
+    var classes = hashClass(clsx('popover', direction && is("popover-".concat(direction)), active && is('popover-active'), arrowPosition && is("arrow-".concat(arrowPosition)), className));
     return (React.createElement("div", __assign({ id: id, className: classes }, others),
-        React.createElement("div", { className: hashClass(styled, 'popover-content') }, children),
+        React.createElement("div", { className: hashClass('popover-content') }, children),
         trigger && trigger));
 };
 export default Popover;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFTa0I7SUFSaEIsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixhQUFhLG1CQUFBLEVBQ2IsT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVJYLGtGQVNDLENBRFU7SUFFbEIsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLElBQUksRUFBRSxDQUFDLGtCQUFXLFNBQVMsQ0FBRSxDQUFDLEVBQ3ZDLE1BQU0sSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsRUFDOUIsYUFBYSxJQUFJLEVBQUUsQ0FBQyxnQkFBUyxhQUFhLENBQUUsQ0FBQyxFQUM3QyxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3pDLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLGlCQUFpQixDQUFDLElBQUcsUUFBUSxDQUFPO1FBQ3JFLE9BQU8sSUFBSSxPQUFPLENBQ2YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFTQztJQVJoQixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLGFBQWEsbUJBQUEsRUFDYixPQUFPLGFBQUEsRUFDSixNQUFNLGNBUk0sa0ZBU2hCLENBRFU7SUFFVCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLElBQUksQ0FDRixTQUFTLEVBQ1QsU0FBUyxJQUFJLEVBQUUsQ0FBQyxrQkFBVyxTQUFTLENBQUUsQ0FBQyxFQUN2QyxNQUFNLElBQUksRUFBRSxDQUFDLGdCQUFnQixDQUFDLEVBQzlCLGFBQWEsSUFBSSxFQUFFLENBQUMsZ0JBQVMsYUFBYSxDQUFFLENBQUMsRUFDN0MsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN6Qyw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLGlCQUFpQixDQUFDLElBQUcsUUFBUSxDQUFPO1FBQzdELE9BQU8sSUFBSSxPQUFPLENBQ2YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/price/Price.js

@@ -1,5 +1,4 @@
 import { __assign, __rest } from "tslib";
-import { useTrilogyContext } from '../../context';
 import { hashClass } from '../../helpers';
 import { Alignable } from '../../objects';
 import { has, is } from '../../services/classify';
@@ -28,9 +27,8 @@ import { checkCents } from './PriceHelpers';
 var Price = function (_a) {
     var _b, _c;
     var className = _a.className, id = _a.id, amount = _a.amount, mention = _a.mention, period = _a.period, _d = _a.hideCents, hideCents = _d === void 0 ? false : _d, level = _a.level, inverted = _a.inverted, align = _a.align, accessibilityLabel = _a.accessibilityLabel, oldAmount = _a.oldAmount, overline = _a.overline, others = __rest(_a, ["className", "id", "amount", "mention", "period", "hideCents", "level", "inverted", "align", "accessibilityLabel", "oldAmount", "overline"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('price', inverted && is('inverted'), overline && has('suptitle'), className));
-    var classesStrike = hashClass(styled, clsx('price', inverted && is('inverted'), oldAmount && 'strike', overline && has('suptitle'), className));
+    var classes = hashClass(clsx('price', inverted && is('inverted'), overline && has('suptitle'), className));
+    var classesStrike = hashClass(clsx('price', inverted && is('inverted'), oldAmount && 'strike', overline && has('suptitle'), className));
     var amountComponent = null;
     var oldAmountComponent = null;
     var tagAmountComponent = null;
@@ -44,13 +42,13 @@ var Price = function (_a) {
         var centsDisplayed = (!hideCents && "\u20AC".concat(cents)) || '€';
         oldAmountComponent = (React.createElement("span", __assign({ "aria-hidden": 'true', className: classesStrike }, others),
             React.createElement(Text, { markup: TextMarkup.SPAN }, "".concat(wholeStrike)),
-            React.createElement("span", { className: hashClass(styled, clsx('price-details')) },
-                React.createElement("span", { className: hashClass(styled, clsx('cents')) },
+            React.createElement("span", { className: hashClass(clsx('price-details')) },
+                React.createElement("span", { className: hashClass(clsx('cents')) },
                     centsDisplayed === '€' ? React.createElement(React.Fragment, null,
                         "\u00A0",
                         centsDisplayed) : centsDisplayed,
                     mention && React.createElement("sup", null, mention)),
-                period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
+                period && React.createElement("span", { className: hashClass(clsx('period')) },
                     "/",
                     period))));
     }
@@ -64,25 +62,25 @@ var Price = function (_a) {
         var centsDisplayed = (!hideCents && "\u20AC".concat(cents)) || '€';
         amountComponent = (React.createElement("span", __assign({ "aria-hidden": 'true', "aria-label": accessibilityLabel, className: classes }, others),
             React.createElement(Text, { markup: TextMarkup.SPAN }, "".concat(whole)),
-            React.createElement("span", { className: hashClass(styled, clsx('price-details')) },
-                React.createElement("span", { className: hashClass(styled, clsx('cents')) },
+            React.createElement("span", { className: hashClass(clsx('price-details')) },
+                React.createElement("span", { className: hashClass(clsx('cents')) },
                     centsDisplayed === '€' ? React.createElement(React.Fragment, null,
                         "\u00A0",
                         centsDisplayed) : centsDisplayed,
                     mention && React.createElement("sup", null, mention)),
-                period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
+                period && React.createElement("span", { className: hashClass(clsx('period')) },
                     "/",
                     period))));
     }
-    return (React.createElement("div", { id: id, className: hashClass(styled, clsx('price-container', is("level-".concat(level || '1')), (align == Alignable.ALIGNED_START && is('justified-left')) ||
+    return (React.createElement("div", { id: id, className: hashClass(clsx('price-container', is("level-".concat(level || '1')), (align == Alignable.ALIGNED_START && is('justified-left')) ||
             (align == Alignable.ALIGNED_CENTER && is('justified-center')) ||
             (align == Alignable.ALIGNED_END && is('justified-right')) ||
             '')) },
-        overline && React.createElement("p", { className: hashClass(styled, clsx('overline')) }, overline),
+        overline && React.createElement("p", { className: hashClass(clsx('overline')) }, overline),
         oldAmountComponent,
         amountComponent,
         tagAmountComponent,
         accessibilityLabel && React.createElement("p", { className: 'sr-only' }, accessibilityLabel)));
 };
 export default Price;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ByaWNlL1ByaWNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFHM0M7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQWNGOztJQWJYLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04saUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQ2pCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLGtCQUFrQix3QkFBQSxFQUNsQixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBYkksNElBY2QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFFBQVEsSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVwSCxJQUFNLGFBQWEsR0FBRyxTQUFTLENBQzdCLE1BQU0sRUFDTixJQUFJLENBQUMsT0FBTyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxJQUFJLFFBQVEsRUFBRSxRQUFRLElBQUksR0FBRyxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUN6RyxDQUFBO0lBRUQsSUFBSSxlQUFlLEdBQUcsSUFBSSxDQUFBO0lBQzFCLElBQUksa0JBQWtCLEdBQUcsSUFBSSxDQUFBO0lBQzdCLElBQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFBO0lBRS9CLElBQUksU0FBUyxLQUFLLFNBQVMsRUFBRTtRQUMzQixJQUFNLGdCQUFnQixHQUFHLFNBQVMsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFBO1FBQ25ELElBQU0sb0JBQW9CLEdBQUcsU0FBUyxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUE7UUFDN0QsSUFBTSxtQkFBbUIsR0FBRyxvQkFBb0IsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLG9CQUFvQixDQUFDLENBQUE7UUFDcEYsSUFBTSxXQUFXLEdBQUcsZ0JBQWdCLElBQUksbUJBQW1CLENBQUMsQ0FBQyxDQUFDLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFBO1FBRXhHLElBQUksS0FBSyxHQUFHLFVBQVUsQ0FBQyxDQUFBLE1BQUEsb0JBQW9CLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQywwQ0FBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFJLEVBQUUsQ0FBQyxDQUFBO1FBQy9GLEtBQUssR0FBRyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxVQUFHLEtBQUssTUFBRyxDQUFDLElBQUksS0FBSyxDQUFBO1FBQzdELElBQU0sY0FBYyxHQUFHLENBQUMsQ0FBQyxTQUFTLElBQUksZ0JBQUksS0FBSyxDQUFFLENBQUMsSUFBSSxHQUFHLENBQUE7UUFFekQsa0JBQWtCLEdBQUcsQ0FDbkIsc0RBQWtCLE1BQU0sRUFBQyxTQUFTLEVBQUUsYUFBYSxJQUFNLE1BQU07WUFDM0Qsb0JBQUMsSUFBSSxJQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsSUFBSSxJQUFHLFVBQUcsV0FBVyxDQUFFLENBQVE7WUFDeEQsOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUN2RCw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQzlDLGNBQWMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDOzt3QkFBUyxjQUFjLENBQUksQ0FBQyxDQUFDLENBQUMsY0FBYztvQkFDckUsT0FBTyxJQUFJLGlDQUFNLE9BQU8sQ0FBTyxDQUMzQjtnQkFDTixNQUFNLElBQUksOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDOztvQkFBSSxNQUFNLENBQVEsQ0FDMUUsQ0FDRixDQUNSLENBQUE7S0FDRjtJQUVELElBQUksTUFBTSxLQUFLLFNBQVMsRUFBRTtRQUN4QixJQUFNLFVBQVUsR0FBRyxNQUFNLEdBQUcsQ0FBQyxDQUFBO1FBQzdCLElBQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUE7UUFDdkMsSUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQTtRQUNoRCxJQUFNLEtBQUssR0FBRyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUE7UUFFekQsSUFBSSxLQUFLLEdBQUcsVUFBVSxDQUFDLENBQUEsTUFBQSxjQUFjLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQywwQ0FBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFJLEVBQUUsQ0FBQyxDQUFBO1FBQ3pGLEtBQUssR0FBRyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxVQUFHLEtBQUssTUFBRyxDQUFDLElBQUksS0FBSyxDQUFBO1FBQzdELElBQU0sY0FBYyxHQUFHLENBQUMsQ0FBQyxTQUFTLElBQUksZ0JBQUksS0FBSyxDQUFFLENBQUMsSUFBSSxHQUFHLENBQUE7UUFFekQsZUFBZSxHQUFHLENBQ2hCLHNEQUFrQixNQUFNLGdCQUFhLGtCQUFrQixFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtZQUNyRixvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxJQUFJLElBQUcsVUFBRyxLQUFLLENBQUUsQ0FBUTtZQUNsRCw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ3ZELDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztvQkFDOUMsY0FBYyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUM7O3dCQUFTLGNBQWMsQ0FBSSxDQUFDLENBQUMsQ0FBQyxjQUFjO29CQUNyRSxPQUFPLElBQUksaUNBQU0sT0FBTyxDQUFPLENBQzNCO2dCQUNOLE1BQU0sSUFBSSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7O29CQUFJLE1BQU0sQ0FBUSxDQUMxRSxDQUNGLENBQ1IsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLDZCQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FDRixpQkFBaUIsRUFDakIsRUFBRSxDQUFDLGdCQUFTLEtBQUssSUFBSSxHQUFHLENBQUUsQ0FBQyxFQUMzQixDQUFDLEtBQUssSUFBSSxTQUFTLENBQUMsYUFBYSxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQ3hELENBQUMsS0FBSyxJQUFJLFNBQVMsQ0FBQyxjQUFjLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQUM7WUFDN0QsQ0FBQyxLQUFLLElBQUksU0FBUyxDQUFDLFdBQVcsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUN6RCxFQUFFLENBQ0wsQ0FDRjtRQUVBLFFBQVEsSUFBSSwyQkFBRyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBRyxRQUFRLENBQUs7UUFDN0Usa0JBQWtCO1FBQ2xCLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsa0JBQWtCLElBQUksMkJBQUcsU0FBUyxFQUFDLFNBQVMsSUFBRSxrQkFBa0IsQ0FBSyxDQUNsRSxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ByaWNlL1ByaWNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQzFDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUczQzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBY0Y7O0lBYlgsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixpQkFBaUIsRUFBakIsU0FBUyxtQkFBRyxLQUFLLEtBQUEsRUFDakIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsa0JBQWtCLHdCQUFBLEVBQ2xCLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FiSSw0SUFjZCxDQURVO0lBRVQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxRQUFRLElBQUksR0FBRyxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFNUcsSUFBTSxhQUFhLEdBQUcsU0FBUyxDQUM3QixJQUFJLENBQUMsT0FB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

package/lib/components/product-tour/ProductTour.js

@@ -1,10 +1,10 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from 'react';
-import { has, is } from '../../services';
-import { Icon, IconName, IconSize } from '../icon';
+import { __assign, __rest } from "tslib";
 import { hashClass } from '../../helpers';
+import { has, is } from '../../services';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
+import React from 'react';
+import { Icon, IconName, IconSize } from '../icon';
+import { useProductTour } from './hooks/useProductTour';
 /**
  * Product Tour Component
  * @param children {React.ReactNode} Title child
@@ -19,19 +19,15 @@ import { useTrilogyContext } from '../../context';
  */
 var ProductTour = function (_a) {
     var children = _a.children, className = _a.className, id = _a.id, active = _a.active, arrowDirection = _a.arrowDirection, arrowAlign = _a.arrowAlign, closeable = _a.closeable, avatarSrc = _a.avatarSrc, avatarDirection = _a.avatarDirection, others = __rest(_a, ["children", "className", "id", "active", "arrowDirection", "arrowAlign", "closeable", "avatarSrc", "avatarDirection"]);
-    var _b = __read(useState(active || false), 2), display = _b[0], setDisplay = _b[1];
-    var styled = useTrilogyContext().styled;
-    useEffect(function () {
-        setDisplay(active || false);
-    }, [active]);
-    var classes = hashClass(styled, clsx('product-tour', display && is('active'), avatarDirection && has("icon-".concat(avatarDirection)), className));
+    var _b = useProductTour({ active: active }), display = _b.display, handleClick = _b.handleClick;
+    var classes = hashClass(clsx('product-tour', display && is('active'), avatarDirection && has("icon-".concat(avatarDirection)), className));
     return (React.createElement("div", __assign({ id: id, className: classes }, others),
-        arrowDirection && (React.createElement("div", { className: hashClass(styled, clsx('arrow', is(arrowDirection), arrowAlign && is(arrowAlign))) })),
-        avatarSrc && (React.createElement("span", { className: hashClass(styled, clsx('icon', is('medium'))) },
-            React.createElement("img", { className: hashClass(styled, clsx(is('rounded'))), src: avatarSrc }))),
-        closeable && (React.createElement("div", { style: { cursor: 'pointer' }, onClick: function () { return setDisplay(!display); } },
+        arrowDirection && React.createElement("div", { className: hashClass(clsx('arrow', is(arrowDirection), arrowAlign && is(arrowAlign))) }),
+        avatarSrc && (React.createElement("span", { className: hashClass(clsx('icon', is('medium'))) },
+            React.createElement("img", { className: hashClass(clsx(is('rounded'))), src: avatarSrc }))),
+        closeable && (React.createElement("div", { style: { cursor: 'pointer' }, onClick: handleClick },
             React.createElement(Icon, { size: IconSize.SMALL, name: IconName.TIMES, className: 'close' }))),
-        React.createElement("div", { className: hashClass(styled, clsx('product-tour-content')) }, children)));
+        React.createElement("div", { className: hashClass(clsx('product-tour-content')) }, children)));
 };
 export default ProductTour;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9Qcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFBQyxFQVdDO0lBVnBCLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sY0FBYyxvQkFBQSxFQUNkLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxTQUFTLGVBQUEsRUFDVCxlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQVZVLHNIQVdwQixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBekQsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUFzQyxDQUFBO0lBQ3hELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLFNBQVMsQ0FBQztRQUNSLFVBQVUsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDN0IsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxlQUFlLElBQUksR0FBRyxDQUFDLGVBQVEsZUFBZSxDQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDNUcsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4QyxjQUFjLElBQUksQ0FDakIsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUksQ0FDdkc7UUFDQSxTQUFTLElBQUksQ0FDWiw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQzVELDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxTQUFTLEdBQUksQ0FDckUsQ0FDUjtRQUNBLFNBQVMsSUFBSSxDQUNaLDZCQUFLLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFVBQVUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxFQUFwQixDQUFvQjtZQUNwRSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUNsRSxDQUNQO1FBQ0QsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHNCQUFzQixDQUFDLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FDN0UsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxXQUFXLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9Qcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFFbEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXZEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFBQyxFQVdDO0lBVnBCLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sY0FBYyxvQkFBQSxFQUNkLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxTQUFTLGVBQUEsRUFDVCxlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQVZVLHNIQVdwQixDQURVO0lBRUgsSUFBQSxLQUEyQixjQUFjLENBQUMsRUFBRSxNQUFNLFFBQUEsRUFBRSxDQUFDLEVBQW5ELE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQStCLENBQUE7SUFFM0QsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQUMsY0FBYyxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsZUFBZSxJQUFJLEdBQUcsQ0FBQyxlQUFRLGVBQWUsQ0FBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQzVHLENBQUE7SUFFRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07UUFDeEMsY0FBYyxJQUFJLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUk7UUFDaEgsU0FBUyxJQUFJLENBQ1osOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQ3BELDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLFNBQVMsR0FBSSxDQUM3RCxDQUNSO1FBQ0EsU0FBUyxJQUFJLENBQ1osNkJBQUssS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxFQUFFLE9BQU8sRUFBRSxXQUFXO1lBQ3JELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFBRSxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ2xFLENBQ1A7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQ3JFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsV0FBVyxDQUFBIn0=

package/lib/components/product-tour/hooks/useProductTour.d.ts

@@ -0,0 +1,11 @@
+interface IProps {
+    active?: boolean;
+}
+export declare const useProductTour: ({ active }: IProps) => {
+    display: boolean;
+    handleClick: () => void;
+} | {
+    display: boolean;
+    handleClick?: undefined;
+};
+export {};

package/lib/components/product-tour/hooks/useProductTour.js

@@ -0,0 +1,22 @@
+import { __read } from "tslib";
+import React from 'react';
+export var useProductTour = function (_a) {
+    var active = _a.active;
+    try {
+        var _b = __read(React.useState(active || false), 2), display = _b[0], setDisplay_1 = _b[1];
+        var handleClick = React.useCallback(function () { return setDisplay_1(function (prev) { return !prev; }); }, []);
+        React.useEffect(function () {
+            setDisplay_1(active || false);
+        }, [active]);
+        return {
+            display: display,
+            handleClick: handleClick,
+        };
+    }
+    catch (_c) {
+        return {
+            display: active || false,
+        };
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9ob29rcy91c2VQcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQU16QixNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQUFrQjtRQUFoQixNQUFNLFlBQUE7SUFDckMsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUF3QixLQUFLLENBQUMsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxPQUFPLFFBQUEsRUFBRSxZQUFVLFFBQTRDLENBQUE7UUFDdEUsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxjQUFNLE9BQUEsWUFBVSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQTNCLENBQTJCLEVBQUUsRUFBRSxDQUFDLENBQUE7UUFFNUUsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLFlBQVUsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7UUFDN0IsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtRQUVaLE9BQU87WUFDTCxPQUFPLFNBQUE7WUFDUCxXQUFXLGFBQUE7U0FDWixDQUFBO0tBQ0Y7SUFBQyxXQUFNO1FBQ04sT0FBTztZQUNMLE9BQU8sRUFBRSxNQUFNLElBQUksS0FBSztTQUN6QixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==

package/lib/components/progress/Progress.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ProgressProps } from './ProgressProps';
+import { ProgressProps } from '../../components/progress/ProgressProps';
+import React from 'react';
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress

package/lib/components/progress/Progress.js

@@ -1,11 +1,10 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
+import { Text } from '../../components/text';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { getStatusClassName } from '../../objects/facets/Status';
 import { is } from '../../services/index';
-import { getStatusClassName } from '../../objects';
-import { hashClass } from '../../helpers';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-import { Text } from '../../components/text';
+import React from 'react';
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress
@@ -16,17 +15,16 @@ import { Text } from '../../components/text';
  */
 var Progress = function (_a) {
     var className = _a.className, id = _a.id, value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, small = _a.small, legendStart = _a.legendStart, legendCenter = _a.legendCenter, legendEnd = _a.legendEnd, others = __rest(_a, ["className", "id", "value", "max", "status", "small", "legendStart", "legendCenter", "legendEnd"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('progress', status && is(getStatusClassName(status)), !status && is('primary'), small && is('small'), className));
-    return (React.createElement("div", { className: "progress-container" },
+    var classes = hashClass(clsx('progress', status && is(getStatusClassName(status)), !status && is('primary'), small && is('small'), className));
+    return (React.createElement("div", { className: 'progress-container' },
         React.createElement("progress", __assign({ id: id, className: classes, value: value, max: max }, others), value),
-        (legendStart || legendCenter || legendEnd) && (React.createElement("div", { className: "progress-legends" },
-            legendStart && (React.createElement("div", { className: "progress-legend-start" },
+        (legendStart || legendCenter || legendEnd) && (React.createElement("div", { className: 'progress-legends' },
+            legendStart && (React.createElement("div", { className: 'progress-legend-start' },
                 React.createElement(Text, null, legendStart))),
-            legendCenter && (React.createElement("div", { className: "progress-legend-center" },
+            legendCenter && (React.createElement("div", { className: 'progress-legend-center' },
                 React.createElement(Text, null, legendCenter))),
-            legendEnd && (React.createElement("div", { className: "progress-legend-end" },
+            legendEnd && (React.createElement("div", { className: 'progress-legend-end' },
                 React.createElement(Text, null, legendEnd)))))));
 };
 export default Progress;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL1Byb2dyZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBV2dCO0lBVmQsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDTCxXQUFTLEVBQVQsR0FBRyxtQkFBRyxHQUFHLEtBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQSxFQUNaLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FWWCxrR0FXQyxDQURVO0lBRW5CLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixVQUFVLEVBQ1YsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUN4QyxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3BCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFDLG9CQUFvQjtRQUNqQywyQ0FBVSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDckUsS0FBSyxDQUNHO1FBQ1YsQ0FBQyxXQUFXLElBQUksWUFBWSxJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQzdDLDZCQUFLLFNBQVMsRUFBQyxrQkFBa0I7WUFDOUIsV0FBVyxJQUFJLENBQ2QsNkJBQUssU0FBUyxFQUFDLHVCQUF1QjtnQkFDcEMsb0JBQUMsSUFBSSxRQUFFLFdBQVcsQ0FBUSxDQUN0QixDQUNQO1lBQ0EsWUFBWSxJQUFJLENBQ2YsNkJBQUssU0FBUyxFQUFDLHdCQUF3QjtnQkFDckMsb0JBQUMsSUFBSSxRQUFFLFlBQVksQ0FBUSxDQUN2QixDQUNQO1lBQ0EsU0FBUyxJQUFJLENBQ1osNkJBQUssU0FBUyxFQUFDLHFCQUFxQjtnQkFDbEMsb0JBQUMsSUFBSSxRQUFFLFNBQVMsQ0FBUSxDQUNwQixDQUNQLENBQ0csQ0FDUCxDQUNHLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsUUFBUSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL1Byb2dyZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQVdGO0lBVmQsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDTCxXQUFTLEVBQVQsR0FBRyxtQkFBRyxHQUFHLEtBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQSxFQUNaLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FWTyxrR0FXakIsQ0FEVTtJQUVULElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLFVBQVUsRUFDVixNQUFNLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQ3hDLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUMsb0JBQW9CO1FBQ2pDLDJDQUFVLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUNyRSxLQUFLLENBQ0c7UUFDVixDQUFDLFdBQVcsSUFBSSxZQUFZLElBQUksU0FBUyxDQUFDLElBQUksQ0FDN0MsNkJBQUssU0FBUyxFQUFDLGtCQUFrQjtZQUM5QixXQUFXLElBQUksQ0FDZCw2QkFBSyxTQUFTLEVBQUMsdUJBQXVCO2dCQUNwQyxvQkFBQyxJQUFJLFFBQUUsV0FBVyxDQUFRLENBQ3RCLENBQ1A7WUFDQSxZQUFZLElBQUksQ0FDZiw2QkFBSyxTQUFTLEVBQUMsd0JBQXdCO2dCQUNyQyxvQkFBQyxJQUFJLFFBQUUsWUFBWSxDQUFRLENBQ3ZCLENBQ1A7WUFDQSxTQUFTLElBQUksQ0FDWiw2QkFBSyxTQUFTLEVBQUMscUJBQXFCO2dCQUNsQyxvQkFBQyxJQUFJLFFBQUUsU0FBUyxDQUFRLENBQ3BCLENBQ1AsQ0FDRyxDQUNQLENBQ0csQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/progress/ProgressProps.d.ts

@@ -1,5 +1,5 @@
-import { StatusProps } from '../../objects/facets/Status';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { StatusProps } from '../../objects/facets/Status';
 /**
  * Progress Interface
  */

package/lib/components/progress/index.d.ts

@@ -1,4 +1,4 @@
-import Progress from './Progress';
-import ProgressRadial from './radial';
-import ProgressRadialItem from './radial/item/ProgressRadialtem';
+import Progress from '../../components/progress/Progress';
+import ProgressRadial from '../../components/progress/radial';
+import ProgressRadialItem from '../../components/progress/radial/item/ProgressRadialtem';
 export { Progress, ProgressRadial, ProgressRadialItem };

package/lib/components/progress/index.js

@@ -1,5 +1,5 @@
-import Progress from './Progress';
-import ProgressRadial from './radial';
-import ProgressRadialItem from './radial/item/ProgressRadialtem';
+import Progress from '../../components/progress/Progress';
+import ProgressRadial from '../../components/progress/radial';
+import ProgressRadialItem from '../../components/progress/radial/item/ProgressRadialtem';
 export { Progress, ProgressRadial, ProgressRadialItem };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLGNBQWMsTUFBTSxVQUFVLENBQUE7QUFDckMsT0FBTyxrQkFBa0IsTUFBTSxpQ0FBaUMsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxrQkFBa0IsRUFBRSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3JELE9BQU8sY0FBYyxNQUFNLDhCQUE4QixDQUFBO0FBQ3pELE9BQU8sa0JBQWtCLE1BQU0scURBQXFELENBQUE7QUFFcEYsT0FBTyxFQUFFLFFBQVEsRUFBRSxjQUFjLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQSJ9

package/lib/components/progress/radial/ProgressRadial.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ProgressRadialProps } from './ProgressRadialProps';
+import { ProgressRadialProps } from '../../../components/progress/radial/ProgressRadialProps';
 /**
  * Progress Radial component
  * @param percent {number} Progress percent

package/lib/components/progress/radial/ProgressRadial.js

@@ -1,12 +1,11 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useRef, useState } from 'react';
-import clsx from 'clsx';
+import { __assign, __rest } from "tslib";
+import { useProgressRadial } from '../../../components/progress/radial/hooks/useProgressRadial';
+import { Text, TextLevels } from '../../../components/text';
+import { Title, TitleLevels } from '../../../components/title';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { is } from '../../../services/index';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { Title, TitleLevels } from '../../title';
-import { Text, TextLevels } from '../../text';
-import { getColorStyle } from '../../../objects/facets/Color';
+import clsx from 'clsx';
+import React from 'react';
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
@@ -21,49 +20,9 @@ import { getColorStyle } from '../../../objects/facets/Color';
  */
 var ProgressRadial = function (_a) {
     var children = _a.children, _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.secondValue, secondValue = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, id = _a.id, small = _a.small, others = __rest(_a, ["children", "value", "secondValue", "label", "description", "skeleton", "className", "id", "small"]);
-    var styled = useTrilogyContext().styled;
-    var _d = __read(useState(0), 2), firstProgressCurrentValue = _d[0], setFirstProgressCurrentValue = _d[1];
-    var _e = __read(useState(0), 2), secondProgressCurrentValue = _e[0], setSecondProgressCurrentValue = _e[1];
-    var classes = hashClass(styled, clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
-    var classesContent = hashClass(styled, clsx('progress-radial-content'));
-    var progressRadialRef = useRef(null);
-    // Function to update the background style based on the current progress
-    var updateBackgroundStyle = function (firstValue, secondValue) {
-        var progressRadial = progressRadialRef.current;
-        if (!progressRadial) {
-            return;
-        }
-        var firstProgressDegree = (360 * firstValue) / 100;
-        var secondProgressDegree = (360 * secondValue) / 100;
-        // Ensure the second progress starts where the first ends
-        var secondProgressStartDegree = firstProgressDegree;
-        var styleBackground;
-        styleBackground = "radial-gradient(circle at center, white 58%, transparent 58.1%),";
-        styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, ").concat(getColorStyle('MAIN_FADE'), " ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
-        progressRadial.style.background = styleBackground;
-    };
-    useEffect(function () {
-        var animationFrameId;
-        // Reset the current values whenever the provided percent or secondPercent change
-        setFirstProgressCurrentValue(0);
-        setSecondProgressCurrentValue(0);
-        updateBackgroundStyle(value, secondValue); // if percent or secondPercent are 0, update immediately
-        var frame = function () {
-            setFirstProgressCurrentValue(function (currentValue) {
-                return currentValue < value ? currentValue + 1 : currentValue;
-            });
-            setSecondProgressCurrentValue(function (currentValue) {
-                return currentValue < secondValue ? currentValue + 1 : currentValue;
-            });
-            animationFrameId = requestAnimationFrame(frame);
-        };
-        animationFrameId = requestAnimationFrame(frame);
-        // Cleanup
-        return function () { return cancelAnimationFrame(animationFrameId); };
-    }, [value, secondValue]);
-    useEffect(function () {
-        updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
-    }, [firstProgressCurrentValue, secondProgressCurrentValue]);
+    var progressRadialRef = useProgressRadial({ value: value, secondValue: secondValue }).progressRadialRef;
+    var classes = hashClass(clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
+    var classesContent = hashClass(clsx('progress-radial-content'));
     return (React.createElement("div", __assign({ id: id }, others, { className: classes, ref: progressRadialRef }),
         React.createElement("div", { className: classesContent },
             label && (React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label)),
@@ -71,4 +30,4 @@ var ProgressRadial = function (_a) {
             !label && !description && children)));
 };
 export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQVdGO0lBVnBCLElBQUEsUUFBUSxjQUFBLEVBQ1IsYUFBUyxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUNmLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVmEsb0dBV3ZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBNEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRFLHlCQUF5QixRQUFBLEVBQUUsNEJBQTRCLFFBQWUsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBOEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXhFLDBCQUEwQixRQUFBLEVBQUUsNkJBQTZCLFFBQWUsQ0FBQTtJQUUvRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUN0SCxJQUFNLGNBQWMsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUE7SUFFekUsSUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFBO0lBRXRELHdFQUF3RTtJQUN4RSxJQUFNLHFCQUFxQixHQUFHLFVBQUMsVUFBa0IsRUFBRSxXQUFtQjtRQUNwRSxJQUFNLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxPQUFPLENBQUE7UUFDaEQsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNuQixPQUFNO1NBQ1A7UUFFRCxJQUFNLG1CQUFtQixHQUFHLENBQUMsR0FBRyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEdBQUcsQ0FBQTtRQUNwRCxJQUFNLG9CQUFvQixHQUFHLENBQUMsR0FBRyxHQUFHLFdBQVcsQ0FBQyxHQUFHLEdBQUcsQ0FBQTtRQUV0RCx5REFBeUQ7UUFDekQsSUFBTSx5QkFBeUIsR0FBRyxtQkFBbUIsQ0FBQTtRQUVyRCxJQUFJLGVBQWUsQ0FBQTtRQUNuQixlQUFlLEdBQUcsa0VBQWtFLENBQUE7UUFDcEYsZUFBZSxJQUFJLG1DQUE0QixtQkFBbUIsa0JBQVEsYUFBYSxDQUNyRixNQUFNLENBQ1AsY0FBSSx5QkFBeUIsaUJBQU8seUJBQXlCLEdBQUcsb0JBQW9CLGtCQUFRLGFBQWEsQ0FBQyxXQUFXLENBQUUsY0FDdEgseUJBQXlCLEdBQUcsb0JBQW9CLGdCQUNyQyxDQUFBO1FBQ2IsY0FBYyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsZUFBZSxDQUFBO0lBQ25ELENBQUMsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLElBQUksZ0JBQXFCLENBQUE7UUFFekIsaUZBQWlGO1FBQ2pGLDRCQUE0QixDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQy9CLDZCQUE2QixDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ2hDLHFCQUFxQixDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQSxDQUFDLHdEQUF3RDtRQUVsRyxJQUFNLEtBQUssR0FBRztZQUNaLDRCQUE0QixDQUFDLFVBQUMsWUFBWTtnQkFDeEMsT0FBTyxZQUFZLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUE7WUFDL0QsQ0FBQyxDQUFDLENBQUE7WUFDRiw2QkFBNkIsQ0FBQyxVQUFDLFlBQVk7Z0JBQ3pDLE9BQU8sWUFBWSxHQUFHLFdBQVcsQ0FBQyxDQUFDLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFBO1lBQ3JFLENBQUMsQ0FBQyxDQUFBO1lBQ0YsZ0JBQWdCLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDakQsQ0FBQyxDQUFBO1FBRUQsZ0JBQWdCLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUE7UUFFL0MsVUFBVTtRQUNWLE9BQU8sY0FBTSxPQUFBLG9CQUFvQixDQUFDLGdCQUFnQixDQUFDLEVBQXRDLENBQXNDLENBQUE7SUFDckQsQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFeEIsU0FBUyxDQUFDO1FBQ1IscUJBQXFCLENBQUMseUJBQXlCLEVBQUUsMEJBQTBCLENBQUMsQ0FBQTtJQUM5RSxDQUFDLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSwwQkFBMEIsQ0FBQyxDQUFDLENBQUE7SUFFM0QsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLElBQU0sTUFBTSxJQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLGlCQUFpQjtRQUNqRSw2QkFBSyxTQUFTLEVBQUUsY0FBYztZQUMzQixLQUFLLElBQUksQ0FDUixvQkFBQyxLQUFLLElBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxHQUFHLEVBQUUsVUFBVSxVQUN0QyxLQUFLLENBQ0EsQ0FDVDtZQUNBLFdBQVcsSUFBSSxDQUNkLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxVQUFVLFVBQ3BDLFdBQVcsQ0FDUCxDQUNSO1lBQ0EsQ0FBQyxLQUFLLElBQUksQ0FBQyxXQUFXLElBQUksUUFBUSxDQUMvQixDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsY0FBYyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBV0Y7SUFWcEIsSUFBQSxRQUFRLGNBQUEsRUFDUixhQUFTLEVBQVQsS0FBSyxtQkFBRyxDQUFDLEtBQUEsRUFDVCxtQkFBZSxFQUFmLFdBQVcsbUJBQUcsQ0FBQyxLQUFBLEVBQ2YsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FWYSxvR0FXdkIsQ0FEVTtJQUVELElBQUEsaUJBQWlCLEdBQUssaUJBQWlCLENBQUMsRUFBRSxLQUFLLE9BQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFDLGtCQUE5QyxDQUE4QztJQUN2RSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQzlHLElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFBO0lBRWpFLE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxJQUFNLE1BQU0sSUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxpQkFBaUI7UUFDakUsNkJBQUssU0FBUyxFQUFFLGNBQWM7WUFDM0IsS0FBSyxJQUFJLENBQ1Isb0JBQUMsS0FBSyxJQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsR0FBRyxFQUFFLFVBQVUsVUFDdEMsS0FBSyxDQUNBLENBQ1Q7WUFDQSxXQUFXLElBQUksQ0FDZCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsVUFBVSxVQUNwQyxXQUFXLENBQ1AsQ0FDUjtZQUNBLENBQUMsS0FBSyxJQUFJLENBQUMsV0FBVyxJQUFJLFFBQVEsQ0FDL0IsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGNBQWMsQ0FBQSJ9

package/lib/components/progress/radial/ProgressRadial.native.js

@@ -21,7 +21,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  */
 var ProgressRadial = function (_a) {
     var children = _a.children, value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["children", "value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
-    var color = getColorStyle(status || TrilogyColor.INFO);
+    var color = getColorStyle(status || TrilogyColor.MAIN);
     var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
     var percentWidth = value || 0;
     var secondFill = secondValue ? { secondFill: secondValue } : null;

package/lib/components/progress/radial/ProgressRadialProps.d.ts

@@ -1,7 +1,9 @@
-import { AlignableProps, StatusProps, TrilogyColor, TrilogyColorValues } from '../../../objects';
-import React from 'react';
-import { ProgressRadialItemProps } from './item/ProgressRadialItemProps';
+import { ProgressRadialItemProps } from '../../../components/progress/radial/item/ProgressRadialItemProps';
+import { AlignableProps } from '../../../objects/facets/Alignable';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
 import { CommonProps } from '../../../objects/facets/CommonProps';
+import { StatusProps } from '../../../objects/facets/Status';
+import React from 'react';
 /**
  * Progress Radial Interface
  */

package/lib/components/progress/radial/hooks/useProgressRadial.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface IParams {
+    value: number;
+    secondValue: number;
+}
+export declare const useProgressRadial: ({ value, secondValue }: IParams) => {
+    progressRadialRef: React.RefObject<HTMLDivElement>;
+    styleSSR?: undefined;
+} | {
+    styleSSR: {
+        background: string;
+    };
+    progressRadialRef?: undefined;
+};
+export {};

package/lib/components/progress/radial/hooks/useProgressRadial.js

@@ -0,0 +1,57 @@
+import { __read } from "tslib";
+import React from 'react';
+import { getColorStyle } from '../../../../objects/facets/Color';
+export var useProgressRadial = function (_a) {
+    var value = _a.value, secondValue = _a.secondValue;
+    try {
+        var _b = __read(React.useState(0), 2), firstProgressCurrentValue_1 = _b[0], setFirstProgressCurrentValue_1 = _b[1];
+        var _c = __read(React.useState(0), 2), secondProgressCurrentValue_1 = _c[0], setSecondProgressCurrentValue_1 = _c[1];
+        var progressRadialRef_1 = React.useRef(null);
+        React.useEffect(function () {
+            var animationFrameId;
+            // Reset the current values whenever the provided percent or secondPercent change
+            setFirstProgressCurrentValue_1(0);
+            setSecondProgressCurrentValue_1(0);
+            updateBackgroundStyle(value, secondValue, progressRadialRef_1); // if percent or secondPercent are 0, update immediately
+            var frame = function () {
+                setFirstProgressCurrentValue_1(function (value) {
+                    return value < value ? value + 1 : value;
+                });
+                setSecondProgressCurrentValue_1(function (value) {
+                    return value < secondValue ? value + 1 : value;
+                });
+                animationFrameId = requestAnimationFrame(frame);
+            };
+            animationFrameId = requestAnimationFrame(frame);
+            // Cleanup
+            return function () { return cancelAnimationFrame(animationFrameId); };
+        }, [value, secondValue]);
+        React.useEffect(function () {
+            updateBackgroundStyle(firstProgressCurrentValue_1, secondProgressCurrentValue_1, progressRadialRef_1);
+        }, [firstProgressCurrentValue_1, secondProgressCurrentValue_1, progressRadialRef_1]);
+        return {
+            progressRadialRef: progressRadialRef_1,
+        };
+    }
+    catch (_d) {
+        return {
+            styleSSR: updateBackgroundStyle(value, secondValue),
+        };
+    }
+};
+var updateBackgroundStyle = function (firstValue, secondValue, progressRadialRef) {
+    var progressRadial = progressRadialRef === null || progressRadialRef === void 0 ? void 0 : progressRadialRef.current;
+    var firstProgressDegree = (360 * firstValue) / 100;
+    var secondProgressDegree = (360 * secondValue) / 100;
+    // Ensure the second progress starts where the first ends
+    var secondProgressStartDegree = firstProgressDegree;
+    var styleBackground;
+    styleBackground = "radial-gradient(circle at center, white 58%, transparent 58.1%),";
+    styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, gainsboro ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
+    if (progressRadial)
+        progressRadial.style.background = styleBackground;
+    return {
+        background: "radial-gradient(circle at center, white 58%, transparent 58.1%), conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, gainsboro ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)"),
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9ob29rcy91c2VQcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFPdEQsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxFQUErQjtRQUE3QixLQUFLLFdBQUEsRUFBRSxXQUFXLGlCQUFBO0lBQ3BELElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBNEQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1RSwyQkFBeUIsUUFBQSxFQUFFLDhCQUE0QixRQUFxQixDQUFBO1FBQzdFLElBQUEsS0FBQSxPQUE4RCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlFLDRCQUEwQixRQUFBLEVBQUUsK0JBQTZCLFFBQXFCLENBQUE7UUFFckYsSUFBTSxtQkFBaUIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQTtRQUU1RCxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxnQkFBcUIsQ0FBQTtZQUV6QixpRkFBaUY7WUFDakYsOEJBQTRCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDL0IsK0JBQTZCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDaEMscUJBQXFCLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxtQkFBaUIsQ0FBQyxDQUFBLENBQUMsd0RBQXdEO1lBRXJILElBQU0sS0FBSyxHQUFHO2dCQUNaLDhCQUE0QixDQUFDLFVBQUMsS0FBSztvQkFDakMsT0FBTyxLQUFLLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7Z0JBQzFDLENBQUMsQ0FBQyxDQUFBO2dCQUNGLCtCQUE2QixDQUFDLFVBQUMsS0FBSztvQkFDbEMsT0FBTyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7Z0JBQ2hELENBQUMsQ0FBQyxDQUFBO2dCQUNGLGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2pELENBQUMsQ0FBQTtZQUVELGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBRS9DLFVBQVU7WUFDVixPQUFPLGNBQU0sT0FBQSxvQkFBb0IsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUF0QyxDQUFzQyxDQUFBO1FBQ3JELENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFBO1FBRXhCLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxxQkFBcUIsQ0FBQywyQkFBeUIsRUFBRSw0QkFBMEIsRUFBRSxtQkFBaUIsQ0FBQyxDQUFBO1FBQ2pHLENBQUMsRUFBRSxDQUFDLDJCQUF5QixFQUFFLDRCQUEwQixFQUFFLG1CQUFpQixDQUFDLENBQUMsQ0FBQTtRQUU5RSxPQUFPO1lBQ0wsaUJBQWlCLHFCQUFBO1NBQ2xCLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsUUFBUSxFQUFFLHFCQUFxQixDQUFDLEtBQUssRUFBRSxXQUFXLENBQUM7U0FDcEQsQ0FBQTtLQUNGO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBTSxxQkFBcUIsR0FBRyxVQUM1QixVQUFrQixFQUNsQixXQUFtQixFQUNuQixpQkFBbUQ7SUFFbkQsSUFBTSxjQUFjLEdBQUcsaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsT0FBTyxDQUFBO0lBQ2pELElBQU0sbUJBQW1CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBQ3BELElBQU0sb0JBQW9CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsV0FBVyxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBRXRELHlEQUF5RDtJQUN6RCxJQUFNLHlCQUF5QixHQUFHLG1CQUFtQixDQUFBO0lBRXJELElBQUksZUFBZSxDQUFBO0lBQ25CLGVBQWUsR0FBRyxrRUFBa0UsQ0FBQTtJQUNwRixlQUFlLElBQUksbUNBQTRCLG1CQUFtQixrQkFBUSxhQUFhLENBQ3JGLE1BQU0sQ0FDUCxjQUFJLHlCQUF5QixpQkFBTyx5QkFBeUIsR0FBRyxvQkFBb0IsNEJBQ25GLHlCQUF5QixHQUFHLG9CQUFvQixnQkFDckMsQ0FBQTtJQUViLElBQUksY0FBYztRQUFFLGNBQWMsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLGVBQWUsQ0FBQTtJQUVyRSxPQUFPO1FBQ0wsVUFBVSxFQUFFLG9HQUE2RixtQkFBbUIsa0JBQVEsYUFBYSxDQUMvSSxNQUFNLENBQ1AsY0FBSSx5QkFBeUIsaUJBQU8seUJBQXlCLEdBQUcsb0JBQW9CLDRCQUNuRix5QkFBeUIsR0FBRyxvQkFBb0IsZ0JBQ3JDO0tBQ2QsQ0FBQTtBQUNILENBQUMsQ0FBQSJ9