@codeleap/web 2.0.1 → 2.3.13

package/dist/components/Icon.js

@@ -1,55 +1,55 @@
-"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.Icon = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var View_1 = require("./View");
-var Icon = function (_a) {
-    var _b, _c, _d;
-    var name = _a.name, style = _a.style, variants = _a.variants, renderEmptySpace = _a.renderEmptySpace, otherProps = __rest(_a, ["name", "style", "variants", "renderEmptySpace"]);
-    var _e = (0, common_1.useCodeleapContext)(), Theme = _e.Theme, logger = _e.logger;
-    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Icon', {
-        variants: variants,
-        styles: {
-            icon: style,
-        },
-        rootElement: 'icon',
-    });
-    if (!name) {
-        var iconStyle = variantStyles.icon;
-        return renderEmptySpace ? (0, jsx_runtime_1.jsx)(View_1.View, { css: {
-                height: (_c = iconStyle.size) !== null && _c !== void 0 ? _c : iconStyle.height,
-                width: (_d = iconStyle.size) !== null && _d !== void 0 ? _d : iconStyle.width,
-            } }) : null;
-    }
-    if (!Component) {
-        logger.warn("Icon: No icon found in theme for name \"".concat(name, "\"."), { props: { style: style, name: name, variants: variants, variantStyles: variantStyles } }, 'Component');
-        return null;
-    }
-    return (0, jsx_runtime_1.jsx)(Component, __assign({}, otherProps, { style: variantStyles.icon }));
-};
-exports.Icon = Icon;
+"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.Icon = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var View_1 = require("./View");
+var Icon = function (_a) {
+    var _b, _c, _d;
+    var name = _a.name, style = _a.style, variants = _a.variants, renderEmptySpace = _a.renderEmptySpace, otherProps = __rest(_a, ["name", "style", "variants", "renderEmptySpace"]);
+    var _e = (0, common_1.useCodeleapContext)(), Theme = _e.Theme, logger = _e.logger;
+    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Icon', {
+        variants: variants,
+        styles: {
+            icon: style,
+        },
+        rootElement: 'icon',
+    });
+    if (!name) {
+        var iconStyle = variantStyles.icon;
+        return renderEmptySpace ? (0, jsx_runtime_1.jsx)(View_1.View, { css: {
+                height: (_c = iconStyle.size) !== null && _c !== void 0 ? _c : iconStyle.height,
+                width: (_d = iconStyle.size) !== null && _d !== void 0 ? _d : iconStyle.width,
+            } }) : null;
+    }
+    if (!Component) {
+        logger.warn("Icon: No icon found in theme for name \"".concat(name, "\"."), { props: { style: style, name: name, variants: variants, variantStyles: variantStyles } }, 'Component');
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(Component, __assign({}, otherProps, { style: variantStyles.icon }));
+};
+exports.Icon = Icon;
 //# sourceMappingURL=Icon.js.map

package/dist/components/Link.d.ts

@@ -1,7 +1,7 @@
-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;
+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

@@ -1,63 +1,63 @@
-"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.Link = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var scroll_1 = require("../lib/utils/pollyfils/scroll");
-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, _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;
-    function handleClick(event) {
-        var _a;
-        logger.log('Link pressed', { to: to, text: linkProps.text }, 'Component');
-        if (to) {
-            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;
-            }
-        }
-    }
-    var linkPropOverride = (_a = {},
-        _a[isExternal ? 'href' : 'to'] = to,
-        _a);
-    return ((0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ component: Component }, props, linkPropOverride, { onClick: handleClick })));
-};
-exports.Link = Link;
+"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.Link = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var scroll_1 = require("../lib/utils/pollyfils/scroll");
+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, _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;
+    function handleClick(event) {
+        var _a;
+        logger.log('Link pressed', { to: to, text: linkProps.text }, 'Component');
+        if (to) {
+            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;
+            }
+        }
+    }
+    var linkPropOverride = (_a = {},
+        _a[isExternal ? 'href' : 'to'] = to,
+        _a);
+    return ((0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ component: Component }, props, linkPropOverride, { onClick: handleClick })));
+};
+exports.Link = Link;
 //# sourceMappingURL=Link.js.map

package/dist/components/List.d.ts

