@codeleap/web 5.8.20 → 6.0.1

package/src/components/VirtualList/types.ts

@@ -0,0 +1,38 @@
+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>>
+}

package/src/components/components.ts

@@ -13,6 +13,7 @@ export * from './Collapse'
 export * from './Drawer'
 export * from './Overlay'
 export * from './TextInput'
+export * from './MaskedTextInput'
 export * from './RadioInput'
 export * from './Select'
 export * from './FileInput'
@@ -25,9 +26,8 @@ export * from './NumberIncrement'
 export * from './SearchInput'
 export * from './Tooltip'
 export * from './SegmentedControl'
-export * from './Pager'
+export * from './Carousel'
 export * from './EmptyPlaceholder'
-export * from './Grid'
 export * from './Badge'
 export * from './CropPicker'
 export * from './DatePicker'
@@ -39,3 +39,5 @@ export * from './ColorPicker'
 export * from './PaginationButtons'
 export * from './SectionFilters'
 export * from './PaginationIndicator'
+export * from './Carousel'
+export * from './VirtualList'

package/src/lib/hooks/index.ts

@@ -14,7 +14,6 @@ export * from './useStaticAnimationStyles'
 export * from './useWindowFocus'
 export * from './useWindowSize'
 export * from './useKeydown'
-export * from './useInfiniteScroll'
 export * from './useRefresh'
 export * from './useCropPicker'
 export * from './useFileInput'

package/src/lib/hooks/useAnimatedStyle.ts

@@ -1,17 +1,21 @@
 import { useRef, useEffect, useState } from 'react'
-import { AnimationProps } from 'framer-motion'
+import { TargetAndTransition, Transition } from 'motion/react'
 
