@codeleap/web 6.3.0 → 7.0.0

package/dist/components/VirtualList/list.js

@@ -1,102 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtualListContainer = void 0;
-exports.VirtualListItems = VirtualListItems;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var context_1 = require("./context");
-var react_1 = __importStar(require("react"));
-var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
-function VirtualListItems(props) {
-    var Item = props.renderItem, _a = props.ListFooterComponent, ListFooterComponent = _a === void 0 ? function () { return null; } : _a;
-    var virtualizer = (0, context_1.useVirtualListContext)(function (v) { return v.virtualizer; });
-    var listItems = (0, context_1.useVirtualListContext)(function (v) { return v.list.data; });
-    var paginationIndicatorIndex = (0, context_1.useVirtualListContext)(function (v) { return v.paginationIndicatorIndex; });
-    var getNextPage = (0, context_1.useVirtualListContext)(function (v) { return v.loadNextPage; });
-    var items = virtualizer.getVirtualItems();
-    (0, react_1.useEffect)(function () {
-        getNextPage();
-    }, [getNextPage]);
-    var ItemWrapper = (0, react_1.useCallback)(function (props) {
-        var item = props.item, children = props.children;
-        return (0, jsx_runtime_1.jsx)("div", { style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                transform: "translateY(".concat(item.start, "px)"),
-            }, ref: virtualizer.measureElement, "data-index": item.index, children: children });
-    }, [virtualizer.measureElement]);
-    var renderItem = (0, react_1.useCallback)(function (item) {
-        var data = listItems[item.index];
-        var isPaginationIndicator = item.index === paginationIndicatorIndex;
-        if (isPaginationIndicator) {
-            return (0, jsx_runtime_1.jsx)(ItemWrapper, { item: item, children: (0, jsx_runtime_1.jsx)(ListFooterComponent, {}) }, item.key);
-        }
-        return (0, jsx_runtime_1.jsx)(ItemWrapper, { item: item, children: (0, jsx_runtime_1.jsx)(Item, { index: item.index, item: data }) }, item.key);
-    }, [Item, ItemWrapper, listItems, ListFooterComponent, paginationIndicatorIndex]);
-    var containerStyle = (0, react_1.useMemo)(function () { return ({
-        height: "".concat(virtualizer.getTotalSize(), "px"),
-        width: '100%',
-        position: 'relative',
-    }); }, [virtualizer.getTotalSize()]);
-    return (0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: items.map(renderItem) });
-}
-var VirtualListContainer = function (props) {
-    var children = props.children, placeholder = props.placeholder, rest = __rest(props, ["children", "placeholder"]);
-    var scrollRef = (0, context_1.useVirtualListContext)(function (ctx) { return ctx.scrollRef; });
-    var totalItemCount = (0, context_1.useVirtualListContext)(function (ctx) { var _a, _b; return (_b = (_a = ctx.list) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length; });
-    if (!totalItemCount || totalItemCount <= 0) {
-        if (react_1.default.isValidElement(placeholder)) {
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: placeholder });
-        }
-        return (0, jsx_runtime_1.jsx)(EmptyPlaceholder_1.EmptyPlaceholder, __assign({}, placeholder));
-    }
-    return (0, jsx_runtime_1.jsx)("div", __assign({ ref: scrollRef }, rest, { children: children }));
-};
-exports.VirtualListContainer = VirtualListContainer;
-//# sourceMappingURL=list.js.map

package/dist/components/VirtualList/list.js.map

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

package/dist/components/VirtualList/types.d.ts

