@addev-be/ui 0.19.0 → 0.19.2

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

@@ -1,26 +1,17 @@
 import { ConditionDTO, FieldDTO, OrderByDTO, SqlRequestRow } from '../../../services/sqlRequests';
-import { DataGridCheckboxColumn, DataGridDateColumn, DataGridFilter, DataGridFilterType, DataGridNumberColumn, DataGridSort, DataGridTextColumn } from '../DataGrid/types';
+import { DataGridColumn, DataGridFilter, DataGridFilterType } from '../DataGrid/types';
 import { VirtualScrollerTemplateFC } from '../VirtualScroller/types';
 export type SqlRequestGridFilter<T extends DataGridFilterType = DataGridFilterType> = DataGridFilter<T> & {
     field?: FieldDTO;
 };
 export type SqlRequestGridFilters = Record<string, SqlRequestGridFilter>;
-export type SqlRequestGridCommonProps = {
+export type SqlRequestGridColumn<R> = DataGridColumn<R> & {
     filter?: SqlRequestGridFilter;
     field?: FieldDTO;
     filterField?: string;
     sortField?: string;
-    ignore?: boolean;
 };
-export type SqlRequestGridTextColumn<R> = DataGridTextColumn<R> & SqlRequestGridCommonProps;
-export type SqlRequestGridNumberColumn<R> = DataGridNumberColumn<R> & SqlRequestGridCommonProps;
-export type SqlRequestGridCheckboxColumn<R> = DataGridCheckboxColumn<R> & SqlRequestGridCommonProps;
-export type SqlRequestGridDateColumn<R> = DataGridDateColumn<R> & SqlRequestGridCommonProps;
-export type SqlRequestGridColumn<R> = SqlRequestGridTextColumn<R> | SqlRequestGridNumberColumn<R> | SqlRequestGridCheckboxColumn<R> | SqlRequestGridDateColumn<R>;
-export type SqlRequestGridColumnWithFilter<R> = SqlRequestGridColumn<R> & {
-    filter: SqlRequestGridFilter;
-};
-export type SqlRequestGridColumns<R> = SqlRequestGridColumn<R>[];
+export type SqlRequestGridColumns<R> = Record<string, SqlRequestGridColumn<R>>;
 export type SqlRequestGridProps<R, P extends object = {}> = {
     itemTemplate: VirtualScrollerTemplateFC<R, P>;
     itemsPerRow?: number;
@@ -32,8 +23,7 @@ export type SqlRequestGridProps<R, P extends object = {}> = {
     orderBy?: OrderByDTO[];
     conditions?: ConditionDTO[];
     parser?: (row: SqlRequestRow<R>) => R;
-    itemProps: P | ((item: R) => P);
-    initialSorts?: Record<string, DataGridSort>;
+    itemProps: P;
 };
 export type SqlRequestGridRefProps = {
     refresh: () => void;

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

@@ -3,13 +3,12 @@ type VirtualScrollerProps<R, P extends object> = {
     gridTemplateColumns: string;
     items: R[];
     itemTemplate: VirtualScrollerTemplateFC<R, P>;
-    rowHeightInPx: number;
+    rowHeightInPx?: number;
     gap?: string;
     itemsPerRow?: number;
     tolerance?: number;
-    itemProps: P | ((item: R, index: number) => P);
+    itemProps: P;
     onRangeChanged?: (index: number, length: number) => void;
-    integrated?: boolean;
 };
-export declare const VirtualScroller: <R, P extends object>({ gridTemplateColumns, items, rowHeightInPx, itemTemplate: ItemTemplate, itemProps, onRangeChanged, gap, itemsPerRow, tolerance, integrated, }: VirtualScrollerProps<R, P>) => import("react/jsx-runtime").JSX.Element;
+export declare const VirtualScroller: <R, P extends object>({ gridTemplateColumns, items, rowHeightInPx, itemTemplate: ItemTemplate, itemProps, onRangeChanged, gap, itemsPerRow, tolerance, }: VirtualScrollerProps<R, P>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -41,28 +41,18 @@ var styles = __importStar(require("./styles"));
 var react_1 = require("react");
 var hooks_1 = require("./hooks");
 var VirtualScroller = function (_a) {
-    var gridTemplateColumns = _a.gridTemplateColumns, items = _a.items, rowHeightInPx = _a.rowHeightInPx, ItemTemplate = _a.itemTemplate, itemProps = _a.itemProps, onRangeChanged = _a.onRangeChanged, gap = _a.gap, itemsPerRow = _a.itemsPerRow, tolerance = _a.tolerance, integrated = _a.integrated;
-    var _b = (0, react_1.useState)(null), scrollableElement = _b[0], setScrollableElement = _b[1];
-    var _c = (0, hooks_1.useVirtualScrolling)({
+    var gridTemplateColumns = _a.gridTemplateColumns, items = _a.items, _b = _a.rowHeightInPx, rowHeightInPx = _b === void 0 ? styles.DEFAULT_ROW_HEIGHT : _b, ItemTemplate = _a.itemTemplate, itemProps = _a.itemProps, onRangeChanged = _a.onRangeChanged, gap = _a.gap, itemsPerRow = _a.itemsPerRow, tolerance = _a.tolerance;
+    var _c = (0, react_1.useState)(null), scrollableElement = _c[0], setScrollableElement = _c[1];
+    var _d = (0, hooks_1.useVirtualScrolling)({
         scrollableElement: scrollableElement,
         rowHeightInPx: rowHeightInPx,
         items: items,
         itemsPerRow: itemsPerRow,
         tolerance: tolerance,
-    }), indexWithTolerance = _c.indexWithTolerance, lengthWithTolerance = _c.lengthWithTolerance, visibleItems = _c.visibleItems, topPadding = _c.topPadding, totalHeight = _c.totalHeight;
+    }), indexWithTolerance = _d.indexWithTolerance, lengthWithTolerance = _d.lengthWithTolerance, visibleItems = _d.visibleItems, topPadding = _d.topPadding, totalHeight = _d.totalHeight;
     (0, react_1.useEffect)(function () {
         onRangeChanged === null || onRangeChanged === void 0 ? void 0 : onRangeChanged(indexWithTolerance, lengthWithTolerance);
     }, [indexWithTolerance, lengthWithTolerance, onRangeChanged]);
-    return ((0, jsx_runtime_1.jsx)(styles.VirtualScrollerContainer, { "$integrated": integrated, children: (0, jsx_runtime_1.jsx)(styles.VirtualScrollerFiller, { "$height": totalHeight, ref: function (element) {
-                var _a, _b;
-                return setScrollableElement((_b = (integrated
-                    ? (_a = element === null || element === void 0 ? void 0 : element.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement
-                    : element === null || element === void 0 ? void 0 : element.parentElement)) !== null && _b !== void 0 ? _b : null);
-            }, children: (0, jsx_runtime_1.jsx)(styles.VirtualScrollerItemsContainer, { "$gridTemplateColumns": gridTemplateColumns, "$topPadding": topPadding, "$itemHeight": rowHeightInPx, "$gap": gap, children: visibleItems.map(function (item, currentIndex) {
-                    var currentItemProps = typeof itemProps === 'function'
-                        ? itemProps(item, indexWithTolerance + currentIndex)
-                        : itemProps;
-                    return ((0, jsx_runtime_1.jsx)(ItemTemplate, __assign({ item: item, index: currentIndex }, currentItemProps), indexWithTolerance + currentIndex));
-                }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(styles.VirtualScrollerContainer, { "$height": totalHeight, ref: function (element) { var _a; return setScrollableElement((_a = element === null || element === void 0 ? void 0 : element.parentElement) !== null && _a !== void 0 ? _a : null); }, children: (0, jsx_runtime_1.jsx)(styles.VirtualScrollerItemsContainer, { "$gridTemplateColumns": gridTemplateColumns, "$topPadding": topPadding, "$itemHeight": rowHeightInPx, "$gap": gap, children: visibleItems.map(function (item, currentIndex) { return ((0, jsx_runtime_1.jsx)(ItemTemplate, __assign({ item: item, index: currentIndex }, itemProps), indexWithTolerance + currentIndex)); }) }) }));
 };
 exports.VirtualScroller = VirtualScroller;

package/dist/components/data/VirtualScroller/styles.d.ts

@@ -1,9 +1,7 @@
+export declare const DEFAULT_ROW_HEIGHT = 32;
 export declare const TopPaddingItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const BottomPaddingItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const VirtualScrollerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $integrated?: boolean;
-}>> & string;
-export declare const VirtualScrollerFiller: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const VirtualScrollerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>, {
     $height: number;

package/dist/components/data/VirtualScroller/styles.js

@@ -7,15 +7,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtualScrollerItemsContainer = exports.VirtualScrollerFiller = exports.VirtualScrollerContainer = exports.BottomPaddingItem = exports.TopPaddingItem = void 0;
+exports.VirtualScrollerItemsContainer = exports.VirtualScrollerContainer = exports.BottomPaddingItem = exports.TopPaddingItem = exports.DEFAULT_ROW_HEIGHT = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
+exports.DEFAULT_ROW_HEIGHT = 32;
 exports.TopPaddingItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 exports.BottomPaddingItem = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-exports.VirtualScrollerContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  overflow: auto;\n  height: 100%;\n  display: ", ";\n"], ["\n  position: relative;\n  overflow: auto;\n  height: 100%;\n  display: ", ";\n"])), function (_a) {
-    var $integrated = _a.$integrated;
-    return ($integrated ? 'contents' : 'block');
-});
-exports.VirtualScrollerFiller = styled_components_1.default.div.attrs(function (_a) {
+exports.VirtualScrollerContainer = styled_components_1.default.div.attrs(function (_a) {
     var $height = _a.$height;
     return ({
         className: 'VirtualScrollerFiller',
@@ -23,7 +20,7 @@ exports.VirtualScrollerFiller = styled_components_1.default.div.attrs(function (
             height: "".concat($height, "px"),
         },
     });
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  overflow: visible;\n"], ["\n  position: relative;\n  overflow: visible;\n"])));
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  overflow: visible;\n"], ["\n  position: relative;\n  overflow: visible;\n"])));
 exports.VirtualScrollerItemsContainer = styled_components_1.default.div.attrs(function (_a) {
     var $gridTemplateColumns = _a.$gridTemplateColumns, $topPadding = _a.$topPadding, $itemHeight = _a.$itemHeight;
     var itemHeightValue = "".concat($itemHeight, "px");
@@ -35,8 +32,8 @@ exports.VirtualScrollerItemsContainer = styled_components_1.default.div.attrs(fu
             gridAutoItems: itemHeightValue,
         },
     };
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: grid;\n  position: absolute;\n  min-width: 100%;\n  grid-gap: ", ";\n\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 1;\n  }\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: -1;\n  }\n"], ["\n  display: grid;\n  position: absolute;\n  min-width: 100%;\n  grid-gap: ", ";\n\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 1;\n  }\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: -1;\n  }\n"])), function (_a) {
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: grid;\n  position: absolute;\n  min-width: 100%;\n  grid-gap: ", ";\n\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 1;\n  }\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: -1;\n  }\n"], ["\n  display: grid;\n  position: absolute;\n  min-width: 100%;\n  grid-gap: ", ";\n\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 1;\n  }\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: -1;\n  }\n"])), function (_a) {
     var $gap = _a.$gap;
     return $gap;
 }, exports.TopPaddingItem, exports.BottomPaddingItem);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -2,11 +2,12 @@ export * from './DataGrid';
 export * from './DataGrid/helpers';
 export * from './DataGrid/styles';
 export * from './DataGrid/types';
+export * from './AdvancedRequestDataGrid';
+export * from './AdvancedRequestDataGrid/helpers';
 export * from './SqlRequestDataGrid';
 export * from './SqlRequestDataGrid/helpers';
 export * from './SqlRequestDataGrid/types';
 export * from './SqlRequestGrid';
 export * from './SqlRequestGrid/types';
-export * from './SqlRequestForeignList';
 export * from './VirtualScroller';
 export * from './VirtualScroller/types';

package/dist/components/data/index.js

@@ -18,11 +18,12 @@ __exportStar(require("./DataGrid"), exports);
 __exportStar(require("./DataGrid/helpers"), exports);
 __exportStar(require("./DataGrid/styles"), exports);
 __exportStar(require("./DataGrid/types"), exports);
+__exportStar(require("./AdvancedRequestDataGrid"), exports);
+__exportStar(require("./AdvancedRequestDataGrid/helpers"), exports);
 __exportStar(require("./SqlRequestDataGrid"), exports);
 __exportStar(require("./SqlRequestDataGrid/helpers"), exports);
 __exportStar(require("./SqlRequestDataGrid/types"), exports);
 __exportStar(require("./SqlRequestGrid"), exports);
 __exportStar(require("./SqlRequestGrid/types"), exports);
-__exportStar(require("./SqlRequestForeignList"), exports);
 __exportStar(require("./VirtualScroller"), exports);
 __exportStar(require("./VirtualScroller/types"), exports);

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

@@ -1,17 +1,10 @@
 import { IconFC } from '../../Icons';
 import { ThemeColor } from '../../providers/ThemeProvider/types';
-type StyledButtonProps = {
-    $color?: ThemeColor;
-    $rounded?: boolean;
-    $bordered?: boolean;
-};
-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>, StyledButtonProps>> & string;
+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;
-    bordered?: boolean;
 };
-export declare const Button: (props: import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyledButtonProps> & StyledButtonProps & ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").JSX.Element | null;
-export {};
+export declare const Button: (props: import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof ButtonProps> & ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").JSX.Element | null;

package/dist/components/forms/Button.js

@@ -56,21 +56,15 @@ 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, _b = _a.$bordered, $bordered = _b === void 0 ? true : _b;
-    return $color
-        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: var(--color-", "-400);\n          border: ", ";\n          &:hover {\n            background-color: var(--color-", "-300);\n            border: ", ";\n          }\n          color: var(--color-", "-950);\n          svg {\n            fill: var(--color-", "-950);\n          }\n        "], ["\n          background-color: var(--color-", "-400);\n          border: ", ";\n          &:hover {\n            background-color: var(--color-", "-300);\n            border: ", ";\n          }\n          color: var(--color-", "-950);\n          svg {\n            fill: var(--color-", "-950);\n          }\n        "])), $color, $bordered
-            ? "1px solid var(--color-".concat($color, "-500)")
-            : 'none', $color, $bordered
-            ? "1px solid var(--color-".concat($color, "-400)")
-            : 'none', $color, $color) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          background-color: var(--color-neutral-100);\n          border: ", ";\n          &:hover {\n            background-color: var(--color-neutral-200);\n            border: ", ";\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: ", ";\n          &:hover {\n            background-color: var(--color-neutral-200);\n            border: ", ";\n          }\n          color: var(--color-neutral-900);\n          svg {\n            fill: var(--color-neutral-900);\n          }\n        "])), $bordered ? "1px solid var(--color-neutral-300)" : 'none', $bordered
-        ? "1px solid var(--color-neutral-400)"
-        : 'none');
+    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);';
+    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, _c = _a.rounded, rounded = _c === void 0 ? false : _c, _d = _a.color, color = _d === void 0 ? 'neutral' : _d, _e = _a.bordered, bordered = _e === void 0 ? true : _e, props = __rest(_a, ["children", "size", "icon", "className", "rounded", "color", "bordered"]);
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({ ref: ref, className: "".concat(size, " ").concat(className), "$color": color, "$rounded": rounded, "$bordered": bordered }, props, { children: [Icon && (0, jsx_runtime_1.jsx)(Icon, {}), children] })));
+    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,8 +1,7 @@
 import { ButtonProps } from './Button';
 import { ButtonHTMLAttributes } from 'react';
 import { IconFC } from '../../Icons';
-import { ThemeSize } from '../../providers';
 export declare const IconButton: (props: ButtonProps & {
     icon: IconFC;
-    $iconSize?: ThemeSize;
+    $iconSize?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>) => import("react").JSX.Element | null;

package/dist/components/forms/IconButton.js

@@ -38,23 +38,23 @@ 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 ? '5' : _b;
-        return "var(--space-".concat($iconSize, ")");
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-4)' : _b;
+        return $iconSize;
     }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? '5' : _b;
-        return "var(--space-".concat($iconSize, ")");
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-4)' : _b;
+        return $iconSize;
     }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? '6' : _b;
