@addev-be/ui 0.2.18 → 0.3.0

package/dist/components/data/SqlRequestDataGrid/index.js

@@ -1,296 +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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SqlRequestDataGrid = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var sqlRequests_1 = require("../../../services/sqlRequests");
-var lodash_1 = __importStar(require("lodash"));
-var react_1 = require("react");
-var DataGrid_1 = require("../DataGrid");
-var helpers_1 = require("./helpers");
-var helpers_2 = require("../DataGrid/helpers");
-var SqlRequestDataGrid = function (_a) {
-    var _b, _c;
-    var onSelectionChangeFromProps = _a.onSelectionChange, props = __rest(_a, ["onSelectionChange"]);
-    var currentRows = (0, react_1.useRef)([]);
-    var _d = (0, react_1.useState)([]), rows = _d[0], setRows = _d[1];
-    var _e = (0, react_1.useState)(0), start = _e[0], setStart = _e[1];
-    var _f = (0, react_1.useState)(50), length = _f[0], setLength = _f[1];
-    var _g = (0, react_1.useState)(-1), count = _g[0], setCount = _g[1];
-    var _h = (0, sqlRequests_1.useSqlRequestHandler)(props.type), sqlRequest = _h[0], sqlIdRequest = _h[1], sqlPartialRequest = _h[2];
-    var _j = (0, react_1.useState)({}), conditions = _j[0], setConditions = _j[1];
-    var _k = (0, react_1.useState)(Object.entries((_b = props.initialSorts) !== null && _b !== void 0 ? _b : {}).map(function (_a) {
-        var _b, _c, _d;
-        var columnKey = _a[0], direction = _a[1];
-        return ({
-            field: (_c = (_b = props.columns[columnKey].field) === null || _b === void 0 ? void 0 : _b.fieldAlias) !== null && _c !== void 0 ? _c : columnKey,
-            type: (_d = props.columns[columnKey].type) !== null && _d !== void 0 ? _d : 'text',
-            direction: direction.toUpperCase(),
-        });
-    })), orderBy = _k[0], setOrderBy = _k[1];
-    var _l = (0, react_1.useMemo)(function () {
-        var _a, _b;
-        return [
-            __spreadArray(__spreadArray([], Object.keys(props.columns), true), ((_a = props.hiddenColumns) !== null && _a !== void 0 ? _a : []), true),
-            __spreadArray(__spreadArray([], Object.keys(props.columns).filter(function (key) {
-                return (0, helpers_2.isColumnVisible)(props.columns[key]);
-            }), true), ((_b = props.hiddenColumns) !== null && _b !== void 0 ? _b : []), true),
-        ];
-    }, [props.columns, props.hiddenColumns]), columnsKeys = _l[0], visibleColumnsKeys = _l[1];
-    var columnTypes = (0, react_1.useMemo)(function () {
-        return visibleColumnsKeys.map(function (key) { var _a, _b; return String((_b = (_a = props.columns[key]) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : 'text'); });
-    }, [visibleColumnsKeys, props.columns]);
-    var refresh = (0, react_1.useCallback)(function () {
-        setRows([]);
-        setStart(0);
-        setLength(50);
-        setCount(-1);
-    }, []);
-    var onFiltersChanged = (0, react_1.useCallback)(function (filters) {
-        var newConditions = (0, helpers_1.convertSqlFiltersToConditions)(filters);
-        setCount(-1);
-        setConditions(newConditions);
-    }, []);
-    var onSortsChanged = (0, react_1.useCallback)(function (sorts) {
-        refresh();
-        var newOrderBy = Object.entries(sorts).map(function (_a) {
-            var columnKey = _a[0], direction = _a[1];
-            return ({
-                field: columnKey,
-                direction: direction.toUpperCase(),
-            });
-        });
-        setOrderBy(newOrderBy);
-    }, [refresh]);
-    var loadRows = (0, react_1.useRef)((0, lodash_1.debounce)(function (columns, returnColumns, conditions, orderBy, start, length, getCount) {
-        if (conditions === void 0) { conditions = []; }
-        if (orderBy === void 0) { orderBy = []; }
-        if (start === void 0) { start = 0; }
-        if (length === void 0) { length = 100; }
-        if (getCount === void 0) { getCount = false; }
-        sqlRequest({
-            columns: columns.includes('Id') ? columns : __spreadArray(__spreadArray([], columns, true), ['Id'], false),
-            returnColumns: returnColumns.includes('Id')
-                ? returnColumns
-                : __spreadArray(__spreadArray([], returnColumns, true), ['Id'], false),
-            columnTypes: columnTypes.includes('Id')
-                ? columnTypes
-                : __spreadArray(__spreadArray([], columnTypes, true), ['Id'], false),
-            conditions: conditions,
-            orderBy: orderBy,
-            start: start,
-            length: length,
-            getCount: getCount,
-        }).then(function (response) {
-            var _a;
-            var _b;
-            if (getCount) {
-                currentRows.current = Array(response.count).fill(null);
-                if (getCount)
-                    setCount((_b = response.count) !== null && _b !== void 0 ? _b : 0);
-            }
-            var parsedRows = props.parser
-                ? response.data.map(props.parser)
-                : response.data;
-            (_a = currentRows.current).splice.apply(_a, __spreadArray([start, length], parsedRows, false));
-            setRows(__spreadArray([], currentRows.current, true));
-        });
-    }, 100, {
-        leading: true,
-        trailing: true,
-    }));
-    var loadFilterValues = (0, react_1.useCallback)(function (columnKey) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return sqlRequest({
-            columns: columnsKeys,
-            returnColumns: [columnKey],
-            columnTypes: [(_a = props.columns[columnKey].type) !== null && _a !== void 0 ? _a : 'text'],
-            conditions: __spreadArray(__spreadArray([], ((_b = props.conditions) !== null && _b !== void 0 ? _b : []), true), Object.values(lodash_1.default.pickBy(conditions, function (_, key) { return key !== columnKey; })), true).filter(function (condition) { return condition.field !== columnKey; }),
-            orderBy: [
-                {
-                    field: (_g = (_e = (_c = props.columns[columnKey].filterField) !== null && _c !== void 0 ? _c : (_d = props.columns[columnKey].field) === null || _d === void 0 ? void 0 : _d.fieldAlias) !== null && _e !== void 0 ? _e : (_f = props.columns[columnKey].field) === null || _f === void 0 ? void 0 : _f.fieldName) !== null && _g !== void 0 ? _g : columnKey,
-                    type: (_h = props.columns[columnKey].type) !== null && _h !== void 0 ? _h : 'text',
-                    direction: 'ASC',
-                },
-            ],
-            getCount: false,
-            unique: true,
-        }).then(function (response) {
-            return response.data.map(function (row) { var _a, _b, _c; return (_c = (_b = (_a = props.columns[columnKey].filter) === null || _a === void 0 ? void 0 : _a.getter) === null || _b === void 0 ? void 0 : _b.call(_a, row)) !== null && _c !== void 0 ? _c : null; });
-        });
-    }, [columnsKeys, conditions, props.columns, props.conditions, sqlRequest]);
-    (0, react_1.useEffect)(function () {
-        var _a, _b;
-        return loadRows.current(columnsKeys, visibleColumnsKeys, __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true), orderBy, start, length, count < 0);
-    }, [
-        props.columns,
-        conditions,
-        orderBy,
-        start,
-        length,
-        count,
-        props.conditions,
-        columnsKeys,
-        visibleColumnsKeys,
-    ]);
-    var loadCopyRows = (0, react_1.useCallback)(function () {
-        var _a, _b;
-        return sqlRequest({
-            columns: columnsKeys,
-            returnColumns: visibleColumnsKeys,
-            columnTypes: columnTypes,
-            conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true),
-            orderBy: orderBy,
-            start: 0,
-            length: count,
-        }).then(function (response) {
-            return props.parser ? response.data.map(props.parser) : response.data;
-        });
-    }, [
-        sqlRequest,
-        columnsKeys,
-        visibleColumnsKeys,
-        columnTypes,
-        props.conditions,
-        props.parser,
-        conditions,
-        orderBy,
-        count,
-    ]);
-    var loadAllIds = (0, react_1.useCallback)(function () {
-        var _a, _b;
-        return sqlIdRequest({
-            columns: columnsKeys.includes('Id')
-                ? columnsKeys
-                : __spreadArray(__spreadArray([], columnsKeys, true), ['Id'], false),
-            returnColumns: ['Id'],
-            columnTypes: ['text'],
-            conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true),
-            orderBy: orderBy,
-            start: 0,
-            length: count,
-        }).then(function (response) { return response.data.map(function (row) { return row['Id']; }); });
-    }, [columnsKeys, conditions, orderBy, props.conditions, sqlIdRequest, count]);
-    var onVisibleRowsChanged = (0, react_1.useCallback)(function (newStart, newLength) {
-        if (newStart !== start || newLength !== length) {
-            setStart(newStart);
-            setLength(newLength);
-        }
-    }, [length, start]);
-    var onSelectionChange = (0, react_1.useCallback)(function (selectedKeys) {
-        onSelectionChangeFromProps === null || onSelectionChangeFromProps === void 0 ? void 0 : onSelectionChangeFromProps(selectedKeys);
-    }, [onSelectionChangeFromProps]);
-    /** FOOTERS */
-    var _m = (0, react_1.useState)((_c = props.initialFooters) !== null && _c !== void 0 ? _c : {}), footers = _m[0], setFooters = _m[1];
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var _o = (0, react_1.useState)({}), footerData = _o[0], setFooterData = _o[1];
-    var loadFooters = (0, react_1.useCallback)(function () {
-        var _a, _b;
-        if (Object.keys(footers).length === 0) {
-            setFooterData({});
-        }
-        else {
-            sqlPartialRequest({
-                columns: columnsKeys.includes('Id')
-                    ? columnsKeys
-                    : __spreadArray(__spreadArray([], columnsKeys, true), ['Id'], false),
-                returnColumns: [],
-                columnTypes: [],
-                totalColumns: footers,
-                conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true),
-                orderBy: orderBy,
-            }).then(function (response) { var _a; return setFooterData((_a = response.totals) !== null && _a !== void 0 ? _a : {}); });
-        }
-    }, [
-        columnsKeys,
-        conditions,
-        footers,
-        orderBy,
-        props.conditions,
-        sqlPartialRequest,
-    ]);
-    (0, react_1.useEffect)(function () {
-        loadFooters();
-    }, [loadFooters]);
-    var footerFunctions = (0, react_1.useMemo)(function () {
-        return !footerData
-            ? {}
-            : Object.entries(footers).reduce(function (acc, _a) {
-                var _b, _c;
-                var columnKey = _a[0], footerKey = _a[1];
-                var column = props.columns[columnKey];
-                var footerFunc = typeof (column === null || column === void 0 ? void 0 : column.footer) === 'function'
-                    ? column.footer
-                    : (_b = column === null || column === void 0 ? void 0 : column.footer) === null || _b === void 0 ? void 0 : _b[footerKey];
-                var render = footerFunc
-                    ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        function (data) { return footerFunc([data], [], []); }
-                    : (_c = column === null || column === void 0 ? void 0 : column.render) !== null && _c !== void 0 ? _c : lodash_1.default.identity;
-                if (!column) {
-                    return acc;
-                }
-                acc[columnKey] = function () { return render(footerData, column); };
-                return acc;
-            }, {});
-    }, [footerData, footers, props.columns]);
-    var contextOverride = (0, react_1.useMemo)(function () { return ({
-        footers: footers,
-        setFooters: setFooters,
-        footerFunctions: footerFunctions,
-    }); }, [footers, setFooters, footerFunctions]);
-    return ((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, __assign({ onVisibleRowsChange: onVisibleRowsChanged, filter: false, sort: false, onFiltersChanged: onFiltersChanged, onSortsChanged: onSortsChanged, filterValuesLoader: loadFilterValues, rows: rows, loadCopyRows: loadCopyRows, refresh: refresh, onSelectionChange: onSelectionChange, getAllIds: loadAllIds, contextOverride: contextOverride }, props)));
-};
-exports.SqlRequestDataGrid = SqlRequestDataGrid;

