@ansible/ansible-ui-framework 0.0.614 → 0.0.615

package/cjs/components/Masonry.js

@@ -1,113 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Masonry = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var resize_observer_1 = __importDefault(require("@react-hook/resize-observer"));
-var react_1 = require("react");
-function Masonry(props) {
-    var target = (0, react_1.useRef)(null);
-    var _a = __read((0, react_1.useState)(1), 2), columns = _a[0], setColumns = _a[1];
-    (0, resize_observer_1.default)(target, function (entry) {
-        var _a;
-        setColumns(Math.min((_a = props.maxColumns) !== null && _a !== void 0 ? _a : 12, Math.max(Math.floor(entry.contentRect.width / props.minSize), 1)));
-    });
-    var _b = __read((0, react_1.useState)(12), 2), span = _b[0], setSpan = _b[1];
-    var _c = __read((0, react_1.useState)({}), 2), sizes = _c[0], setSizes = _c[1];
-    (0, react_1.useLayoutEffect)(function () {
-        switch (columns) {
-            case 1:
-                setSpan(12);
-                break;
-            case 2:
-                setSpan(6);
-                break;
-            case 3:
-                setSpan(4);
-                break;
-            case 4:
-                setSpan(3);
-                break;
-            case 5:
-                setSpan(2);
-                break;
-            case 6:
-                setSpan(2);
-                break;
-            default:
-                setSpan(1);
-                break;
-        }
-    }, [columns]);
-    var realColumns = 12 / span;
-    var itemColumns = (0, react_1.useMemo)(function () {
-        var itemColumns = new Array(realColumns).fill(0).map(function () { return []; });
-        var columnHeights = new Array(realColumns).fill(0);
-        react_1.Children.forEach(props.children, function (child, index) {
-            var smallest = Math.min.apply(Math, __spreadArray([], __read(columnHeights), false));
-            var columnIndex = columnHeights.findIndex(function (column) { return column === smallest; });
-            if (columnIndex !== undefined && columnIndex !== -1) {
-                itemColumns[columnIndex].push((0, jsx_runtime_1.jsx)(MasonryItem, __assign({ index: index, sizes: sizes, setSizes: setSizes }, { children: child }), index));
-                var height = sizes[index];
-                if (height !== undefined) {
-                    columnHeights[columnIndex] += height + 16;
-                }
-            }
-        });
-        return itemColumns;
-    }, [props.children, realColumns, sizes]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: target }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Grid, __assign({ hasGutter: true, style: { maxWidth: realColumns * props.minSize } }, { children: itemColumns.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(react_core_1.GridItem, __assign({ span: span }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Stack, __assign({ hasGutter: true }, { children: column })) }), index)); }) })) })));
-}
-exports.Masonry = Masonry;
-function MasonryItem(props) {
-    var target = (0, react_1.useRef)(null);
-    (0, resize_observer_1.default)(target, function (entry) {
-        props.setSizes(function (sizes) {
-            if (props.sizes[props.index] !== entry.contentRect.height) {
-                sizes = __assign({}, sizes);
-                sizes[props.index] = entry.contentRect.height;
-            }
-            return sizes;
-        });
-    });
-    return (0, jsx_runtime_1.jsx)("div", __assign({ ref: target }, { children: props.children }));
-}

package/cjs/components/PageGrid.js

@@ -1,61 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageGrid = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var resize_observer_1 = __importDefault(require("@react-hook/resize-observer"));
-var react_1 = require("react");
-function PageGrid(props) {
-    var _a;
-    var size = (_a = props.size) !== null && _a !== void 0 ? _a : 350;
-    var target = (0, react_1.useRef)(null);
-    var _b = __read((0, react_1.useState)('1fr'), 2), gridTemplateColumns = _b[0], setGridTemplateColumns = _b[1];
-    var resize = (0, react_1.useCallback)(function (width) {
-        var _a;
-        var columns = Math.min((_a = props.maxColumns) !== null && _a !== void 0 ? _a : 12, Math.max(Math.floor(width / size), 1));
-        if (columns < 1)
-            columns = 1;
-        setGridTemplateColumns(function () { return new Array(columns).fill('1fr').join(' '); });
-    }, [props.maxColumns, size]);
-    (0, resize_observer_1.default)(target, function (entry) { return resize(entry.contentRect.width); });
-    (0, react_1.useLayoutEffect)(function () {
-        var _a, _b;
-        resize((_b = (_a = target.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0);
-    }, [resize]);
-    // const isMd = !useBreakpoint('lg');
-    // const isXS = !useBreakpoint('xs');
-    var gap = 16;
-    // if (isMd) gap = 16;
-    // if (isXS) gap = 8;
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: target, style: { display: 'grid', gridAutoRows: '1fr', gridTemplateColumns: gridTemplateColumns, gap: gap } }, { children: props.children })));
-}
-exports.PageGrid = PageGrid;