-        return "var(--space-".concat($iconSize, ")");
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-5)' : _b;
+        return $iconSize;
     }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? '6' : _b;
-        return "var(--space-".concat($iconSize, ")");
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-5)' : _b;
+        return $iconSize;
     }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? '8' : _b;
-        return "var(--space-".concat($iconSize, ")");
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-6)' : _b;
+        return $iconSize;
     }, function (_a) {
-        var _b = _a.$iconSize, $iconSize = _b === void 0 ? '8' : _b;
-        return "var(--space-".concat($iconSize, ")");
+        var _b = _a.$iconSize, $iconSize = _b === void 0 ? 'var(--space-6)' : _b;
+        return $iconSize;
     }),
 };
 exports.IconButton = (0, react_1.forwardRef)(function (_a, ref) {

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

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

@@ -34,11 +34,14 @@ 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 = itemKey(item);
-            var label = itemLabel(item);
+            var key = keyGetter(item);
+            var label = labelGetter(item);
             return ((0, jsx_runtime_1.jsx)("option", { value: key, children: label }, key));
         }) })));
 };

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

@@ -1,8 +1,5 @@
-export * from './AutoTextArea';
 export * from './Button';
 export * from './Select';
 export * from './IconButton';
 export * from './IndeterminateCheckbox';
