@aivenio/aquarium 1.45.1 → 1.47.0

package/dist/src/utils/form/InputAdornment/InputAdornment.js

@@ -5,7 +5,7 @@ import crossIcon from '../../../../src/icons/cross';
 import errorIcon from '../../../../src/icons/error';
 import searchIcon from '../../../../src/icons/search';
 import tickIcon from '../../../../src/icons/tick';
-export const InputAdornment = ({ placement = 'right', className, dense, children }) => {
+export const InputAdornment = ({ placement = 'right', className, dense, children, }) => {
     return (React.createElement("span", { className: classNames(className, 'absolute inset-y-0 grow-0 text-grey-40 flex items-center mx-3', {
             'right-0': placement === 'right',
             'left-0': placement === 'left',
@@ -18,4 +18,4 @@ export const ValidIcon = ({ onClick }) => (React.createElement(Icon, { icon: tic
 export const ErrorIcon = ({ onClick }) => (React.createElement(Icon, { icon: errorIcon, color: "error-70", "data-testid": "icon-invalid", onClick: onClick }));
 export const SearchIcon = ({ onClick }) => (React.createElement(Icon, { icon: searchIcon, color: "grey-30", "data-testid": "icon-search", onClick: onClick }));
 export const ResetIcon = ({ onClick }) => (React.createElement(Icon, { className: "hover:cursor-pointer", icon: crossIcon, color: "grey-30", "data-testid": "icon-reset", onClick: onClick }));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRBZG9ybm1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9JbnB1dEFkb3JubWVudC9JbnB1dEFkb3JubWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFaEQsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0sa0JBQWtCLENBQUM7QUFDMUMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUFRdEMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUE2QixDQUFDLEVBQUUsU0FBUyxHQUFHLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDOUcsT0FBTyxDQUNMLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxFQUFFLCtEQUErRCxFQUFFO1lBQ2hHLFNBQVMsRUFBRSxTQUFTLEtBQUssT0FBTztZQUNoQyxRQUFRLEVBQUUsU0FBUyxLQUFLLE1BQU07WUFDOUIsa0JBQWtCLEVBQUUsS0FBSztZQUN6QiwyQkFBMkIsRUFBRSxDQUFDLEtBQUs7U0FDcEMsQ0FBQztRQUVGLG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRyxFQUFDLElBQUksRUFBQyxNQUFNLElBQ3pCLFFBQVEsQ0FDRCxDQUNMLENBQ1IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUlGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUMsWUFBWSxpQkFBYSxZQUFZLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN2RixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFvQixDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3pELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxVQUFVLGlCQUFhLGNBQWMsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3hGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQW9CLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDMUQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFDLFNBQVMsaUJBQWEsYUFBYSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdkYsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLHNCQUFzQixFQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLFNBQVMsaUJBQWEsWUFBWSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdEgsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRBZG9ybm1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9JbnB1dEFkb3JubWVudC9JbnB1dEFkb3JubWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFaEQsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0sa0JBQWtCLENBQUM7QUFDMUMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUFRdEMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFzRCxDQUFDLEVBQ2hGLFNBQVMsR0FBRyxPQUFPLEVBQ25CLFNBQVMsRUFDVCxLQUFLLEVBQ0wsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSwrREFBK0QsRUFBRTtZQUNoRyxTQUFTLEVBQUUsU0FBUyxLQUFLLE9BQU87WUFDaEMsUUFBUSxFQUFFLFNBQVMsS0FBSyxNQUFNO1lBQzlCLGtCQUFrQixFQUFFLEtBQUs7WUFDekIsMkJBQTJCLEVBQUUsQ0FBQyxLQUFLO1NBQ3BDLENBQUM7UUFFRixvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUcsRUFBQyxJQUFJLEVBQUMsTUFBTSxJQUN6QixRQUFRLENBQ0QsQ0FDTCxDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFJRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQW9CLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDekQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFDLFlBQVksaUJBQWEsWUFBWSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdkYsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsVUFBVSxpQkFBYSxjQUFjLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN4RixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFvQixDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQzFELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBQyxTQUFTLGlCQUFhLGFBQWEsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3ZGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQW9CLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDekQsb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBQyxzQkFBc0IsRUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxTQUFTLGlCQUFhLFlBQVksRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3RILENBQUMifQ==

package/dist/src/utils/form/Label/Label.d.ts

@@ -48,11 +48,11 @@ export declare type LabelProps = {
      */
     'description'?: React.ReactNode;
 };
-export declare const Label: React.FC<LabelProps> & {
+export declare const Label: React.FC<React.PropsWithChildren<LabelProps>> & {
     Skeleton: typeof LabelSkeleton;
 };
 declare const LabelSkeleton: React.FC;
-export declare type LabelControlProps = Omit<HelperTextProps, 'error'> & Omit<LabelProps, 'variant'> & {
+export declare type LabelControlProps = Omit<LabelProps, 'variant'> & React.PropsWithChildren<Omit<HelperTextProps, 'error'>> & {
     /**
      * If true, label control will be rendered using <fieldset> and <legend>.
      */
@@ -81,8 +81,8 @@ export declare type LabelControlProps = Omit<HelperTextProps, 'error'> & Omit<La
      */
     className?: string;
 };
-export declare const LabelControl: React.FC<LabelControlProps> & {
-    Skeleton: React.FC;
+export declare const LabelControl: React.FC<React.PropsWithChildren<LabelControlProps>> & {
+    Skeleton: React.FC<React.PropsWithChildren>;
 };
 export declare const getLabelControlProps: <T extends LabelControlProps>({ labelText, required, valid, disabled, "labelProps": { ...labelProps }, helpTooltip, helpTooltipPlacement, description, maxLength, error, helperText, reserveSpaceForError, "data-testid": dataTestId, }: T) => LabelControlProps;
 export {};

package/dist/src/utils/form/Label/Label.js

@@ -91,4 +91,4 @@ export const getLabelControlProps = (_a) => {
         'data-testid': dataTestId,
     });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQTREbEQsTUFBTSxTQUFTLEdBQXlCLENBQUMsRUFDdkMsT0FBTyxHQUFHLFNBQVMsRUFDbkIsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsb0JBQW9CLEVBQ3BCLFdBQVcsR0FDWixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsOEJBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUM7UUFDL0IsOEJBQ0UsU0FBUyxFQUFFLEVBQUUsQ0FBQyxrREFBa0QsRUFBRTtnQkFDaEUsY0FBYyxFQUFFLE9BQU8sS0FBSyxTQUFTO2dCQUNyQyxlQUFlLEVBQUUsT0FBTyxLQUFLLE9BQU87Z0JBQ3BDLGNBQWMsRUFBRSxPQUFPLEtBQUssVUFBVTthQUN2QyxDQUFDO1lBRUQsU0FBUztZQUNULFFBQVEsSUFBSSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxRQUFVO1lBQzFELFdBQVcsSUFBSSxDQUNkLG9CQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxvQkFBb0I7Z0JBQzVELDhCQUFN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQTREbEQsTUFBTSxTQUFTLEdBQXlCLENBQUMsRUFDdkMsT0FBTyxHQUFHLFNBQVMsRUFDbkIsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsb0JBQW9CLEVBQ3BCLFdBQVcsR0FDWixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsOEJBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUM7UUFDL0IsOEJBQ0UsU0FBUyxFQUFFLEVBQUUsQ0FBQyxrREFBa0QsRUFBRTtnQkFDaEUsY0FBYyxFQUFFLE9BQU8sS0FBSyxTQUFTO2dCQUNyQyxlQUFlLEVBQUUsT0FBTyxLQUFLLE9BQU87Z0JBQ3BDLGNBQWMsRUFBRSxPQUFPLEtBQUssVUFBVTthQUN2QyxDQUFDO1lBRUQsU0FBUztZQUNULFFBQVEsSUFBSSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxRQUFVO1lBQzFELFdBQVcsSUFBSSxDQUNkLG9CQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxvQkFBb0I7Z0JBQzVELDhCQUFN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

package/dist/src/utils/table/types.d.ts

@@ -1,4 +1,4 @@
-import { type AriaAttributes } from 'react';
+import { type AriaAttributes, type Key } from 'react';
 import { type ChipStatus } from '../../../src/molecules/Chip/Chip';
 import { type DropdownMenuItemsComponent } from '../../../src/molecules/DropdownMenu/DropdownMenu';
 import { type Weight } from '../../../src/molecules/Template/Template';
@@ -176,6 +176,6 @@ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<Omit<
      * @param row currently selected row
      * @param index currectly selected row index
      */
-    onAction: (action: number | string, row: R, index: number) => void;
+    onAction: (action: Key, row: R, index: number) => void;
 }>;
 export {};

package/dist/src/utils/table/useTableSort.d.ts

@@ -1,2 +1,4 @@
 import { type DataListColumn, type DataTableColumn, type DataTableRow, type Sort } from '../../../src/utils/table/types';
-export declare const useTableSort: <C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow>() => [Sort<C> | undefined, (column: C) => void];
+declare type DefaultSort<C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow> = Sort<C>;
+export declare const useTableSort: <C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow>(defaultSort?: DefaultSort<C, R> | undefined) => [Sort<C> | undefined, (column: C) => void];
+export {};

package/dist/src/utils/table/useTableSort.js

@@ -1,6 +1,6 @@
 import React from 'react';
-export const useTableSort = () => {
-    const [sort, setSort] = React.useState();
+export const useTableSort = (defaultSort) => {
+    const [sort, setSort] = React.useState(defaultSort);
     const handleSortClick = (column) => {
         if (sort && sort.column.headerName === column.headerName) {
             if (sort.direction === 'ascending') {
@@ -16,4 +16,4 @@ export const useTableSort = () => {
     };
     return [sort, handleSortClick];
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGFibGVTb3J0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3RhYmxlL3VzZVRhYmxlU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBSTFCLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxHQUcxQixFQUFFO0lBQ0YsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFXLENBQUM7SUFDbEQsTUFBTSxlQUFlLEdBQUcsQ0FBQyxNQUFTLEVBQUUsRUFBRTtRQUNwQyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsS0FBSyxNQUFNLENBQUMsVUFBVSxFQUFFO1lBQ3hELElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxXQUFXLEVBQUU7Z0JBQ2xDLE9BQU8sQ0FBQyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FBQzthQUM5QztpQkFBTTtnQkFDTCxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7YUFDcEI7U0FDRjthQUFNO1lBQ0wsT0FBTyxDQUFDLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsQ0FBQyxDQUFDO1NBQzdDO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUFDLElBQUksRUFBRSxlQUFlLENBQUMsQ0FBQztBQUNqQyxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGFibGVTb3J0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3RhYmxlL3VzZVRhYmxlU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBTTFCLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUMxQixXQUErQixFQUNhLEVBQUU7SUFDOUMsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFzQixXQUFXLENBQUMsQ0FBQztJQUN6RSxNQUFNLGVBQWUsR0FBRyxDQUFDLE1BQVMsRUFBRSxFQUFFO1FBQ3BDLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxLQUFLLE1BQU0sQ0FBQyxVQUFVLEVBQUU7WUFDeEQsSUFBSSxJQUFJLENBQUMsU0FBUyxLQUFLLFdBQVcsRUFBRTtnQkFDbEMsT0FBTyxDQUFDLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDO2FBQzlDO2lCQUFNO2dCQUNMLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUNwQjtTQUNGO2FBQU07WUFDTCxPQUFPLENBQUMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUM7U0FDN0M7SUFDSCxDQUFDLENBQUM7SUFFRixPQUFPLENBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBQ2pDLENBQUMsQ0FBQyJ9

package/dist/system.cjs

@@ -7202,7 +7202,14 @@ Alert.Dismiss = (_a) => {
 var isLink = (action) => action.href !== void 0;
 
 // src/molecules/Alert/Alert.tsx
-var Alert2 = ({ description, type, title, onDismiss, children, action }) => {
+var Alert2 = ({
+  description,
+  type,
+  title,
+  onDismiss,
+  children,
+  action
+}) => {
   const descriptionID = (0, import_utils2.useId)();
   const titleID = (0, import_utils2.useId)();
   return /* @__PURE__ */ import_react22.default.createElement(Alert, {
@@ -7341,11 +7348,7 @@ var createBadge = (type, displayName) => {
   Component.Skeleton.displayName = `${displayName}.Skeleton`;
   return Component;
 };
-var NotificationBadge = ({
-  children,
-  top = "-2px",
-  right = "-2px"
-}) => {
+var NotificationBadge = ({ children, top = "-2px", right = "-2px" }) => {
   return /* @__PURE__ */ import_react25.default.createElement("div", {
     className: tw("relative inline-flex")
   }, children, /* @__PURE__ */ import_react25.default.createElement("span", {
@@ -8229,7 +8232,11 @@ var Carousel = ({
     disabled: currentPage === items.length
   }))) : null;
 };
-var CarouselItem = ({ width, children, ariaHidden }) => {
+var CarouselItem = ({
+  width,
+  children,
+  ariaHidden
+}) => {
   return /* @__PURE__ */ import_react38.default.createElement("li", {
     style: { width },
     "aria-hidden": ariaHidden,
@@ -8545,8 +8552,8 @@ var import_react47 = __toESM(require("react"));
 // src/utils/form/FormControl/FormControl.tsx
 var import_react44 = __toESM(require("react"));
 var FormControl = ({ className, inline, children }) => {
-  return /* @__PURE__ */ import_react44.default.createElement(Flexbox, {
-    direction: "column",
+  return /* @__PURE__ */ import_react44.default.createElement(Box.Flex, {
+    flexDirection: "column",
     display: inline ? "inline-flex" : "flex",
     className
   }, children);
@@ -9186,7 +9193,12 @@ var import_cross5 = __toESM(require_cross());
 var import_error3 = __toESM(require_error());
 var import_search3 = __toESM(require_search());
 var import_tick4 = __toESM(require_tick());
-var InputAdornment = ({ placement = "right", className, dense, children }) => {
+var InputAdornment = ({
+  placement = "right",
+  className,
+  dense,
+  children
+}) => {
   return /* @__PURE__ */ import_react54.default.createElement("span", {
     className: classNames(className, "absolute inset-y-0 grow-0 text-grey-40 flex items-center mx-3", {
       "right-0": placement === "right",
@@ -10340,8 +10352,8 @@ var columnIsFieldColumn = (column) => Boolean(column && column.field);
 
 // src/utils/table/useTableSort.tsx
 var import_react66 = __toESM(require("react"));
-var useTableSort = () => {
-  const [sort, setSort] = import_react66.default.useState();
+var useTableSort = (defaultSort) => {
+  const [sort, setSort] = import_react66.default.useState(defaultSort);
   const handleSortClick = (column) => {
     if (sort && sort.column.headerName === column.headerName) {
       if (sort.direction === "ascending") {
@@ -10606,9 +10618,13 @@ var DataList2 = ({
   disabled,
   getGroupRow,
   onGroupToggled,
-  expandedGroupIds
+  expandedGroupIds,
+  defaultSort
 }) => {
-  const [sort, updateSort] = useTableSort();
+  var _a;
+  const defaultSortedColumn = columns.find((c) => c.headerName === (defaultSort == null ? void 0 : defaultSort.headerName));
+  const initialSortState = defaultSortedColumn ? { column: defaultSortedColumn, direction: (_a = defaultSort == null ? void 0 : defaultSort.direction) != null ? _a : "ascending" } : void 0;
+  const [sort, updateSort] = useTableSort(initialSortState);
   const sortedRows = sortRowsBy(rows, sort);
   const groups = group ? (0, import_isFunction.default)(group) ? group(sortedRows) : (0, import_groupBy2.default)(sortedRows, group) : void 0;
   const groupKeys = groups ? Object.keys(groups) : void 0;
@@ -10617,8 +10633,8 @@ var DataList2 = ({
   const templateColumns = (0, import_compact.default)([
     isCollapsible ? 50 : void 0,
     ...columns.map((column) => {
-      var _a;
-      return (_a = column.width) != null ? _a : "auto";
+      var _a2;
+      return (_a2 = column.width) != null ? _a2 : "auto";
     }),
     menu ? "auto" : void 0
   ]);
@@ -10847,7 +10863,8 @@ var DataTable = (_a) => {
     onAction,
     onMenuOpenChange,
     pagination,
-    disabled
+    disabled,
+    defaultSort
   } = _b, rest = __objRest(_b, [
     "columns",
     "rows",
@@ -10861,9 +10878,13 @@ var DataTable = (_a) => {
     "onAction",
     "onMenuOpenChange",
     "pagination",
-    "disabled"
+    "disabled",
+    "defaultSort"
   ]);
-  const [sort, updateSort] = useTableSort();
+  var _a2;
+  const defaultSortedColumn = columns.find((c) => c.headerName === (defaultSort == null ? void 0 : defaultSort.headerName));
+  const initialSortState = defaultSortedColumn ? { column: defaultSortedColumn, direction: (_a2 = defaultSort == null ? void 0 : defaultSort.direction) != null ? _a2 : "ascending" } : void 0;
+  const [sort, updateSort] = useTableSort(initialSortState);
   const sortedRows = sortRowsBy(rows, sort);
   const amountOfColumns = columns.length + (menu ? 1 : 0);
   const PaginationFooter = import_react75.default.useCallback(
@@ -10910,8 +10931,8 @@ var DataTable = (_a) => {
     pagination,
     items: sortedRows,
     renderItem: (row, index) => {
-      var _a2;
-      const isRowDisabled = (_a2 = disabled == null ? void 0 : disabled(row, index, sortedRows)) != null ? _a2 : false;
+      var _a3;
+      const isRowDisabled = (_a3 = disabled == null ? void 0 : disabled(row, index, sortedRows)) != null ? _a3 : false;
       return /* @__PURE__ */ import_react75.default.createElement(Table2.Row, {
         key: row.id,
         disabled: isRowDisabled
@@ -13593,7 +13614,7 @@ var Stepper2 = ({ children, activeIndex, dense }) => {
     columns: steps
   }, import_react112.default.Children.map(children, (child, index) => {
     if (!isComponentType(child, Step2)) {
-      return new Error("<Stepper> can only have <Stepper.Step> components as children");
+      throw new Error("<Stepper> can only have <Stepper.Step> components as children");
     } else {
       const state = index > activeIndex ? "inactive" : index === activeIndex ? "active" : "completed";
       return /* @__PURE__ */ import_react112.default.createElement(Stepper.Step, {

package/dist/system.mjs

@@ -7058,7 +7058,14 @@ Alert.Dismiss = (_a) => {
 var isLink = (action) => action.href !== void 0;
 
 // src/molecules/Alert/Alert.tsx
-var Alert2 = ({ description, type, title, onDismiss, children, action }) => {
+var Alert2 = ({
+  description,
+  type,
+  title,
+  onDismiss,
+  children,
+  action
+}) => {
   const descriptionID = useId();
   const titleID = useId();
   return /* @__PURE__ */ React18.createElement(Alert, {
@@ -7197,11 +7204,7 @@ var createBadge = (type, displayName) => {
   Component.Skeleton.displayName = `${displayName}.Skeleton`;
   return Component;
 };
-var NotificationBadge = ({
-  children,
-  top = "-2px",
-  right = "-2px"
-}) => {
+var NotificationBadge = ({ children, top = "-2px", right = "-2px" }) => {
   return /* @__PURE__ */ React21.createElement("div", {
     className: tw("relative inline-flex")
   }, children, /* @__PURE__ */ React21.createElement("span", {
@@ -8085,7 +8088,11 @@ var Carousel = ({
     disabled: currentPage === items.length
   }))) : null;
 };
-var CarouselItem = ({ width, children, ariaHidden }) => {
+var CarouselItem = ({
+  width,
+  children,
+  ariaHidden
+}) => {
   return /* @__PURE__ */ React33.createElement("li", {
     style: { width },
     "aria-hidden": ariaHidden,
@@ -8401,8 +8408,8 @@ import React42 from "react";
 // src/utils/form/FormControl/FormControl.tsx
 import React39 from "react";
 var FormControl = ({ className, inline, children }) => {
-  return /* @__PURE__ */ React39.createElement(Flexbox, {
-    direction: "column",
+  return /* @__PURE__ */ React39.createElement(Box.Flex, {
+    flexDirection: "column",
     display: inline ? "inline-flex" : "flex",
     className
   }, children);
@@ -9042,7 +9049,12 @@ var import_cross5 = __toESM(require_cross());
 var import_error3 = __toESM(require_error());
 var import_search3 = __toESM(require_search());
 var import_tick4 = __toESM(require_tick());
-var InputAdornment = ({ placement = "right", className, dense, children }) => {
+var InputAdornment = ({
+  placement = "right",
+  className,
+  dense,
+  children
+}) => {
   return /* @__PURE__ */ React49.createElement("span", {
     className: classNames(className, "absolute inset-y-0 grow-0 text-grey-40 flex items-center mx-3", {
       "right-0": placement === "right",
@@ -10196,8 +10208,8 @@ var columnIsFieldColumn = (column) => Boolean(column && column.field);
 
 // src/utils/table/useTableSort.tsx
 import React60 from "react";
-var useTableSort = () => {
-  const [sort, setSort] = React60.useState();
+var useTableSort = (defaultSort) => {
+  const [sort, setSort] = React60.useState(defaultSort);
   const handleSortClick = (column) => {
     if (sort && sort.column.headerName === column.headerName) {
       if (sort.direction === "ascending") {
@@ -10462,9 +10474,13 @@ var DataList2 = ({
   disabled,
   getGroupRow,
   onGroupToggled,
-  expandedGroupIds
+  expandedGroupIds,
+  defaultSort
 }) => {
-  const [sort, updateSort] = useTableSort();
+  var _a;
+  const defaultSortedColumn = columns.find((c) => c.headerName === (defaultSort == null ? void 0 : defaultSort.headerName));
+  const initialSortState = defaultSortedColumn ? { column: defaultSortedColumn, direction: (_a = defaultSort == null ? void 0 : defaultSort.direction) != null ? _a : "ascending" } : void 0;
+  const [sort, updateSort] = useTableSort(initialSortState);
   const sortedRows = sortRowsBy(rows, sort);
   const groups = group ? isFunction(group) ? group(sortedRows) : groupBy2(sortedRows, group) : void 0;
   const groupKeys = groups ? Object.keys(groups) : void 0;
@@ -10473,8 +10489,8 @@ var DataList2 = ({
   const templateColumns = compact([
     isCollapsible ? 50 : void 0,
     ...columns.map((column) => {
-      var _a;
-      return (_a = column.width) != null ? _a : "auto";
+      var _a2;
+      return (_a2 = column.width) != null ? _a2 : "auto";
     }),
     menu ? "auto" : void 0
   ]);
@@ -10703,7 +10719,8 @@ var DataTable = (_a) => {
     onAction,
     onMenuOpenChange,
     pagination,
-    disabled
+    disabled,
+    defaultSort
   } = _b, rest = __objRest(_b, [
     "columns",
     "rows",
@@ -10717,9 +10734,13 @@ var DataTable = (_a) => {
     "onAction",
     "onMenuOpenChange",
     "pagination",
-    "disabled"
+    "disabled",
+    "defaultSort"
   ]);
-  const [sort, updateSort] = useTableSort();
+  var _a2;
+  const defaultSortedColumn = columns.find((c) => c.headerName === (defaultSort == null ? void 0 : defaultSort.headerName));
+  const initialSortState = defaultSortedColumn ? { column: defaultSortedColumn, direction: (_a2 = defaultSort == null ? void 0 : defaultSort.direction) != null ? _a2 : "ascending" } : void 0;
+  const [sort, updateSort] = useTableSort(initialSortState);
   const sortedRows = sortRowsBy(rows, sort);
   const amountOfColumns = columns.length + (menu ? 1 : 0);
   const PaginationFooter = React68.useCallback(
@@ -10766,8 +10787,8 @@ var DataTable = (_a) => {
     pagination,
     items: sortedRows,
     renderItem: (row, index) => {
-      var _a2;
-      const isRowDisabled = (_a2 = disabled == null ? void 0 : disabled(row, index, sortedRows)) != null ? _a2 : false;
+      var _a3;
+      const isRowDisabled = (_a3 = disabled == null ? void 0 : disabled(row, index, sortedRows)) != null ? _a3 : false;
       return /* @__PURE__ */ React68.createElement(Table2.Row, {
         key: row.id,
         disabled: isRowDisabled
@@ -13449,7 +13470,7 @@ var Stepper2 = ({ children, activeIndex, dense }) => {
     columns: steps
   }, React104.Children.map(children, (child, index) => {
     if (!isComponentType(child, Step2)) {
-      return new Error("<Stepper> can only have <Stepper.Step> components as children");
+      throw new Error("<Stepper> can only have <Stepper.Step> components as children");
     } else {
       const state = index > activeIndex ? "inactive" : index === activeIndex ? "active" : "completed";
       return /* @__PURE__ */ React104.createElement(Stepper.Step, {