@codeleap/web 1.4.11 → 1.5.13

package/dist/components/Button.d.ts

@@ -1,6 +1,7 @@
 import { ButtonStyles, ComponentVariants, ButtonComposition, AnyFunction } from '@codeleap/common';
 import React, { ComponentPropsWithRef } from 'react';
 import { StylesOf } from '../types/utility';
+import { TouchableProps } from './Touchable';
 import { IconPlaceholder } from '@codeleap/common';
 declare type NativeButtonProps = ComponentPropsWithRef<'button'>;
 export declare type ButtonProps = NativeButtonProps & ComponentVariants<typeof ButtonStyles> & {
@@ -12,6 +13,6 @@ export declare type ButtonProps = NativeButtonProps & ComponentVariants<typeof B
     loading?: boolean;
     debugName?: string;
     debounce?: number;
-};
+} & Partial<TouchableProps<any>>;
 export declare const Button: React.FC<ButtonProps>;
 export {};

package/dist/components/Button.js.map

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

package/dist/components/Checkbox/index.js

@@ -44,18 +44,19 @@ var Text_1 = require("../Text");
 __exportStar(require("./styles"), exports);
 var Checkbox = function (checkboxProps) {
     var checked = checkboxProps.checked, onValueChange = checkboxProps.onValueChange, _a = checkboxProps.variants, variants = _a === void 0 ? [] : _a, _b = checkboxProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, label = checkboxProps.label, onChange = checkboxProps.onChange, styles = checkboxProps.styles, props = __rest(checkboxProps, ["checked", "onValueChange", "variants", "responsiveVariants", "label", "onChange", "styles"]);
-    function handleChange(e) {
-        onChange && onChange(e);
-        onValueChange && onValueChange(e.target.checked);
+    function handleChange(e, value) {
+        var isChecked = common_1.TypeGuards.isBoolean(value) ? value : e.target.checked;
+        if (e) {
+            onChange && onChange(e);
+        }
+        onValueChange && onValueChange(isChecked);
     }
     var variantStyles = (0, common_1.useDefaultComponentStyle)('Checkbox', {
         responsiveVariants: responsiveVariants,
         variants: variants,
         styles: styles,
     });
-    var logger = (0, common_1.useCodeleapContext)().logger;
-    logger.log('Checkbox Style', variantStyles, 'Style');
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'label', css: __assign({}, variantStyles.wrapper) }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { css: variantStyles.input, onChange: handleChange, type: 'checkbox', checked: checked })), (0, jsx_runtime_1.jsx)("span", { className: 'checkbox-label', css: __assign(__assign({}, variantStyles.checkmarkWrapper), { '&:after': __assign({}, variantStyles.checkmark) }) }), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, styles: { text: variantStyles.label } })) : (label)] })));
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'label', css: __assign({}, variantStyles.wrapper) }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { css: variantStyles.input, onChange: handleChange, type: 'checkbox', checked: checked })), (0, jsx_runtime_1.jsx)("span", { className: 'checkbox-label', onClick: function () { return handleChange(null, !checked); }, css: __assign(__assign({}, variantStyles.checkmarkWrapper), { '&:after': __assign({}, variantStyles.checkmark) }) }), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, styles: { text: variantStyles.label } })) : (label)] })));
 };
 exports.Checkbox = Checkbox;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAKyB;AAEzB,gCAA8B;AAC9B,gCAA8B;AAM9B,2CAAwB;AAQjB,IAAM,QAAQ,GAAG,UAAC,aAA4B;IAEjD,IAAA,OAAO,GAQL,aAAa,QARR,EACP,aAAa,GAOX,aAAa,cAPF,EACb,KAME,aAAa,SANF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAKE,aAAa,mBALQ,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,KAAK,GAIH,aAAa,MAJV,EACL,QAAQ,GAGN,aAAa,SAHP,EACR,MAAM,GAEJ,aAAa,OAFT,EACH,KAAK,UACN,aAAa,EATX,6FASL,CADS,CACO;IAEjB,SAAS,YAAY,CAAC,CAAsC;QAC1D,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAA;QACvB,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAClD,CAAC;IAED,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,UAAU,EAAE;QACzD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACA,CAAqC,CAAA;IAErC,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IACvC,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAA;IAEpD,OAAO,CACL,wBAAC,WAAI,aAAC,SAAS,EAAC,OAAO,EAAC,GAAG,eAAO,aAAa,CAAC,OAAO,kBACrD,6CACM,KAAK,IACT,GAAG,EAAE,aAAa,CAAC,KAAK,EACxB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,IAChB,EACF,iCACE,SAAS,EAAC,gBAAgB,EAC1B,GAAG,wBACE,aAAa,CAAC,gBAAgB,KACjC,SAAS,eACJ,aAAa,CAAC,SAAS,OAG9B,EACD,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,uBAAC,WAAI,IAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,KAAK,CACN,KACI,CACR,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,QAAQ,YAmDpB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAMyB;AAEzB,gCAA8B;AAC9B,gCAA8B;AAM9B,2CAAwB;AAQjB,IAAM,QAAQ,GAAG,UAAC,aAA4B;IAEjD,IAAA,OAAO,GAQL,aAAa,QARR,EACP,aAAa,GAOX,aAAa,cAPF,EACb,KAME,aAAa,SANF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAKE,aAAa,mBALQ,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,KAAK,GAIH,aAAa,MAJV,EACL,QAAQ,GAGN,aAAa,SAHP,EACR,MAAM,GAEJ,aAAa,OAFT,EACH,KAAK,UACN,aAAa,EATX,6FASL,CADS,CACO;IAEjB,SAAS,YAAY,CAAC,CAAsC,EAAE,KAAe;QAC3E,IAAM,SAAS,GAAG,mBAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;QACxE,IAAI,CAAC,EAAE;YACL,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAA;SACxB;QACD,aAAa,IAAI,aAAa,CAAC,SAAS,CAAC,CAAA;IAC3C,CAAC;IAED,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,UAAU,EAAE;QACzD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACA,CAAqC,CAAA;IAE7C,OAAO,CACL,wBAAC,WAAI,aAAC,SAAS,EAAC,OAAO,EAAC,GAAG,eAAO,aAAa,CAAC,OAAO,kBACrD,6CACM,KAAK,IACT,GAAG,EAAE,aAAa,CAAC,KAAK,EACxB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,IAChB,EACF,iCACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,EAA5B,CAA4B,EAC3C,GAAG,wBACE,aAAa,CAAC,gBAAgB,KACjC,SAAS,eACJ,aAAa,CAAC,SAAS,OAG9B,EACD,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,uBAAC,WAAI,IAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,KAAK,CACN,KACI,CACR,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,QAAQ,YAoDpB"}

package/dist/components/Checkbox/styles.js