-export * from './Form';
-export * from './Form/InputWithLabel';
 export * from './styles';

package/dist/components/forms/index.js

@@ -14,11 +14,8 @@ 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("./AutoTextArea"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./Select"), exports);
 __exportStar(require("./IconButton"), exports);
 __exportStar(require("./IndeterminateCheckbox"), exports);
-__exportStar(require("./Form"), exports);
-__exportStar(require("./Form/InputWithLabel"), exports);
 __exportStar(require("./styles"), exports);

package/dist/components/layout/Dropdown/index.d.ts

@@ -5,7 +5,6 @@ type DropdownProps = PropsWithChildren<styles.DropdownContainerProps & {
     $autoPositionX?: boolean;
     $autoPositionY?: boolean;
     onClose?: () => void;
-    usePortal?: boolean;
     style?: CSSProperties;
 }>;
 export declare const Dropdown: FC<DropdownProps>;

package/dist/components/layout/Dropdown/index.js

@@ -74,33 +74,12 @@ var getDropdownStyle = function (dropdown) {
     return dropdownStyle;
 };
 var Dropdown = function (_a) {
-    var children = _a.children, onClose = _a.onClose, _b = _a.usePortal, usePortal = _b === void 0 ? true : _b, props = __rest(_a, ["children", "onClose", "usePortal"]);
+    var children = _a.children, onClose = _a.onClose, $backdropAlpha = _a.$backdropAlpha, props = __rest(_a, ["children", "onClose", "$backdropAlpha"]);
     var createPortal = (0, providers_1.usePortals)().createPortal;
-    var firstClick = (0, react_1.useRef)(true);
-    var containerRef = (0, react_1.useRef)(null);
     var style = (0, react_1.useMemo)(function () { return getDropdownStyle(props); }, [props]);
-    var onDocumentClick = (0, react_1.useCallback)(function (ev) {
-        if (firstClick.current) {
-            firstClick.current = false;
-            return;
-        }
-        if (containerRef.current &&
-            !containerRef.current.contains(ev.target)) {
-            return onClose === null || onClose === void 0 ? void 0 : onClose();
-        }
-    }, [onClose]);
-    (0, react_1.useEffect)(function () {
-        if (containerRef.current) {
-            document.addEventListener('click', onDocumentClick);
-            return function () {
-                document.removeEventListener('click', onDocumentClick);
-            };
-        }
-    }, [onDocumentClick]);
     var modalPortal = (0, react_1.useMemo)(function () {
-        var content = ((0, jsx_runtime_1.jsx)(styles.DropdownContainer, __assign({ ref: containerRef }, props, { style: style, children: children })));
-        return usePortal ? createPortal(content) : content;
-    }, [children, createPortal, props, style, usePortal]);
+        return createPortal((0, jsx_runtime_1.jsx)(styles.DropdownBackdrop, { onClick: onClose, "$alpha": $backdropAlpha, children: (0, jsx_runtime_1.jsx)(styles.DropdownContainer, __assign({}, props, { style: style, children: children })) }));
+    }, [$backdropAlpha, children, createPortal, onClose, props, style]);
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: modalPortal });
 };
 exports.Dropdown = Dropdown;

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