-type UpdaterReturn = Omit<AnimationProps['animate'], 'transition'> & {
-  transition: AnimationProps['transition']
+type UpdaterReturn = TargetAndTransition & {
+  transition?: Transition
 }
 
-type UseAnimatedStyleReturn = Pick<AnimationProps, 'animate' | 'initial' | 'transition'>
+type UseAnimatedStyleReturn = {
+  animate: TargetAndTransition
+  initial: boolean
+  transition: Transition | undefined
+}
 
 export const useAnimatedStyle = (updater: () => UpdaterReturn, deps: Array<any>): UseAnimatedStyleReturn => {
   const initialStyle = updater()
 
-  const [animatedStyle, setAnimatedStyle] = useState(initialStyle)
-  const transition = useRef(initialStyle.transition)
+  const [animatedStyle, setAnimatedStyle] = useState<TargetAndTransition>(initialStyle)
+  const transition = useRef<Transition | undefined>(initialStyle.transition)
 
   useEffect(() => {
     const animatedStyleUpdated = updater()
@@ -24,4 +28,4 @@ export const useAnimatedStyle = (updater: () => UpdaterReturn, deps: Array<any>)
     transition: transition.current,
     initial: false,
   }
-}
+}

package/src/lib/hooks/useAnimatedVariantStyles.ts

@@ -1,4 +1,4 @@
-import { AnimationProps } from 'framer-motion'
+import { TargetAndTransition } from 'motion/react'
 import { SelectProperties } from '../../types'
 import { useStaticAnimationStyles } from './useStaticAnimationStyles'
 import { useState, useEffect } from 'react'
@@ -6,7 +6,7 @@ import { useState, useEffect } from 'react'
 type UseAnimatedVariantStylesConfig<T extends Record<string | number | symbol, any>, K extends keyof T> = {
   variantStyles: T
   animatedProperties: K[]
-  updater: (states: SelectProperties<T, K>) => AnimationProps
+  updater: (states: SelectProperties<T, K>) => TargetAndTransition
   dependencies?: any[]
 }
 

package/src/lib/hooks/useClickOutside.ts

@@ -7,7 +7,7 @@ export function useClickOutside<T extends HTMLElement = any>(
   events?: string[] | null,
   nodes?: HTMLElement[],
 ) {
-  const ref = useRef<T>()
+  const ref = useRef<T>(null)
 
   useEffect(() => {
     const listener = (event: any) => {

package/src/lib/hooks/useMediaQuery.ts

@@ -4,7 +4,7 @@ import { attachMediaListener, getMediaQuery, isMediaQuery } from '../tools'
 export function useMediaQuery(query: string) {
   const [matches, setMatches] = useState(isMediaQuery(query))
 
-  const queryRef = useRef<MediaQueryList>()
+  const queryRef = useRef<MediaQueryList>(undefined)
 
   useEffect(() => {
     if (query?.trim() === '' || !query) return

package/src/types/utility.ts

@@ -1,5 +1,5 @@
 import { ICSS } from '@codeleap/styles'
-import React from 'react'
+import React, { JSX } from 'react'
 
 export type StylesOf<C extends string> = Partial<Record<C, ICSS>>
 
@@ -33,7 +33,7 @@ export type NativeHTMLElement = keyof ElementMap
 
 export type HTMLProps<T extends NativeHTMLElement> = ElementMap[T]
 
-export type ComponentWithDefaultProps<P> = ((props: P) => JSX.Element) & { defaultProps?: Partial<P> }
+export type ComponentWithDefaultProps<P> = ((props: P) => React.ReactElement) & { defaultProps?: Partial<P> }
 
 export type ComponentCommonProps = {
   debugName?: string

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

@@ -1,13 +0,0 @@
-import { GridProps } from './types';
-import { ListItem } from '../List';
-import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
-export * from './styles';
-export * from './types';
-export declare const Grid: {
-    (props: GridProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    styleRegistryName: string;
-    elements: string[];
-    rootElement: string;
-    withVariantTypes<S extends AnyRecord>(styles: S): <T extends ListItem = ListItem>(props: StyledComponentProps<GridProps<T>, S>) => IJSX;
-    defaultProps: Partial<GridProps>;
-};

package/dist/components/Grid/index.js

@@ -1,94 +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 __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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Grid = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var View_1 = require("../View");
-var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
-var List_1 = require("../List");
-var lib_1 = require("../../lib");
-var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
-var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
-__exportStar(require("./styles"), exports);
-__exportStar(require("./types"), exports);
-var RenderSeparator = function (props) {
-    return (0, jsx_runtime_1.jsx)(View_1.View, { style: props === null || props === void 0 ? void 0 : props.separatorStyles });
-};
-var Grid = function (props) {
-    var allProps = __assign(__assign({}, exports.Grid.defaultProps), props);
-    var style = allProps.style, RenderItem = allProps.renderItem, columnItemsSpacing = allProps.columnItemsSpacing, rowItemsSpacing = allProps.rowItemsSpacing, ListSeparatorComponent = allProps.ListSeparatorComponent, data = allProps.data, overscan = allProps.overscan, separators = allProps.separators, masonryProps = allProps.masonryProps, numColumns = allProps.numColumns, reloadTimeout = allProps.reloadTimeout, showFooter = allProps.showFooter;
-    var styles = (0, useStylesFor_1.useStylesFor)(exports.Grid.styleRegistryName, style);
-    var _a = (0, lib_1.useInfiniteScroll)(allProps), layoutProps = _a.layoutProps, onLoadMore = _a.onLoadMore;
-    var _b = (0, lib_1.useMasonryReload)({
-        data: data,
-        reloadTimeout: reloadTimeout,
-    }), reloadingLayout = _b.reloadingLayout, previousLength = _b.previousLength;
-    var separator = react_1.default.useMemo(function () {
-        return separators ? (0, jsx_runtime_1.jsx)(ListSeparatorComponent, { separatorStyles: styles.separator }) : null;
-    }, []);
-    var renderItem = react_1.default.useCallback(function (_item) {
-        if (!RenderItem)
-            return null;
-        var gridLength = (data === null || data === void 0 ? void 0 : data.length) || 0;
-        var isFirst = (_item === null || _item === void 0 ? void 0 : _item.index) === 0;
-        var isLast = (_item === null || _item === void 0 ? void 0 : _item.index) === gridLength - 1;
-        var isOnly = isFirst && isLast;
-        var _itemProps = __assign(__assign({}, _item), { isOnly: isOnly, isLast: isLast, isFirst: isFirst, item: _item === null || _item === void 0 ? void 0 : _item.data });
-        if (!(_itemProps === null || _itemProps === void 0 ? void 0 : _itemProps.item))
-            return null;
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(_item === null || _item === void 0 ? void 0 : _item.index) <= numColumns ? null : separator, (0, jsx_runtime_1.jsx)(RenderItem, __assign({}, _itemProps))] });
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(List_1.ListLayout, __assign({}, allProps, layoutProps, { styles: styles, showFooter: reloadingLayout ? false : showFooter }, { children: (0, jsx_runtime_1.jsx)(lib_1.ListMasonry, __assign({ items: data, render: renderItem, itemKey: function (item, _index) { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.id) !== null && _a !== void 0 ? _a : _index); }, columnGutter: columnItemsSpacing, rowGutter: rowItemsSpacing, columnCount: numColumns, maxColumnCount: numColumns, onRender: onLoadMore, overscanBy: overscan, previousItemsLength: previousLength, reloadingLayout: reloadingLayout }, masonryProps)) })));
-};
-exports.Grid = Grid;
-exports.Grid.styleRegistryName = 'Grid';
-exports.Grid.elements = ['wrapper', 'innerWrapper', 'separator', 'refreshControl', 'refreshControlIndicator'];
-exports.Grid.rootElement = 'wrapper';
-exports.Grid.withVariantTypes = function (styles) {
-    return exports.Grid;
-};
-exports.Grid.defaultProps = {
-    ListEmptyComponent: EmptyPlaceholder_1.EmptyPlaceholder,
-    ListSeparatorComponent: RenderSeparator,
-    refreshDebounce: 1500,
-    refreshSize: 40,
-    refreshThreshold: 0.1,
-    refreshPosition: 16,
-    refresh: true,
-    columnItemsSpacing: 8,
-    rowItemsSpacing: 8,
-    overscan: 2,
-    reloadTimeout: 350,
-    showFooter: true,
-    numColumns: 2,
-};
-WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Grid);
-//# sourceMappingURL=index.js.map

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

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

package/dist/components/Grid/styles.d.ts

@@ -1,2 +0,0 @@
-import { ListComposition } from '../List';
-export type GridComposition = ListComposition;

package/dist/components/Grid/styles.js.map

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

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

@@ -1,9 +0,0 @@
-import { StyledProp } from '@codeleap/styles';
-import { GridComposition } from './styles';
-import { ComponentCommonProps } from '../../types';
-import { ListItem, ListProps } from '../List';
-export type GridProps<T extends ListItem = ListItem> = Omit<ListProps<T>, 'style'> & ComponentCommonProps & {
-    style?: StyledProp<GridComposition>;
-    columnItemsSpacing?: number;
-    numColumns?: number;
-};

package/dist/components/List/ListLayout.d.ts

@@ -1,2 +0,0 @@
-import { ListLayoutProps } from './types';
-export declare const ListLayout: (props: ListLayoutProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/List/ListLayout.js

@@ -1,39 +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.ListLayout = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var View_1 = require("../View");
-var styles_1 = require("@codeleap/styles");
-var ActivityIndicator_1 = require("../ActivityIndicator");
-var types_1 = require("@codeleap/types");
-var framer_motion_1 = require("framer-motion");
-var DefaultRefreshIndicator = function (props) {
-    var refreshing = props.refreshing, styles = props.styles, refreshPosition = props.refreshPosition, refreshControlProps = props.refreshControlProps, debugName = props.debugName, refreshSize = props.refreshSize, refreshControlIndicatorProps = props.refreshControlIndicatorProps;
-    return ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, __assign({ initial: false, animate: {
-            opacity: refreshing ? 1 : 0,
-            top: refreshing ? refreshPosition : 0,
-        } }, refreshControlProps, { style: styles === null || styles === void 0 ? void 0 : styles.refreshControl }, { children: (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, __assign({ debugName: debugName + 'refresh-indicator', size: refreshSize }, refreshControlIndicatorProps, { style: styles.refreshControlIndicator })) })));
-};
-var ListLayout = function (props) {
-    var ListEmptyComponent = props.ListEmptyComponent, ListFooterComponent = props.ListFooterComponent, ListHeaderComponent = props.ListHeaderComponent, refresh = props.refresh, _a = props.ListRefreshControlComponent, ListRefreshControlComponent = _a === void 0 ? DefaultRefreshIndicator : _a, styles = props.styles, isEmpty = props.isEmpty, isLoading = props.isLoading, _b = props.placeholder, placeholder = _b === void 0 ? {} : _b, children = props.children, debugName = props.debugName, isFetching = props.isFetching, isFetchingNextPage = props.isFetchingNextPage, ListLoadingIndicatorComponent = props.ListLoadingIndicatorComponent, scrollableRef = props.scrollableRef, _c = props.showFooter, showFooter = _c === void 0 ? true : _c, wrapperProps = props.wrapperProps;
-    var getKeyStyle = function (key) { return (0, styles_1.mergeStyles)([
-        styles[key],
-        isLoading ? styles["".concat(key, ":loading")] : null,
-        isEmpty ? styles["".concat(key, ":empty")] : null,
-    ]); };
-    var showIndicator = (isFetching || isFetchingNextPage) && !types_1.TypeGuards.isNil(ListLoadingIndicatorComponent);
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: getKeyStyle('wrapper'), ref: scrollableRef }, wrapperProps, { children: [!!ListHeaderComponent ? (0, jsx_runtime_1.jsx)(ListHeaderComponent, {}) : null, isEmpty ? (0, jsx_runtime_1.jsx)(ListEmptyComponent, __assign({ debugName: debugName }, placeholder)) : null, (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: [getKeyStyle('innerWrapper'), isEmpty && { display: 'none' }] }, { children: [(!ListRefreshControlComponent || !refresh) ? null : (0, jsx_runtime_1.jsx)(ListRefreshControlComponent, __assign({}, props, { styles: styles })), children] })), showIndicator ? (0, jsx_runtime_1.jsx)(ListLoadingIndicatorComponent, {}) : null, (!!ListFooterComponent && showFooter) ? (0, jsx_runtime_1.jsx)(ListFooterComponent, __assign({}, props)) : null] })));
-};
-exports.ListLayout = ListLayout;
-//# sourceMappingURL=ListLayout.js.map