@@ -21,6 +21,8 @@ exports.WebCheckboxStyles = __assign(__assign({}, presets), { default: createChe
             alignItems: 'center',
             position: 'relative',
             cursor: 'pointer',
+            minHeight: '18px',
+            minWidth: '18px',
             '.checkbox-label': {
                 height: '18px',
                 width: '18px',
@@ -28,6 +30,8 @@ exports.WebCheckboxStyles = __assign(__assign({}, presets), { default: createChe
                 borderRadius: theme.borderRadius.small,
                 position: 'absolute',
                 overflow: 'hidden',
+                top: '50%',
+                transform: 'translateY(-50%)',
                 transition: 'background 0.3s ease',
                 ':after': {
                     content: '""',
@@ -47,6 +51,8 @@ exports.WebCheckboxStyles = __assign(__assign({}, presets), { default: createChe
         label: __assign({}, theme.spacing.marginLeft(1)),
         input: {
             visibility: 'hidden',
+            height: 0,
+            width: 0,
             '&:checked + .checkbox-label': {
                 '&:after': {
                     transform: 'translate(-50%,-50%) rotate(45deg) scale(1)',

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAQ9E,IAAM,mBAAmB,GACvB,IAAA,oCAA2B,GAA0B,CAAA;AAEvD,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAhD,CAAgD,CAC1F,CAAA;AAEY,QAAA,iBAAiB,yBACzB,OAAO,KACV,OAAO,EAAE,mBAAmB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,SAAS;YACjB,iBAAiB,EAAE;gBACjB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,oBAAa,KAAK,CAAC,MAAM,CAAC,IAAI,CAAE;gBACxC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,sBAAsB;gBAClC,QAAQ,EAAE;oBACR,OAAO,EAAE,IAAI;oBACb,MAAM,EAAE,oBAAa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAE;oBACzC,eAAe,EAAE,aAAa;oBAC9B,cAAc,EAAE,aAAa;oBAC7B,MAAM,EAAE,KAAK;oBACb,KAAK,EAAE,KAAK;oBACZ,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,KAAK;oBACX,GAAG,EAAE,KAAK;oBAEV,SAAS,EAAE,6CAA6C;oBACxD,UAAU,EAAE,qBAAqB;iBAClC;aACF;SACF;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAC/B;QACD,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,6BAA6B,EAAE;gBAC7B,SAAS,EAAE;oBACT,SAAS,EAAE,6CAA6C;iBACzD;gBACD,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACjC;SACF;KACF,CAAC,EA1CsC,CA0CtC,CAAC,IACJ"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAQ9E,IAAM,mBAAmB,GACvB,IAAA,oCAA2B,GAA0B,CAAA;AAEvD,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAhD,CAAgD,CAC1F,CAAA;AAEY,QAAA,iBAAiB,yBACzB,OAAO,KACV,OAAO,EAAE,mBAAmB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,MAAM;YAChB,iBAAiB,EAAE;gBACjB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,oBAAa,KAAK,CAAC,MAAM,CAAC,IAAI,CAAE;gBACxC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,GAAG,EAAE,KAAK;gBACV,SAAS,EAAE,kBAAkB;gBAC7B,UAAU,EAAE,sBAAsB;gBAElC,QAAQ,EAAE;oBACR,OAAO,EAAE,IAAI;oBACb,MAAM,EAAE,oBAAa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAE;oBACzC,eAAe,EAAE,aAAa;oBAC9B,cAAc,EAAE,aAAa;oBAC7B,MAAM,EAAE,KAAK;oBACb,KAAK,EAAE,KAAK;oBACZ,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,KAAK;oBACX,GAAG,EAAE,KAAK;oBAEV,SAAS,EAAE,6CAA6C;oBACxD,UAAU,EAAE,qBAAqB;iBAClC;aACF;SACF;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAC/B;QACD,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,6BAA6B,EAAE;gBAC7B,SAAS,EAAE;oBACT,SAAS,EAAE,6CAA6C;iBACzD;gBACD,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACjC;SACF;KACF,CAAC,EAjDsC,CAiDtC,CAAC,IACJ"}

package/dist/components/Collapse.d.ts

@@ -0,0 +1,20 @@
+import { ViewProps } from './View';
+import { ElementType } from 'react';
+export declare type CollapseAxis = 'horizontal' | 'vertical';
+export declare type GetCollapseStylesArgs = {
+    direction?: CollapseAxis;
+    value: string | number;
+    animation?: string;
+    scroll?: boolean;
+};
+declare type CollapseComposition = 'wrapper' | 'wrapper:open' | 'wrapper:hidden';
+export declare function getCollapseStyles<TCSS = React.CSSProperties, Return extends Record<CollapseComposition, TCSS> = Record<CollapseComposition, TCSS>>(args: GetCollapseStylesArgs): Return;
+export declare type CollapseProps<T extends ElementType = 'div'> = ViewProps<T> & {
+    open: boolean;
+    scroll?: boolean;
+    size?: string | number;
+    direction?: CollapseAxis;
+    animation?: string;
+};
+export declare const Collapse: React.FC<CollapseProps>;
+export {};

package/dist/components/Collapse.js

@@ -0,0 +1,68 @@
+"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 __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.Collapse = exports.getCollapseStyles = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var Scroll_1 = require("./Scroll");
+var View_1 = require("./View");
+function getCollapseStyles(args) {
+    var _a, _b;
+    var _c = args.direction, direction = _c === void 0 ? 'vertical' : _c, value = args.value, _d = args.animation, animation = _d === void 0 ? '0.3s ease' : _d, _e = args.scroll, scroll = _e === void 0 ? false : _e;
+    var dimension = direction === 'horizontal' ? 'width' : 'height';
+    var capitalizedDimension = (0, common_1.capitalize)(dimension);
+    var overflowOpen = scroll ? 'auto' : 'hidden';
+    var axis = direction === 'vertical' ? 'Y' : 'X';
+    return {
+        'wrapper:closed': (_a = {},
+            _a["max".concat(capitalizedDimension)] = '0px',
+            _a["overflow".concat(axis)] = 'hidden',
+            _a),
+        'wrapper:open': (_b = {},
+            _b["max".concat(capitalizedDimension)] = common_1.TypeGuards.isString(value) ? value : "".concat(value, "px"),
+            _b["overflow".concat(axis)] = overflowOpen,
+            _b),
+        wrapper: {
+            height: 'auto',
+            transition: "max-".concat(dimension, " ").concat(animation),
+        },
+    };
+}
+exports.getCollapseStyles = getCollapseStyles;
+var Collapse = function (_a) {
+    var open = _a.open, _b = _a.size, size = _b === void 0 ? 1000 : _b, _c = _a.scroll, scroll = _c === void 0 ? false : _c, children = _a.children, direction = _a.direction, animation = _a.animation, props = __rest(_a, ["open", "size", "scroll", "children", "direction", "animation"]);
+    var Component = scroll ? Scroll_1.Scroll : View_1.View;
+    var styles = getCollapseStyles({
+        value: size,
+        direction: direction,
+        animation: animation,
+    });
+    // @ts-ignore
+    return (0, jsx_runtime_1.jsx)(Component, __assign({ css: [
+            styles.wrapper,
+            open ? styles['wrapper:open'] : styles['wrapper:closed'],
+        ] }, props, { children: children }));
+};
+exports.Collapse = Collapse;
+//# sourceMappingURL=Collapse.js.map

package/dist/components/Collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../src/components/Collapse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,2CAAyD;AACzD,mCAAiC;AACjC,+BAAwC;AAcxC,SAAgB,iBAAiB,CAI/B,IAA2B;;IAGzB,IAAA,KAKE,IAAI,UALgB,EAAtB,SAAS,mBAAG,UAAU,KAAA,EACtB,KAAK,GAIH,IAAI,MAJD,EACL,KAGE,IAAI,UAHiB,EAAvB,SAAS,mBAAG,WAAW,KAAA,EACvB,KAEE,IAAI,OAFQ,EAAd,MAAM,mBAAG,KAAK,KAAA,CAER;IAER,IAAM,SAAS,GAAG,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAA;IACjE,IAAM,oBAAoB,GAAG,IAAA,mBAAU,EAAC,SAAS,CAAC,CAAA;IAClD,IAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC/C,IAAM,IAAI,GAAG,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAA;IACjD,OAAO;QACL,gBAAgB;YACd,GAAC,aAAM,oBAAoB,CAAE,IAAG,KAAK;YACrC,GAAC,kBAAW,IAAI,CAAE,IAAG,QAAQ;eAC9B;QACD,cAAc;YACZ,GAAC,aAAM,oBAAoB,CAAE,IAAG,mBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI;YACjF,GAAC,kBAAW,IAAI,CAAE,IAAG,YAAY;eAClC;QACD,OAAO,EAAE;YACP,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,cAAO,SAAS,cAAI,SAAS,CAAE;SAC5C;KACmB,CAAA;AACxB,CAAC;AAhCD,8CAgCC;AAUM,IAAM,QAAQ,GAA2B,UAAC,EAQhD;IAPC,IAAA,IAAI,UAAA,EACJ,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACN,KAAK,cAPuC,gEAQhD,CADS;IAGR,IAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,eAAM,CAAC,CAAC,CAAC,WAAI,CAAA;IACxC,IAAM,MAAM,GAAG,iBAAiB,CAAC;QAC/B,KAAK,EAAE,IAAI;QACX,SAAS,WAAA;QACT,SAAS,WAAA;KACV,CAAC,CAAA;IACF,aAAa;IACb,OAAO,uBAAC,SAAS,aAAC,GAAG,EAAE;YACrB,MAAM,CAAC,OAAO;YACd,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;SACzD,IAAM,KAAK,cACT,QAAQ,IACC,CAAA;AACd,CAAC,CAAA;AAvBY,QAAA,QAAQ,YAuBpB"}

package/dist/components/Drawer.js.map

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

package/dist/components/Link.d.ts

@@ -2,5 +2,6 @@ import { ElementType } from 'react';
 import { TextProps } from './Text';
 export declare type LinkProps<T extends ElementType> = TextProps<T> & {
     openNewTab?: boolean;
+    onScroll?: (to: string) => any;
 };
 export declare const Link: <T extends ElementType<any> = "a">(linkProps: LinkProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Link.js

@@ -30,7 +30,7 @@ var stopPropagation_1 = require("../lib/utils/stopPropagation");
 var Text_1 = require("./Text");
 var Link = function (linkProps) {
     var _a;
-    var to = linkProps.to, openNewTab = linkProps.openNewTab, _b = linkProps.component, component = _b === void 0 ? 'a' : _b, props = __rest(linkProps, ["to", "openNewTab", "component"]);
+    var to = linkProps.to, openNewTab = linkProps.openNewTab, _b = linkProps.component, component = _b === void 0 ? 'a' : _b, _c = linkProps.onScroll, onScroll = _c === void 0 ? null : _c, props = __rest(linkProps, ["to", "openNewTab", "component", "onScroll"]);
     var isExternal = ['http', 'tel', 'mailto'].some(function (start) { return to.startsWith(start); });
     var Component = isExternal ? 'a' : component;
     var logger = (0, common_1.useCodeleapContext)().logger;
@@ -41,10 +41,16 @@ var Link = function (linkProps) {
             if (to.startsWith('#')) {
                 event.preventDefault();
                 (0, stopPropagation_1.stopPropagation)(event);
+                if (onScroll) {
+                    onScroll(to);
+                    return;
+                }
                 (0, scroll_1.scrollToElem)(to);
             }
             if (openNewTab) {
+                event.preventDefault();
                 (_a = window === null || window === void 0 ? void 0 : window.open) === null || _a === void 0 ? void 0 : _a.call(window, to, '_blank');
+                return false;
             }
         }
     }

package/dist/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAA0E;AAG1E,wDAA4D;AAC5D,gEAA8D;AAC9D,+BAA6B;AAMtB,IAAM,IAAI,GAAG,UAA8B,SAAuB;;IAC9D,IAAA,EAAE,GAA4C,SAAS,GAArD,EAAE,UAAU,GAAgC,SAAS,WAAzC,EAAE,KAA8B,SAAS,UAAxB,EAAf,SAAS,mBAAG,GAAG,KAAA,EAAK,KAAK,UAAK,SAAS,EAA1D,iCAA8C,CAAF,CAAc;IAEhE,IAAM,UAAU,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAApB,CAAoB,CAChF,CAAA;IAED,IAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAA;IACtC,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IACvC,SAAS,WAAW,CAAC,KAAuB;;QAC1C,MAAM,CAAC,GAAG,CAAC,cAAc,EAAE,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,EAAE,WAAW,CAAC,CAAA;QACrE,IAAI,EAAE,EAAE;YACN,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBACtB,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAA,iCAAe,EAAC,KAAK,CAAC,CAAA;gBAEtB,IAAA,qBAAY,EAAC,EAAE,CAAC,CAAA;aACjB;YACD,IAAI,UAAU,EAAE;gBACd,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,uDAAG,EAAE,EAAE,QAAQ,CAAC,CAAA;aAC7B;SACF;IACH,CAAC;IAGD,IAAM,gBAAgB;QACpB,GAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAG,EAAE;WACjC,CAAA;IAED,OAAO,CACL,uBAAC,WAAI,aACH,SAAS,EAAE,SAAS,IAChB,KAAK,EACL,gBAAgB,IACpB,OAAO,EAAE,WAAW,IACpB,CACH,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,IAAI,QAoChB"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAA0E;AAG1E,wDAA4D;AAC5D,gEAA8D;AAC9D,+BAA6B;AAOtB,IAAM,IAAI,GAAG,UAA8B,SAAuB;;IAC/D,IAAA,EAAE,GAA6D,SAAS,GAAtE,EAAE,UAAU,GAAiD,SAAS,WAA1D,EAAE,KAA+C,SAAS,UAAzC,EAAf,SAAS,mBAAG,GAAG,KAAA,EAAE,KAA8B,SAAS,SAAxB,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAK,KAAK,UAAK,SAAS,EAA1E,6CAA8D,CAAF,CAAc;IAEhF,IAAM,UAAU,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAApB,CAAoB,CAChF,CAAA;IAED,IAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAA;IACtC,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IACvC,SAAS,WAAW,CAAC,KAAuB;;QAC1C,MAAM,CAAC,GAAG,CAAC,cAAc,EAAE,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,EAAE,WAAW,CAAC,CAAA;QACrE,IAAI,EAAE,EAAE;YACN,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBACtB,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAA,iCAAe,EAAC,KAAK,CAAC,CAAA;gBACtB,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,EAAE,CAAC,CAAA;oBACZ,OAAM;iBACP;gBACD,IAAA,qBAAY,EAAC,EAAE,CAAC,CAAA;aACjB;YACD,IAAI,UAAU,EAAE;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,uDAAG,EAAE,EAAE,QAAQ,CAAC,CAAA;gBAC5B,OAAO,KAAK,CAAA;aACb;SACF;IACH,CAAC;IAED,IAAM,gBAAgB;QACpB,GAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAG,EAAE;WACjC,CAAA;IAED,OAAO,CACL,uBAAC,WAAI,aACH,SAAS,EAAE,SAAS,IAChB,KAAK,EACL,gBAAgB,IACpB,OAAO,EAAE,WAAW,IACpB,CACH,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,IAAI,QAwChB"}

package/dist/components/Select/Custom.d.ts

@@ -4,5 +4,5 @@ import { SelectRenderFNProps } from '.';
 export declare const SelectItem: React.FC<SelectRenderFNProps<any> & {
     iconName?: string;
 }>;
-export declare const InputWrapper: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const InputWrapper: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;
 export declare const CustomSelect: React.FC<CustomSelectProps<any>>;

package/dist/components/Select/Custom.js

@@ -33,33 +33,36 @@ var Touchable_1 = require("../Touchable");
 var View_1 = require("../View");
 var Text_1 = require("../Text");
 var hooks_1 = require("../../lib/hooks");
-var uuid_1 = require("uuid");
 var SelectItem = function (_a) {
-    var styles = _a.styles, iconName = _a.iconName, onPress = _a.onPress, label = _a.label, inList = _a.inList;
-    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: onPress, css: inList ? [styles.itemWrapper] : [styles.buttonWrapper] }, { children: [typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, css: inList ? styles.itemText : styles.buttonText })) : (label), !inList && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: iconName, style: styles.buttonIcon }))] })));
+    var styles = _a.styles, iconName = _a.iconName, onPress = _a.onPress, label = _a.label, icon = _a.icon, inList = _a.inList;
+    var showIcon = (!inList || !!icon);
+    console.log({
+        icon: icon,
+        showIcon: showIcon,
+        label: label,
+    });
+    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: onPress, css: inList ? [styles.itemWrapper] : [styles.buttonWrapper] }, { children: [typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, css: inList ? styles.itemText : styles.buttonText })) : (label), showIcon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon || iconName, style: styles.buttonIcon }))] })));
 };
 exports.SelectItem = SelectItem;