@@ -1,6 +1,3 @@
-export * from './Columns';
 export * from './Dropdown';
-export * from './Grid';
-export * from './Loading';
-export * from './Masonry';
 export * from './Modal';
+export * from './Loading';

package/dist/components/layout/index.js

@@ -14,9 +14,6 @@ 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("./Columns"), exports);
 __exportStar(require("./Dropdown"), exports);
-__exportStar(require("./Grid"), exports);
-__exportStar(require("./Loading"), exports);
-__exportStar(require("./Masonry"), exports);
 __exportStar(require("./Modal"), exports);
+__exportStar(require("./Loading"), exports);

package/dist/components/search/QuickSearchBar.js

@@ -51,12 +51,6 @@ var QuickSearchBar = function (_a) {
                 types: ['Customer', 'ScanGroup'],
                 searchTerm: debouncedTerm,
                 limit: 5,
-                conditions: [
-                    {
-                        field: 'DeletedAt',
-                        operator: 'isNull',
-                    },
-                ],
             }).then(function (response) {
                 setResults(response.data);
                 setDropdownVisible(true);

package/dist/components/ui/Card/styles.js

@@ -11,7 +11,7 @@ exports.CardFooter = exports.CardHeader = exports.CardContainer = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.CardContainer = styled_components_1.default.div.attrs({
     className: 'CardContainer',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-neutral-0);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n  padding: var(--space-4);\n  border: 1px solid var(--color-neutral-100);\n"], ["\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-neutral-0);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n  padding: var(--space-4);\n  border: 1px solid var(--color-neutral-100);\n"])));
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-white);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n  padding: var(--space-4);\n  border: 1px solid var(--color-neutral-100);\n"], ["\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-white);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n  padding: var(--space-4);\n  border: 1px solid var(--color-neutral-100);\n"])));
 exports.CardHeader = styled_components_1.default.div.attrs({
     className: 'CardHeader',
 })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-bottom: var(--space-2);\n  border-bottom: 1px solid var(--color-neutral-200);\n  margin-bottom: var(--space-2);\n  gap: var(--space-2);\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-bottom: var(--space-2);\n  border-bottom: 1px solid var(--color-neutral-200);\n  margin-bottom: var(--space-2);\n  gap: var(--space-2);\n"])));

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

