@codeleap/web 5.8.21 → 6.1.2

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

@@ -1,10 +1,6 @@
-import React from 'react';
-import { WebInputFile } from '@codeleap/types';
-import { FileInputRef } from './types';
+import { FileInputProps } from './types';
 export * from './types';
-export declare const FileInput: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & {
-    children?: React.ReactNode;
-}, "type" | "ref"> & {
-    onFileSelect?: (files: WebInputFile[]) => void;
-    autoClear?: boolean;
-} & React.RefAttributes<FileInputRef>>;
+export declare const FileInput: {
+    (props: FileInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    defaultProps: Partial<FileInputProps>;
+};

package/dist/components/FileInput/index.js

@@ -78,10 +78,10 @@ var react_1 = require("react");
 var types_1 = require("@codeleap/types");
 var hooks_1 = require("@codeleap/hooks");
 __exportStar(require("./types"), exports);
-exports.FileInput = (0, react_1.forwardRef)(function (props, ref) {
+var FileInput = function (props) {
     var inputRef = (0, react_1.useRef)(null);
-    var _a = __assign(__assign({}, exports.FileInput.defaultProps), props), onFileSelect = _a.onFileSelect, autoClear = _a.autoClear, onChange = _a.onChange, inputProps = __rest(_a, ["onFileSelect", "autoClear", "onChange"]);
-    var resolveWithFile = (0, react_1.useRef)();
+    var _a = __assign(__assign({}, exports.FileInput.defaultProps), props), onFileSelect = _a.onFileSelect, autoClear = _a.autoClear, onChange = _a.onChange, ref = _a.ref, inputProps = __rest(_a, ["onFileSelect", "autoClear", "onChange", "ref"]);
+    var resolveWithFile = (0, react_1.useRef)(undefined);
     var clearInput = (0, hooks_1.useCallback)(function () {
         if (!inputRef.current)
             return;
@@ -97,9 +97,9 @@ exports.FileInput = (0, react_1.forwardRef)(function (props, ref) {
         clear: clearInput,
     }); });
     function handleChange(e) {
-        var _a;
         return __awaiter(this, void 0, void 0, function () {
             var fileArray, files;
+            var _a;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -128,7 +128,8 @@ exports.FileInput = (0, react_1.forwardRef)(function (props, ref) {
         });
     }
     return ((0, jsx_runtime_1.jsx)("input", __assign({ type: 'file', style: { visibility: 'hidden', width: 0, height: 0, opacity: 0, display: 'none' } }, inputProps, { ref: inputRef, onChange: handleChange })));
-});
+};
+exports.FileInput = FileInput;
 exports.FileInput.defaultProps = {
     autoClear: true,
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsE;AACtE,yCAA0D;AAC1D,yCAA6C;AAG7C,0CAAuB;AAEV,QAAA,SAAS,GAAG,IAAA,kBAAU,EAA+B,UAAC,KAAK,EAAE,GAAG;IAC3E,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAE/C,IAAM,2BAMD,iBAAS,CAAC,YAAY,GACtB,KAAK,CACT,EAPC,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,UAAU,cAJT,yCAKL,CAGA,CAAA;IAED,IAAM,eAAe,GAAG,IAAA,cAAM,GAAiC,CAAA;IAE/D,IAAM,UAAU,GAAG,IAAA,mBAAW,EAAC;QAC7B,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;QAC7B,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC9B,cAAc,EAAE;YACd,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAExB,OAAO,IAAI,OAAO,CAAiB,UAAC,OAAO;gBACzC,eAAe,CAAC,OAAO,GAAG,OAAO,CAAA;YACnC,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,KAAK,EAAE,UAAU;KAClB,CAAC,EAT6B,CAS7B,CAAC,CAAA;IAEH,SAAe,YAAY,CAAC,CAAsC;;;;;;;wBAChE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;4BAAE,sBAAM;wBAClC,IAAI,kBAAU,CAAC,UAAU,CAAC,QAAQ,CAAC;4BAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;wBAE1C,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,KAAK,KAAI,EAAE,CAAW,CAAA;wBAEvD,KAAK,GAAmB,SAAS,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;4BACpD,IAAI,EAAE,GAAG;4BACT,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;yBAClC,CAAC,EAHmD,CAGnD,CAAC,CAAA;wBAEH,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;6BAE/B,eAAe,CAAC,OAAO,EAAvB,wBAAuB;wBACzB,qBAAM,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA;;wBAApC,SAAoC,CAAA;wBACpC,eAAe,CAAC,OAAO,GAAG,SAAS,CAAA;;;wBAGrC,IAAI,SAAS;4BAAE,UAAU,EAAE,CAAA;;;;;KAC5B;IAED,OAAO,CACL,2CACE,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAC7E,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,IACtB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,iBAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,IAAI;CACW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsE;AACtE,yCAA0D;AAC1D,yCAA6C;AAG7C,0CAAuB;AAEhB,IAAM,SAAS,GAAG,UAAC,KAAqB;IAC7C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAE/C,IAAM,2BAOD,iBAAS,CAAC,YAAY,GACtB,KAAK,CACT,EARC,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,GAAG,SAAA,EACA,UAAU,cALT,gDAML,CAGA,CAAA;IAED,IAAM,eAAe,GAAG,IAAA,cAAM,EAAgC,SAAS,CAAC,CAAA;IAExE,IAAM,UAAU,GAAG,IAAA,mBAAW,EAAC;QAC7B,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;QAC7B,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC9B,cAAc,EAAE;YACd,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAExB,OAAO,IAAI,OAAO,CAAiB,UAAC,OAAO;gBACzC,eAAe,CAAC,OAAO,GAAG,OAAO,CAAA;YACnC,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,KAAK,EAAE,UAAU;KAClB,CAAC,EAT6B,CAS7B,CAAC,CAAA;IAEH,SAAe,YAAY,CAAC,CAAsC;;;;;;;wBAChE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;4BAAE,sBAAM;wBAClC,IAAI,kBAAU,CAAC,UAAU,CAAC,QAAQ,CAAC;4BAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;wBAE1C,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,KAAK,KAAI,EAAE,CAAW,CAAA;wBAEvD,KAAK,GAAmB,SAAS,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;4BACpD,IAAI,EAAE,GAAG;4BACT,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;yBAClC,CAAC,EAHmD,CAGnD,CAAC,CAAA;wBAEH,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;6BAE/B,eAAe,CAAC,OAAO,EAAvB,wBAAuB;wBACzB,qBAAM,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA;;wBAApC,SAAoC,CAAA;wBACpC,eAAe,CAAC,OAAO,GAAG,SAAS,CAAA;;;wBAGrC,IAAI,SAAS;4BAAE,UAAU,EAAE,CAAA;;;;;KAC5B;IAED,OAAO,CACL,2CACE,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAC7E,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,IACtB,CACH,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,SAAS,aA8DrB;AAED,iBAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,IAAI;CACW,CAAA"}

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

@@ -1,5 +1,6 @@
 import { WebInputFile } from '@codeleap/types';
 import { HTMLProps } from '../../types';
+import { RefObject } from 'react';
 export type FileInputRef = {
     openFilePicker: () => Promise<WebInputFile[]>;
     clear: () => void;
@@ -7,4 +8,5 @@ export type FileInputRef = {
 export type FileInputProps = Omit<HTMLProps<'input'>, 'type' | 'ref'> & {
     onFileSelect?: (files: WebInputFile[]) => void;
     autoClear?: boolean;
+    ref?: RefObject<FileInputRef | null>;
 };

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

@@ -7,6 +7,6 @@ export declare const Icon: {
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
-    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<IconProps, S>) => IJSX;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<IconProps, typeof styles>) => IJSX;
     defaultProps: Partial<IconProps>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6DAA2D;AAC3D,2CAAkF;AAClF,+DAA6D;AAG7D,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,IAAI,GAAG,UAAC,KAAe;;IAClC,IAAM,2BAMD,YAAI,CAAC,YAAY,GACjB,KAAK,CACT,EAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,sBAAA,EACb,UAAU,cAJT,qCAKL,CAGA,CAAA;IAED,IAAM,UAAU,GAAG,IAAA,iBAAQ,EAAC,UAAA,KAAK,YAAI,OAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,CAAA,EAAA,CAAC,CAAA;IAExD,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,YAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,IAAM,SAAS,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,IAAI,CAAC,CAAA;IAEpC,IAAI,CAAC,IAAI,EAAE;QACT,IAAM,SAAS,GAAG,MAAM,CAAC,IAA8C,CAAA;QAEvE,OAAO,gBAAgB,CAAC,CAAC,CAAC,CACxB,uBAAC,WAAI,IACH,KAAK,EAAE;gBACL,MAAM,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,SAAS,CAAC,MAAM;gBAC1C,KAAK,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,SAAS,CAAC,KAAK;aACzC,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;KACT;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAE3B,OAAO,uBAAC,SAAS,eAAK,UAAU,IAAE,KAAK,EAAE,MAAM,CAAC,IAAI,IAAI,CAAA;AAC1D,CAAC,CAAA;AAjCY,QAAA,IAAI,QAiChB;AAED,YAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,YAAI,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,CAAA;AACxB,YAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,YAAI,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACrD,OAAO,YAAuE,CAAA;AAChF,CAAC,CAAA;AAED,YAAI,CAAC,YAAY,GAAG,EAAwB,CAAA;AAE5C,mCAAgB,CAAC,iBAAiB,CAAC,YAAI,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6DAA2D;AAC3D,2CAAkF;AAClF,+DAA6D;AAG7D,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,IAAI,GAAG,UAAC,KAAe;;IAClC,IAAM,2BAMD,YAAI,CAAC,YAAY,GACjB,KAAK,CACT,EAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,sBAAA,EACb,UAAU,cAJT,qCAKL,CAGA,CAAA;IAED,IAAM,UAAU,GAAG,IAAA,iBAAQ,EAAC,UAAA,KAAK,YAAI,OAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,CAAA,EAAA,CAAC,CAAA;IAExD,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,YAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,IAAM,SAAS,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,IAAI,CAAC,CAAA;IAEpC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,IAAM,SAAS,GAAG,MAAM,CAAC,IAA8C,CAAA;QAEvE,OAAO,gBAAgB,CAAC,CAAC,CAAC,CACxB,uBAAC,WAAI,IACH,KAAK,EAAE;gBACL,MAAM,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,SAAS,CAAC,MAAM;gBAC1C,KAAK,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,SAAS,CAAC,KAAK;aACzC,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;IACV,CAAC;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAE3B,OAAO,uBAAC,SAAS,eAAK,UAAU,IAAE,KAAK,EAAE,MAAM,CAAC,IAAI,IAAI,CAAA;AAC1D,CAAC,CAAA;AAjCY,QAAA,IAAI,QAiChB;AAED,YAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,YAAI,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,CAAA;AACxB,YAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,YAAI,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACrD,OAAO,YAAuE,CAAA;AAChF,CAAC,CAAA;AAED,YAAI,CAAC,YAAY,GAAG,EAAwB,CAAA;AAE5C,mCAAgB,CAAC,iBAAiB,CAAC,YAAI,CAAC,CAAA"}

package/dist/components/InputBase/index.js

@@ -87,12 +87,12 @@ exports.InputBase = (0, react_1.forwardRef)(function (props, ref) {
     var _error = types_1.TypeGuards.isString(error) ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: error, style: styles.errorStyle }) : error;
     var _description = types_1.TypeGuards.isString(description) ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: description, style: styles.descriptionStyle }) : description;
     var parts = {
-        label: labelAsRow ? ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.labelRowStyle }, { children: [_label, _description] }))) : (_label),
+        label: labelAsRow ? ((0, jsx_runtime_1.jsxs)(View_1.View, { style: styles.labelRowStyle, children: [_label, _description] })) : (_label),
         description: labelAsRow ? null : _description,
         innerWrapper: (0, jsx_runtime_1.jsxs)(InnerWrapperComponent, __assign({ ref: innerWrapperRef, style: styles.innerWrapperStyle }, innerWrapperProps, { children: [_leftIcon, children, _rightIcon] })),
         error: noError ? null : (_error || (0, jsx_runtime_1.jsx)(Text_1.Text, { children: (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: " \u00A0 " }), style: styles.errorStyle })),
     };