-var InputWrapper = function (props) {
-    var styles = props.styles, label = props.label, children = props.children, currentContent = props.currentContent, open = props.open, id = props.id, error = props.error, wrapperProps = __rest(props, ["styles", "label", "children", "currentContent", "open", "id", "error"]);
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.wrapper }, wrapperProps, { children: [(0, jsx_runtime_1.jsx)(TextInput_1.InputLabel, { label: label, style: styles.label }), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.inputWrapper, id: id }, { children: [currentContent, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.list }, { children: children }))] })), (0, jsx_runtime_1.jsx)(TextInput_1.FormError, { message: error.message, style: styles.error })] })));
-};
-exports.InputWrapper = InputWrapper;
+exports.InputWrapper = (0, react_2.forwardRef)(function (props, ref) {
+    var styles = props.styles, label = props.label, children = props.children, currentContent = props.currentContent, open = props.open, error = props.error, wrapperProps = __rest(props, ["styles", "label", "children", "currentContent", "open", "error"]);
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.wrapper, ref: ref }, wrapperProps, { children: [(0, jsx_runtime_1.jsx)(TextInput_1.InputLabel, { label: label, style: styles.label }), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.inputWrapper }, { children: [currentContent, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.list }, { children: children }))] })), (0, jsx_runtime_1.jsx)(TextInput_1.FormError, { message: error.message, style: styles.error })] })));
+});
 var CustomSelect = function (selectProps) {
-    var _a = selectProps.options, options = _a === void 0 ? [] : _a, value = selectProps.value, onValueChange = selectProps.onValueChange, renderCurrentlySelected = selectProps.renderCurrentlySelected, renderItem = selectProps.renderItem, placeholder = selectProps.placeholder, onDropdownToggle = selectProps.onDropdownToggle, variants = selectProps.variants, responsiveVariants = selectProps.responsiveVariants, styles = selectProps.styles, validate = selectProps.validate, disabled = selectProps.disabled, arrowIconName = selectProps.arrowIconName, props = __rest(selectProps, ["options", "value", "onValueChange", "renderCurrentlySelected", "renderItem", "placeholder", "onDropdownToggle", "variants", "responsiveVariants", "styles", "validate", "disabled", "arrowIconName"]);
-    var _b = (0, common_1.useBooleanToggle)(false), isOpen = _b[0], setOpen = _b[1];
-    var _c = (0, common_1.useBooleanToggle)(false), isHovering = _c[0], setHovering = _c[1];
+    var _a = selectProps.options, options = _a === void 0 ? [] : _a, value = selectProps.value, onValueChange = selectProps.onValueChange, renderCurrentlySelected = selectProps.renderCurrentlySelected, renderItem = selectProps.renderItem, placeholder = selectProps.placeholder, onDropdownToggle = selectProps.onDropdownToggle, variants = selectProps.variants, responsiveVariants = selectProps.responsiveVariants, styles = selectProps.styles, validate = selectProps.validate, disabled = selectProps.disabled, arrowIconName = selectProps.arrowIconName, _b = selectProps.autoClose, autoClose = _b === void 0 ? true : _b, props = __rest(selectProps, ["options", "value", "onValueChange", "renderCurrentlySelected", "renderItem", "placeholder", "onDropdownToggle", "variants", "responsiveVariants", "styles", "validate", "disabled", "arrowIconName", "autoClose"]);
+    var _c = (0, common_1.useBooleanToggle)(false), isOpen = _c[0], setOpen = _c[1];
+    var _d = (0, common_1.useBooleanToggle)(false), isHovering = _d[0], setHovering = _d[1];
     var optionLabelMap = (0, react_2.useMemo)(function () {
         return Object.fromEntries(options.map(function (_a) {
             var label = _a.label, value = _a.value;
             return [value, label];
         }));
     }, [options]);
-    var inputId = (0, react_2.useRef)((0, uuid_1.v4)()).current;
-    (0, hooks_1.useClickOutside)(function () {
+    var inputId = (0, hooks_1.useClickOutside)(function () {
         if (isOpen) {
             setOpen(false);
         }
-    }, { customId: inputId, deps: [] });
+    }, [isOpen, setOpen]);
     var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
         styles: styles,
         variants: variants,
@@ -74,7 +77,7 @@ var CustomSelect = function (selectProps) {
     (0, common_1.onUpdate)(function () {
         onDropdownToggle === null || onDropdownToggle === void 0 ? void 0 : onDropdownToggle(isOpen);
     }, [isOpen]);
-    var _d = (0, common_1.useValidate)(value, validate), showError = _d.showError, error = _d.error;
+    var _e = (0, common_1.useValidate)(value, validate), showError = _e.showError, error = _e.error;
     function getStyles(key, append) {
         if (append === void 0) { append = {}; }
         return __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(isOpen, variantStyles["".concat(key, ":open")], {})), (0, common_1.optionalObject)(isHovering, variantStyles["".concat(key, ":hover")], {})), (0, common_1.optionalObject)(showError, variantStyles["".concat(key, ":error")], {})), (0, common_1.optionalObject)(disabled, variantStyles["".concat(key, ":disabled")], {})), append);