@@ -1,6 +1,3 @@
-export * from './Avatar';
 export * from './Card';
 export * from './ContextMenu';
-export * from './Ellipsis';
-export * from './Label';
 export * from './Message';

package/dist/components/ui/index.js

@@ -14,9 +14,6 @@ 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("./Avatar"), exports);
 __exportStar(require("./Card"), exports);
 __exportStar(require("./ContextMenu"), exports);
-__exportStar(require("./Ellipsis"), exports);
-__exportStar(require("./Label"), exports);
 __exportStar(require("./Message"), exports);

package/dist/helpers/index.d.ts

@@ -1,4 +1,3 @@
 export * from './dates';
 export * from './numbers';
 export * from './text';
-export * from './responsive';

package/dist/helpers/index.js

@@ -17,4 +17,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./dates"), exports);
 __exportStar(require("./numbers"), exports);
 __exportStar(require("./text"), exports);
-__exportStar(require("./responsive"), exports);

package/dist/helpers/numbers.d.ts

@@ -2,6 +2,3 @@ export declare const formatMoney: (number: number, decimals?: number, currency?:
 export declare const formatPercentage: (number: number, decimals?: number) => string;
 export declare const formatNumber: (number: number, decimals?: number) => string;
 export declare const formatNumberInvariant: (number: number, decimals?: number) => string;
-export declare const decimalSeparator: string;
-export declare const parseNumber: (value: string) => number;
-export declare const getCurrencySymbol: (currency: string) => (string | undefined)[];

package/dist/helpers/numbers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCurrencySymbol = exports.parseNumber = exports.decimalSeparator = exports.formatNumberInvariant = exports.formatNumber = exports.formatPercentage = exports.formatMoney = void 0;
+exports.formatNumberInvariant = exports.formatNumber = exports.formatPercentage = exports.formatMoney = void 0;
 var formatMoney = function (number, decimals, currency) {
     if (decimals === void 0) { decimals = 2; }
     if (currency === void 0) { currency = 'EUR'; }
@@ -9,7 +9,6 @@ var formatMoney = function (number, decimals, currency) {
         currency: currency,
         minimumFractionDigits: decimals,
         maximumFractionDigits: decimals,
-        currencyDisplay: 'narrowSymbol',
     }).format(number);
 };
 exports.formatMoney = formatMoney;