-    return ((0, jsx_runtime_1.jsx)(WrapperComponent, __assign({}, otherProps, wrapperProps, { style: styles.wrapperStyle, ref: ref }, { children: order.map(function (key) { return ((0, jsx_runtime_1.jsx)(KeyPassthrough, { children: parts[key] }, key)); }) })));
+    return ((0, jsx_runtime_1.jsx)(WrapperComponent, __assign({}, otherProps, wrapperProps, { style: styles.wrapperStyle, ref: ref, children: order.map(function (key) { return ((0, jsx_runtime_1.jsx)(KeyPassthrough, { children: parts[key] }, key)); }) })));
 });
 exports.InputBase.elements = [
     'wrapper',

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StylesOf } from '@codeleap/types';
 import { InputBaseComposition } from './styles';
 import { ActionIconComposition, ActionIconProps } from '../ActionIcon';

package/dist/components/InputBase/useInputBase.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Field, IFieldRef } from '@codeleap/form';
 import { AnyRecord } from '@codeleap/types';
 export declare function useInputBase<V, T extends Field<V, any, any, unknown> = Field<V, any, any, unknown>>(field: T, defaultField: (options?: AnyRecord) => T, internalState: {
@@ -53,8 +52,8 @@ export declare function useInputBase<V, T extends Field<V, any, any, unknown> =
         validation: import("@codeleap/form").ValidationResult<any, unknown>;
         value: unknown;
     };
-    wrapperRef: import("react").MutableRefObject<HTMLDivElement>;
-    innerInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    wrapperRef: import("react").RefObject<HTMLDivElement>;
+    innerInputRef: import("react").RefObject<HTMLInputElement>;
     inputValue: V;
     onInputValueChange: (value: V) => void;
 };