@@ -1,33 +0,0 @@
-import { PartialKeys, Virtualizer, VirtualizerOptions } from '@tanstack/react-virtual';
-import { ReactElement } from 'react';
-import { AnyFunction, PropsOf } from '@codeleap/types';
-import { EmptyPlaceholder } from '../EmptyPlaceholder';
-type VirtualListItem<T> = {
-    item: T;
-    index: number;
-};
-type VirtualOptions = PartialKeys<VirtualizerOptions<HTMLDivElement, Element>, "observeElementRect" | "observeElementOffset" | "scrollToFn">;
-export type VirtualListProps<T> = Partial<Omit<VirtualOptions, 'estimateSize' | 'data'>> & {
-    data: T[];
-    fetchNextPage?: AnyFunction;
-    isFetchingNextPage?: boolean;
-    hasNextPage?: boolean;
-    estimateSize?: (item: T) => number;
-};
-export type VirtualListContextValue<T> = {
-    virtualizer: Virtualizer<HTMLDivElement, Element>;
-    scrollRef: React.RefObject<HTMLDivElement>;
-    loadNextPage: () => void;
-    list: Pick<VirtualListProps<T>, 'data' | 'fetchNextPage' | 'isFetchingNextPage' | 'hasNextPage'>;
-    virtualizerItemCount: number;
-    paginationIndicatorIndex: number | null;
-    lastItemIndex: number;
-};
-export type VirtualListItemsProps<T> = {
-    renderItem: (data: VirtualListItem<T>) => ReactElement;
-    ListFooterComponent?: () => ReactElement;
-};
-export type VirtualListContainerProps = React.PropsWithChildren<React.ComponentPropsWithoutRef<'div'>> & {
-    placeholder?: ReactElement | Partial<PropsOf<typeof EmptyPlaceholder>>;
-};
-export {};

package/dist/components/VirtualList/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/components/VirtualList/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/VirtualList/types.ts"],"names":[],"mappings":""}

package/dist/components/components.js

@@ -1,60 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./View"), exports);
-__exportStar(require("./Icon"), exports);
-__exportStar(require("./Touchable"), exports);
-__exportStar(require("./Text"), exports);
-__exportStar(require("./Slider"), exports);
-__exportStar(require("./List"), exports);
-__exportStar(require("./ActivityIndicator"), exports);
-__exportStar(require("./Button"), exports);
-__exportStar(require("./Modal"), exports);
-__exportStar(require("./ActionIcon"), exports);
-__exportStar(require("./Checkbox"), exports);
-__exportStar(require("./Collapse"), exports);
-__exportStar(require("./Drawer"), exports);
-__exportStar(require("./Overlay"), exports);
-__exportStar(require("./TextInput"), exports);
-__exportStar(require("./MaskedTextInput"), exports);
-__exportStar(require("./RadioInput"), exports);
-__exportStar(require("./Select"), exports);
-__exportStar(require("./FileInput"), exports);
-__exportStar(require("./Slider"), exports);
-__exportStar(require("./List"), exports);
-__exportStar(require("./LoadingOverlay"), exports);
-__exportStar(require("./InputBase"), exports);
-__exportStar(require("./Switch"), exports);
-__exportStar(require("./NumberIncrement"), exports);
-__exportStar(require("./SearchInput"), exports);
-__exportStar(require("./Tooltip"), exports);
-__exportStar(require("./SegmentedControl"), exports);
-__exportStar(require("./Carousel"), exports);
-__exportStar(require("./EmptyPlaceholder"), exports);
-__exportStar(require("./Badge"), exports);
-__exportStar(require("./CropPicker"), exports);
-__exportStar(require("./DatePicker"), exports);
-__exportStar(require("./Dropzone"), exports);
-__exportStar(require("./Progress"), exports);
-__exportStar(require("./Tag"), exports);
-__exportStar(require("./TextEditor"), exports);
-__exportStar(require("./ColorPicker"), exports);
-__exportStar(require("./PaginationButtons"), exports);
-__exportStar(require("./SectionFilters"), exports);
-__exportStar(require("./PaginationIndicator"), exports);
-__exportStar(require("./Carousel"), exports);
-__exportStar(require("./VirtualList"), exports);
-//# sourceMappingURL=components.js.map

package/dist/components/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,yCAAsB;AACtB,8CAA2B;AAC3B,yCAAsB;AACtB,2CAAwB;AACxB,yCAAsB;AACtB,sDAAmC;AACnC,2CAAwB;AACxB,0CAAuB;AACvB,+CAA4B;AAC5B,6CAA0B;AAC1B,6CAA0B;AAC1B,2CAAwB;AACxB,4CAAyB;AACzB,8CAA2B;AAC3B,oDAAiC;AACjC,+CAA4B;AAC5B,2CAAwB;AACxB,8CAA2B;AAC3B,2CAAwB;AACxB,yCAAsB;AACtB,mDAAgC;AAChC,8CAA2B;AAC3B,2CAAwB;AACxB,oDAAiC;AACjC,gDAA6B;AAC7B,4CAAyB;AACzB,qDAAkC;AAClC,6CAA0B;AAC1B,qDAAkC;AAClC,0CAAuB;AACvB,+CAA4B;AAC5B,+CAA4B;AAC5B,6CAA0B;AAC1B,6CAA0B;AAC1B,wCAAqB;AACrB,+CAA4B;AAC5B,gDAA6B;AAC7B,sDAAmC;AACnC,mDAAgC;AAChC,wDAAqC;AACrC,6CAA0B;AAC1B,gDAA6B"}