package/dist/components/data/SqlRequestDataGrid/types.d.ts

@@ -1,21 +0,0 @@
-import { ConditionDTO, FieldDTO, OrderByDTO, SqlRequestRow } from '../../../services/sqlRequests';
-import { DataGridColumn, DataGridFilter, DataGridFilterType, DataGridProps } from '../DataGrid/types';
-export type SqlRequestDataGridFilter<T extends DataGridFilterType = DataGridFilterType> = DataGridFilter<T> & {
-    field?: FieldDTO;
-};
-export type SqlRequestDataGridFilters = Record<string, SqlRequestDataGridFilter>;
-export type SqlRequestDataGridColumn<R> = DataGridColumn<R> & {
-    filter?: SqlRequestDataGridFilter;
-    field?: FieldDTO;
-    filterField?: string;
-    sortField?: string;
-};
-export type SqlRequestDataGridColumns<R> = Record<string, SqlRequestDataGridColumn<R>>;
-export type SqlRequestDataGridProps<R> = Omit<DataGridProps<R>, 'rows' | 'columns'> & {
-    columns: SqlRequestDataGridColumns<R>;
-    hiddenColumns?: string[];
-    type: string;
-    orderBy?: OrderByDTO[];
-    conditions?: ConditionDTO[];
-    parser?: (row: SqlRequestRow<R>) => R;
-};