@@ -1,18 +1,18 @@
-import { VariableSizeList as VirtualList } 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 ListRender<T> = (itemProps: {
-    item: T;
-    index: number;
-    style: CSSProperties;
-}) => ReactElement;
-export declare type ListProps<T> = {
-    styles?: StylesOf<ViewComposition>;
-    css?: CSSObject;
-    data: T[];
-    getSize: (i: T, idx: number) => number;
-    renderItem: ListRender<T>;
-} & Omit<ComponentProps<typeof VirtualList>, 'itemCount' | 'itemSize' | 'itemData' | 'itemHeight' | 'width' | 'height' | 'children'> & ComponentVariants<typeof ViewStyles>;
-export declare const List: <T extends unknown>(listProps: ListProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { VariableSizeList as VirtualList } 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 ListRender<T> = (itemProps: {
+    item: T;
+    index: number;
+    style: CSSProperties;
+}) => ReactElement;
+export declare type ListProps<T> = {
+    styles?: StylesOf<ViewComposition>;
+    css?: CSSObject;
+    data: T[];
+    getSize: (i: T, idx: number) => number;
+    renderItem: ListRender<T>;
+} & Omit<ComponentProps<typeof VirtualList>, 'itemCount' | 'itemSize' | 'itemData' | 'itemHeight' | 'width' | 'height' | 'children'> & ComponentVariants<typeof ViewStyles>;
+export declare const List: <T extends unknown>(listProps: ListProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/List.js

@@ -1,52 +1,52 @@
-"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.List = 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 List = function (listProps) {
-    var variants = listProps.variants, responsiveVariants = listProps.responsiveVariants, styles = listProps.styles, data = listProps.data, getSize = listProps.getSize, Item = listProps.renderItem, viewProps = __rest(listProps, ["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 }));
-                } })));
-        } }));
-    // return <View {...viewProps}>
-    //   {data.map((item, idx) => <Component item={item} idx={idx} key={idx}/>)}
-    // </View>
-};
-exports.List = List;
+"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.List = 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 List = function (listProps) {
+    var variants = listProps.variants, responsiveVariants = listProps.responsiveVariants, styles = listProps.styles, data = listProps.data, getSize = listProps.getSize, Item = listProps.renderItem, viewProps = __rest(listProps, ["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 }));
+                } })));
+        } }));
+    // return <View {...viewProps}>
+    //   {data.map((item, idx) => <Component item={item} idx={idx} key={idx}/>)}
+    // </View>
+};
+exports.List = List;
 //# sourceMappingURL=List.js.map

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

@@ -1,21 +1,21 @@
-import { AnyFunction, ComponentVariants, ModalComposition } from '@codeleap/common';
-import { ReactNode } from 'react';
-import { StylesOf } from '../../types/utility';
-import { WebModalStyles as ModalStyles } from './styles';
-export * from './styles';
-export declare type ModalProps = {
-    visible: boolean;
-    title?: React.ReactNode;
-    toggle: AnyFunction;
-    styles?: StylesOf<ModalComposition>;
-    accessible?: boolean;
-    showClose?: boolean;
-    closable?: boolean;
-    scroll?: boolean;
-    footer?: ReactNode;
-    debugName?: string;
-} & ComponentVariants<typeof ModalStyles>;
-export declare const ModalContent: React.FC<ModalProps & {
-    id: string;
-}>;
-export declare const Modal: React.FC<ModalProps>;
+import { AnyFunction, ComponentVariants, ModalComposition } from '@codeleap/common';
+import { ReactNode } from 'react';
+import { StylesOf } from '../../types/utility';
+import { WebModalStyles as ModalStyles } from './styles';
+export * from './styles';
+export declare type ModalProps = {
+    visible: boolean;
+    title?: React.ReactNode;
+    toggle: AnyFunction;
+    styles?: StylesOf<ModalComposition>;
+    accessible?: boolean;
+    showClose?: boolean;
+    closable?: boolean;
+    scroll?: boolean;
+    footer?: ReactNode;
+    debugName?: string;
+} & ComponentVariants<typeof ModalStyles>;
+export declare const ModalContent: React.FC<ModalProps & {
+    id: string;
+}>;
+export declare const Modal: React.FC<ModalProps>;