@@ -89,12 +92,15 @@ var CustomSelect = function (selectProps) {
             inputWrapper: getStyles('inputWrapper'),
             list: getStyles('list'),
             error: getStyles('error'),
-        } }, props, { id: inputId, onHover: setHovering }, { children: options.map(function (item) { return ((0, react_1.createElement)(Item, __assign({}, item, { inList: true, onPress: function () {
-                setOpen(false);
+        }, id: inputId.current, onHover: setHovering }, props, { children: options.map(function (item) { return ((0, react_1.createElement)(Item, __assign({}, item, { inList: true, onPress: function () {
+                if (autoClose) {
+                    setOpen(false);
+                }
                 onValueChange(item.value);
             }, selected: item.value === value, key: item.value, styles: {
                 itemText: getStyles('itemText', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['itemText:selected'], {}))),
                 itemWrapper: getStyles('itemWrapper', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['itemWrapper:selected'], {}))),
+                buttonIcon: getStyles('buttonIcon', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['buttonIcon:selected'], {}))),
             } }))); }) })));
 };
 exports.CustomSelect = CustomSelect;

package/dist/components/Select/Custom.js.map

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

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

@@ -2,7 +2,7 @@
 import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
 import { StylesOf } from '../../types/utility';
 import { WebSelectComposition, WebSelectStyles } from './styles';