package/dist/components/data/SqlRequestDataGrid/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,8 +0,0 @@
-export * from './DataGrid';
-export * from './DataGrid/helpers';
-export * from './DataGrid/styles';
-export * from './AdvancedRequestDataGrid';
-export * from './SqlRequestDataGrid';
-export * from './SqlRequestDataGrid/helpers';
-export * from './SqlRequestDataGrid/types';
-export * from './AdvancedRequestDataGrid/helpers';

package/dist/components/data/index.js

@@ -1,24 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DataGrid"), exports);
-__exportStar(require("./DataGrid/helpers"), exports);
-__exportStar(require("./DataGrid/styles"), exports);
-__exportStar(require("./AdvancedRequestDataGrid"), exports);
-__exportStar(require("./SqlRequestDataGrid"), exports);
-__exportStar(require("./SqlRequestDataGrid/helpers"), exports);
-__exportStar(require("./SqlRequestDataGrid/types"), exports);
-__exportStar(require("./AdvancedRequestDataGrid/helpers"), exports);

package/dist/components/forms/Button.d.ts

@@ -1,10 +0,0 @@
-import { IconFC } from '../../Icons';
-import { ThemeColor } from '../../providers/ThemeProvider/types';
-export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>> & string;
-export type ButtonProps = {
-    color?: ThemeColor;
-    size?: 'small' | 'medium' | 'large';
-    icon?: IconFC;
-    rounded?: boolean;
-};
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof ButtonProps> & ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/forms/Button.js

