@addev-be/ui 1.2.1 → 2.0.0

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

@@ -1,3 +1 @@
-export declare const FormContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
-    ref?: ((instance: HTMLFormElement | 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<HTMLFormElement> | null | undefined;
-}>, never>, never>> & string;
+export declare const FormContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>>, never>, never>> & string;

package/dist/components/data/DataGrid/DataGridColumnsModal/styles.d.ts

@@ -1,22 +1,10 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<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;
-}>, never>, never>> & string;
-export declare const Panel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<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;
-}>, never>, never>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<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;
-}>, never>, never>> & string;
-export declare const ColumnsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
-    ref?: ((instance: HTMLUListElement | 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<HTMLUListElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const ColumnItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | 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<HTMLLIElement> | null | undefined;
-}>, never>, {
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const Panel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ColumnsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>>, never>, never>> & string;
+export declare const ColumnItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>, never>, {
     $visible?: boolean;
 }>> & string;
-export declare const Buttons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<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;
-}>, never>, {
+export declare const Buttons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, {
     $visible?: boolean;
 }>> & string;

package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.d.ts

@@ -1,2 +1,2 @@
 import { DataGridEditableCellProps } from './types';
-export declare const CheckboxEditableCell: <R>(props: DataGridEditableCellProps<R, boolean> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;
+export declare const CheckboxEditableCell: <R>({ value, onChange, onClose, ref, }: DataGridEditableCellProps<R, boolean>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxEditableCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var CheckboxEditableCellInner = function (_a, ref) {
-    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+var CheckboxEditableCell = function (_a) {
+    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
     var onBlur = (0, react_1.useCallback)(function () {
         onClose(true);
     }, [onClose]);
@@ -20,4 +20,4 @@ var CheckboxEditableCellInner = function (_a, ref) {
     }, [onClose]);
     return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "checkbox", checked: value, onChange: function (e) { return onChange(e.target.checked); }, onBlur: onBlur, onKeyDown: onKeyDown }));
 };
-exports.CheckboxEditableCell = (0, react_1.forwardRef)(CheckboxEditableCellInner);
+exports.CheckboxEditableCell = CheckboxEditableCell;

package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.d.ts

@@ -1,2 +1,2 @@
 import { DataGridEditableCellProps } from './types';
-export declare const DateEditableCell: <R>(props: DataGridEditableCellProps<R, string> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;
+export declare const DateEditableCell: <R>({ value, onChange, onClose, ref, }: DataGridEditableCellProps<R, string>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateEditableCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 var moment_1 = __importDefault(require("moment"));
-var DateEditableCellInner = function (_a, ref) {
-    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+var react_1 = require("react");
+var DateEditableCell = function (_a) {
+    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
     var onBlur = (0, react_1.useCallback)(function () {
         onClose(true);
     }, [onClose]);
@@ -24,4 +24,4 @@ var DateEditableCellInner = function (_a, ref) {
     }, [onClose]);
     return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "date", value: (0, moment_1.default)(value).format('YYYY-MM-DD'), onChange: function (e) { return onChange(e.target.value); }, onBlur: onBlur, onKeyDown: onKeyDown }));
 };
-exports.DateEditableCell = (0, react_1.forwardRef)(DateEditableCellInner);
+exports.DateEditableCell = DateEditableCell;

package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.d.ts

@@ -1,7 +1,7 @@
 import { DataGridEditableCellProps } from './types';