package/dist/components/List/ListLayout.js.map

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

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

@@ -1,7 +0,0 @@
-import { PagerProps } from './types';
-import { StyledComponentWithProps } from '@codeleap/styles';
-import 'slick-carousel/slick/slick.css';
-import 'slick-carousel/slick/slick-theme.css';
-export * from './styles';
-export * from './types';
-export declare const Pager: StyledComponentWithProps<PagerProps>;

package/dist/components/Pager/index.js

@@ -1,118 +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 __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);
-};
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pager = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var hooks_1 = require("@codeleap/hooks");
-var react_slick_1 = __importDefault(require("react-slick"));
-var react_1 = __importStar(require("react"));
-var View_1 = require("../View");
-var Touchable_1 = require("../Touchable");
-var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
-var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
-require("slick-carousel/slick/slick.css");
-require("slick-carousel/slick/slick-theme.css");
-__exportStar(require("./styles"), exports);
-__exportStar(require("./types"), exports);
-var Dots = function (params) {
-    var page = params.page, childArray = params.childArray, onPress = params.onPress, styles = params.styles, dotsDisabled = params.dotsDisabled;
-    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: styles.dots }, { children: childArray.map(function (_, index) {
-            var isSelected = index === page;
-            var style = [
-                styles.dot,
-                isSelected && styles['dot:selected'],
-                dotsDisabled && styles['dot:disabled'],
-            ];
-            return ((0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { onPress: function () { return onPress === null || onPress === void 0 ? void 0 : onPress(index); }, style: style, disabled: dotsDisabled, debugName: 'dots' }, index));
-        }) })));
-};
-exports.Pager = (0, react_1.forwardRef)(function (props, ref) {
-    var sliderRef = (0, react_1.useRef)();
-    var _a = __assign(__assign({}, exports.Pager.defaultProps), props), style = _a.style, children = _a.children, PageWrapper = _a.renderPageWrapper, page = _a.page, dots = _a.dots, dotsDisabled = _a.dotsDisabled, infinite = _a.infinite, disableSwipe = _a.disableSwipe, onChange = _a.onChange, footer = _a.footer, dotsProps = _a.dotsProps, pageWrapperProps = _a.pageWrapperProps, rest = __rest(_a, ["style", "children", "renderPageWrapper", "page", "dots", "dotsDisabled", "infinite", "disableSwipe", "onChange", "footer", "dotsProps", "pageWrapperProps"]);
-    var styles = (0, useStylesFor_1.useStylesFor)(exports.Pager.styleRegistryName, style);
-    var childArray = react_1.default.Children.toArray(children);
-    var goTo = (0, react_1.useCallback)(function (page) {
-        if (sliderRef.current)
-            sliderRef.current.slickGoTo(page);
-    }, [sliderRef === null || sliderRef === void 0 ? void 0 : sliderRef.current]);
-    (0, react_1.useImperativeHandle)(ref, function () { return (__assign({ goTo: goTo }, sliderRef.current)); }, [!!(sliderRef === null || sliderRef === void 0 ? void 0 : sliderRef.current)]);
-    (0, hooks_1.onUpdate)(function () {
-        goTo(page);
-    }, [page]);
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({ adaptiveHeight: true }, rest, { arrows: false, ref: sliderRef, dots: false, swipe: !disableSwipe, infinite: infinite, accessibility: false, afterChange: onChange }, { children: childArray.map(function (child, index) {
-                    return (
-                    // @ts-expect-error @verify
-                    (0, jsx_runtime_1.jsx)(PageWrapper, __assign({ style: styles.pageWrapper }, pageWrapperProps, { children: child }), index));
-                }) })), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.footerWrapper }, { children: [footer, dots ? ((0, jsx_runtime_1.jsx)(Dots, __assign({ page: page, onPress: onChange, childArray: childArray, styles: styles, dotsDisabled: dotsDisabled }, dotsProps))) : null] }))] })));
-});
-exports.Pager.styleRegistryName = 'Pager';
-exports.Pager.elements = [
-    'wrapper',
-    'dot',
-    'dots',
-    'pageWrapper',
-    'footerWrapper',
-];
-exports.Pager.rootElement = 'wrapper';
-exports.Pager.withVariantTypes = function (styles) {
-    return exports.Pager;
-};
-exports.Pager.defaultProps = {
-    dots: false,
-    dotsDisabled: false,
-    infinite: false,
-    disableSwipe: false,
-    renderPageWrapper: View_1.View,
-};
-WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Pager);
-//# sourceMappingURL=index.js.map

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

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