package/dist/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components/components"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./lib"), exports);
-__exportStar(require("./lib/WebStyleRegistry"), exports);
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAuC;AACvC,0CAAuB;AACvB,wCAAqB;AACrB,yDAAsC"}

package/dist/lib/ListMasonry.js

@@ -1,103 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMasonryReload = void 0;
-exports.MasonryComponent = MasonryComponent;
-exports.ListMasonry = ListMasonry;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var window_size_1 = require("@react-hook/window-size");
-var types_1 = require("@codeleap/types");
-var EmptyPlaceholder_1 = require("../components/EmptyPlaceholder");
-var masonic_1 = require("masonic");
-function fillItems(arr, toCount, fillContent) {
-    if (fillContent === void 0) { fillContent = {}; }
-    if (!arr || !types_1.TypeGuards.isArray(arr))
-        return [];
-    if (toCount === (arr === null || arr === void 0 ? void 0 : arr.length))
-        return arr;
-    var diff = toCount - (arr === null || arr === void 0 ? void 0 : arr.length);
-    if (diff < 0)
-        return arr;
-    var right = Array(diff).fill(fillContent);
-    return arr.concat(right);
-}
-var useMasonryReload = function (args) {
-    var _a;
-    var data = args.data, _b = args.reloadTimeout, reloadTimeout = _b === void 0 ? 350 : _b;
-    var _c = react_1.default.useState(false), reloadingLayout = _c[0], setReloadingLayout = _c[1];
-    var previousLengthRef = react_1.default.useRef((_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0);
-    var updater = function () {
-        var _a;
-        previousLengthRef.current = ((_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0);
-    };
-    react_1.default.useEffect(function () {
-        if (previousLengthRef.current > (data === null || data === void 0 ? void 0 : data.length)) {
-            setReloadingLayout(true);
-            setTimeout(function () {
-                updater();
-                setTimeout(function () {
-                    setReloadingLayout(false);
-                }, reloadTimeout);
-            }, reloadTimeout);
-        }
-        else {
-            updater();
-        }
-    }, [data === null || data === void 0 ? void 0 : data.length]);
-    return {
-        reloadingLayout: reloadingLayout,
-        setReloadingLayout: setReloadingLayout,
-        previousLength: previousLengthRef.current,
-    };
-};
-exports.useMasonryReload = useMasonryReload;
-function MasonryComponent(props) {
-    var _a;
-    var containerRef = react_1.default.useRef(null);
-    var windowSize = (0, window_size_1.useWindowSize)({
-        initialWidth: props === null || props === void 0 ? void 0 : props.ssrWidth,
-        initialHeight: props === null || props === void 0 ? void 0 : props.ssrHeight,
-    });
-    var containerPosition = (0, masonic_1.useContainerPosition)(containerRef, windowSize);
-    var listProps = Object.assign({
-        offset: containerPosition === null || containerPosition === void 0 ? void 0 : containerPosition.offset,
-        width: (containerPosition === null || containerPosition === void 0 ? void 0 : containerPosition.width) || ((_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || (windowSize === null || windowSize === void 0 ? void 0 : windowSize[0]),
-        height: windowSize === null || windowSize === void 0 ? void 0 : windowSize[1],
-        containerRef: containerRef,
-        scrollFps: (props === null || props === void 0 ? void 0 : props.scrollFps) || 12,
-    }, props);
-    var positioner = (0, masonic_1.usePositioner)({
-        width: listProps === null || listProps === void 0 ? void 0 : listProps.width,
-        columnGutter: listProps === null || listProps === void 0 ? void 0 : listProps.columnGutter,
-        columnWidth: listProps === null || listProps === void 0 ? void 0 : listProps.columnWidth,
-        columnCount: listProps === null || listProps === void 0 ? void 0 : listProps.columnCount,
-        maxColumnCount: listProps === null || listProps === void 0 ? void 0 : listProps.columnCount,
-        rowGutter: listProps === null || listProps === void 0 ? void 0 : listProps.rowGutter
-    });
-    var _b = (0, masonic_1.useScroller)(listProps === null || listProps === void 0 ? void 0 : listProps.offset, listProps === null || listProps === void 0 ? void 0 : listProps.scrollFps), scrollTop = _b.scrollTop, isScrolling = _b.isScrolling;
-    var resizeObserver = (0, masonic_1.useResizeObserver)(positioner);
-    return (0, masonic_1.useMasonry)(__assign(__assign({}, listProps), { resizeObserver: resizeObserver, positioner: positioner, scrollTop: scrollTop, isScrolling: isScrolling, items: fillItems(props === null || props === void 0 ? void 0 : props.items, props === null || props === void 0 ? void 0 : props.previousItemsLength) }));
-}
-function ListMasonry(props) {
-    if (props === null || props === void 0 ? void 0 : props.reloadingLayout) {
-        return ((0, jsx_runtime_1.jsx)(EmptyPlaceholder_1.EmptyPlaceholder, { loading: true, title: '', description: null }));
-    }
-    else {
-        return ((0, jsx_runtime_1.jsx)(MasonryComponent, __assign({}, props, { items: (props === null || props === void 0 ? void 0 : props.items) || [] })));
-    }
-}
-//# sourceMappingURL=ListMasonry.js.map

package/dist/lib/ListMasonry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListMasonry.js","sourceRoot":"","sources":["../../src/lib/ListMasonry.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6EA,4CA0CC;AAED,kCAaC;;AAtID,gDAAyB;AACzB,uDAAuD;AACvD,yCAA4C;AAC5C,mEAAiE;AAEjE,mCAQgB;AAEhB,SAAS,SAAS,CAAC,GAAe,EAAE,OAAe,EAAE,WAAgB;IAAhB,4BAAA,EAAA,gBAAgB;IACnE,IAAI,CAAC,GAAG,IAAI,CAAC,kBAAU,CAAC,OAAO,CAAC,GAAG,CAAC;QAAE,OAAO,EAAE,CAAA;IAE/C,IAAI,OAAO,MAAK,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,CAAA;QAAE,OAAO,GAAG,CAAA;IAEvC,IAAM,IAAI,GAAG,OAAO,IAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,CAAA,CAAA;IAElC,IAAI,IAAI,GAAG,CAAC;QAAE,OAAO,GAAG,CAAA;IAExB,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAE3C,OAAO,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC1B,CAAC;AAOM,IAAM,gBAAgB,GAAG,UAAC,IAA0B;;IAEvD,IAAA,IAAI,GAEF,IAAI,KAFF,EACJ,KACE,IAAI,cADa,EAAnB,aAAa,mBAAG,GAAG,KAAA,CACb;IAEF,IAAA,KAAwC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5D,eAAe,QAAA,EAAE,kBAAkB,QAAyB,CAAA;IACnE,IAAM,iBAAiB,GAAG,eAAK,CAAC,MAAM,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC,CAAA;IAEzD,IAAM,OAAO,GAAG;;QACd,iBAAiB,CAAC,OAAO,GAAG,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC,CAAA;IACjD,CAAC,CAAA;IAED,eAAK,CAAC,SAAS,CAAC;QACd,IAAI,iBAAiB,CAAC,OAAO,IAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,EAAE,CAAC;YAC7C,kBAAkB,CAAC,IAAI,CAAC,CAAA;YAExB,UAAU,CAAC;gBACT,OAAO,EAAE,CAAA;gBAET,UAAU,CAAC;oBACT,kBAAkB,CAAC,KAAK,CAAC,CAAA;gBAC3B,CAAC,EAAE,aAAa,CAAC,CAAA;YACnB,CAAC,EAAE,aAAa,CAAC,CAAA;QACnB,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,CAAA;QACX,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAA;IAElB,OAAO;QACL,eAAe,iBAAA;QACf,kBAAkB,oBAAA;QAClB,cAAc,EAAE,iBAAiB,CAAC,OAAO;KAC1C,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,gBAAgB,oBAkC5B;AASD,SAAgB,gBAAgB,CAAO,KAA6B;;IAClE,IAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEvC,IAAM,UAAU,GAAG,IAAA,2BAAa,EAAC;QAC/B,YAAY,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ;QAC7B,aAAa,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS;KAChC,CAAC,CAAA;IAEF,IAAM,iBAAiB,GAAG,IAAA,8BAAoB,EAAC,YAAY,EAAE,UAAU,CAAC,CAAA;IAExE,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC7B;QACE,MAAM,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM;QACjC,KAAK,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,MAAI,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,WAAW,CAAA,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC,CAAA;QACxF,MAAM,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC;QACvB,YAAY,cAAA;QACZ,SAAS,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,EAAE;KAClC,EACD,KAAK,CACC,CAAA;IAER,IAAM,UAAU,GAAG,IAAA,uBAAa,EAAC;QAC/B,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK;QACvB,YAAY,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY;QACrC,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;QACnC,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;QACnC,cAAc,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;QACtC,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;KAChC,CAAC,CAAA;IAEI,IAAA,KAA6B,IAAA,qBAAW,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,EAA/E,SAAS,eAAA,EAAE,WAAW,iBAAyD,CAAA;IAEvF,IAAM,cAAc,GAAG,IAAA,2BAAiB,EAAC,UAAU,CAAC,CAAA;IAEpD,OAAO,IAAA,oBAAU,wBACZ,SAAS,KACZ,cAAc,gBAAA,EACd,UAAU,YAAA,EACV,SAAS,WAAA,EACT,WAAW,aAAA,EACX,KAAK,EAAE,SAAS,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAC,IAC1D,CAAA;AACJ,CAAC;AAED,SAAgB,WAAW,CAAO,KAA6B;IAC7D,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAE,CAAC;QAC3B,OAAO,CACL,uBAAC,mCAAgB,IAAC,OAAO,QAAC,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,GAAI,CAC3D,CAAA;IACH,CAAC;SAAM,CAAC;QACN,OAAO,CACL,uBAAC,gBAAgB,eACX,KAAK,IACT,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,EAAE,IACzB,CACH,CAAA;IACH,CAAC;AACH,CAAC"}

package/dist/lib/WebStyleRegistry.js

@@ -1,70 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebStyleRegistry = void 0;
-var styles_1 = require("@codeleap/styles");
-var persistor = new styles_1.StylePersistor({
-    set: function (key, value) {
-        if (typeof window === 'undefined')
-            return null;
-        return localStorage === null || localStorage === void 0 ? void 0 : localStorage.setItem(key, value);
-    },
-    get: function (key) {
-        if (typeof window === 'undefined')
-            return null;
-        return localStorage === null || localStorage === void 0 ? void 0 : localStorage.getItem(key);
-    },
-    del: function (key) {
-        if (typeof window === 'undefined')
-            return null;
-        return localStorage === null || localStorage === void 0 ? void 0 : localStorage.removeItem(key);
-    },
-});
-var instance;
-var components = [];
-var WebStyleRegistry = /** @class */ (function (_super) {
-    __extends(WebStyleRegistry, _super);
-    function WebStyleRegistry() {
-        var _this = _super.call(this, persistor) || this;
-        components.forEach(function (component) {
-            _this.registerComponent(component);
-        });
-        if (!instance) {
-            instance = _this;
-        }
-        return instance;
-    }
-    WebStyleRegistry.prototype.createStyle = function (css) {
-        return css;
-    };
-    Object.defineProperty(WebStyleRegistry, "current", {
-        get: function () {
-            return instance;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    WebStyleRegistry.registerComponent = function (component) {
-        components.push(component);
-        if (instance) {
-            instance.registerComponent(component);
-        }
-    };
-    return WebStyleRegistry;
-}(styles_1.CodeleapStyleRegistry));
-exports.WebStyleRegistry = WebStyleRegistry;
-//# sourceMappingURL=WebStyleRegistry.js.map

package/dist/lib/WebStyleRegistry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WebStyleRegistry.js","sourceRoot":"","sources":["../../src/lib/WebStyleRegistry.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2CAAkG;AAElG,IAAM,SAAS,GAAG,IAAI,uBAAc,CAAC;IACnC,GAAG,YAAC,GAAG,EAAE,KAAK;QACZ,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IAC1C,CAAC;IACD,GAAG,YAAC,GAAG;QACL,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IACnC,CAAC;IACD,GAAG,YAAC,GAAG;QACL,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,CAAC,GAAG,CAAC,CAAA;IACtC,CAAC;CACF,CAAC,CAAA;AAEF,IAAI,QAA0B,CAAA;AAE9B,IAAM,UAAU,GAAkD,EAAE,CAAA;AAEpE;IAAsC,oCAAqB;IACzD;QACE,YAAA,MAAK,YAAC,SAAS,CAAC,SAAA;QAEhB,UAAU,CAAC,OAAO,CAAC,UAAC,SAAS;YAC3B,KAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACnC,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,QAAQ,GAAG,KAAI,CAAA;QACjB,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,sCAAW,GAAX,UAAY,GAAS;QACnB,OAAO,GAAG,CAAA;IACZ,CAAC;IAED,sBAAW,2BAAO;aAAlB;YACE,OAAO,QAAQ,CAAA;QACjB,CAAC;;;OAAA;IAEM,kCAAiB,GAAxB,UAAyB,SAA6B;QACpD,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC1B,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACvC,CAAC;IACH,CAAC;IACH,uBAAC;AAAD,CAAC,AA7BD,CAAsC,8BAAqB,GA6B1D;AA7BY,4CAAgB"}

package/dist/lib/hooks/index.js

@@ -1,36 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useAnimatedStyle"), exports);
-__exportStar(require("./useAnimatedVariantStyles"), exports);
-__exportStar(require("./useBreakpointMatch"), exports);
-__exportStar(require("./useClick"), exports);
-__exportStar(require("./useClickOutside"), exports);
-__exportStar(require("./useMediaQuery"), exports);
-__exportStar(require("./usePageExitBlocker"), exports);
-__exportStar(require("./usePagination"), exports);
-__exportStar(require("./usePopState"), exports);
-__exportStar(require("./useScrollEffect"), exports);
-__exportStar(require("./useIsomorphicEffect"), exports);
-__exportStar(require("./useSearchParams"), exports);
-__exportStar(require("./useStaticAnimationStyles"), exports);
-__exportStar(require("./useWindowFocus"), exports);
-__exportStar(require("./useWindowSize"), exports);
-__exportStar(require("./useKeydown"), exports);
-__exportStar(require("./useRefresh"), exports);
-__exportStar(require("./useFileInput"), exports);
-__exportStar(require("./useStylesFor"), exports);
-//# sourceMappingURL=index.js.map

package/dist/lib/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC;AAClC,6DAA0C;AAC1C,uDAAoC;AACpC,6CAA0B;AAC1B,oDAAiC;AACjC,kDAA+B;AAC/B,uDAAoC;AACpC,kDAA+B;AAC/B,gDAA6B;AAC7B,oDAAiC;AACjC,wDAAqC;AACrC,oDAAiC;AACjC,6DAA0C;AAC1C,mDAAgC;AAChC,kDAA+B;AAC/B,+CAA4B;AAC5B,+CAA4B;AAC5B,iDAA8B;AAC9B,iDAA8B"}

package/dist/lib/hooks/useAnimatedStyle.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAnimatedStyle = void 0;
-var react_1 = require("react");
-var useAnimatedStyle = function (updater, deps) {
-    var initialStyle = updater();
-    var _a = (0, react_1.useState)(initialStyle), animatedStyle = _a[0], setAnimatedStyle = _a[1];
-    var transition = (0, react_1.useRef)(initialStyle.transition);
-    (0, react_1.useEffect)(function () {
-        var animatedStyleUpdated = updater();
-        setAnimatedStyle(animatedStyleUpdated);
-    }, deps);
-    return {
-        animate: animatedStyle,
-        transition: transition.current,
-        initial: false,
-    };
-};
-exports.useAnimatedStyle = useAnimatedStyle;
-//# sourceMappingURL=useAnimatedStyle.js.map

package/dist/lib/hooks/useAnimatedStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimatedStyle.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAnimatedStyle.ts"],"names":[],"mappings":";;;AAAA,+BAAmD;AAa5C,IAAM,gBAAgB,GAAG,UAAC,OAA4B,EAAE,IAAgB;IAC7E,IAAM,YAAY,GAAG,OAAO,EAAE,CAAA;IAExB,IAAA,KAAoC,IAAA,gBAAQ,EAAsB,YAAY,CAAC,EAA9E,aAAa,QAAA,EAAE,gBAAgB,QAA+C,CAAA;IACrF,IAAM,UAAU,GAAG,IAAA,cAAM,EAAyB,YAAY,CAAC,UAAU,CAAC,CAAA;IAE1E,IAAA,iBAAS,EAAC;QACR,IAAM,oBAAoB,GAAG,OAAO,EAAE,CAAA;QAEtC,gBAAgB,CAAC,oBAAoB,CAAC,CAAA;IACxC,CAAC,EAAE,IAAI,CAAC,CAAA;IAER,OAAO;QACL,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,UAAU,CAAC,OAAO;QAC9B,OAAO,EAAE,KAAK;KACf,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,gBAAgB,oBAiB5B"}

package/dist/lib/hooks/useAnimatedVariantStyles.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAnimatedVariantStyles = useAnimatedVariantStyles;
-var useStaticAnimationStyles_1 = require("./useStaticAnimationStyles");
-var react_1 = require("react");
-function useAnimatedVariantStyles(config) {
-    var animatedProperties = config.animatedProperties, updater = config.updater, variantStyles = config.variantStyles, _a = config.dependencies, dependencies = _a === void 0 ? [] : _a;
-    var staticStyles = (0, useStaticAnimationStyles_1.useStaticAnimationStyles)(variantStyles, animatedProperties);
-    var initialState = updater(staticStyles);
-    var _b = (0, react_1.useState)(initialState), animated = _b[0], setAnimated = _b[1];
-    (0, react_1.useEffect)(function () {
-        var nextState = updater(staticStyles);
-        setAnimated(nextState);
-    }, dependencies);
-    return animated;
-}
-//# sourceMappingURL=useAnimatedVariantStyles.js.map

package/dist/lib/hooks/useAnimatedVariantStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimatedVariantStyles.js","sourceRoot":"","sources":["../../../src/lib/hooks/useAnimatedVariantStyles.ts"],"names":[],"mappings":";;AAYA,4DAgBC;AA1BD,uEAAqE;AACrE,+BAA2C;AAS3C,SAAgB,wBAAwB,CAAqE,MAA4C;IAC/I,IAAA,kBAAkB,GAAgD,MAAM,mBAAtD,EAAE,OAAO,GAAuC,MAAM,QAA7C,EAAE,aAAa,GAAwB,MAAM,cAA9B,EAAE,KAAsB,MAAM,aAAX,EAAjB,YAAY,mBAAG,EAAE,KAAA,CAAW;IAEhF,IAAM,YAAY,GAAG,IAAA,mDAAwB,EAAC,aAAa,EAAE,kBAAkB,CAAC,CAAA;IAEhF,IAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;IAEpC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,YAAY,CAAC,EAA/C,QAAQ,QAAA,EAAE,WAAW,QAA0B,CAAA;IAEtD,IAAA,iBAAS,EAAC;QACR,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;QAEvC,WAAW,CAAC,SAAS,CAAC,CAAA;IACxB,CAAC,EAAE,YAAY,CAAC,CAAA;IAEhB,OAAO,QAAQ,CAAA;AACjB,CAAC"}

package/dist/lib/hooks/useBreakpointMatch.js

@@ -1,124 +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.useBreakpointMatch = useBreakpointMatch;
-var react_1 = require("react");
-var types_1 = require("@codeleap/types");
-var styles_1 = require("@codeleap/styles");
-var tools_1 = require("../tools");
-var getTheme = function () { return styles_1.themeStore.themeTyped; };
-function validateBreakpoint(currentTheme, breakpoint) {
-    var matchesDown = (0, tools_1.isMediaQuery)(currentTheme.media.down(breakpoint));
-    var matchesUp = (0, tools_1.isMediaQuery)(currentTheme.media.up(breakpoint));
-    return !matchesUp && matchesDown;
-}
-function useBreakpointMatches() {
-    return (0, react_1.useState)(function () {
-        var currentTheme = getTheme();
-        var breakpointMatches = {};
-        for (var breakpoint in currentTheme.breakpoints) {
-            breakpointMatches[breakpoint] = validateBreakpoint(currentTheme, breakpoint);
-        }
-        return breakpointMatches;
-    });
-}
-function useBreakpointListeners() {
-    var _a = useBreakpointMatches(), breakpointMatches = _a[0], setBreakpointMatches = _a[1];
-    var loaded = (0, react_1.useRef)(false);
-    var mediaQueries = (0, react_1.useRef)({});
-    function callback(event, breakpoint) {
-        var currentTheme = getTheme();
-        setBreakpointMatches(function (prevState) {
-            var updatedMatches = __assign({}, prevState);
-            updatedMatches[breakpoint] = validateBreakpoint(currentTheme, breakpoint);
-            return updatedMatches;
-        });
-    }
-    (0, react_1.useEffect)(function () {
-        if (loaded.current)
-            return;
-        loaded.current = true;
-        var currentTheme = getTheme();
-        var _loop_1 = function (breakpoint) {
-            var queryUp = (0, tools_1.getMediaQuery)(currentTheme.media.up(breakpoint));
-            var matchUp = window.matchMedia(queryUp);
-            mediaQueries.current[breakpoint] = matchUp;
-            try {
-                matchUp.addEventListener('change', function (event) { return callback(event, breakpoint); });
-            }
-            catch (_a) {
-                matchUp.addListener(function (event) { return callback(event, breakpoint); });
-            }
-        };
-        for (var breakpoint in currentTheme.breakpoints) {
-            _loop_1(breakpoint);
-        }
-        return function () {
-            var _loop_2 = function (breakpoint) {
-                var matchUp = mediaQueries.current[breakpoint];
-                try {
-                    matchUp.removeEventListener('change', function (event) { return callback(event, breakpoint); });
-                }
-                catch (_a) {
-                    matchUp.removeListener(function (event) { return callback(event, breakpoint); });
-                }
-            };
-            for (var breakpoint in mediaQueries.current) {
-                _loop_2(breakpoint);
-            }
-            mediaQueries.current = {};
-        };
-    }, []);
-    return breakpointMatches;
-}
-function useBreakpointMatch(values) {
-    var breakpointMatches = useBreakpointListeners();
-    var breakpoints = (0, react_1.useMemo)(function () {
-        return Object.entries(getTheme().breakpoints)
-            .sort(function (_a, _b) {
-            var a = _a[1];
-            var b = _b[1];
-            return a - b;
-        })
-            .reduce(function (acc, _a) {
-            var key = _a[0], value = _a[1];
-            acc[key] = value;
-            return acc;
-        }, {});
-    }, []);
-    var breakpointValues = (0, react_1.useMemo)(function () {
-        return Object.keys(breakpoints).sort(function (a, b) { return (breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[a]) - (breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[b]); });
-    }, []);
-    var currentBreakpoint = (0, react_1.useMemo)(function () {
-        return Object.keys(breakpointMatches).find(function (key) { return breakpointMatches[key]; });
-    }, [breakpointMatches]);
-    var breakpoint = (0, react_1.useMemo)(function () {
-        var _a;
-        var validBreakpointIndex = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.findIndex(function (key) { return key === currentBreakpoint; });
-        var validBreakpoints = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.slice(validBreakpointIndex, 100);
-        var validBreakpoint = null;
-        validBreakpoint = validBreakpoints === null || validBreakpoints === void 0 ? void 0 : validBreakpoints.find(function (currentValue) {
-            var _a;
-            if ((_a = Object === null || Object === void 0 ? void 0 : Object.keys(values)) === null || _a === void 0 ? void 0 : _a.includes(currentValue)) {
-                return currentValue;
-            }
-        });
-        if (types_1.TypeGuards.isNil(validBreakpoint)) {
-            validBreakpoint = (_a = breakpointValues === null || breakpointValues === void 0 ? void 0 : breakpointValues.reverse()) === null || _a === void 0 ? void 0 : _a.find(function (key) { return !!(values === null || values === void 0 ? void 0 : values[key]); });
-        }
-        return validBreakpoint;
-    }, [currentBreakpoint]);
-    var value = (0, react_1.useMemo)(function () { return values === null || values === void 0 ? void 0 : values[breakpoint]; }, [breakpoint]);
-    return value;
-}
-//# sourceMappingURL=useBreakpointMatch.js.map