package/cjs/components/Scrollable.js

@@ -1,87 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Scrollable = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var resize_observer_1 = __importDefault(require("@react-hook/resize-observer"));
-var react_1 = require("react");
-function Scrollable(props) {
-    var divEl = (0, react_1.useRef)(null);
-    var _a = __read((0, react_1.useState)(0), 2), topShadow = _a[0], setTopShadow = _a[1];
-    var _b = __read((0, react_1.useState)(0), 2), bottomShadow = _b[0], setBottomShadow = _b[1];
-    var update = (0, react_1.useCallback)(function () {
-        /* istanbul ignore else */
-        if (divEl.current) {
-            setTopShadow(Math.min(1, divEl.current.scrollTop / 8));
-            var scrollBottom = divEl.current.scrollHeight - divEl.current.scrollTop - divEl.current.clientHeight - 1;
-            setBottomShadow(Math.max(0, Math.min(1, scrollBottom / 8)));
-        }
-    }, []);
-    (0, react_1.useEffect)(function () { return update(); }, [update, props.children]);
-    (0, resize_observer_1.default)(divEl, function () {
-        update();
-    });
-    var shadowOpacityTop = 0.2 * topShadow;
-    var shadowOpacityBottom = 0.2 * bottomShadow;
-    // const [theme] = useTheme()
-    // if (theme === ThemeE.Dark) {
-    //     shadowOpacityTop *= 6
-    //     shadowOpacityBottom *= 6
-    // }
-    /* istanbul ignore next */
-    var borderTop = props.borderTop ? 'thin solid rgba(0, 0, 0, 0.12)' : '';
-    /* istanbul ignore next */
-    var borderBottom = props.borderBottom ? 'thin solid rgba(0, 0, 0, 0.12)' : '';
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: __assign(__assign({}, props.style), { display: 'flex', flexDirection: 'column', flexGrow: 1, overflowY: 'hidden', position: 'relative' }) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ ref: divEl, style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    flexGrow: 1,
-                    overflowY: 'auto',
-                    borderTop: borderTop,
-                    borderBottom: borderBottom,
-                }, onScroll: update }, { children: props.children })), 
-            /* istanbul ignore next */ shadowOpacityTop > 0 && ((0, jsx_runtime_1.jsx)("div", { style: {
-                    position: 'absolute',
-                    top: 0,
-                    height: '10px',
-                    width: '100%',
-                    background: "linear-gradient(rgba(0,0,0,".concat(shadowOpacityTop, "), rgba(0,0,0,0))"),
-                } })), 
-            /* istanbul ignore next */ shadowOpacityBottom > 0 && ((0, jsx_runtime_1.jsx)("div", { style: {
-                    position: 'absolute',
-                    bottom: 0,
-                    height: '10px',
-                    width: '100%',
-                    background: "linear-gradient(rgba(0,0,0,0), rgba(0,0,0,".concat(shadowOpacityBottom, "))"),
-                } }))] })));
-}
-exports.Scrollable = Scrollable;

package/cjs/components/StandardPopover.js