-export declare type SelectRenderFNProps<T> = FormTypes.Options<T>[number] & {
+export declare type SelectRenderFNProps<T> = CustomSelectProps<T>['options'][number] & {
     styles: StylesOf<WebSelectComposition>;
     onPress: () => void;
     selected?: boolean;
@@ -10,11 +10,15 @@ export declare type SelectRenderFNProps<T> = FormTypes.Options<T>[number] & {
     open?: boolean;
 };
 export declare type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
-export declare type CustomSelectProps<T> = {
+export declare type CustomSelectProps<T = any> = {
     value: T;
     placeholder?: string;
     label?: FormTypes.Label;
-    options?: FormTypes.Options<T>;
+    options?: {
+        value: T;
+        label?: FormTypes.Label;
+        icon?: IconPlaceholder;
+    }[];
     onDropdownToggle?: (isOpen?: boolean) => void;
     onValueChange?: (value: T) => void;
     renderItem?: SelectRenderFN<T>;
@@ -23,4 +27,5 @@ export declare type CustomSelectProps<T> = {
     disabled?: boolean;
     validate?: FormTypes.ValidatorFunctionWithoutForm<any> | string;
     arrowIconName?: IconPlaceholder;
+    autoClose?: boolean;
 } & ComponentVariants<typeof WebSelectStyles>;

package/dist/components/Tooltip.js

@@ -108,17 +108,15 @@ var Tooltip = function (props) {
         styles: styles,
     });
     var style = __assign(__assign({ transition: 'transform 0.2s ease', '&:after': __assign(__assign(__assign({}, variantStyles.arrow), arrowPos), { transform: arrowPos.transform + ' rotate(45deg)' }) }, tooltipPositionStyles[position](10, debouncedVisible)), variantStyles.bubble);
-    var wrapperId = (0, hooks_1.useClickOutside)(function () {
+    var wrapperRef = (0, hooks_1.useClickOutside)(function () {
         if (isVisible) {
             setVisible(false);
         }
-    }, {
-        deps: [setVisible, isVisible],
-    });
+    }, [setVisible, isVisible]);
     if (showOn === 'click') {
-        return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: function () { return setVisible(); }, id: wrapperId, css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: style }, { children: content })), children] })));
+        return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: function () { return setVisible(); }, ref: wrapperRef, css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: style }, { children: content })), children] })));
     }
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ onHover: setVisible, id: wrapperId, css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: style }, { children: content })), children] })));
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ onHover: setVisible, ref: wrapperRef, css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: style }, { children: content })), children] })));
 };
 exports.Tooltip = Tooltip;
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

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

package/dist/components/Touchable.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { AnyFunction } from '@codeleap/common';
 import { CSSObject } from '@emotion/react';
-import React, { ComponentPropsWithRef, ElementType } from 'react';
+import React, { ComponentPropsWithRef, ElementType, ReactElement } from 'react';
 export declare type TouchableProps<T extends ElementType> = ComponentPropsWithRef<T> & {
     css?: CSSObject;
     component?: T;
@@ -11,4 +11,5 @@ export declare type TouchableProps<T extends ElementType> = ComponentPropsWithRe
     debugComponent?: string;
     debugName?: string;
 };