@@ -1,70 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __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.Button = exports.StyledButton = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
-exports.StyledButton = styled_components_1.default.button.withConfig({
-    shouldForwardProp: function () { return true; },
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-flex;\n  vertical-align: middle;\n  align-items: center;\n  justify-content: center;\n  box-shadow: var(--shadow-sm);\n  /* font-weight: bold; */\n  border-radius: var(--rounded-md);\n  font-family: var(--font-sans);\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  &.small {\n    padding: var(--space-1) var(--space-1_5);\n    font-size: var(--text-sm);\n    height: var(--space-6);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3);\n      height: var(--space-3);\n    }\n  }\n  &.medium {\n    padding: var(--space-2) var(--space-3);\n    font-size: var(--text-base);\n    height: var(--space-8);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-4);\n      height: var(--space-4);\n    }\n  }\n  &.large {\n    padding: var(--space-3) var(--space-4);\n    font-size: var(--text-lg);\n    height: var(--space-10);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-5);\n      height: var(--space-5);\n    }\n  }\n"], ["\n  display: inline-flex;\n  vertical-align: middle;\n  align-items: center;\n  justify-content: center;\n  box-shadow: var(--shadow-sm);\n  /* font-weight: bold; */\n  border-radius: var(--rounded-md);\n  font-family: var(--font-sans);\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  &.small {\n    padding: var(--space-1) var(--space-1_5);\n    font-size: var(--text-sm);\n    height: var(--space-6);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-3);\n      height: var(--space-3);\n    }\n  }\n  &.medium {\n    padding: var(--space-2) var(--space-3);\n    font-size: var(--text-base);\n    height: var(--space-8);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-4);\n      height: var(--space-4);\n    }\n  }\n  &.large {\n    padding: var(--space-3) var(--space-4);\n    font-size: var(--text-lg);\n    height: var(--space-10);\n    box-shadow: var(--shadow-sm);\n    svg {\n      margin-right: var(--space-1);\n      width: var(--space-5);\n      height: var(--space-5);\n    }\n  }\n"])), function (_a) {
-    var color = _a.color;
-    return color
-        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: var(--color-", "-400);\n          border: 1px solid var(--color-", "-500);\n          &:hover {\n            background-color: var(--color-", "-300);\n            border: 1px solid var(--color-", "-400);\n          }\n          color: var(--color-", "-950);\n          svg {\n            fill: var(--color-", "-950);\n          }\n        "], ["\n          background-color: var(--color-", "-400);\n          border: 1px solid var(--color-", "-500);\n          &:hover {\n            background-color: var(--color-", "-300);\n            border: 1px solid var(--color-", "-400);\n          }\n          color: var(--color-", "-950);\n          svg {\n            fill: var(--color-", "-950);\n          }\n        "])), color, color, color, color, color, color) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          background-color: var(--color-neutral-100);\n          border: 1px solid var(--color-neutral-300);\n          &:hover {\n            background-color: var(--color-neutral-200);\n            border: 1px solid var(--color-neutral-400);\n          }\n          color: var(--color-neutral-900);\n          svg {\n            fill: var(--color-neutral-900);\n          }\n        "], ["\n          background-color: var(--color-neutral-100);\n          border: 1px solid var(--color-neutral-300);\n          &:hover {\n            background-color: var(--color-neutral-200);\n            border: 1px solid var(--color-neutral-400);\n          }\n          color: var(--color-neutral-900);\n          svg {\n            fill: var(--color-neutral-900);\n          }\n        "])));
-}, function (_a) {
-    var rounded = _a.rounded;
-    return rounded && 'border-radius: var(--rounded-full);';
-});
-exports.Button = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, _b = _a.size, size = _b === void 0 ? 'medium' : _b, Icon = _a.icon, className = _a.className, props = __rest(_a, ["children", "size", "icon", "className"]);
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({ ref: ref, className: "".concat(size, " ").concat(className) }, props, { children: [Icon && (0, jsx_runtime_1.jsx)(Icon, {}), children] })));
-});
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/forms/IconButton.d.ts