@@ -1,64 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StandardPopover = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_icons_1 = require("@patternfly/react-icons");
-var styled_components_1 = __importDefault(require("styled-components"));
-var useFrameworkTranslations_1 = require("../useFrameworkTranslations");
-var PopoverButton = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: var(--pf-global--spacer--xs);\n  margin: -(var(--pf-global--spacer--xs));\n  font-size: var(--pf-global--FontSize--sm);\n  --pf-c-form__group-label-help--Color: var(--pf-global--Color--200);\n  --pf-c-form__group-label-help--hover--Color: var(--pf-global--Color--100);\n"], ["\n  padding: var(--pf-global--spacer--xs);\n  margin: -(var(--pf-global--spacer--xs));\n  font-size: var(--pf-global--FontSize--sm);\n  --pf-c-form__group-label-help--Color: var(--pf-global--Color--200);\n  --pf-c-form__group-label-help--hover--Color: var(--pf-global--Color--100);\n"])));
-function StandardPopover(props) {
-    var _a = props.ariaLabel, ariaLabel = _a === void 0 ? '' : _a, content = props.content, header = props.header, _b = props.id, id = _b === void 0 ? '' : _b, _c = props.maxWidth, maxWidth = _c === void 0 ? '' : _c, rest = __rest(props, ["ariaLabel", "content", "header", "id", "maxWidth"]);
-    var _d = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _d[0];
-    if (!content) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Popover, __assign({ bodyContent: content, headerContent: header, hideOnOutsideClick: true, id: id, "data-cy": id, maxWidth: maxWidth }, rest, { children: (0, jsx_runtime_1.jsx)(PopoverButton, __assign({ "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : translations.moreInformation, "aria-haspopup": "true", className: "pf-c-form__group-label-help", onClick: function (e) { return e.preventDefault(); }, type: "button" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.HelpIcon, { noVerticalAlign: true }) })) })));
-}
-exports.StandardPopover = StandardPopover;
-var templateObject_1;

package/cjs/components/icons/RunningIcon.js

@@ -1,36 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RunningIcon = void 0;
-var react_icons_1 = require("@patternfly/react-icons");
-var styled_components_1 = __importStar(require("styled-components"));
-var Spin = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(1turn);\n  }\n"], ["\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(1turn);\n  }\n"])));
-exports.RunningIcon = (0, styled_components_1.default)(react_icons_1.SyncAltIcon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: ", " 1.75s linear infinite;\n"], ["\n  animation: ", " 1.75s linear infinite;\n"])), Spin);
-exports.RunningIcon.displayName = 'RunningIcon';
-var templateObject_1, templateObject_2;

package/cjs/components/pfcolors.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabelColorE = exports.pfDisabled = exports.pfInfo = exports.pfWarning = exports.pfDanger = exports.pfSuccess = exports.getPatternflyColor = exports.PFColorE = void 0;
-var PFColorE;
-(function (PFColorE) {
-    PFColorE["Default"] = "default";
-    PFColorE["Green"] = "green";
-    PFColorE["Success"] = "success";
-    PFColorE["Blue"] = "blue";
-    PFColorE["Info"] = "info";
-    PFColorE["Red"] = "red";
-    PFColorE["Danger"] = "danger";
-    PFColorE["Yellow"] = "yellow";
-    PFColorE["Warning"] = "warning";
-    PFColorE["Grey"] = "grey";
-    PFColorE["Disabled"] = "disabled";
-})(PFColorE = exports.PFColorE || (exports.PFColorE = {}));
-function getPatternflyColor(color) {
-    switch (color) {
-        case 'default':
-            return undefined;
-        case 'green':
-        case 'success':
-            return exports.pfSuccess;
-        case 'red':
-        case 'danger':
-            return exports.pfDanger;
-        case 'yellow':
-        case 'warning':
-            return exports.pfWarning;
-        case 'blue':
-        case 'info':
-            return exports.pfInfo;
-        case 'grey':
-        case 'disabled':
-            return exports.pfDisabled;
-    }
-}
-exports.getPatternflyColor = getPatternflyColor;
-exports.pfSuccess = 'var(--pf-global--success-color--100)';
-exports.pfDanger = 'var(--pf-global--danger-color--100)';
-exports.pfWarning = 'var(--pf-global--warning-color--100)';
-exports.pfInfo = 'var(--pf-global--info-color--100)';
-exports.pfDisabled = 'var(--pf-global--disabled-color--100)';
-var LabelColorE;
-(function (LabelColorE) {
-    LabelColorE["blue"] = "blue";
-    LabelColorE["cyan"] = "cyan";
-    LabelColorE["green"] = "green";
-    LabelColorE["orange"] = "orange";
-    LabelColorE["purple"] = "purple";
-    LabelColorE["red"] = "red";
-    LabelColorE["grey"] = "grey";
-})(LabelColorE = exports.LabelColorE || (exports.LabelColorE = {}));

package/cjs/components/useBreakPoint.js

@@ -1,145 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOrientation = exports.useBreakpoint = exports.useWindowSize = void 0;
-var global_breakpoint_2xl_1 = __importDefault(require("@patternfly/react-tokens/dist/esm/global_breakpoint_2xl"));
-var global_breakpoint_lg_1 = __importDefault(require("@patternfly/react-tokens/dist/esm/global_breakpoint_lg"));
-var global_breakpoint_md_1 = __importDefault(require("@patternfly/react-tokens/dist/esm/global_breakpoint_md"));
-var global_breakpoint_sm_1 = __importDefault(require("@patternfly/react-tokens/dist/esm/global_breakpoint_sm"));
-var global_breakpoint_xl_1 = __importDefault(require("@patternfly/react-tokens/dist/esm/global_breakpoint_xl"));
-var global_breakpoint_xs_1 = __importDefault(require("@patternfly/react-tokens/dist/esm/global_breakpoint_xs"));
-var react_1 = require("react");
-var breakpoints = {
-    xs: Number(global_breakpoint_xs_1.default.value.replace('px', '')),
-    sm: Number(global_breakpoint_sm_1.default.value.replace('px', '')),
-    md: Number(global_breakpoint_md_1.default.value.replace('px', '')),
-    lg: Number(global_breakpoint_lg_1.default.value.replace('px', '')),
-    xl: Number(global_breakpoint_xl_1.default.value.replace('px', '')),
-    xxl: Number(global_breakpoint_2xl_1.default.value.replace('px', '')),
-};
-function useWindowSize() {
-    var _a = __read((0, react_1.useState)(function () {
-        if (window.innerWidth <= breakpoints.sm)
-            return 'xs';
-        else if (window.innerWidth <= breakpoints.md)
-            return 'sm';
-        else if (window.innerWidth <= breakpoints.lg)
-            return 'md';
-        else if (window.innerWidth <= breakpoints.xl)
-            return 'lg';
-        else if (window.innerWidth <= breakpoints.xxl)
-            return 'xl';
-        else
-            return 'xxl';
-    }), 2), windowSize = _a[0], setWindowSize = _a[1];
-    var handleResize = (0, react_1.useCallback)(function () {
-        if (window.innerWidth <= breakpoints.sm)
-            setWindowSize('xs');
-        else if (window.innerWidth <= breakpoints.md)
-            setWindowSize('sm');
-        else if (window.innerWidth <= breakpoints.lg)
-            setWindowSize('md');
-        else if (window.innerWidth <= breakpoints.xl)
-            setWindowSize('lg');
-        else if (window.innerWidth <= breakpoints.xxl)
-            setWindowSize('xl');
-        else
-            setWindowSize('xxl');
-    }, []);
-    (0, react_1.useEffect)(function () {
-        var handler = handleResize;
-        window.addEventListener('resize', handler);
-        return function () { return window.removeEventListener('resize', handler); };
-    }, [handleResize]);
-    (0, react_1.useEffect)(function () { return handleResize(); }, [handleResize]);
-    return windowSize;
-}
-exports.useWindowSize = useWindowSize;
-/** Returns true if the window size is equal to or larger than the indicated size. */
-function useBreakpoint(size) {
-    var windowSize = useWindowSize();
-    switch (size) {
-        case 'xs':
-            return true;
-        case 'sm':
-            switch (windowSize) {
-                case 'sm':
-                case 'md':
-                case 'lg':
-                case 'xl':
-                case 'xxl':
-                    return true;
-                default:
-                    return false;
-            }
-        case 'md':
-            switch (windowSize) {
-                case 'md':
-                case 'lg':
-                case 'xl':
-                case 'xxl':
-                    return true;
-                default:
-                    return false;
-            }
-        case 'lg':
-            switch (windowSize) {
-                case 'lg':
-                case 'xl':
-                case 'xxl':
-                    return true;
-                default:
-                    return false;
-            }
-        case 'xl':
-            switch (windowSize) {
-                case 'xl':
-                case 'xxl':
-                    return true;
-                default:
-                    return false;
-            }
-        case 'xxl':
-            switch (windowSize) {
-                case 'xxl':
-                    return true;
-                default:
-                    return false;
-            }
-    }
-}
-exports.useBreakpoint = useBreakpoint;
-function useOrientation() {
-    var _a = __read((0, react_1.useState)(function () {
-        return window.innerWidth > window.innerHeight ? 'landscape' : 'portrait';
-    }), 2), orientation = _a[0], setOrientation = _a[1];
-    var handleResize = (0, react_1.useCallback)(function () {
-        setOrientation(window.innerWidth > window.innerHeight ? 'landscape' : 'portrait');
-    }, []);
-    (0, react_1.useEffect)(function () {
-        var handler = handleResize;
-        window.addEventListener('resize', handler);
-        return function () { return window.removeEventListener('resize', handler); };
-    }, [handleResize]);
-    (0, react_1.useEffect)(function () { return handleResize(); }, [handleResize]);
-    return orientation;
-}
-exports.useOrientation = useOrientation;

package/cjs/components/useIsMounted.js

@@ -1,28 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMounted = void 0;
-var react_1 = require("react");
-function useIsMounted() {
-    var _a = __read((0, react_1.useState)(true), 2), isMounted = _a[0], setIsMounted = _a[1];
-    (0, react_1.useEffect)(function () { return function () {
-        setIsMounted(false);
-    }; }, []);
-    return isMounted;
-}
-exports.useIsMounted = useIsMounted;

package/cjs/components/useOpen.js

@@ -1,36 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOpen = void 0;
-var react_1 = require("react");
-function useOpen(props) {
-    var _a = __read((0, react_1.useState)(function () { var _a; return (_a = props === null || props === void 0 ? void 0 : props.open) !== null && _a !== void 0 ? _a : false; }), 2), open = _a[0], setOpenState = _a[1];
-    (0, react_1.useEffect)(function () {
-        if ((props === null || props === void 0 ? void 0 : props.open) !== undefined) {
-            setOpenState(props === null || props === void 0 ? void 0 : props.open);
-        }
-    }, [props === null || props === void 0 ? void 0 : props.open, setOpenState]);
-    var setOpen = (0, react_1.useCallback)(function (open) {
-        (props === null || props === void 0 ? void 0 : props.setOpen) ? props === null || props === void 0 ? void 0 : props.setOpen(open) : setOpenState(open);
-    }, [props]);
-    var onToggle = (0, react_1.useCallback)(function () {
-        setOpen(!open);
-    }, [open, setOpen]);
-    return [open, setOpen, onToggle];
-}
-exports.useOpen = useOpen;

package/cjs/components/usePageNavigate.js

@@ -1,37 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageNavigate = exports.PageNavigateCallbackContextProvider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var PageNavigateCallbackContext = (0, react_1.createContext)(undefined);
-function usePageNavigateCallback() {
-    return (0, react_1.useContext)(PageNavigateCallbackContext);
-}
-function PageNavigateCallbackContextProvider(props) {
-    return ((0, jsx_runtime_1.jsx)(PageNavigateCallbackContext.Provider, __assign({ value: props.callback }, { children: props.children })));
-}
-exports.PageNavigateCallbackContextProvider = PageNavigateCallbackContextProvider;
-function usePageNavigate() {
-    var pageNavigateCallback = usePageNavigateCallback();
-    var navigate = (0, react_1.useCallback)(function (to) {
-        if (to === null || to === void 0 ? void 0 : to.startsWith('http')) {
-            open(to, '_blank');
-        }
-        else {
-            pageNavigateCallback ? pageNavigateCallback(to !== null && to !== void 0 ? to : '') : open(to, '_self');
-        }
-    }, [pageNavigateCallback]);
-    return navigate;
-}
-exports.usePageNavigate = usePageNavigate;