-export declare const NumberEditableCell: <R>(props: DataGridEditableCellProps<R, number> & {
+export declare const NumberEditableCell: <R>({ decimals, currency, prefix: prefixFromProps, suffix: suffixFromProps, row, value, onChange, onClose, ref, }: DataGridEditableCellProps<R, number> & {
     decimals?: number;
     currency?: string | ((row: R) => string);
     prefix?: string;
     suffix?: string;
-} & import("react").RefAttributes<HTMLElement>) => import("react").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberEditableCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 var numbers_1 = require("../../../../helpers/numbers");
 var react_number_format_1 = require("react-number-format");
-var NumberEditableCellInner = function (_a, ref) {
-    var _b = _a.decimals, decimals = _b === void 0 ? 0 : _b, currency = _a.currency, prefixFromProps = _a.prefix, suffixFromProps = _a.suffix, row = _a.row, value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+var react_1 = require("react");
+var NumberEditableCell = function (_a) {
+    var _b = _a.decimals, decimals = _b === void 0 ? 0 : _b, currency = _a.currency, prefixFromProps = _a.prefix, suffixFromProps = _a.suffix, row = _a.row, value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
     var currencyName = typeof currency === 'function' ? currency(row) : currency;
     var _c = currencyName
         ? (0, numbers_1.getCurrencySymbol)(currencyName)
@@ -31,4 +31,4 @@ var NumberEditableCellInner = function (_a, ref) {
             onChange((0, numbers_1.parseNumber)(e.target.value));
         }, onBlur: onBlur, onKeyDown: onKeyDown, decimalSeparator: numbers_1.decimalSeparator, decimalScale: decimals, fixedDecimalScale: !!decimals, prefix: prefix ? prefix + ' ' : undefined, suffix: suffix ? ' ' + suffix : undefined }));
 };
-exports.NumberEditableCell = (0, react_1.forwardRef)(NumberEditableCellInner);
+exports.NumberEditableCell = NumberEditableCell;

package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.d.ts

@@ -1,2 +1,2 @@
 import { DataGridEditableCellProps } from './types';
-export declare const TextEditableCell: <R>(props: DataGridEditableCellProps<R, string> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;
+export declare const TextEditableCell: <R>({ value, onChange, onClose, ref, }: DataGridEditableCellProps<R, string>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextEditableCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var TextEditableCellInner = function (_a, ref) {
-    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+var TextEditableCell = function (_a) {
+    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
     var onBlur = (0, react_1.useCallback)(function () {
         onClose(true);
     }, [onClose]);
@@ -20,4 +20,4 @@ var TextEditableCellInner = function (_a, ref) {
     }, [onClose]);
     return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "text", value: String(value), onChange: function (e) { return onChange(e.target.value); }, onBlur: onBlur, onKeyDown: onKeyDown }));
 };
-exports.TextEditableCell = (0, react_1.forwardRef)(TextEditableCellInner);
+exports.TextEditableCell = TextEditableCell;

package/dist/components/data/DataGrid/DataGridEditableCell/types.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode, Ref } from 'react';
+import { FC, Ref } from 'react';
 import { DataGridContext } from '../types';
 export type DataGridEditableCellProps<R, T> = {
     ref?: Ref<any>;
     row: R;
     value: T;
-    onChange: (value: T) => void;
+    onChange: (value: T | null) => void;
     onClose: (save: boolean) => void;
     context: DataGridContext<R>;
 };
-export type DataGridEditableCellFC<R, T = any> = (props: DataGridEditableCellProps<R, T>, ref: Ref<any>) => ReactNode;
+export type DataGridEditableCellFC<R, T = any> = FC<DataGridEditableCellProps<R, T>>;

package/dist/components/data/DataGrid/DataGridFilterMenu/styles.d.ts

@@ -1,18 +1,8 @@
 export declare const DEFAULT_FILTER_ROW_HEIGHT = 24;
-export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<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;
-}>, never>, never>> & string;
-export declare const CheckboxesContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<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;
-}>, never>, never>> & string;
-export declare const Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<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;
-}>, never>, never>> & string;
-export declare const FilterValueContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<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;
-}>, never>, never>> & string;
-export declare const FilterValuesScrollerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<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;
-}>, never>, {
+export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const CheckboxesContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const FilterValueContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const FilterValuesScrollerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, {
     $rowHeight?: number;
 }>> & string;

package/dist/components/data/DataGrid/FilterModalContent/styles.d.ts

@@ -1,3 +1 @@
-export declare const FilterModalContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<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;
-}>, never>, never>> & string;
+export declare const FilterModalContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;