@@ -1,7 +0,0 @@
-import { ButtonProps } from './Button';
-import { ButtonHTMLAttributes } from 'react';
-import { IconFC } from '../../Icons';
-export declare const IconButton: import("react").ForwardRefExoticComponent<ButtonProps & {
-    icon: IconFC;
-    $iconSize?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/forms/IconButton.js

@@ -1,64 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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.IconButton = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Button_1 = require("./Button");
-var react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
-var styles = {
-    IconButton: (0, styled_components_1.default)(Button_1.Button).attrs({
-        className: 'IconButton',
-    })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    &.small {\n      padding: var(--space-1);\n      height: var(--space-6);\n      width: var(--space-6);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n    &.medium {\n      padding: var(--space-2);\n      height: var(--space-8);\n      width: var(--space-8);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n    &.large {\n      padding: var(--space-3);\n      height: var(--space-10);\n      width: var(--space-10);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n  "], ["\n    &.small {\n      padding: var(--space-1);\n      height: var(--space-6);\n      width: var(--space-6);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n    &.medium {\n      padding: var(--space-2);\n      height: var(--space-8);\n      width: var(--space-8);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n    &.large {\n      padding: var(--space-3);\n      height: var(--space-10);\n      width: var(--space-10);\n      svg {\n        margin-right: 0;\n        width: ", ";\n        height: ", ";\n      }\n    }\n  "])), function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-4)' : _b;
-        return $iconSize;
-    }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-4)' : _b;
-        return $iconSize;
-    }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-5)' : _b;
-        return $iconSize;
-    }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-5)' : _b;
-        return $iconSize;
-    }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-6)' : _b;
-        return $iconSize;
-    }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-6)' : _b;
-        return $iconSize;
-    }),
-};
-exports.IconButton = (0, react_1.forwardRef)(function (_a, ref) {
-    var Icon = _a.icon, props = __rest(_a, ["icon"]);
-    return ((0, jsx_runtime_1.jsx)(styles.IconButton, __assign({ ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(Icon, { className: "iconbutton-icon" }) })));
-});
-var templateObject_1;