@@ -38,34 +37,3 @@ var formatNumberInvariant = function (number, decimals) {
     }).format(number);
 };
 exports.formatNumberInvariant = formatNumberInvariant;
-var getDecimalSeparator = function () {
-    var numberWithDecimal = 1.1; // A number with a decimal point
-    var formattedNumber = new Intl.NumberFormat().format(numberWithDecimal);
-    return formattedNumber.replace(/\d/g, ''); // Remove all digits to isolate the separator
-};
-exports.decimalSeparator = getDecimalSeparator();
-var parseNumber = function (value) {
-    var number = value
-        .replace(new RegExp("[^\\d".concat(exports.decimalSeparator, "]"), 'g'), '')
-        .replace(exports.decimalSeparator, '.');
-    return parseFloat(number);
-};
-exports.parseNumber = parseNumber;
-var getCurrencySymbol = function (currency) {
-    var _a;
-    var formatter = new Intl.NumberFormat(navigator.language, {
-        style: 'currency',
-        currency: currency,
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0,
-        currencyDisplay: 'narrowSymbol',
-    });
-    // Format a number and extract the currency symbol
-    var parts = formatter.formatToParts(1);
-    var currencySymbol = (_a = parts.find(function (part) { return part.type === 'currency'; })) === null || _a === void 0 ? void 0 : _a.value;
-    // Determine if the currency symbol is a prefix or suffix
-    var isPrefix = parts.findIndex(function (part) { return part.type === 'currency'; }) <
-        parts.findIndex(function (part) { return part.type === 'integer'; });
-    return isPrefix ? [currencySymbol, undefined] : [undefined, currencySymbol];
-};
-exports.getCurrencySymbol = getCurrencySymbol;