-export declare const Touchable: <T extends React.ElementType<any> = <T_1 extends React.ElementType<any> = "div">(props: import("./View").ViewProps<T_1>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>(touchableProps: TouchableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TouchableCP: <T extends React.ElementType<any> = <T_1 extends React.ElementType<any> = "div">(props: import("./View").ViewProps<T_1>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>(touchableProps: TouchableProps<T>, ref: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Touchable: <T extends React.ElementType<any> = <T_1 extends React.ElementType<any> = "div">(props: import("./View").ViewProps<T_1>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>(touchableProps: TouchableProps<T>) => ReactElement;

package/dist/components/Touchable.js

@@ -22,13 +22,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Touchable = void 0;
+exports.Touchable = exports.TouchableCP = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /** @jsx jsx */
 var common_1 = require("@codeleap/common");
+var react_1 = require("react");
 var stopPropagation_1 = require("../lib/utils/stopPropagation");
 var View_1 = require("./View");
-var Touchable = function (touchableProps) {
+var TouchableCP = function (touchableProps, ref) {
     var children = touchableProps.children, _a = touchableProps.propagate, propagate = _a === void 0 ? true : _a, _b = touchableProps.component, Component = _b === void 0 ? View_1.View : _b, disabled = touchableProps.disabled, onPress = touchableProps.onPress, onClick = touchableProps.onClick, debugComponent = touchableProps.debugComponent, debugName = touchableProps.debugName, props = __rest(touchableProps, ["children", "propagate", "component", "disabled", "onPress", "onClick", "debugComponent", "debugName"]);
     var logger = (0, common_1.useCodeleapContext)().logger;
     var handleClick = function (event) {
@@ -40,11 +41,12 @@ var Touchable = function (touchableProps) {
             throw { message: 'No onPress passed to touchable', touchableProps: touchableProps };
         }
         logger.log("<".concat(debugComponent || 'Touchable', "/>  pressed"), { debugName: debugName, debugComponent: debugComponent }, 'User interaction');
-        onPress && onPress();
         onClick === null || onClick === void 0 ? void 0 : onClick();
+        onPress && onPress();
         // logger.log('Touchable pressed', JSON.stringify(touchableProps, null, 2)  ,'Component')
     };
-    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: Component || 'div' }, props, { onClick: handleClick }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: Component || 'div' }, props, { onClick: handleClick, ref: ref }, { children: children })));
 };
-exports.Touchable = Touchable;
+exports.TouchableCP = TouchableCP;
+exports.Touchable = (0, react_1.forwardRef)(exports.TouchableCP);
 //# sourceMappingURL=Touchable.js.map

package/dist/components/Touchable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["../../src/components/Touchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,2CAAkE;AAIlE,gEAA8D;AAC9D,+BAA6B;AAYtB,IAAM,SAAS,GAAG,UACvB,cAAiC;IAG/B,IAAA,QAAQ,GASN,cAAc,SATR,EACR,KAQE,cAAc,UARA,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KAOE,cAAc,UAPW,EAAhB,SAAS,mBAAG,WAAI,KAAA,EAC3B,QAAQ,GAMN,cAAc,SANR,EACR,OAAO,GAKL,cAAc,QALT,EACP,OAAO,GAIL,cAAc,QAJT,EACP,cAAc,GAGZ,cAAc,eAHF,EACd,SAAS,GAEP,cAAc,UAFP,EACN,KAAK,UACN,cAAc,EAVZ,uGAUL,CADS,CACQ;IAEV,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IAEvC,IAAM,WAAW,GAAG,UAAC,KAA0B;QAC7C,IAAI,QAAQ;YAAE,OAAM;QAEpB,IAAI,CAAC,SAAS;YAAE,IAAA,iCAAe,EAAC,KAAK,CAAC,CAAA;QAEtC,IAAI,CAAC,OAAO,EAAE;YAAE,MAAM,EAAE,OAAO,EAAE,gCAAgC,EAAE,cAAc,gBAAA,EAAE,CAAA;SAAE;QACrF,MAAM,CAAC,GAAG,CACR,WAAI,cAAc,IAAI,WAAW,gBAAa,EAC9C,EAAE,SAAS,WAAA,EAAE,cAAc,gBAAA,EAAE,EAC7B,kBAAkB,CACnB,CAAA;QACD,OAAO,IAAI,OAAO,EAAE,CAAA;QACpB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;QACX,yFAAyF;IAC3F,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,WAAI,aAAC,SAAS,EAAE,SAAS,IAAI,KAAK,IAAM,KAAK,IAAE,OAAO,EAAE,WAAW,gBACjE,QAAQ,IACJ,CACR,CAAA;AACH,CAAC,CAAA;AAtCY,QAAA,SAAS,aAsCrB"}
+{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["../../src/components/Touchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,2CAAkE;AAGlE,+BAA2F;AAC3F,gEAA8D;AAC9D,+BAA6B;AAYtB,IAAM,WAAW,GAAG,UACzB,cAAiC,EACjC,GAAG;IAGD,IAAA,QAAQ,GASN,cAAc,SATR,EACR,KAQE,cAAc,UARA,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KAOE,cAAc,UAPW,EAAhB,SAAS,mBAAG,WAAI,KAAA,EAC3B,QAAQ,GAMN,cAAc,SANR,EACR,OAAO,GAKL,cAAc,QALT,EACP,OAAO,GAIL,cAAc,QAJT,EACP,cAAc,GAGZ,cAAc,eAHF,EACd,SAAS,GAEP,cAAc,UAFP,EACN,KAAK,UACN,cAAc,EAVZ,uGAUL,CADS,CACQ;IAEV,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IAEvC,IAAM,WAAW,GAAG,UAAC,KAA0B;QAC7C,IAAI,QAAQ;YAAE,OAAM;QAEpB,IAAI,CAAC,SAAS;YAAE,IAAA,iCAAe,EAAC,KAAK,CAAC,CAAA;QAEtC,IAAI,CAAC,OAAO,EAAE;YAAE,MAAM,EAAE,OAAO,EAAE,gCAAgC,EAAE,cAAc,gBAAA,EAAE,CAAA;SAAE;QACrF,MAAM,CAAC,GAAG,CACR,WAAI,cAAc,IAAI,WAAW,gBAAa,EAC9C,EAAE,SAAS,WAAA,EAAE,cAAc,gBAAA,EAAE,EAC7B,kBAAkB,CACnB,CAAA;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;QACX,OAAO,IAAI,OAAO,EAAE,CAAA;QACpB,yFAAyF;IAC3F,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,WAAI,aAAC,SAAS,EAAE,SAAS,IAAI,KAAK,IAAM,KAAK,IAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,gBAC3E,QAAQ,IACJ,CACR,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,WAAW,eAuCvB;AAEY,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,mBAAW,CAE9B,CAAA"}

package/dist/components/index.d.ts

@@ -18,6 +18,7 @@ export * from './Tooltip';
 export * from './Slider';
 export * from './Select';
 export * from './Scroll';
+export * from './Collapse';
 export * from './RouterPage';
 export * from './CenterWrapper';
 export * from './HorizontalScroll';

package/dist/components/index.js

@@ -34,6 +34,7 @@ __exportStar(require("./Tooltip"), exports);
 __exportStar(require("./Slider"), exports);
 __exportStar(require("./Select"), exports);
 __exportStar(require("./Scroll"), exports);
+__exportStar(require("./Collapse"), exports);
 __exportStar(require("./RouterPage"), exports);
 __exportStar(require("./CenterWrapper"), exports);
 __exportStar(require("./HorizontalScroll"), exports);

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,yCAAsB;AACtB,8CAA2B;AAC3B,yCAAsB;AACtB,yCAAsB;AACtB,6CAA0B;AAC1B,0CAAuB;AACvB,sDAAmC;AACnC,+CAA4B;AAC5B,yCAAsB;AACtB,8CAA2B;AAC3B,4CAAyB;AACzB,2CAAwB;AACxB,gDAA6B;AAC7B,yCAAsB;AACtB,8CAA2B;AAC3B,4CAAyB;AACzB,2CAAwB;AACxB,2CAAwB;AACxB,2CAAwB;AAExB,+CAA4B;AAC5B,kDAA+B;AAC/B,qDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,yCAAsB;AACtB,8CAA2B;AAC3B,yCAAsB;AACtB,yCAAsB;AACtB,6CAA0B;AAC1B,0CAAuB;AACvB,sDAAmC;AACnC,+CAA4B;AAC5B,yCAAsB;AACtB,8CAA2B;AAC3B,4CAAyB;AACzB,2CAAwB;AACxB,gDAA6B;AAC7B,yCAAsB;AACtB,8CAA2B;AAC3B,4CAAyB;AACzB,2CAAwB;AACxB,2CAAwB;AACxB,2CAAwB;AACxB,6CAA0B;AAC1B,+CAA4B;AAC5B,kDAA+B;AAC/B,qDAAkC"}

package/dist/lib/hooks.d.ts

@@ -1,9 +1,7 @@
+/// <reference types="react" />
 import { AnyFunction } from '@codeleap/common';
 export declare function useWindowSize(): any[];
-declare type UseClickOutsideOpts = {
-    customId?: string;
-    deps: any[];
-};
-export declare function useClickOutside(callback: AnyFunction, { customId, deps }: UseClickOutsideOpts): any;
+declare type UseClickOutsideOpts = any[];
+export declare function useClickOutside(callback: AnyFunction, deps: UseClickOutsideOpts): import("react").MutableRefObject<any>;
 export declare function useScrollEffect(effect: (passed: boolean, current: number) => any, breakpoint: number, extraDependencies?: any[]): void;
 export {};

package/dist/lib/hooks.js

@@ -30,22 +30,46 @@ function useWindowSize() {
     return size;
 }
 exports.useWindowSize = useWindowSize;
-function useClickOutside(callback, _a) {
-    var customId = _a.customId, _b = _a.deps, deps = _b === void 0 ? [] : _b;
-    var id = (0, react_1.useRef)(customId || (0, uuid_1.v4)()).current;
-    function onClick(e) {
-        var element = document.getElementById(id);
-        var isInside = element.contains(e.target);
+function useClickOutside(callback, deps) {
+    var id = (0, react_1.useRef)((0, uuid_1.v4)());
+    var onClick = (0, react_1.useCallback)(function (e) {
+        var element = document.getElementById(id.current);
+        if (!element)
+            return;
+        var isInside = element.contains(e.target) || (e.target.id === id.current);
+        var iterNodes = function (el) {
+            if (isInside)
+                return;
+            for (var i = 0; i < el.children.length; i++) {
+                var node = el.children.item(i);
+                if (!node)
+                    return;
+                var _isInside = node.contains(e.target);
+                if (_isInside) {
+                    isInside = _isInside;
+                }
+                if (isInside)
+                    break;
+                if (node.hasChildNodes()) {
+                    iterNodes(node);
+                }
+                if (isInside)
+                    break;
+            }
+        };
+        if (!isInside) {
+            iterNodes(element);
+        }
         if (!isInside) {
             callback(e);
         }
-    }
+    }, deps);
     (0, common_1.onUpdate)(function () {
         document.addEventListener('click', onClick);
         return function () {
             document.removeEventListener('click', onClick);
         };
-    }, __spreadArray(__spreadArray([], deps, true), [onClick], false));
+    }, [onClick]);
     return id;
 }
 exports.useClickOutside = useClickOutside;

package/dist/lib/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/lib/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAiE;AACjE,+BAAwC;AACxC,6BAAyB;AACzB,SAAgB,aAAa;IACrB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAA;IAEpC,IAAA,gBAAO,EAAC;QACN,OAAO,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,CAAC,CAAC,CAAA;IAEF,SAAS,YAAY;QACnB,OAAO,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAA;IAClD,CAAC;IAED,IAAA,iBAAQ,EAAC;QACP,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC;AAnBD,sCAmBC;AAGD,SAAgB,eAAe,CAC7B,QAAqB,EACrB,EAA4C;QAA1C,QAAQ,cAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IAErB,IAAM,EAAE,GAAG,IAAA,cAAM,EAAC,QAAQ,IAAI,IAAA,SAAE,GAAE,CAAC,CAAC,OAAO,CAAA;IAE3C,SAAS,OAAO,CAAC,CAAQ;QACvB,IAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;QAC3C,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,CAAA;QAEnD,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC;IAED,IAAA,iBAAQ,EAAC;QACP,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC3C,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAChD,CAAC,CAAA;IACH,CAAC,kCAAM,IAAI,UAAE,OAAO,UAAE,CAAA;IAEtB,OAAO,EAAE,CAAA;AACX,CAAC;AAvBD,0CAuBC;AAED,SAAgB,eAAe,CAC7B,MAAiD,EACjD,UAAkB,EAClB,iBAAsB;IAAtB,kCAAA,EAAA,sBAAsB;IAEtB,SAAS,YAAY;QACnB,IAAM,MAAM,GAAG,MAAM,CAAC,OAAO,GAAG,UAAU,CAAA;QAC1C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;IAChC,CAAC;IAED,IAAA,iBAAQ,EAAC;QACP,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACjD,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,iBAAG,UAAU,GAAK,iBAAiB,QAAE,CAAA;AACxC,CAAC;AAhBD,0CAgBC"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/lib/hooks.ts"],"names":[],"mappings":"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"}