package/dist/components/InputBase/useInputBase.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInputBase = void 0;
+exports.useInputBase = useInputBase;
 var react_1 = require("react");
 // import { useWrappingScrollable } from ''
 var form_1 = require("@codeleap/form");
@@ -22,7 +22,7 @@ function useInputBase(field, defaultField, internalState, params, deps) {
     if (deps === void 0) { deps = []; }
     var value = internalState.value, onValueChange = internalState.onValueChange;
     var hasInternalState = (0, react_1.useMemo)(function () { return types_1.TypeGuards.isFunction(onValueChange) && !types_1.TypeGuards.isNil(value); }, []);
-    var wrapperRef = (0, react_1.useRef)();
+    var wrapperRef = (0, react_1.useRef)(undefined);
     var innerInputRef = (0, react_1.useRef)(null);
     // const scrollable = useWrappingScrollable()
     var fieldHandle = hasInternalState ? {} : (0, form_1.useField)(field, [
@@ -51,5 +51,4 @@ function useInputBase(field, defaultField, internalState, params, deps) {
         onInputValueChange: hasInternalState ? onValueChange : fieldHandle === null || fieldHandle === void 0 ? void 0 : fieldHandle.setValue,
     };
 }
-exports.useInputBase = useInputBase;
 //# sourceMappingURL=useInputBase.js.map

package/dist/components/InputBase/useInputBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInputBase.js","sourceRoot":"","sources":["../../../src/components/InputBase/useInputBase.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAAuC;AACvC,2CAA2C;AAC3C,uCAAmE;AACnE,yCAAuD;AAEvD,SAAgB,YAAY,CAC1B,KAAQ,EACR,YAAiE,EACjE,aAA8D,EAC9D,MAAkC,EAClC,IAAgB;IAHhB,6BAAA,EAAA,eAA2C,aAAM,CAAC,IAAe;IAEjE,uBAAA,EAAA,WAAkC;IAClC,qBAAA,EAAA,SAAgB;IAER,IAAA,KAAK,GAAoB,aAAa,MAAjC,EAAE,aAAa,GAAK,aAAa,cAAlB,CAAkB;IAE9C,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,kBAAU,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAhE,CAAgE,EAAE,EAAE,CAAC,CAAA;IAE5G,IAAM,UAAU,GAAG,IAAA,cAAM,GAAkB,CAAA;IAE3C,IAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAEpD,6CAA6C;IAE7C,IAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAA0C,CAAC,CAAC,CAAC,IAAA,eAAQ,EAAO,KAAU,EAAE;mBAE3G,IAAI;gBACF,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;YAC9B,CAAC,EACD,KAAK;gBACH,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAC/B,CAAC,EACD,QAAQ;gBACN,OAAO,aAAa,CAAC,OAAO,CAAC,KAAU,CAAA;YACzC,CAAC,EACD,cAAc;gBACZ,kBAAkB;gBAClB,OAAM;gBACN,qEAAqE;gBACrE,8CAA8C;gBAC9C,KAAK;YACP,CAAC,IACE,MAAM;QAEX,IAAI;KAC8B,EAAE,YAAY,CAAC,CAAA;IAEnD,IAAM,UAAU,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,CAAA;IAE1C,OAAO;QACL,WAAW,aAAA;QACX,UAAU,YAAA;QACV,UAAU,YAAA;QACV,aAAa,eAAA;QACb,UAAU,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAM;QAChE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ;KAC7E,CAAA;AACH,CAAC;AAlDD,oCAkDC"}
+{"version":3,"file":"useInputBase.js","sourceRoot":"","sources":["../../../src/components/InputBase/useInputBase.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAKA,oCAkDC;AAvDD,+BAAuC;AACvC,2CAA2C;AAC3C,uCAAmE;AACnE,yCAAuD;AAEvD,SAAgB,YAAY,CAC1B,KAAQ,EACR,YAAiE,EACjE,aAA8D,EAC9D,MAAkC,EAClC,IAAgB;IAHhB,6BAAA,EAAA,eAA2C,aAAM,CAAC,IAAe;IAEjE,uBAAA,EAAA,WAAkC;IAClC,qBAAA,EAAA,SAAgB;IAER,IAAA,KAAK,GAAoB,aAAa,MAAjC,EAAE,aAAa,GAAK,aAAa,cAAlB,CAAkB;IAE9C,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,kBAAU,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAhE,CAAgE,EAAE,EAAE,CAAC,CAAA;IAE5G,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,SAAS,CAAC,CAAA;IAEpD,IAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAEpD,6CAA6C;IAE7C,IAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAA0C,CAAC,CAAC,CAAC,IAAA,eAAQ,EAAO,KAAU,EAAE;mBAE3G,IAAI;gBACF,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;YAC9B,CAAC,EACD,KAAK;gBACH,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAC/B,CAAC,EACD,QAAQ;gBACN,OAAO,aAAa,CAAC,OAAO,CAAC,KAAU,CAAA;YACzC,CAAC,EACD,cAAc;gBACZ,kBAAkB;gBAClB,OAAM;gBACN,qEAAqE;gBACrE,8CAA8C;gBAC9C,KAAK;YACP,CAAC,IACE,MAAM;QAEX,IAAI;KAC8B,EAAE,YAAY,CAAC,CAAA;IAEnD,IAAM,UAAU,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,CAAA;IAE1C,OAAO;QACL,WAAW,aAAA;QACX,UAAU,YAAA;QACV,UAAU,YAAA;QACV,aAAa,eAAA;QACb,UAAU,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAM;QAChE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ;KAC7E,CAAA;AACH,CAAC"}

package/dist/components/InputBase/useInputBasePartialStyles.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInputBasePartialStyles = void 0;
+exports.useInputBasePartialStyles = useInputBasePartialStyles;
 var react_1 = require("react");
 function useInputBasePartialStyles(styles, styleKeys, states) {
     return (0, react_1.useMemo)(function () {
@@ -36,5 +36,4 @@ function useInputBasePartialStyles(styles, styleKeys, states) {
         }, {});
     }, [states]);
 }
-exports.useInputBasePartialStyles = useInputBasePartialStyles;
 //# sourceMappingURL=useInputBasePartialStyles.js.map

package/dist/components/InputBase/useInputBasePartialStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInputBasePartialStyles.js","sourceRoot":"","sources":["../../../src/components/InputBase/useInputBasePartialStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAA8C;AAE9C,SAAgB,yBAAyB,CACvC,MAAgC,EAChC,SAAkC,EAClC,MAAS;IAET,OAAO,IAAA,eAAO,EAAC;QACb,OAAO,SAAS,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,KAAK;YAC3B,IAAA,KAA6B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAxE,GAAG,QAAA,EAAE,mBAAmB,QAAgD,CAAA;YAE/E,IAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAAW;oBAAV,KAAK,QAAA,EAAE,EAAE,QAAA;gBAC3D,IAAI,CAAC,EAAE;oBAAE,OAAO,GAAG,CAAA;gBAEnB,IAAM,KAAK,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,UAAG,GAAG,cAAI,KAAK,CAAO,CAAC,CAAA;gBAE9C,IAAI,CAAC,KAAK;oBAAE,OAAO,GAAG,CAAA;gBAEtB,6BACK,GAAG,GACH,MAAM,CAAC,UAAG,GAAG,cAAI,KAAK,CAAO,CAAC,EAClC;YACH,CAAC,EAAE,EAAE,CAAC,CAAA;YAEN,IAAI,mBAAmB,IAAI,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,GAAG,CAAC,CAAA,EAAE;gBAC1C,GAAG,CAAC,GAAG,CAAC,yBACH,MAAM,CAAC,GAAG,CAAC,GACX,MAAM,CACV,CAAA;aACF;iBAAM;gBACL,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;aAClB;YAED,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAA8B,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;AACd,CAAC;AAlCD,8DAkCC"}
+{"version":3,"file":"useInputBasePartialStyles.js","sourceRoot":"","sources":["../../../src/components/InputBase/useInputBasePartialStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAEA,8DAkCC;AApCD,+BAA8C;AAE9C,SAAgB,yBAAyB,CACvC,MAAgC,EAChC,SAAkC,EAClC,MAAS;IAET,OAAO,IAAA,eAAO,EAAC;QACb,OAAO,SAAS,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,KAAK;YAC3B,IAAA,KAA6B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAxE,GAAG,QAAA,EAAE,mBAAmB,QAAgD,CAAA;YAE/E,IAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAAW;oBAAV,KAAK,QAAA,EAAE,EAAE,QAAA;gBAC3D,IAAI,CAAC,EAAE;oBAAE,OAAO,GAAG,CAAA;gBAEnB,IAAM,KAAK,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,UAAG,GAAG,cAAI,KAAK,CAAO,CAAC,CAAA;gBAE9C,IAAI,CAAC,KAAK;oBAAE,OAAO,GAAG,CAAA;gBAEtB,6BACK,GAAG,GACH,MAAM,CAAC,UAAG,GAAG,cAAI,KAAK,CAAO,CAAC,EAClC;YACH,CAAC,EAAE,EAAE,CAAC,CAAA;YAEN,IAAI,mBAAmB,IAAI,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,GAAG,CAAC,CAAA,EAAE,CAAC;gBAC3C,GAAG,CAAC,GAAG,CAAC,yBACH,MAAM,CAAC,GAAG,CAAC,GACX,MAAM,CACV,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;YACnB,CAAC;YAED,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAA8B,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;AACd,CAAC"}

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

@@ -1,5 +1,5 @@
 import { IconState, IconStyles, InputBaseProps, OmitDiff } from './types';
-export declare function selectInputBaseProps<T extends Omit<InputBaseProps, 'style'>>(props: T): {
+export declare function selectInputBaseProps<T extends Omit<InputBaseProps, 'style' | 'ref'>>(props: T): {
     inputBaseProps: InputBaseProps;
     others: OmitDiff<T, T>;
 };

package/dist/components/InputBase/utils.js

@@ -11,7 +11,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconStylesOf = exports.concatStyles = exports.getIconStyles = exports.selectInputBaseProps = void 0;
+exports.iconStylesOf = exports.getIconStyles = void 0;
+exports.selectInputBaseProps = selectInputBaseProps;
+exports.concatStyles = concatStyles;
 function selectInputBaseProps(props) {
     var varList = [
         'label',
@@ -34,7 +36,6 @@ function selectInputBaseProps(props) {
     }, {});
     return { inputBaseProps: result, others: copy };
 }
-exports.selectInputBaseProps = selectInputBaseProps;
 var getIconStyles = function (obj, state) { return ({
     icon: __assign(__assign(__assign({}, obj.icon), (state.focused && obj['icon:focus'])), (state.hasError && obj['icon:error'])),
     'icon:disabled': __assign({}, (state.disabled && obj['icon:disabled'])),
@@ -52,7 +53,6 @@ function concatStyles(unstyles) {
     });
     return styles;
 }
-exports.concatStyles = concatStyles;
 var iconStylesOf = function (baseStyles, styles) { return ({
     icon: __assign(__assign({}, baseStyles.icon), styles.icon),
     'icon:disabled': __assign(__assign({}, baseStyles['icon:disabled']), styles['icon:disabled']),

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/InputBase/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,SAAgB,oBAAoB,CAA0C,KAAQ;IAIpF,IAAM,OAAO,GAAkB;QAC7B,OAAO;QACP,OAAO;QACP,cAAc;QACd,UAAU;QACV,WAAW;QACX,aAAa;QACb,SAAS;QACT,UAAU;QACV,mBAAmB;QACnB,cAAc;QACd,UAAU;KACX,CAAA;IAED,IAAM,IAAI,gBAAQ,KAAK,CAAE,CAAA;IAEzB,IAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,GAAG;QACrC,aAAa;QACb,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;QAEpB,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAoB,CAAC,CAAA;IAExB,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,IAAsB,EAAE,CAAA;AACnE,CAAC;AA5BD,oDA4BC;AAEM,IAAM,aAAa,GAAG,UAAC,GAAe,EAAE,KAAgB,IAAK,OAAA,CAAC;IACnE,IAAI,iCACC,GAAG,CAAC,IAAI,GACR,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,CAAC,YAAY,CAAC,CAAC,GACpC,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,YAAY,CAAC,CAAC,CACzC;IACD,eAAe,eACV,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,CAAC,CAC5C;IACD,gBAAgB,iCACX,GAAG,CAAC,gBAAgB,GACpB,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,CAAC,wBAAwB,CAAC,CAAC,GAChD,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,wBAAwB,CAAC,CAAC,CACrD;IACD,2BAA2B,eACtB,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,2BAA2B,CAAC,CAAC,CACxD;CACF,CAAC,EAjBkE,CAiBlE,CAAA;AAjBW,QAAA,aAAa,iBAiBxB;AAEF,SAAgB,YAAY,CAAC,QAAiC;IAAjC,yBAAA,EAAA,aAAiC;IAC5D,IAAI,MAAM,GAAG,EAAE,CAAA;IAEf,MAAM,CAAC,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,UAAA,KAAK;QACzC,IAAI,KAAK,EAAE;YACT,MAAM,yBACD,MAAM,GACN,KAAK,CACT,CAAA;SACF;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,MAAM,CAAA;AACf,CAAC;AAbD,oCAaC;AAEM,IAAM,YAAY,GAAG,UAAC,UAAsB,EAAE,MAAkB,IAAK,OAAA,CAAC;IAC3E,IAAI,wBACC,UAAU,CAAC,IAAI,GACf,MAAM,CAAC,IAAI,CACf;IACD,eAAe,wBACV,UAAU,CAAC,eAAe,CAAC,GAC3B,MAAM,CAAC,eAAe,CAAC,CAC3B;IACD,gBAAgB,wBACX,UAAU,CAAC,gBAAgB,GAC3B,MAAM,CAAC,gBAAgB,CAC3B;IACD,2BAA2B,wBACtB,UAAU,CAAC,2BAA2B,CAAC,GACvC,MAAM,CAAC,2BAA2B,CAAC,CACvC;CACF,CAAC,EAjB0E,CAiB1E,CAAA;AAjBW,QAAA,YAAY,gBAiBvB"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/InputBase/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,oDA4BC;AAqBD,oCAaC;AA9DD,SAAgB,oBAAoB,CAAkD,KAAQ;IAI5F,IAAM,OAAO,GAAkB;QAC7B,OAAO;QACP,OAAO;QACP,cAAc;QACd,UAAU;QACV,WAAW;QACX,aAAa;QACb,SAAS;QACT,UAAU;QACV,mBAAmB;QACnB,cAAc;QACd,UAAU;KACX,CAAA;IAED,IAAM,IAAI,gBAAQ,KAAK,CAAE,CAAA;IAEzB,IAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,GAAG;QACrC,aAAa;QACb,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;QAEpB,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAoB,CAAC,CAAA;IAExB,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,IAAsB,EAAE,CAAA;AACnE,CAAC;AAEM,IAAM,aAAa,GAAG,UAAC,GAAe,EAAE,KAAgB,IAAK,OAAA,CAAC;IACnE,IAAI,iCACC,GAAG,CAAC,IAAI,GACR,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,CAAC,YAAY,CAAC,CAAC,GACpC,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,YAAY,CAAC,CAAC,CACzC;IACD,eAAe,eACV,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,CAAC,CAC5C;IACD,gBAAgB,iCACX,GAAG,CAAC,gBAAgB,GACpB,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,CAAC,wBAAwB,CAAC,CAAC,GAChD,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,wBAAwB,CAAC,CAAC,CACrD;IACD,2BAA2B,eACtB,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,2BAA2B,CAAC,CAAC,CACxD;CACF,CAAC,EAjBkE,CAiBlE,CAAA;AAjBW,QAAA,aAAa,iBAiBxB;AAEF,SAAgB,YAAY,CAAC,QAAiC;IAAjC,yBAAA,EAAA,aAAiC;IAC5D,IAAI,MAAM,GAAG,EAAE,CAAA;IAEf,MAAM,CAAC,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,UAAA,KAAK;QACzC,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,yBACD,MAAM,GACN,KAAK,CACT,CAAA;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,MAAM,CAAA;AACf,CAAC;AAEM,IAAM,YAAY,GAAG,UAAC,UAAsB,EAAE,MAAkB,IAAK,OAAA,CAAC;IAC3E,IAAI,wBACC,UAAU,CAAC,IAAI,GACf,MAAM,CAAC,IAAI,CACf;IACD,eAAe,wBACV,UAAU,CAAC,eAAe,CAAC,GAC3B,MAAM,CAAC,eAAe,CAAC,CAC3B;IACD,gBAAgB,wBACX,UAAU,CAAC,gBAAgB,GAC3B,MAAM,CAAC,gBAAgB,CAC3B;IACD,2BAA2B,wBACtB,UAAU,CAAC,2BAA2B,CAAC,GACvC,MAAM,CAAC,2BAA2B,CAAC,CACvC;CACF,CAAC,EAjB0E,CAiB1E,CAAA;AAjBW,QAAA,YAAY,gBAiBvB"}

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

@@ -2,12 +2,11 @@ import { ListItem, ListProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
-export * from './ListLayout';
-export declare function List(props: ListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function List<T extends ListItem>(props: ListProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare namespace List {
     var styleRegistryName: string;
     var elements: string[];
     var rootElement: string;
-    var withVariantTypes: <S extends AnyRecord>(styles: S) => <T extends ListItem>(props: StyledComponentProps<ListProps<T>, S>) => IJSX;
+    var withVariantTypes: <S extends AnyRecord>(styles: S) => <T extends ListItem>(props: StyledComponentProps<ListProps<T>, typeof styles>) => IJSX;
     var defaultProps: Partial<ListProps>;
 }

package/dist/components/List/index.js

@@ -21,71 +21,118 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     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 __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 __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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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.List = void 0;
+exports.List = List;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var View_1 = require("../View");
 var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
-var lib_1 = require("../../lib");
 var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
 var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
-var ListLayout_1 = require("./ListLayout");
+var masonic_1 = require("masonic");
+var types_1 = require("@codeleap/types");
+var dynamic_1 = __importDefault(require("next/dynamic"));
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);
-__exportStar(require("./ListLayout"), 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 Masonry = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('masonic')); }).then(function (mod) { return mod.Masonry; }); }, { ssr: false });
 function List(props) {
-    var allProps = __assign(__assign({}, List.defaultProps), props);
-    var RenderItem = allProps.renderItem, rowItemsSpacing = allProps.rowItemsSpacing, ListSeparatorComponent = allProps.ListSeparatorComponent, data = allProps.data, overscan = allProps.overscan, separators = allProps.separators, masonryProps = allProps.masonryProps, reloadTimeout = allProps.reloadTimeout, showFooter = allProps.showFooter, style = allProps.style, layoutWrapperProps = allProps.layoutWrapperProps;
+    var _this = this;
+    var _a = __assign(__assign({}, List.defaultProps), props), providedRenderItem = _a.renderItem, ItemSeparatorComponent = _a.ItemSeparatorComponent, data = _a.data, fetchNextPage = _a.fetchNextPage, style = _a.style, hasNextPage = _a.hasNextPage, infiniteLoaderProps = _a.infiniteLoaderProps, separators = _a.separators, ListFooterComponent = _a.ListFooterComponent, placeholder = _a.placeholder, masonryProps = __rest(_a, ["renderItem", "ItemSeparatorComponent", "data", "fetchNextPage", "style", "hasNextPage", "infiniteLoaderProps", "separators", "ListFooterComponent", "placeholder"]);
     var styles = (0, useStylesFor_1.useStylesFor)(List.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 maybeLoadMore = (0, masonic_1.useInfiniteLoader)(function (args) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            if (hasNextPage)
+                fetchNextPage === null || fetchNextPage === void 0 ? void 0 : fetchNextPage();
+            return [2 /*return*/];
+        });
+    }); }, __assign({ isItemLoaded: function (index, items) { return !!(items === null || items === void 0 ? void 0 : items[index]); } }, infiniteLoaderProps));
+    var separator = (0, react_1.useMemo)(function () {
+        if (!separators)
+            return null;
+        return ItemSeparatorComponent;
     }, []);
-    var renderItem = react_1.default.useCallback(function (_item) {
-        if (!RenderItem)
+    var renderItem = (0, react_1.useCallback)(function (itemMasonry) {
+        if (!providedRenderItem)
             return null;
-        var listLength = (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) === listLength - 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 });
-        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isFirst ? null : separator, (0, jsx_runtime_1.jsx)(RenderItem, __assign({}, _itemProps))] });
-    }, [RenderItem]);
-    return ((0, jsx_runtime_1.jsx)(ListLayout_1.ListLayout, __assign({}, allProps, layoutProps, { wrapperProps: layoutWrapperProps, 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); }, rowGutter: rowItemsSpacing, onRender: onLoadMore, overscanBy: overscan, columnCount: 1, previousItemsLength: previousLength, reloadingLayout: reloadingLayout }, masonryProps)) })));
+        var isFirst = (itemMasonry === null || itemMasonry === void 0 ? void 0 : itemMasonry.index) === 0;
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isFirst ? null : separator, providedRenderItem(__assign(__assign({}, itemMasonry), { item: itemMasonry === null || itemMasonry === void 0 ? void 0 : itemMasonry.data }))] });
+    }, [providedRenderItem]);
+    var isEmpty = (0, react_1.useMemo)(function () { return (data === null || data === void 0 ? void 0 : data.length) <= 0 || !(data === null || data === void 0 ? void 0 : data.length); }, [data === null || data === void 0 ? void 0 : data.length]);
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, { style: styles.wrapper, children: [isEmpty ? (0, jsx_runtime_1.jsx)(EmptyPlaceholder_1.EmptyPlaceholder, __assign({}, placeholder)) : null, (0, jsx_runtime_1.jsx)(Masonry, __assign({ columnCount: 1, overscanBy: 7 }, masonryProps, { items: data, css: styles.list, render: renderItem, onRender: maybeLoadMore })), types_1.TypeGuards.isFunction(ListFooterComponent) ? (0, jsx_runtime_1.jsx)(ListFooterComponent, {}) : ListFooterComponent] }));
 }
