@codeleap/web 4.1.0 → 4.2.2

package/dist/components/Grid/index.js

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

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

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

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

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

package/dist/components/Grid/styles.js

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

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

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

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

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

package/dist/components/Grid/types.js

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

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

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

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

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

package/dist/components/Icon/index.js

@@ -0,0 +1,73 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __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 View_1 = require("../View");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var styles_1 = require("@codeleap/styles");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var Icon = function (props) {
+    var _a, _b, _c;
+    var _d = __assign(__assign({}, exports.Icon.defaultProps), props), name = _d.name, style = _d.style, renderEmptySpace = _d.renderEmptySpace, otherProps = __rest(_d, ["name", "style", "renderEmptySpace"]);
+    var theme = (0, styles_1.useTheme)(function (store) { return store.current; });
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.Icon.styleRegistryName, style);
+    var Component = (_a = theme === null || theme === void 0 ? void 0 : theme.icons) === null || _a === void 0 ? void 0 : _a[name];
+    if (!name) {
+        var iconStyle = styles.icon;
+        return renderEmptySpace ? ((0, jsx_runtime_1.jsx)(View_1.View, { style: {
+                height: (_b = iconStyle.size) !== null && _b !== void 0 ? _b : iconStyle.height,
+                width: (_c = iconStyle.size) !== null && _c !== void 0 ? _c : iconStyle.width,
+            } })) : null;
+    }
+    if (!Component)
+        return null;
+    return (0, jsx_runtime_1.jsx)(Component, __assign({}, otherProps, { style: styles.icon }));
+};
+exports.Icon = Icon;
+exports.Icon.styleRegistryName = 'Icon';
+exports.Icon.elements = ['icon'];
+exports.Icon.rootElement = 'icon';
+exports.Icon.withVariantTypes = function (styles) {
+    return exports.Icon;
+};
+exports.Icon.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Icon);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+export type IconComposition = 'icon';

package/dist/components/Icon/styles.js

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

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

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

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

@@ -0,0 +1,12 @@
+import { ComponentCommonProps } from '../../types';
+import { IconComposition } from './styles';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+import { CSSProperties } from 'react';
+export type IconProps = ComponentCommonProps & {
+    name: AppIcon;
+    style?: StyledProp<IconComposition>;
+    size?: string | number;
+    color?: string;
+    renderEmptySpace?: boolean;
+    forceStyle?: CSSProperties;
+};

package/dist/components/Icon/types.js

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

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

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

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