package/dist/components/data/DataGrid/helpers/columns.d.ts

@@ -1,5 +1,5 @@
 import { DataGridCheckboxColumn, DataGridColorColumn, DataGridColumn, DataGridDateColumn, DataGridNumberColumn, DataGridSelectColumn, DataGridSettings, DataGridTextColumn } from '../types';
-import { DeepPartial } from '../../../../typings';
+import { DeepPartial } from '../../../../types';
 import { SqlRequestDataGridTextColumn } from '../../SqlRequestDataGrid/types';
 export declare const isColumnVisible: <R>(obj: DataGridColumn<R> | DataGridSettings) => boolean;
 export declare const buildExcelFormat: (decimals?: number, suffix?: string) => string;

package/dist/components/data/DataGrid/helpers/columns.js

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     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 };
 };
@@ -25,9 +36,9 @@ var NumberEditableCell_1 = require("../DataGridEditableCell/NumberEditableCell")
 var Select_1 = require("../../../forms/Form/Select");
 var typography_1 = require("../../../../helpers/styled/typography");
 var TextEditableCell_1 = require("../DataGridEditableCell/TextEditableCell");
-var components_1 = require("../../../../helpers/components");
 var moment_1 = __importDefault(require("moment"));
 var lodash_1 = require("lodash");
+var components_1 = require("../../../../helpers/components");
 var isColumnVisible = function (obj) { return (obj === null || obj === void 0 ? void 0 : obj.order) !== -1; };
 exports.isColumnVisible = isColumnVisible;
 var buildExcelFormat = function (decimals, suffix) {
@@ -74,7 +85,10 @@ var numberColumn = function (key, title, decimals, options, otherOptions) {
             min: function (_, filteredRows) {
                 return (0, numbers_1.formatNumber)(Math.min.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
             },
-        }, filter: __assign(__assign({}, (0, filters_1.numberFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, numbers_1.formatNumber)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }), editComponent: (0, components_1.forwardRefWithName)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency }, props))); }, 'NumberColumnEditComponent') }, otherOptions);
+        }, filter: __assign(__assign({}, (0, filters_1.numberFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, numbers_1.formatNumber)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }), editComponent: (0, components_1.withDisplayName)(function (_a) {
+            var ref = _a.ref, otherProps = __rest(_a, ["ref"]);
+            return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency }, otherProps)));
+        }, 'NumberColumnEditComponent') }, otherOptions);
     return column;
 };
 exports.numberColumn = numberColumn;
@@ -139,8 +153,8 @@ var checkboxColumn = function (key, title, otherOptions) { return (__assign({ ke
         },
     }, editComponent: CheckboxEditableCell_1.CheckboxEditableCell }, otherOptions)); };
 exports.checkboxColumn = checkboxColumn;