-exports.List = List;
 List.styleRegistryName = 'List';
-List.elements = ['wrapper', 'innerWrapper', 'separator', 'refreshControl', 'refreshControlIndicator'];
+List.elements = ['wrapper', 'separator'];
 List.rootElement = 'wrapper';
 List.withVariantTypes = function (styles) {
     return List;
 };
 List.defaultProps = {
-    ListEmptyComponent: EmptyPlaceholder_1.EmptyPlaceholder,
-    ListSeparatorComponent: RenderSeparator,
-    refreshDebounce: 1500,
-    refreshSize: 40,
-    refreshThreshold: 0.1,
-    refreshPosition: 16,
-    refresh: true,
-    rowItemsSpacing: 8,
-    overscan: 2,
-    reloadTimeout: 350,
-    showFooter: true,
+    separators: true,
 };
 WebStyleRegistry_1.WebStyleRegistry.registerComponent(List);
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,4 +1,2 @@
-type ListStates = 'empty' | 'loading';
-export type ListParts = 'wrapper' | 'innerWrapper' | 'separator' | 'refreshControl' | 'refreshControlIndicator';
-export type ListComposition = `${ListParts}:${ListStates}` | ListParts;
-export {};
+export type ListParts = 'wrapper' | 'list';
+export type ListComposition = ListParts;

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

