@codeleap/web 2.0.0 → 2.3.12

package/dist/components/Select/styles.js

@@ -1,57 +1,57 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebSelectStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createSelectStyle = (0, common_1.createDefaultVariantFactory)();
-exports.WebSelectStyles = {
-    default: createSelectStyle(function (Theme) { return ({
-        wrapper: {
-            display: 'flex',
-            flexDirection: 'column',
-        },
-        label: __assign({}, Theme.spacing.marginBottom(1)),
-        inputWrapper: {
-            position: 'relative',
-        },
-        list: __assign(__assign(__assign(__assign({ position: 'absolute', left: 0, right: 0, display: 'flex', top: '110%', backgroundColor: Theme.colors.gray }, Theme.presets.column), { overflowY: 'hidden', transition: 'all 0.5s ease', maxHeight: 0 }), Theme.border.create({
-            width: 0,
-            color: 'transparent',
-        })), { borderRadius: Theme.borderRadius.small }),
-        'list:open': __assign({ maxHeight: '500%', overflowY: 'auto' }, Theme.border.primary(1)),
-        itemText: {},
-        itemWrapper: __assign(__assign({}, Theme.spacing.padding(0.5)), { cursor: 'pointer', display: 'flex', '&:hover': {
-                backgroundColor: '#0002',
-            } }),
-        'itemText:selected': {},
-        'itemWrapper:selected': {
-            backgroundColor: Theme.colors.primary,
-            '&:hover': {
-                backgroundColor: Theme.colors.primary,
-            },
-        },
-        buttonWrapper: __assign(__assign(__assign(__assign(__assign({}, Theme.border.primary(1)), Theme.presets.fullWidth), Theme.presets.alignCenter), Theme.spacing.padding(0.5)), { backgroundColor: Theme.colors.gray, borderRadius: Theme.borderRadius.small, cursor: 'pointer', display: 'flex' }),
-        'button:open': {},
-        buttonText: {
-            flex: 1,
-        },
-        buttonIcon: __assign({ height: 24, width: 24, color: Theme.colors.white, transition: 'all 0.2s ease' }, Theme.spacing.marginLeft('auto')),
-        'buttonIcon:open': {
-            transform: 'rotate(180deg)',
-        },
-        error: {
-            color: Theme.colors.negative,
-        },
-    }); }),
-};
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebSelectStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createSelectStyle = (0, common_1.createDefaultVariantFactory)();
+exports.WebSelectStyles = {
+    default: createSelectStyle(function (Theme) { return ({
+        wrapper: {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        label: __assign({}, Theme.spacing.marginBottom(1)),
+        inputWrapper: {
+            position: 'relative',
+        },
+        list: __assign(__assign(__assign(__assign({ position: 'absolute', left: 0, right: 0, display: 'flex', top: '110%', backgroundColor: Theme.colors.gray }, Theme.presets.column), { overflowY: 'hidden', transition: 'all 0.5s ease', maxHeight: 0 }), Theme.border.create({
+            width: 0,
+            color: 'transparent',
+        })), { borderRadius: Theme.borderRadius.small }),
+        'list:open': __assign({ maxHeight: '500%', overflowY: 'auto' }, Theme.border.primary(1)),
+        itemText: {},
+        itemWrapper: __assign(__assign({}, Theme.spacing.padding(0.5)), { cursor: 'pointer', display: 'flex', '&:hover': {
+                backgroundColor: '#0002',
+            } }),
+        'itemText:selected': {},
+        'itemWrapper:selected': {
+            backgroundColor: Theme.colors.primary,
+            '&:hover': {
+                backgroundColor: Theme.colors.primary,
+            },
+        },
+        buttonWrapper: __assign(__assign(__assign(__assign(__assign({}, Theme.border.primary(1)), Theme.presets.fullWidth), Theme.presets.alignCenter), Theme.spacing.padding(0.5)), { backgroundColor: Theme.colors.gray, borderRadius: Theme.borderRadius.small, cursor: 'pointer', display: 'flex' }),
+        'button:open': {},
+        buttonText: {
+            flex: 1,
+        },
+        buttonIcon: __assign({ height: 24, width: 24, color: Theme.colors.white, transition: 'all 0.2s ease' }, Theme.spacing.marginLeft('auto')),
+        'buttonIcon:open': {
+            transform: 'rotate(180deg)',
+        },
+        error: {
+            color: Theme.colors.negative,
+        },
+    }); }),
+};
 //# sourceMappingURL=styles.js.map

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

@@ -1,31 +1,49 @@
-/// <reference types="react" />
-import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
-import { StylesOf } from '../../types/utility';
-import { WebSelectComposition, WebSelectStyles } from './styles';
-export declare type SelectRenderFNProps<T> = CustomSelectProps<T>['options'][number] & {
-    styles: StylesOf<WebSelectComposition>;
-    onPress: () => void;
-    selected?: boolean;
-    inList?: boolean;
-    open?: boolean;
-};
-export declare type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
-export declare type CustomSelectProps<T = any> = {
-    value: T;
-    placeholder?: string;
-    label?: FormTypes.Label;
-    options?: {
-        value: T;
-        label?: FormTypes.Label;
-        icon?: IconPlaceholder;
-    }[];
-    onDropdownToggle?: (isOpen?: boolean) => void;
-    onValueChange?: (value: T) => void;
-    renderItem?: SelectRenderFN<T>;
-    renderCurrentlySelected?: SelectRenderFN<T>;
-    styles?: StylesOf<WebSelectComposition>;
-    disabled?: boolean;
-    validate?: FormTypes.ValidatorFunctionWithoutForm<any> | string;
-    arrowIconName?: IconPlaceholder;
-    autoClose?: boolean;
-} & ComponentVariants<typeof WebSelectStyles>;
+/// <reference types="react" />
+import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
+import { StylesOf } from '../../types/utility';
+import { WebSelectComposition, WebSelectStyles } from './styles';
+export declare type SelectRenderFNProps<T> = CustomSelectProps<T>['options'][number] & {
+    styles: StylesOf<WebSelectComposition>;
+    onPress: () => void;
+    selected?: boolean;
+    inList?: boolean;
+    open?: boolean;
+};
+export declare type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
+export declare type CustomSelectProps<T = any> = {
+    value: T;
+    placeholder?: string;
+    label?: FormTypes.Label;
+    options?: {
+        value: T;
+        label?: FormTypes.Label;
+        icon?: IconPlaceholder;
+    }[];
+    onDropdownToggle?: (isOpen?: boolean) => void;
+    onValueChange?: (value: T) => void;
+    renderItem?: SelectRenderFN<T>;
+    renderCurrentlySelected?: SelectRenderFN<T>;
+    styles?: StylesOf<WebSelectComposition>;
+    disabled?: boolean;
+    validate?: FormTypes.ValidatorFunctionWithoutForm<any> | string;
+    arrowIconName?: IconPlaceholder;
+    autoClose?: boolean;
+} & ComponentVariants<typeof WebSelectStyles>;
+export declare type MultiSelectProps<T = any> = {
+    value: T[];
+    placeholder?: string;
+    label?: FormTypes.Label;
+    options?: {
+        value: T;
+        label?: FormTypes.Label;
+        icon?: IconPlaceholder;
+    }[];
+    onDropdownToggle?: (isOpen?: boolean) => void;
+    onValueChange?: (value: T[]) => void;
+    renderItem?: SelectRenderFN<T>;
+    renderCurrentlySelected?: SelectRenderFN<T>;
+    styles?: StylesOf<WebSelectComposition>;
+    disabled?: boolean;
+    validate?: FormTypes.ValidatorFunctionWithoutForm<any> | string;
+    arrowIconName?: IconPlaceholder;
+} & ComponentVariants<typeof WebSelectStyles>;

package/dist/components/Select/types.js

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

package/dist/components/Slider.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { SliderProps as RCSliderProps } from 'rc-slider';
-declare type SliderProps = RCSliderProps & {};
-export declare const Slider: React.FC<SliderProps>;
-export {};
+/// <reference types="react" />
+import { SliderProps as RCSliderProps } from 'rc-slider';
+declare type SliderProps = RCSliderProps & {};
+export declare const Slider: React.FC<SliderProps>;
+export {};

package/dist/components/Slider.js

@@ -1,36 +1,36 @@
-"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.Slider = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var rc_slider_1 = __importDefault(require("rc-slider"));
-var Slider = function (sliderProps) {
-    var props = __rest(sliderProps, []);
-    return (0, jsx_runtime_1.jsx)(rc_slider_1.default, __assign({}, props));
-};
-exports.Slider = Slider;
+"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.Slider = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var rc_slider_1 = __importDefault(require("rc-slider"));
+var Slider = function (sliderProps) {
+    var props = __rest(sliderProps, []);
+    return (0, jsx_runtime_1.jsx)(rc_slider_1.default, __assign({}, props));
+};
+exports.Slider = Slider;
 //# sourceMappingURL=Slider.js.map

package/dist/components/Text.d.ts

@@ -1,9 +1,9 @@
-import { ComponentVariants, TextComposition, TextStyles } from '@codeleap/common';
-import { ComponentPropsWithoutRef, ElementType } from 'react';
-import { StylesOf } from '../types/utility';
-export declare type TextProps<T extends ElementType> = {
-    component?: T;
-    text?: string;
-    styles?: StylesOf<TextComposition>;
-} & ComponentPropsWithoutRef<T> & ComponentVariants<typeof TextStyles>;
-export declare const Text: <T extends ElementType<any>>(textProps: TextProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { ComponentVariants, TextComposition, TextStyles } from '@codeleap/common';
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+import { StylesOf } from '../types/utility';
+export declare type TextProps<T extends ElementType> = {
+    component?: T;
+    text?: string;
+    styles?: StylesOf<TextComposition>;
+} & ComponentPropsWithoutRef<T> & ComponentVariants<typeof TextStyles>;
+export declare const Text: <T extends ElementType<any>>(textProps: TextProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Text.js

@@ -1,41 +1,41 @@
-"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.Text = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var Text = function (textProps) {
-    var _a = textProps.variants, variants = _a === void 0 ? [] : _a, _b = textProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, text = textProps.text, children = textProps.children, _c = textProps.component, component = _c === void 0 ? 'p' : _c, styles = textProps.styles, props = __rest(textProps, ["variants", "responsiveVariants", "text", "children", "component", "styles"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Text', {
-        rootElement: 'text',
-        responsiveVariants: responsiveVariants,
-        variants: variants,
-        styles: styles,
-    });
-    var Component = component;
-    var a = __assign(__assign({}, variantStyles.text), props.style);
-    return ((0, jsx_runtime_1.jsx)(Component, __assign({ css: a }, props, { children: text || children })));
-};
-exports.Text = Text;
+"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.Text = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var Text = function (textProps) {
+    var _a = textProps.variants, variants = _a === void 0 ? [] : _a, _b = textProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, text = textProps.text, children = textProps.children, _c = textProps.component, component = _c === void 0 ? 'p' : _c, styles = textProps.styles, props = __rest(textProps, ["variants", "responsiveVariants", "text", "children", "component", "styles"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Text', {
+        rootElement: 'text',
+        responsiveVariants: responsiveVariants,
+        variants: variants,
+        styles: styles,
+    });
+    var Component = component;
+    var a = __assign(__assign({}, variantStyles.text), props.style);
+    return ((0, jsx_runtime_1.jsx)(Component, __assign({ css: a }, props, { children: text || children })));
+};
+exports.Text = Text;
 //# sourceMappingURL=Text.js.map