-var selectColumn = function (key, title, items, itemKey, itemLabel, otherOptions) { return (__assign({ key: key, type: 'select', name: title, render: function (value, row) { var _a; return (_a = itemLabel(row[key])) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : null; }, sortGetter: function (row) { var _a; return (_a = itemLabel(row[key])) !== null && _a !== void 0 ? _a : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.textFilter)(key)), { renderer: function (value) { var _a; return (_a = itemLabel(value)) !== null && _a !== void 0 ? _a : ''; } }), items: items, itemKey: itemKey, itemLabel: itemLabel, editComponent: (0, components_1.forwardRefWithName)(function (_a, ref) {
-        var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+var selectColumn = function (key, title, items, itemKey, itemLabel, otherOptions) { return (__assign({ key: key, type: 'select', name: title, render: function (value, row) { var _a; return (_a = itemLabel(row[key])) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : null; }, sortGetter: function (row) { var _a; return (_a = itemLabel(row[key])) !== null && _a !== void 0 ? _a : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.textFilter)(key)), { renderer: function (value) { var _a; return (_a = itemLabel(value)) !== null && _a !== void 0 ? _a : ''; } }), items: items, itemKey: itemKey, itemLabel: itemLabel, editComponent: (0, components_1.withDisplayName)(function (_a) {
+        var value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
         return ((0, jsx_runtime_1.jsx)(Select_1.Select, { ref: ref, items: items, itemKey: itemKey, itemLabel: itemLabel, value: value, onChange: onChange, onBlur: function () { return onClose(true); } }));
     }, 'SelectColumnEditComponent') }, otherOptions)); };
 exports.selectColumn = selectColumn;

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

@@ -1,46 +1,5 @@
-import { ForwardedRef } from 'react';
 import { DataGridContextProps, DataGridProps, DataGridRefProps } from './types';
-export declare const DataGridInner: <R>({ contextOverride, ...props }: DataGridProps<R> & {
+export declare const DataGrid: <R>({ contextOverride, ...props }: DataGridProps<R> & {
     contextOverride?: Partial<DataGridContextProps<R>>;
-}, ref: ForwardedRef<DataGridRefProps<R>>) => import("react/jsx-runtime").JSX.Element;
-export declare const DataGrid: <R>(props: {
-    name?: string;
-    className?: string;
-    rows: R[];
-    setRows?: import("react").Dispatch<import("react").SetStateAction<R[]>> | undefined;
-    columns: import("./types").DataGridColumns<R>;
-    rowKey: string;
-    selectable?: boolean;
-    userSelect?: boolean;
-    editable?: boolean;
-    onRowDoubleClick?: ((row: R, e: import("react").MouseEvent) => void) | undefined;
-    onSelectionChange?: (keys: string[]) => void;
-    onSelectedRowsChanged?: ((rows: R[]) => void) | undefined;
-    getAllIds?: () => Promise<string[]>;
-    onFiltersChanged?: (filters: import("./types").DataGridFilters) => void;
-    onSortsChanged?: (sorts: Record<string, import("./types").DataGridSort>) => void;
-    onVisibleRowsChange?: (startIndex: number, length: number) => void;
-    onCellEdited?: ((row: R, columnKey: string, value: any) => void) | undefined;
-    rowClassNameGetter?: ((row: R | null) => {
-        className?: string;
-        style?: import("react").CSSProperties;
-    }) | undefined;
-    headerRowHeight?: number;
-    rowHeight?: number;
-    filter?: boolean;
-    sort?: boolean;
-    initialSorts?: Record<string, import("./types").DataGridSort>;
-    initialFooters?: Record<string, string>;
-    onFootersChanged?: (footers: Record<string, string>) => void;
-    filterValuesLoader?: (columnKey: string) => Promise<(string | number | null)[]>;
-    loadCopyRows?: (() => Promise<R[]>) | undefined;
-    refresh?: () => void;
-    headerColor?: import("../../..").ThemeColor;
-    fixedColumnsCount?: number;
-    onRowEdited?: ((row: R, columnKey: keyof R, value: any) => void) | undefined;
-    onSaveClicked?: ((addedRows: import("./types").DataGridEditedRows<R>, editedRows: import("./types").DataGridEditedRows<R>) => Promise<string[]>) | undefined;
-    onAddClicked?: (() => Promise<R>) | undefined;
-    headerContent?: import("react").ReactNode;
-} & import("../../../helpers/styled/space").MarginProps & import("../../../helpers/styled/space").PaddingProps & {
-    contextOverride?: Partial<DataGridContextProps<R>>;
-} & import("react").RefAttributes<DataGridRefProps<R>>) => import("react").JSX.Element | null;
+    ref: React.Ref<DataGridRefProps<R>>;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -64,7 +64,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGrid = exports.DataGridInner = void 0;
+exports.DataGrid = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styles = __importStar(require("./styles"));
 var react_1 = require("react");
@@ -76,14 +76,14 @@ var DataGridToolbar_1 = require("./DataGridToolbar");
 var VirtualScroller_1 = require("../VirtualScroller");
 var space_1 = require("../../../helpers/styled/space");
 var hooks_1 = require("./hooks");
-var DataGridInner = function (_a, ref) {
+var DataGrid = function (_a) {
     var contextOverride = _a.contextOverride, props = __rest(_a, ["contextOverride"]);
     var scrollableRef = (0, react_1.useRef)(null);
     var className = props.className;
     var spaceProps = (0, space_1.extractSpaceProps)(props);
     var _b = (0, hooks_1.useDataGrid)(props, contextOverride), contextProps = _b[0], DataGridContext = _b[1];
     var columns = contextProps.columns, selectable = contextProps.selectable, _c = contextProps.rowHeight, rowHeight = _c === void 0 ? constants_1.DEFAULT_ROW_HEIGHT : _c, _d = contextProps.headerRowHeight, headerRowHeight = _d === void 0 ? 40 : _d, gridTemplateColumns = contextProps.gridTemplateColumns, sortedRows = contextProps.sortedRows, onVisibleRowsChange = contextProps.onVisibleRowsChange, refresh = contextProps.refresh, setSelectedKeys = contextProps.setSelectedKeys, addRows = contextProps.addRows, fixedColumnsCount = contextProps.fixedColumnsCount, resizingColumnKey = contextProps.resizingColumnKey, moveResizing = contextProps.moveResizing, endResizing = contextProps.endResizing, footerFunctions = contextProps.footerFunctions;
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
+    (0, react_1.useImperativeHandle)(props.ref, function () { return ({
         refresh: refresh !== null && refresh !== void 0 ? refresh : (function () { }),
         setSelectedKeys: setSelectedKeys,
         addRows: addRows,
@@ -96,5 +96,4 @@ var DataGridInner = function (_a, ref) {
     var rowTemplate = DataGridRowTemplate_1.DataGridRowTemplate;
     return ((0, jsx_runtime_1.jsx)(DataGridContext.Provider, { value: contextProps, children: (0, jsx_runtime_1.jsxs)(styles.DataGridWrapper, __assign({}, spaceProps, { children: [(0, jsx_runtime_1.jsx)(DataGridToolbar_1.DataGridToolbar, { context: DataGridContext }), (0, jsx_runtime_1.jsxs)(styles.DataGridContainer, { ref: scrollableRef, "$headerRowHeight": headerRowHeight, "$rowHeight": rowHeight, "$rowsCount": contextProps.sortedRows.length, "$withFooter": hasFooter, className: className, "$fixedColumnWidths": fixedColumnWidths, children: [resizingColumnKey && ((0, jsx_runtime_1.jsx)(styles.ResizeBackdrop, { onMouseMove: moveResizing, onMouseUp: endResizing })), (0, jsx_runtime_1.jsx)(DataGridHeader_1.DataGridHeader, { context: DataGridContext }), (0, jsx_runtime_1.jsx)(VirtualScroller_1.VirtualScroller, { integrated: true, gridTemplateColumns: gridTemplateColumns, items: sortedRows, itemTemplate: rowTemplate, itemProps: itemProps, rowHeightInPx: rowHeight, onRangeChanged: onVisibleRowsChange }), hasFooter && (0, jsx_runtime_1.jsx)(DataGridFooter_1.DataGridFooter, { context: DataGridContext })] })] })) }));
 };
-exports.DataGridInner = DataGridInner;
-exports.DataGrid = (0, react_1.forwardRef)(exports.DataGridInner);
+exports.DataGrid = DataGrid;

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

@@ -31,26 +31,14 @@ type DataGridHeaderOrFooterRowProps = {
     $headerColor?: ThemeColor;
     $gridTemplateColumns: string;
 };
-export declare const DataGridHeaderRow: 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;
-}>, DataGridHeaderOrFooterRowProps>, never>> & string;
-export declare const DataGridFooterRow: 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;
-}>, DataGridHeaderOrFooterRowProps>, never>> & string;
+export declare const DataGridHeaderRow: 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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, DataGridHeaderOrFooterRowProps>, never>> & string;
+export declare const DataGridFooterRow: 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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, DataGridHeaderOrFooterRowProps>, never>> & string;
 type DataGridRowProps = {
     $edited?: boolean;
 };
 export declare const DataGridRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DataGridRowProps>> & string;
-export declare const LoadingCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DataGridCellFCProps> & DataGridCellFCProps, "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;
-}, never>> & string;
-export declare const SelectionCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DataGridCellFCProps> & DataGridCellFCProps, "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;
-}, never>> & string;
-export declare const HeaderSelectionCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DataGridHeaderCellContainerProps> & DataGridHeaderCellContainerProps, "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;
-}, never>> & string;
-export declare const ResizeBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<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;
-}>, never>, never>> & string;
+export declare const LoadingCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DataGridCellFCProps> & DataGridCellFCProps, never>> & string;
+export declare const SelectionCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DataGridCellFCProps> & DataGridCellFCProps, never>> & string;
+export declare const HeaderSelectionCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DataGridHeaderCellContainerProps> & DataGridHeaderCellContainerProps, never>> & string;
+export declare const ResizeBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
 export {};

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

@@ -1,2 +1,3 @@
+import { ForwardedRef } from 'react';
 import { SqlRequestForeignListProps } from '../SqlRequestForeignList/types';
-export declare const SqlRequestForeignListEditableCell: <R extends Record<string, any>>(props: SqlRequestForeignListProps<R> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element | null;
+export declare const SqlRequestForeignListEditableCell: <R extends Record<string, any>>(props: SqlRequestForeignListProps<R>, ref: ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -13,7 +13,6 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SqlRequestForeignListEditableCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 var SqlRequestForeignList_1 = require("../SqlRequestForeignList");
-var SqlRequestForeignListEditableCellInner = function (props, ref) { return (0, jsx_runtime_1.jsx)(SqlRequestForeignList_1.SqlRequestForeignList, __assign({}, props, { ref: ref })); };
-exports.SqlRequestForeignListEditableCell = (0, react_1.forwardRef)(SqlRequestForeignListEditableCellInner);
+var SqlRequestForeignListEditableCell = function (props, ref) { return (0, jsx_runtime_1.jsx)(SqlRequestForeignList_1.SqlRequestForeignList, __assign({}, props, { ref: ref })); };
+exports.SqlRequestForeignListEditableCell = SqlRequestForeignListEditableCell;

package/dist/components/data/SqlRequestDataGrid/helpers/columns.d.ts

@@ -1,5 +1,5 @@
 import { SqlRequestDataGridCheckboxColumn, SqlRequestDataGridDateColumn, SqlRequestDataGridForeignListColumn, SqlRequestDataGridNumberColumn, SqlRequestDataGridTextColumn } from '../types';
-import { DeepPartial } from '../../../../typings';
+import { DeepPartial } from '../../../../types';
 import { SqlRequestForeignListItemFC } from '../../SqlRequestForeignList/types';
 export declare const sqlTextColumn: <R extends Record<string, any>>(key: string, title: React.ReactNode, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>) => SqlRequestDataGridTextColumn<R>;
 export declare const sqlMailColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>) => SqlRequestDataGridTextColumn<R>;

package/dist/components/data/SqlRequestDataGrid/helpers/columns.js

@@ -10,17 +10,26 @@ var __assign = (this && this.__assign) || function () {
     };
     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.sqlForeignListColumn = exports.sqlColorColumn = exports.sqlImageColumn = exports.sqlCheckboxColumn = exports.sqlPercentageColumn = exports.sqlMoneyColumn = exports.sqlNumberColumn = exports.sqlMonthColumn = exports.sqlDateTimeColumn = exports.sqlDateColumn = exports.sqlPhoneColumn = exports.sqlMailColumn = exports.sqlTextColumn = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable react/display-name */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-var react_1 = require("react");
 var styles_1 = require("../styles");
 var helpers_1 = require("../../DataGrid/helpers");
+var rows_1 = require("./rows");
 var dates_1 = require("../../../../helpers/dates");
 var numbers_1 = require("../../../../helpers/numbers");
-var lodash_1 = require("lodash");
 var CheckboxEditableCell_1 = require("../../DataGrid/DataGridEditableCell/CheckboxEditableCell");
 var constants_1 = require("../../DataGrid/constants");
 var DateEditableCell_1 = require("../../DataGrid/DataGridEditableCell/DateEditableCell");
@@ -28,6 +37,8 @@ var NumberEditableCell_1 = require("../../DataGrid/DataGridEditableCell/NumberEd
 var SqlRequestForeignList_1 = require("../../SqlRequestForeignList");
 var typography_1 = require("../../../../helpers/styled/typography");
 var TextEditableCell_1 = require("../../DataGrid/DataGridEditableCell/TextEditableCell");
+var lodash_1 = require("lodash");
+var react_1 = require("react");
 var sqlTextColumn = function (key, title, options) {
     return (0, lodash_1.merge)({
         key: key,
@@ -142,7 +153,10 @@ var sqlNumberColumn = function (key, title, decimals, options) {
             max: null,
             min: null,
         },
-        editComponent: (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency, prefix: column.prefix, suffix: column.suffix }, props))); }),
+        editComponent: function (_a) {
+            var ref = _a.ref, otherProps = __rest(_a, ["ref"]);
+            return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency, prefix: column.prefix, suffix: column.suffix }, otherProps)));
+        },
     };
     return (0, lodash_1.merge)(column, options);
 };