@@ -1,64 +1,22 @@
-/// <reference types="react" />
-import { StylesOf } from '@codeleap/types';
 import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
-import { ViewProps } from '../View';
-import { MotionProps } from 'framer-motion';
-import { ActivityIndicatorProps } from '../ActivityIndicator';
-import { ComponentCommonProps } from '../../types';
-import { ItemMasonryProps, ListMasonryProps, UseInfiniteScrollArgs, UseInfiniteScrollReturn } from '../../lib';
 import { ListComposition } from './styles';
 import { StyledProp } from '@codeleap/styles';
-export type ListLayoutProps = Omit<ListProps, 'renderItem'> & UseInfiniteScrollReturn['layoutProps'] & {
-    styles: StylesOf<ListComposition>;
-    children?: React.ReactNode;
-    showFooter?: boolean;
-    wrapperProps?: Partial<ViewProps>;
-};
-export type ListRefreshControlComponent = Partial<ListLayoutProps> & {
-    styles: StylesOf<ListComposition>;
-};
-export type AugmentedRenderItemInfo<T> = ItemMasonryProps<T> & {
+import { MasonryProps, RenderComponentProps, UseInfiniteLoaderOptions } from 'masonic';
+export type AugmentedRenderItemInfo<T> = RenderComponentProps<T> & {
     item: T;
-    isFirst: boolean;
-    isLast: boolean;
-    isOnly: boolean;
 };
 export type ListItem = {
     id: string | number;
 };
-export type ListProps<T extends ListItem = ListItem> = ComponentCommonProps & UseInfiniteScrollArgs & {
+export type ListProps<T extends ListItem = ListItem> = Omit<MasonryProps<T>, 'items' | 'render' | 'onRender'> & {
     data: T[];
-    isFetching?: boolean;
-    hasNextPage?: boolean;
-    separators?: boolean;
-    onRefresh?: () => void;
+    style?: StyledProp<ListComposition>;
     placeholder?: Omit<EmptyPlaceholderProps, 'debugName'>;
-    keyExtractor?: (item: T, index: number) => string;
-    renderItem: (data: AugmentedRenderItemInfo<T>) => React.ReactElement;
-    ListFooterComponent?: (props: ListLayoutProps) => React.ReactElement;
-    ListLoadingIndicatorComponent?: () => React.ReactElement;
-    ListRefreshControlComponent?: () => React.ReactElement;
-    ListEmptyComponent?: React.FC | ((props: EmptyPlaceholderProps) => React.ReactElement);
-    ListSeparatorComponent?: React.FC | ((props: {
-        separatorStyles: ViewProps['style'];
-    }) => React.ReactElement);
-    isLoading?: boolean;
-    isFetchingNextPage?: boolean;
+    ItemSeparatorComponent?: React.ReactElement;
     fetchNextPage?: () => void;
-    ListHeaderComponent?: () => React.ReactElement;
-    refreshDebounce?: number;
-    refreshSize?: number;
-    refreshThreshold?: number;
-    refreshPosition?: number;
-    refresh?: boolean;
-    refreshControlProps?: Partial<MotionProps>;
-    refreshControlIndicatorProps?: Partial<ActivityIndicatorProps>;
-    style?: StyledProp<ListComposition>;
-    ref?: React.MutableRefObject<undefined>;
-    rowItemsSpacing?: number;
-    overscan?: number;
-    masonryProps?: Partial<ListMasonryProps<T>>;
-    reloadTimeout?: number;
-    showFooter?: boolean;
-    layoutWrapperProps?: Partial<ViewProps>;
+    renderItem: (data: AugmentedRenderItemInfo<T>) => React.ReactElement;
+    ListFooterComponent?: React.ReactElement | (() => React.ReactElement);
+    infiniteLoaderProps?: UseInfiniteLoaderOptions<unknown>;
+    hasNextPage?: boolean;
+    separators?: boolean;
 };

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

@@ -7,6 +7,6 @@ export declare const LoadingOverlay: {
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
-    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<LoadingOverlayProps, S>) => IJSX;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<LoadingOverlayProps, typeof styles>) => IJSX;
     defaultProps: Partial<LoadingOverlayProps>;
 };