package/dist/hooks/index.d.ts

@@ -1,6 +1,2 @@
 export * from './useElementSize';
-export * from './useShowArchived';
 export * from './useWindowSize';
-export * from './useMediaQuery';
-export * from './useContainerMediaQuery';
-export * from './useMediaQueryForWidth';

package/dist/hooks/index.js

@@ -15,8 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useElementSize"), exports);
-__exportStar(require("./useShowArchived"), exports);
 __exportStar(require("./useWindowSize"), exports);
-__exportStar(require("./useMediaQuery"), exports);
-__exportStar(require("./useContainerMediaQuery"), exports);
-__exportStar(require("./useMediaQueryForWidth"), exports);

package/dist/index.d.ts

@@ -3,5 +3,4 @@ export * from './providers';
 export * from './Icons';
 export * from './config';
 export * from './helpers';
-export * from './hooks';
 export * from './services';

package/dist/index.js

@@ -19,5 +19,4 @@ __exportStar(require("./providers"), exports);
 __exportStar(require("./Icons"), exports);
 __exportStar(require("./config"), exports);
 __exportStar(require("./helpers"), exports);
-__exportStar(require("./hooks"), exports);
 __exportStar(require("./services"), exports);

package/dist/providers/AuthenticationProvider/index.js

@@ -87,9 +87,8 @@ var AuthenticationProvider = function (_a) {
     var sendSendRecoveryKeyRequest = (0, services_1.useSendRecoveryKeyRequestHandler)();
     var sendCheckRecoveryKeyRequest = (0, services_1.useCheckRecoveryKeyRequestHandler)();
     var sendResetPasswordRequest = (0, services_1.useResetPasswordRequestHandler)();
-    var authenticate = (0, react_1.useCallback)(function (force) {
-        if (force === void 0) { force = false; }
-        if (token && (!user || force)) {
+    var authenticate = (0, react_1.useCallback)(function () {
+        if (token && !user) {
             sendAuthenticateRequest({ token: token }).then(function (response) {
                 if (response.status === 0 && response.user) {
                     setUser(response.user);
@@ -210,7 +209,7 @@ var AuthenticationProvider = function (_a) {
         var subscription = (_a = services_1.WebSocketService.getInstance()) === null || _a === void 0 ? void 0 : _a.status$.subscribe(function (newStatus) {
             setWebSocketStatus(function (previousStatus) {
                 if (!previousStatus && newStatus) {
-                    authenticate(true);
+                    authenticate();
                 }
                 return newStatus;
             });

package/dist/providers/PortalsProvider/styles.js

@@ -17,5 +17,5 @@ exports.PortalsWrapper = styled_components_1.default.div.attrs({
 })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 0;\n  height: 0;\n"], ["\n  width: 0;\n  height: 0;\n"])));
 exports.PortalContainer = styled_components_1.default.div.attrs({
     className: 'PortalContainer',
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  z-index: 9999;\n  position: fixed;\n  inset: 0;\n"], ["\n  z-index: 9999;\n  position: fixed;\n  inset: 0;\n"])));
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
 var templateObject_1, templateObject_2, templateObject_3;