@@ -178,7 +192,10 @@ var sqlMoneyColumn = function (key, title, decimals, currency, options) {
             max: null,
             min: null,
         },
-        editComponent: (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency }, props))); }),
+        editComponent: function (_a) {
+            var ref = _a.ref, otherProps = __rest(_a, ["ref"]);
+            return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency }, otherProps)));
+        },
     };
     return (0, lodash_1.merge)(column, options);
 };
@@ -197,7 +214,10 @@ var sqlPercentageColumn = function (key, title, decimals, options) {
         getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
         sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; },
         filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; }, renderer: function (value) { var _a; return (_a = (0, numbers_1.formatPercentage)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }),
-        editComponent: (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency }, props))); }),
+        editComponent: function (_a) {
+            var ref = _a.ref, otherProps = __rest(_a, ["ref"]);
+            return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency }, otherProps)));
+        },
     };
     return (0, lodash_1.merge)(column, options);
 };
@@ -250,16 +270,6 @@ var sqlColorColumn = function (key, title, options) {
     }, options);
 };
 exports.sqlColorColumn = sqlColorColumn;
-var convertRowToItem = function (row, columnMapping) { return (0, lodash_1.mapKeys)(row, function (_, key) { return columnMapping[key]; }); };
-var convertItemToPartialRow = function (key, row, item, columnMapping) {
-    var partialRow = { Id: key };
-    Object.entries(columnMapping).forEach(function (_a) {
-        var _b;
-        var key = _a[0], value = _a[1];
-        partialRow[key] = ((_b = item === null || item === void 0 ? void 0 : item[value]) !== null && _b !== void 0 ? _b : null);
-    });
-    return partialRow;
-};
 var sqlForeignListColumn = function (key, columnMapping, title, requestName, ItemTemplate, options) {
     var column = {
         key: key,
@@ -267,20 +277,21 @@ var sqlForeignListColumn = function (key, columnMapping, title, requestName, Ite
         type: 'foreignList',
         getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
         sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
-        render: function (value, row) { return ((0, jsx_runtime_1.jsx)(ItemTemplate, { item: convertRowToItem(row, columnMapping), index: 0 })); },
+        render: function (value, row) { return ((0, jsx_runtime_1.jsx)(ItemTemplate, { item: (0, rows_1.convertRowToItem)(row, columnMapping), index: 0 })); },
         filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; }, renderer: function (value) { return value; } }),
         footer: function (rows) { return "".concat(rows[0][key], " \u00E9l\u00E9ments"); },
         requestName: requestName,
         idColumn: 'Id',
         itemTemplate: ItemTemplate,
         columns: Object.values(columnMapping),