package/dist/components/LoadingOverlay/index.js

@@ -49,7 +49,7 @@ var LoadingOverlay = function (props) {
     var _a = __assign(__assign({}, exports.LoadingOverlay.defaultProps), props), visible = _a.visible, children = _a.children, style = _a.style, indicatorProps = _a.indicatorProps, debugName = _a.debugName, rest = __rest(_a, ["visible", "children", "style", "indicatorProps", "debugName"]);
     var styles = (0, useStylesFor_1.useStylesFor)(exports.LoadingOverlay.styleRegistryName, style);
     var indicatorStyles = (0, styles_1.useNestedStylesByKey)('indicator', styles);
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, rest, { style: [styles.wrapper, visible && styles['wrapper:visible']] }, { children: [(0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, __assign({ debugName: debugName }, indicatorProps, { style: indicatorStyles })), children] })));
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, rest, { style: [styles.wrapper, visible && styles['wrapper:visible']], children: [(0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, __assign({ debugName: debugName }, indicatorProps, { style: indicatorStyles })), children] })));
 };
 exports.LoadingOverlay = LoadingOverlay;
 exports.LoadingOverlay.styleRegistryName = 'LoadingOverlay';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,gCAA8B;AAC9B,0DAAwD;AAExD,6DAA2D;AAC3D,2CAA8F;AAC9F,+DAA6D;AAE7D,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,cAAc,GAAG,UAAC,KAA0B;IACvD,IAAM,2BAQD,sBAAc,CAAC,YAAY,GAC3B,KAAK,CACT,EATC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,SAAS,eAAA,EACN,IAAI,cANH,+DAOL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,sBAAc,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEpE,IAAM,eAAe,GAAG,IAAA,6BAAoB,EAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IAEjE,OAAO,CACL,wBAAC,WAAI,eAAK,IAAI,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,iBAC3E,uBAAC,qCAAiB,aAAC,SAAS,EAAE,SAAS,IAAM,cAAc,IAAE,KAAK,EAAE,eAAe,IAAI,EACtF,QAAQ,KACJ,CACR,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,cAAc,kBAuB1B;AAED,sBAAc,CAAC,iBAAiB,GAAG,gBAAgB,CAAA;AACnD,sBAAc,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;AAClD,sBAAc,CAAC,WAAW,GAAG,SAAS,CAAA;AAEtC,sBAAc,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IAC/D,OAAO,sBAA2F,CAAA;AACpG,CAAC,CAAA;AAED,sBAAc,CAAC,YAAY,GAAG,EAAkC,CAAA;AAEhE,mCAAgB,CAAC,iBAAiB,CAAC,sBAAc,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,gCAA8B;AAC9B,0DAAwD;AAExD,6DAA2D;AAC3D,2CAA8F;AAC9F,+DAA6D;AAE7D,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,cAAc,GAAG,UAAC,KAA0B;IACvD,IAAM,2BAQD,sBAAc,CAAC,YAAY,GAC3B,KAAK,CACT,EATC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,SAAS,eAAA,EACN,IAAI,cANH,+DAOL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,sBAAc,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEpE,IAAM,eAAe,GAAG,IAAA,6BAAoB,EAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IAEjE,OAAO,CACL,wBAAC,WAAI,eAAK,IAAI,IAAE,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,aAC3E,uBAAC,qCAAiB,aAAC,SAAS,EAAE,SAAS,IAAM,cAAc,IAAE,KAAK,EAAE,eAAe,IAAI,EACtF,QAAQ,KACJ,CACR,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,cAAc,kBAuB1B;AAED,sBAAc,CAAC,iBAAiB,GAAG,gBAAgB,CAAA;AACnD,sBAAc,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;AAClD,sBAAc,CAAC,WAAW,GAAG,SAAS,CAAA;AAEtC,sBAAc,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IAC/D,OAAO,sBAA2F,CAAA;AACpG,CAAC,CAAA;AAED,sBAAc,CAAC,YAAY,GAAG,EAAkC,CAAA;AAEhE,mCAAgB,CAAC,iBAAiB,CAAC,sBAAc,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+import { MaskedTextInputProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './types';
+export declare const MaskedTextInput: {
+    (props: MaskedTextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<MaskedTextInputProps, typeof styles>) => IJSX;
+};