package/dist/components/Pager/styles.d.ts

@@ -1,3 +0,0 @@
-type Dots = 'dot' | 'dot:selected' | 'dot:disabled' | 'dots';
-export type PagerComposition = 'wrapper' | 'pageWrapper' | 'footerWrapper' | Dots;
-export {};

package/dist/components/Pager/styles.js.map

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

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

@@ -1,27 +0,0 @@
-import { StylesOf } from '@codeleap/types';
-import { Settings } from 'react-slick';
-import { PagerComposition } from './styles';
-import React, { ReactNode, ReactElement } from 'react';
-import { ViewProps } from '../View';
-import { ComponentCommonProps } from '../../types';
-import { StyledProp } from '@codeleap/styles';
-export type PagerRef = {
-    goTo: (page: number) => void;
-};
-export type PagerProps = Omit<Settings, 'style'> & ComponentCommonProps & {
-    style?: StyledProp<PagerComposition>;
-    page?: number;
-    children: ReactNode;
-    onChange?: (page: number) => void;
-    renderPageWrapper?: React.FC;
-    footer?: ReactElement;
-    dotsProps?: DotsProps;
-    pageWrapperProps?: ViewProps;
-    dotsDisabled?: boolean;
-    disableSwipe?: boolean;
-};
-export type DotsProps = Pick<PagerProps, 'page' | 'dotsDisabled'> & {
-    childArray: ReactNode[];
-    onPress?: (index: number) => void;
-    styles: StylesOf<PagerComposition>;
-};

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

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

package/dist/components/TextInput/mask.d.ts

@@ -1,5 +0,0 @@
-import { InputMaskProps, MaskProps, TextInputMaskTypeProp } from './types';
-export declare const getMaskInputProps: ({ masking }: InputMaskProps) => MaskProps & {
-    notSaveFormatted: boolean;
-};
-export declare const maskPreset: Record<TextInputMaskTypeProp | 'cel-phone-brl', MaskProps>;