package/dist/components/forms/IndeterminateCheckbox.d.ts

@@ -1,8 +0,0 @@
-import { ChangeEvent, FC, InputHTMLAttributes } from 'react';
-type IndeterminateCheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
-    className?: string;
-    checked: boolean | undefined;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-};
-export declare const IndeterminateCheckbox: FC<IndeterminateCheckboxProps>;
-export {};

package/dist/components/forms/IndeterminateCheckbox.js

@@ -1,41 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IndeterminateCheckbox = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var lodash_1 = require("lodash");
-var IndeterminateCheckbox = function (_a) {
-    var className = _a.className, checked = _a.checked, onChange = _a.onChange, props = __rest(_a, ["className", "checked", "onChange"]);
-    var checkbox = (0, react_1.useRef)(null);
-    (0, react_1.useLayoutEffect)(function () {
-        if (checkbox.current)
-            checkbox.current.indeterminate = checked === undefined;
-    }, [checked]);
-    return ((0, jsx_runtime_1.jsx)("input", __assign({ type: "checkbox", className: (0, lodash_1.join)([
-            'h-4 w-4 rounded border-gray-300 text-sky-600 focus:ring-sky-600',
-            className,
-        ], ' '), ref: checkbox, checked: !!checked, onChange: onChange }, props)));
-};
-exports.IndeterminateCheckbox = IndeterminateCheckbox;

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

@@ -1,10 +0,0 @@
-import { SelectHTMLAttributes } from 'react';
-type SelectProps<T> = {
-    items: T[];
-    itemKey: keyof T | ((item: T) => string);
-    itemLabel: keyof T | ((item: T) => string);
-};
-export declare const Select: <T extends {
-    [k: string]: any;
-}>({ items, itemKey, itemLabel, ...props }: SelectProps<T> & SelectHTMLAttributes<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/forms/Select.js

@@ -1,49 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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.Select = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var styled_components_1 = __importDefault(require("styled-components"));
-var StyledSelect = styled_components_1.default.select(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.inputStyle);
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-var Select = function (_a) {
-    var items = _a.items, itemKey = _a.itemKey, itemLabel = _a.itemLabel, props = __rest(_a, ["items", "itemKey", "itemLabel"]);
-    var keyGetter = typeof itemKey === 'function' ? itemKey : function (item) { return item[itemKey]; };
-    var labelGetter = typeof itemLabel === 'function' ? itemLabel : function (item) { return item[itemLabel]; };
-    return ((0, jsx_runtime_1.jsx)(StyledSelect, __assign({}, props, { children: items.map(function (item) {
-            var key = keyGetter(item);
-            var label = labelGetter(item);
-            return ((0, jsx_runtime_1.jsx)("option", { value: key, children: label }, key));
-        }) })));
-};
-exports.Select = Select;
-var templateObject_1;

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

@@ -1,5 +0,0 @@
-export * from './Button';
-export * from './Select';
-export * from './IconButton';
-export * from './IndeterminateCheckbox';
-export { Input } from './styles';