@@ -0,0 +1,10 @@
+import { InputBaseProps } from './types';
+export * from './styles';
+export * from './utils';
+export * from './types';
+export declare const InputBaseDefaultOrder: InputBaseProps['order'];
+export declare const InputBase: {
+    (props: InputBaseProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    elements: string[];
+    defaultProps: Partial<InputBaseProps>;
+};

package/dist/components/InputBase/index.js

@@ -0,0 +1,111 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __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.InputBase = exports.InputBaseDefaultOrder = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var ActionIcon_1 = require("../ActionIcon");
+var View_1 = require("../View");
+var styles_1 = require("./styles");
+var Text_1 = require("../Text");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./types"), exports);
+exports.InputBaseDefaultOrder = [
+    'label',
+    'description',
+    'innerWrapper',
+    'error',
+];
+var KeyPassthrough = function (props) {
+    return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: props.children });
+};
+var InputBase = function (props) {
+    var allProps = __assign(__assign({}, exports.InputBase.defaultProps), props);
+    var children = allProps.children, error = allProps.error, label = allProps.label, description = allProps.description, leftIcon = allProps.leftIcon, rightIcon = allProps.rightIcon, wrapper = allProps.wrapper, debugName = allProps.debugName, innerWrapper = allProps.innerWrapper, focused = allProps.focused, innerWrapperProps = allProps.innerWrapperProps, wrapperProps = allProps.wrapperProps, disabled = allProps.disabled, order = allProps.order, style = allProps.style, noError = allProps.noError, labelAsRow = allProps.labelAsRow, innerWrapperRef = allProps.innerWrapperRef, otherProps = __rest(allProps, ["children", "error", "label", "description", "leftIcon", "rightIcon", "wrapper", "debugName", "innerWrapper", "focused", "innerWrapperProps", "wrapperProps", "disabled", "order", "style", "noError", "labelAsRow", "innerWrapperRef"]);
+    var WrapperComponent = wrapper || View_1.View;
+    var InnerWrapperComponent = innerWrapper || View_1.View;
+    var styles = (0, styles_1.useInputBaseStyles)(allProps);
+    var _leftIcon = (0, common_1.getRenderedComponent)(leftIcon, ActionIcon_1.ActionIcon, {
+        style: styles.leftIconStyles,
+        disabled: disabled,
+        debugName: "".concat(debugName, " left icon"),
+    });
+    var _rightIcon = (0, common_1.getRenderedComponent)(rightIcon, ActionIcon_1.ActionIcon, {
+        style: styles.rightIconStyles,
+        disabled: disabled,
+        debugName: "".concat(debugName, " right icon"),
+    });
+    var _label = common_1.TypeGuards.isString(label) ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, style: styles.labelStyle }) : label;
+    var _error = common_1.TypeGuards.isString(error) ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: error, style: styles.errorStyle }) : error;
+    var _description = common_1.TypeGuards.isString(description) ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: description, style: styles.descriptionStyle }) : description;
+    var parts = {
+        label: labelAsRow ? ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.labelRowStyle }, { children: [_label, _description] }))) : (_label),
+        description: labelAsRow ? null : _description,
+        innerWrapper: (0, jsx_runtime_1.jsxs)(InnerWrapperComponent, __assign({ ref: innerWrapperRef, style: styles.innerWrapperStyle }, innerWrapperProps, { children: [_leftIcon, children, _rightIcon] })),
+        error: noError ? null : (_error || (0, jsx_runtime_1.jsx)(Text_1.Text, { children: (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: " \u00A0 " }), style: styles.errorStyle })),
+    };
+    return ((0, jsx_runtime_1.jsx)(WrapperComponent, __assign({}, otherProps, wrapperProps, { style: styles.wrapperStyle }, { children: order.map(function (key) { return ((0, jsx_runtime_1.jsx)(KeyPassthrough, { children: parts[key] }, key)); }) })));
+};
+exports.InputBase = InputBase;
+exports.InputBase.elements = [
+    'wrapper',
+    'innerWrapper',
+    'label',
+    'errorMessage',
+    'description',
+    'labelRow',
+    'icon',
+    'leftIcon',
+    'rightIcon',
+];
+exports.InputBase.defaultProps = {
+    noError: false,
+    labelAsRow: false,
+    disabled: false,
+    order: exports.InputBaseDefaultOrder,
+    rightIcon: null,
+    leftIcon: null,
+    description: null,
+    error: null,
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,30 @@
+import { ActionIconParts } from '../ActionIcon';
+import { InputBaseProps } from './types';
+type InputIcons = 'icon' | 'leftIcon' | 'rightIcon';
+type IconParts = ActionIconParts;
+export type InputIconComposition = `${InputIcons}${Capitalize<IconParts>}`;
+export type InputBaseStates = 'error' | 'focus' | 'disabled';
+export type InputBaseParts = 'wrapper' | 'innerWrapper' | 'label' | 'errorMessage' | 'description' | 'labelRow' | InputIconComposition;
+export type IconLessInputBaseParts = Exclude<InputBaseParts, InputIconComposition>;
+export type InputBaseComposition = `${InputBaseParts}:${InputBaseStates}` | InputBaseParts;
+export declare const useInputBaseStyles: (props: InputBaseProps) => {
+    wrapperStyle: any[];
+    innerWrapperStyle: any[];
+    leftIconStyles: {
+        icon: any;
+        'icon:disabled': any;
+        touchableWrapper: any;
+        'touchableWrapper:disabled': any;
+    };
+    rightIconStyles: {
+        icon: any;
+        'icon:disabled': any;
+        touchableWrapper: any;
+        'touchableWrapper:disabled': any;
+    };
+    labelStyle: any[];
+    errorStyle: any[];
+    descriptionStyle: any[];
+    labelRowStyle: any[];
+};
+export {};

package/dist/components/InputBase/styles.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInputBaseStyles = void 0;
+var common_1 = require("@codeleap/common");
+var styles_1 = require("@codeleap/styles");
+var utils_1 = require("./utils");
+var useInputBaseStyles = function (props) {
+    var _a, _b;
+    var focused = props.focused, disabled = props.disabled, error = props.error, styles = props.style;
+    var hasError = !common_1.TypeGuards.isNil(error);
+    var compositionStyles = (0, styles_1.useCompositionStyles)(['leftIcon', 'rightIcon', 'icon'], styles);
+    var baseIconStyles = (0, utils_1.getIconStyles)(compositionStyles.icon, { hasError: hasError, disabled: disabled, focused: focused });
+    var leftIconStylesCompose = (0, utils_1.getIconStyles)(compositionStyles.leftIcon, {
+        hasError: hasError,
+        disabled: disabled || ((_a = props === null || props === void 0 ? void 0 : props.leftIcon) === null || _a === void 0 ? void 0 : _a.disabled),
+        focused: focused,
+    });
+    var rightIconStylesCompose = (0, utils_1.getIconStyles)(compositionStyles.rightIcon, {
+        hasError: hasError,
+        disabled: disabled || ((_b = props === null || props === void 0 ? void 0 : props.rightIcon) === null || _b === void 0 ? void 0 : _b.disabled),
+        focused: focused,
+    });
+    var leftIconStyles = (0, utils_1.iconStylesOf)(baseIconStyles, leftIconStylesCompose);
+    var rightIconStyles = (0, utils_1.iconStylesOf)(baseIconStyles, rightIconStylesCompose);
+    var labelStyle = [
+        styles.label,
+        focused && styles['label:focus'],
+        hasError && styles['label:error'],
+        disabled && styles['label:disabled'],
+    ];
+    var errorStyle = [
+        styles.errorMessage,
+        focused && styles['errorMessage:focus'],
+        hasError && styles['errorMessage:error'],
+        disabled && styles['errorMessage:disabled'],
+    ];
+    var descriptionStyle = [
+        styles.description,
+        focused && styles['description:focus'],
+        hasError && styles['description:error'],
+        disabled && styles['description:disabled'],
+    ];
+    var wrapperStyle = [
+        styles.wrapper,
+        focused && styles['wrapper:focus'],
+        error && styles['wrapper:error'],
+        disabled && styles['wrapper:disabled'],
+    ];
+    var innerWrapperStyle = [
+        (0, utils_1.concatStyles)(Array.isArray(styles.innerWrapper) ? styles.innerWrapper : [styles.innerWrapper]),
+        focused && styles['innerWrapper:focus'],
+        hasError && styles['innerWrapper:error'],
+        disabled && styles['innerWrapper:disabled'],
+    ];
+    var labelRowStyle = [
+        styles.labelRow,
+        focused && styles['labelRow:focus'],
+        hasError && styles['labelRow:error'],
+        disabled && styles['labelRow:disabled'],
+    ];
+    return {
+        wrapperStyle: wrapperStyle,
+        innerWrapperStyle: innerWrapperStyle,
+        leftIconStyles: leftIconStyles,
+        rightIconStyles: rightIconStyles,
+        labelStyle: labelStyle,
+        errorStyle: errorStyle,
+        descriptionStyle: descriptionStyle,
+        labelRowStyle: labelRowStyle,
+    };
+};
+exports.useInputBaseStyles = useInputBaseStyles;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { StylesOf } from '@codeleap/common';
+import { InputBaseComposition } from './styles';
+import { ActionIconComposition, ActionIconProps } from '../ActionIcon';
+type OrderedParts = 'label' | 'description' | 'innerWrapper' | 'error';
+export type InputBaseProps = React.PropsWithChildren<{
+    label?: React.ReactNode;
+    error?: React.ReactNode;
+    leftIcon?: ActionIconProps;
+    rightIcon?: ActionIconProps;
+    wrapper?: React.FC<any>;
+    wrapperProps?: any;
+    innerWrapper?: React.FC<any>;
+    innerWrapperProps?: any;
+    style?: StylesOf<InputBaseComposition>;
+    description?: React.ReactNode;
+    debugName: string;
+    focused?: boolean;
+    disabled?: boolean;
+    order?: OrderedParts[];
+    labelAsRow?: boolean;
+    noError?: boolean;
+    innerWrapperRef?: React.MutableRefObject<HTMLDivElement | null>;
+}>;
+export type OmitDiff<T1, T2> = {
+    [K in Exclude<keyof T1, keyof T2>]: T1[K];
+} & {
+    [K in keyof T2]: T2[K];
+};
+export type InputBaseKey = keyof InputBaseProps;
+export type IconStyles = StylesOf<ActionIconComposition>;
+export type IconState = {
+    focused: boolean;
+    hasError: boolean;
+    disabled: boolean;
+};
+export {};

package/dist/components/InputBase/types.js

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

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

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

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

@@ -0,0 +1,18 @@
+import { IconState, IconStyles, InputBaseProps, OmitDiff } from './types';
+export declare function selectInputBaseProps<T extends Omit<InputBaseProps, 'style'>>(props: T): {
+    inputBaseProps: InputBaseProps;
+    others: OmitDiff<T, T>;
+};
+export declare const getIconStyles: (obj: IconStyles, state: IconState) => {
+    icon: any;
+    'icon:disabled': any;
+    touchableWrapper: any;
+    'touchableWrapper:disabled': any;
+};
+export declare function concatStyles(unstyles?: Record<number, {}>): {};
+export declare const iconStylesOf: (baseStyles: IconStyles, styles: IconStyles) => {
+    icon: any;
+    'icon:disabled': any;
+    touchableWrapper: any;
+    'touchableWrapper:disabled': any;
+};

package/dist/components/InputBase/utils.js

@@ -0,0 +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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconStylesOf = exports.concatStyles = exports.getIconStyles = exports.selectInputBaseProps = void 0;
+function selectInputBaseProps(props) {
+    var varList = [
+        'label',
+        'error',
+        'innerWrapper',
+        'leftIcon',
+        'rightIcon',
+        'description',
+        'wrapper',
+        'children',
+        'innerWrapperProps',
+        'wrapperProps',
+        'disabled',
+    ];
+    var copy = __assign({}, props);
+    var result = varList.reduce(function (acc, key) {
+        // @ts-ignore
+        acc[key] = copy[key];
+        return acc;
+    }, {});
+    return { inputBaseProps: result, others: copy };
+}
+exports.selectInputBaseProps = selectInputBaseProps;
+var getIconStyles = function (obj, state) { return ({
+    icon: __assign(__assign(__assign({}, obj.icon), (state.focused && obj['icon:focus'])), (state.hasError && obj['icon:error'])),
+    'icon:disabled': __assign({}, (state.disabled && obj['icon:disabled'])),
+    touchableWrapper: __assign(__assign(__assign({}, obj.touchableWrapper), (state.focused && obj['touchableWrapper:focus'])), (state.hasError && obj['touchableWrapper:error'])),
+    'touchableWrapper:disabled': __assign({}, (state.disabled && obj['touchableWrapper:disabled'])),
+}); };
+exports.getIconStyles = getIconStyles;
+function concatStyles(unstyles) {
+    if (unstyles === void 0) { unstyles = {}; }
+    var styles = {};
+    Object.values(unstyles || {}).forEach(function (style) {
+        if (style) {
+            styles = __assign(__assign({}, styles), style);
+        }
+    });
+    return styles;
+}
+exports.concatStyles = concatStyles;
+var iconStylesOf = function (baseStyles, styles) { return ({
+    icon: __assign(__assign({}, baseStyles.icon), styles.icon),
+    'icon:disabled': __assign(__assign({}, baseStyles['icon:disabled']), styles['icon:disabled']),
+    touchableWrapper: __assign(__assign({}, baseStyles.touchableWrapper), styles.touchableWrapper),
+    'touchableWrapper:disabled': __assign(__assign({}, baseStyles['touchableWrapper:disabled']), styles['touchableWrapper:disabled']),
+}); };
+exports.iconStylesOf = iconStylesOf;
+//# sourceMappingURL=utils.js.map