-        editComponent: (0, react_1.forwardRef)(function (_a, ref) {
-            var row = _a.row, onChange = _a.onChange, onClose = _a.onClose, context = _a.context;
+        editComponent: function (_a) {
+            var row = _a.row, onChange = _a.onChange, onClose = _a.onClose, context = _a.context, ref = _a.ref;
+            // eslint-disable-next-line react-hooks/rules-of-hooks
             var _b = (0, react_1.useContext)(context).rowHeight, rowHeight = _b === void 0 ? constants_1.DEFAULT_ROW_HEIGHT : _b;
-            return ((0, jsx_runtime_1.jsx)(SqlRequestForeignList_1.SqlRequestForeignList, { initialValue: convertRowToItem(row, columnMapping), maxRows: 10, rowHeight: rowHeight - 2, onItemChanged: onChange, onBlur: function () { return onClose(true); }, ref: ref, requestName: column.requestName, idColumn: column.idColumn, columns: column.columns, itemTemplate: column.itemTemplate, valueTemplate: column.valueTemplate }));
-        }),
+            return ((0, jsx_runtime_1.jsx)(SqlRequestForeignList_1.SqlRequestForeignList, { initialValue: (0, rows_1.convertRowToItem)(row, columnMapping), maxRows: 10, rowHeight: rowHeight - 2, onItemChanged: onChange, onBlur: function () { return onClose(true); }, ref: ref, requestName: column.requestName, idColumn: column.idColumn, columns: column.columns, itemTemplate: column.itemTemplate, valueTemplate: column.valueTemplate }));
+        },
         itemToPartialRow: function (key, row, value) {
-            return convertItemToPartialRow(key, row, value, columnMapping);
+            return (0, rows_1.convertItemToPartialRow)(key, row, value, columnMapping);
         },
     };
     return (0, lodash_1.merge)(column, options);