package/dist/lib/utils/pollyfils/scroll.d.ts

@@ -1 +1 @@
-export declare const scrollToElem: (elemSelector: any) => void;
+export declare const scrollToElem: (elemSelector: any, padOffsets?: number[]) => void;

package/dist/lib/utils/pollyfils/scroll.js

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.scrollToElem = void 0;
 // native smooth scrolling for Chrome, Firefox & Opera
 // @see: https://caniuse.com/#feat=css-scroll-behavior
-var nativeSmoothScrollTo = function (elem) {
+var nativeSmoothScrollTo = function (elem, pad) {
+    if (pad === void 0) { pad = 0; }
     if (!window)
         return;
     window.scroll({
         behavior: 'smooth',
         left: 0,
-        top: elem.getBoundingClientRect().top + window.pageYOffset,
+        top: elem.getBoundingClientRect().top + window.pageYOffset + pad,
     });
 };
 // polyfilled smooth scrolling for IE, Edge & Safari
@@ -43,7 +44,8 @@ var smoothScrollTo = function (to, duration) {
 };
 // detect support for the behavior property in ScrollOptions
 // smooth scrolling stub
-var scrollToElem = function (elemSelector) {
+var scrollToElem = function (elemSelector, padOffsets) {
+    if (padOffsets === void 0) { padOffsets = [0, 0]; }
     if (!document)
         return;
     var supportsNativeSmoothScroll = 'scrollBehavior' in document.documentElement.style || {};
@@ -53,10 +55,10 @@ var scrollToElem = function (elemSelector) {
     var elem = document.querySelector(elemSelector);
     if (elem) {
         if (supportsNativeSmoothScroll) {
-            nativeSmoothScrollTo(elem);
+            nativeSmoothScrollTo(elem, padOffsets[0]);
         }
         else {
-            smoothScrollTo(elem.offsetTop, 600);
+            smoothScrollTo(elem.offsetTop + padOffsets[0], 600);
         }
     }
 };

package/dist/lib/utils/pollyfils/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../../../src/lib/utils/pollyfils/scroll.ts"],"names":[],"mappings":";;;AAAA,sDAAsD;AACtD,sDAAsD;AACtD,IAAM,oBAAoB,GAAG,UAAC,IAAI;IAChC,IAAI,CAAC,MAAM;QAAE,OAAM;IACnB,MAAM,CAAC,MAAM,CAAC;QACZ,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW;KAC3D,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,oDAAoD;AACpD,IAAM,cAAc,GAAG,UAAC,EAAE,EAAE,QAAQ;IAClC,IAAI,CAAC,QAAQ;QAAE,OAAM;IACrB,IAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,IAAI,QAAQ,CAAC,eAAe,EACnE,KAAK,GAAG,OAAO,CAAC,SAAS,EACzB,MAAM,GAAG,EAAE,GAAG,KAAK,EACnB,SAAS,GAAG,CAAC,IAAI,IAAI,EAAE,CAAA;IAEzB,mBAAmB;IACnB,kBAAkB;IAClB,sBAAsB;IACtB,eAAe;IACf,IAAM,aAAa,GAAG,UAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAC/B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACV,IAAI,CAAC,GAAG,CAAC;YAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QACrC,CAAC,EAAE,CAAA;QACH,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,IAAM,aAAa,GAAG;QACpB,IAAM,WAAW,GAAG,CAAC,IAAI,IAAI,EAAE,CAAA;QAC/B,IAAM,WAAW,GAAG,WAAW,GAAG,SAAS,CAAA;QAC3C,OAAO,CAAC,SAAS,GAAG,QAAQ,CAC1B,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CACpD,CAAA;QACD,IAAI,WAAW,GAAG,QAAQ,EAAE;YAC1B,qBAAqB,CAAC,aAAa,CAAC,CAAA;SACrC;aAAM;YACL,OAAO,CAAC,SAAS,GAAG,EAAE,CAAA;SACvB;IACH,CAAC,CAAA;IACD,aAAa,EAAE,CAAA;AACjB,CAAC,CAAA;AAED,4DAA4D;AAE5D,wBAAwB;AACjB,IAAM,YAAY,GAAG,UAAC,YAAY;IACvC,IAAI,CAAC,QAAQ;QAAE,OAAM;IACrB,IAAM,0BAA0B,GAC9B,gBAAgB,IAAI,QAAQ,CAAC,eAAe,CAAC,KAAK,IAAI,EAAE,CAAA;IAC1D,IAAI,CAAC,YAAY,EAAE;QACjB,OAAM;KACP;IAED,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;IACjD,IAAI,IAAI,EAAE;QACR,IAAI,0BAA0B,EAAE;YAC9B,oBAAoB,CAAC,IAAI,CAAC,CAAA;SAC3B;aAAM;YACL,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;SACpC;KACF;AACH,CAAC,CAAA;AAhBY,QAAA,YAAY,gBAgBxB"}
+{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../../../src/lib/utils/pollyfils/scroll.ts"],"names":[],"mappings":";;;AAAA,sDAAsD;AACtD,sDAAsD;AACtD,IAAM,oBAAoB,GAAG,UAAC,IAAI,EAAE,GAAO;IAAP,oBAAA,EAAA,OAAO;IACzC,IAAI,CAAC,MAAM;QAAE,OAAM;IACnB,MAAM,CAAC,MAAM,CAAC;QACZ,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW,GAAG,GAAG;KACjE,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,oDAAoD;AACpD,IAAM,cAAc,GAAG,UAAC,EAAE,EAAE,QAAQ;IAClC,IAAI,CAAC,QAAQ;QAAE,OAAM;IACrB,IAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,IAAI,QAAQ,CAAC,eAAe,EACnE,KAAK,GAAG,OAAO,CAAC,SAAS,EACzB,MAAM,GAAG,EAAE,GAAG,KAAK,EACnB,SAAS,GAAG,CAAC,IAAI,IAAI,EAAE,CAAA;IAEzB,mBAAmB;IACnB,kBAAkB;IAClB,sBAAsB;IACtB,eAAe;IACf,IAAM,aAAa,GAAG,UAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAC/B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACV,IAAI,CAAC,GAAG,CAAC;YAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QACrC,CAAC,EAAE,CAAA;QACH,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,IAAM,aAAa,GAAG;QACpB,IAAM,WAAW,GAAG,CAAC,IAAI,IAAI,EAAE,CAAA;QAC/B,IAAM,WAAW,GAAG,WAAW,GAAG,SAAS,CAAA;QAC3C,OAAO,CAAC,SAAS,GAAG,QAAQ,CAC1B,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CACpD,CAAA;QACD,IAAI,WAAW,GAAG,QAAQ,EAAE;YAC1B,qBAAqB,CAAC,aAAa,CAAC,CAAA;SACrC;aAAM;YACL,OAAO,CAAC,SAAS,GAAG,EAAE,CAAA;SACvB;IACH,CAAC,CAAA;IACD,aAAa,EAAE,CAAA;AACjB,CAAC,CAAA;AAED,4DAA4D;AAE5D,wBAAwB;AACjB,IAAM,YAAY,GAAG,UAAC,YAAY,EAAE,UAAmB;IAAnB,2BAAA,EAAA,cAAc,CAAC,EAAE,CAAC,CAAC;IAC5D,IAAI,CAAC,QAAQ;QAAE,OAAM;IACrB,IAAM,0BAA0B,GAC9B,gBAAgB,IAAI,QAAQ,CAAC,eAAe,CAAC,KAAK,IAAI,EAAE,CAAA;IAC1D,IAAI,CAAC,YAAY,EAAE;QACjB,OAAM;KACP;IAED,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;IACjD,IAAI,IAAI,EAAE;QACR,IAAI,0BAA0B,EAAE;YAC9B,oBAAoB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;SAC1C;aAAM;YACL,cAAc,CAAC,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;SACpD;KACF;AACH,CAAC,CAAA;AAhBY,QAAA,YAAY,gBAgBxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/web",
-  "version": "1.4.11",
+  "version": "1.5.13",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": "git@github.com:codeleap-uk/codeleap-lib.git",
@@ -8,6 +8,7 @@
   "license": "UNLICENSED",
   "devDependencies": {
     "@codeleap/config": "*",
+    "@emotion/react": "^11.9.0",
     "@types/react": "^17.0.39",
     "@types/react-dom": "^17.0.11",
     "@types/react-window": "^1.8.5",
@@ -22,22 +23,22 @@
     "@types/react": "^17.0.39",
     "rc-slider": "^9.7.5",
     "react-autosize-textarea": "^7.1.0",
+    "react-toastify": "^8.2.0",
     "react-virtualized-auto-sizer": "^1.0.6",
     "react-window": "^1.8.6",
     "url-parse": "^1.5.4",
-    "uuid": "^8.3.2",
-    "react-toastify": "^8.2.0"
+    "uuid": "^8.3.2"
   },
   "peerDependencies": {
     "@codeleap/common": "*",
+    "@emotion/css": "^11.7.1",
+    "@emotion/react": "^11.7.1",
     "@reach/router": "^1.3.4",
     "@types/react": "^17.0.38",
     "axios": "^0.24.0",
     "gatsby-plugin-intl": "^0.3.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-helmet": "^6.1.0",
-    "@emotion/css": "^11.7.1",
-    "@emotion/react": "^11.7.1"
+    "react-helmet": "^6.1.0"
   }
 }

package/dist/components/FlatList.d.ts

@@ -1,18 +0,0 @@
-import { VariableSizeList as List } from 'react-window';
-import { ComponentProps, CSSProperties, ReactElement } from 'react';
-import { ComponentVariants, ViewComposition, ViewStyles } from '@codeleap/common';
-import { StylesOf } from '../types/utility';
-import { CSSObject } from '@emotion/react';
-export declare type FlatListRender<T> = (itemProps: {
-    item: T;
-    index: number;
-    style: CSSProperties;
-}) => ReactElement;
-export declare type FlatListProps<T> = {
-    styles?: StylesOf<ViewComposition>;
-    css?: CSSObject;
-    data: T[];
-    getSize: (i: T, idx: number) => number;
-    renderItem: FlatListRender<T>;
-} & Omit<ComponentProps<typeof List>, 'itemCount' | 'itemSize' | 'itemData' | 'itemHeight' | 'width' | 'height' | 'children'> & ComponentVariants<typeof ViewStyles>;
-export declare const FlatList: <T extends unknown>(flatListProps: FlatListProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/FlatList.js

@@ -1,52 +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 __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.FlatList = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_window_1 = require("react-window");
-var react_virtualized_auto_sizer_1 = __importDefault(require("react-virtualized-auto-sizer"));
-var common_1 = require("@codeleap/common");
-var FlatList = function (flatListProps) {
-    var variants = flatListProps.variants, responsiveVariants = flatListProps.responsiveVariants, styles = flatListProps.styles, data = flatListProps.data, getSize = flatListProps.getSize, Item = flatListProps.renderItem, viewProps = __rest(flatListProps, ["variants", "responsiveVariants", "styles", "data", "getSize", "renderItem"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
-        variants: variants,
-        responsiveVariants: responsiveVariants,
-        styles: styles,
-    });
-    return ((0, jsx_runtime_1.jsx)(react_virtualized_auto_sizer_1.default, { children: function (_a) {
-            var height = _a.height, width = _a.width;
-            return ((0, jsx_runtime_1.jsx)(react_window_1.VariableSizeList, __assign({ height: height, width: width, itemCount: data.length, itemData: data, itemSize: function (idx) { return getSize(data[idx], idx); }, css: variantStyles.wrapper }, viewProps, { children: function (_a) {
-                    var style = _a.style, index = _a.index;
-                    return ((0, jsx_runtime_1.jsx)(Item, { item: data[index], style: style, index: index }, void 0));
-                } }), void 0));
-        } }, void 0));
-    // return <View {...viewProps}>
-    //   {data.map((item, idx) => <Component item={item} idx={idx} key={idx}/>)}
-    // </View>
-};
-exports.FlatList = FlatList;
-//# sourceMappingURL=FlatList.js.map

package/dist/components/FlatList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlatList.js","sourceRoot":"","sources":["../../src/components/FlatList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAEvD,8FAAoD;AACpD,2CAKyB;AA4BlB,IAAM,QAAQ,GAAG,UACtB,aAA+B;IAG7B,IAAA,QAAQ,GAON,aAAa,SAPP,EACR,kBAAkB,GAMhB,aAAa,mBANG,EAClB,MAAM,GAKJ,aAAa,OALT,EACN,IAAI,GAIF,aAAa,KAJX,EACJ,OAAO,GAGL,aAAa,QAHR,EACK,IAAI,GAEd,aAAa,WAFC,EACb,SAAS,UACV,aAAa,EARX,6EAQL,CADa,CACG;IAEjB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,sCAAS,cACP,UAAC,EAAiB;gBAAf,MAAM,YAAA,EAAE,KAAK,WAAA;YAAO,OAAA,CACtB,uBAAC,+BAAI,aACH,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,UAAC,GAAG,IAAK,OAAA,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAvB,CAAuB,EAC1C,GAAG,EAAE,aAAa,CAAC,OAAO,IACtB,SAAS,cAEZ,UAAC,EAAgB;wBAAd,KAAK,WAAA,EAAE,KAAK,WAAA;oBAAO,OAAA,CACrB,uBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,WAAI,CACxD;gBAFsB,CAEtB,YACI,CACR;QAduB,CAcvB,WACS,CACb,CAAA;IAED,+BAA+B;IAC/B,4EAA4E;IAC5E,UAAU;AACZ,CAAC,CAAA;AA1CY,QAAA,QAAQ,YA0CpB"}