package/dist/components/data/SqlRequestDataGrid/helpers/rows.d.ts

@@ -0,0 +1,2 @@
+export declare const convertRowToItem: <R extends Record<string, any>, T>(row: R, columnMapping: Record<string, keyof R>) => T;
+export declare const convertItemToPartialRow: <R extends Record<string, any>, T extends Record<string, any>>(key: string, row: R, item: T | null, columnMapping: Record<keyof R, keyof T>) => Partial<R>;

package/dist/components/data/SqlRequestDataGrid/helpers/rows.js

@@ -0,0 +1,17 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertItemToPartialRow = exports.convertRowToItem = void 0;
+var lodash_1 = require("lodash");
+var convertRowToItem = function (row, columnMapping) { return (0, lodash_1.mapKeys)(row, function (_, key) { return columnMapping[key]; }); };
+exports.convertRowToItem = convertRowToItem;
+var convertItemToPartialRow = function (key, row, item, columnMapping) {
+    var partialRow = { Id: key };
+    Object.entries(columnMapping).forEach(function (_a) {
+        var _b;
+        var key = _a[0], value = _a[1];
+        partialRow[key] = ((_b = item === null || item === void 0 ? void 0 : item[value]) !== null && _b !== void 0 ? _b : null);
+    });
+    return partialRow;
+};
+exports.convertItemToPartialRow = convertItemToPartialRow;