@addev-be/ui 1.1.3 → 1.1.5

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

@@ -1,15 +1,17 @@
 import { DataGridCheckboxColumn, DataGridColorColumn, DataGridColumn, DataGridDateColumn, DataGridNumberColumn, DataGridSelectColumn, DataGridSettings, DataGridTextColumn } from '../types';
+import { DeepPartial } from '../../../../typings';
+import { SqlRequestDataGridTextColumn } from '../../SqlRequestDataGrid/types';
 export declare const isColumnVisible: <R>(obj: DataGridColumn<R> | DataGridSettings) => boolean;
 export declare const buildExcelFormat: (decimals?: number, suffix?: string) => string;
-export declare const textColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
-export declare const mailColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
-export declare const phoneColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
-export declare const dateColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridDateColumn<R>>) => DataGridDateColumn<R>;
-export declare const dateTimeColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridDateColumn<R>>) => DataGridDateColumn<R>;
-export declare const monthColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
-export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
-export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
-export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
+export declare const textColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
+export declare const mailColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
+export declare const phoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
+export declare const dateColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridDateColumn<R>>) => DataGridDateColumn<R>;
+export declare const dateTimeColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridDateColumn<R>>) => DataGridDateColumn<R>;
+export declare const monthColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
+export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
+export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, currency?: string | ((row: R) => string), options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
+export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
 export declare const checkboxColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridCheckboxColumn<R>>) => DataGridCheckboxColumn<R>;
 export declare const selectColumn: <R extends Record<string, any>, T>(key: string, title: string, items: T[], itemKey: (item: T | null) => string, itemLabel: (item: T | null) => string, otherOptions?: Partial<DataGridSelectColumn<R, T>>) => DataGridSelectColumn<R, T>;
 export declare const colorColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridColorColumn<R>>) => DataGridColorColumn<R>;

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

@@ -17,11 +17,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.colorColumn = exports.selectColumn = exports.checkboxColumn = exports.percentageColumn = exports.moneyColumn = exports.numberColumn = exports.monthColumn = exports.dateTimeColumn = exports.dateColumn = exports.phoneColumn = exports.mailColumn = exports.textColumn = exports.buildExcelFormat = exports.isColumnVisible = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var filters_1 = require("./filters");
+var helpers_1 = require("../../../../helpers");
 var numbers_1 = require("../../../../helpers/numbers");
 var CheckboxEditableCell_1 = require("../DataGridEditableCell/CheckboxEditableCell");
 var DateEditableCell_1 = require("../DataGridEditableCell/DateEditableCell");
 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"));
@@ -34,27 +36,27 @@ var buildExcelFormat = function (decimals, suffix) {
     return "#0".concat(decimals > 0 ? ".".concat((0, lodash_1.repeat)('0', decimals)) : '').concat(suffix);
 };
 exports.buildExcelFormat = buildExcelFormat;
-var textColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value, row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), editComponent: TextEditableCell_1.TextEditableCell }, otherOptions)); };
+var textColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: value }))); }, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), editComponent: TextEditableCell_1.TextEditableCell }, otherOptions)); };
 exports.textColumn = textColumn;
-var mailColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value, row) { var _a; return (0, jsx_runtime_1.jsx)("a", { href: "mailto:".concat(row[key]), children: (_a = row[key]) !== null && _a !== void 0 ? _a : '' }); }, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), editComponent: TextEditableCell_1.TextEditableCell }, otherOptions)); };
+var mailColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({ href: "mailto:".concat(value) }, options === null || options === void 0 ? void 0 : options.typography, { as: 'a', children: value }))); }, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), editComponent: TextEditableCell_1.TextEditableCell }, otherOptions)); };
 exports.mailColumn = mailColumn;
-var phoneColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value, row) { var _a; return (0, jsx_runtime_1.jsx)("a", { href: "tel:".concat(row[key]), children: (_a = row[key]) !== null && _a !== void 0 ? _a : '' }); }, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), editComponent: TextEditableCell_1.TextEditableCell }, otherOptions)); };
+var phoneColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({ href: "tel:".concat(value) }, options === null || options === void 0 ? void 0 : options.typography, { as: 'a', children: value }))); }, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), editComponent: TextEditableCell_1.TextEditableCell }, otherOptions)); };
 exports.phoneColumn = phoneColumn;
-var dateColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'date', name: title, render: function (value, row) { var _a; return (_a = (0, moment_1.default)(row[key]).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; }, excelOptions: {
+var dateColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'date', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, helpers_1.formatDate)(value) }))); }, excelOptions: {
         formatter: function () { return 'dd/mm/yyyy'; },
         valueGetter: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; },
     }, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.dateFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; } }), editComponent: DateEditableCell_1.DateEditableCell }, otherOptions)); };
 exports.dateColumn = dateColumn;
-var dateTimeColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'date', name: title, render: function (value, row) { var _a; return (_a = (0, moment_1.default)(row[key]).format('DD/MM/YYYY HH:mm:ss')) !== null && _a !== void 0 ? _a : ''; }, excelOptions: {
+var dateTimeColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'date', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, helpers_1.formatDateTime)(value) }))); }, excelOptions: {
         formatter: function () { return 'dd/mm/yyyy hh:mm:ss'; },
         valueGetter: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY HH:mm:ss')) !== null && _a !== void 0 ? _a : ''; },
     }, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.dateFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY HH:mm:ss')) !== null && _a !== void 0 ? _a : ''; } }), editComponent: DateEditableCell_1.DateEditableCell }, otherOptions)); };
 exports.dateTimeColumn = dateTimeColumn;
-var monthColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value, row) { return (row[key] ? "".concat(row[key], " mois ") : ''); }, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key) }, otherOptions)); };
+var monthColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: value + 'Mois' }))); }, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key) }, otherOptions)); };
 exports.monthColumn = monthColumn;
-var numberColumn = function (key, title, decimals, otherOptions) {
+var numberColumn = function (key, title, decimals, options, otherOptions) {
     if (decimals === void 0) { decimals = 2; }
-    var column = __assign({ key: key, type: 'number', name: title, render: function (value, row) { var _a; return (_a = (0, numbers_1.formatNumber)(row[key], decimals)) !== null && _a !== void 0 ? _a : ''; }, excelOptions: {
+    var column = __assign({ key: key, type: 'number', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, numbers_1.formatNumber)(value, decimals) }))); }, excelOptions: {
             formatter: function () { return (0, exports.buildExcelFormat)(decimals); },
             valueGetter: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); },
         }, 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 : ''; }, footer: {
@@ -76,9 +78,12 @@ var numberColumn = function (key, title, decimals, otherOptions) {
     return column;
 };
 exports.numberColumn = numberColumn;
-var moneyColumn = function (key, title, decimals, otherOptions) {
+var moneyColumn = function (key, title, decimals, currency, options, otherOptions) {
     if (decimals === void 0) { decimals = 2; }
-    var column = __assign({ key: key, type: 'number', name: title, render: function (value, row) { var _a; return (_a = (0, numbers_1.formatMoney)(row[key], decimals)) !== null && _a !== void 0 ? _a : ''; }, excelOptions: {
+    if (currency === void 0) { currency = '€'; }
+    var column = __assign({ key: key, type: 'number', name: title, render: typeof currency === 'function'
+            ? function (value, row) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, numbers_1.formatMoney)(value, decimals, currency(row)) }))); }
+            : function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, numbers_1.formatMoney)(value, decimals, currency) }))); }, excelOptions: {
             formatter: function () { return (0, exports.buildExcelFormat)(decimals, ' €'); },
             valueGetter: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); },
         }, 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 : ''; }, filter: __assign(__assign({}, (0, filters_1.numberFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, numbers_1.formatMoney)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }), footer: {
@@ -100,9 +105,9 @@ var moneyColumn = function (key, title, decimals, otherOptions) {
     return column;
 };
 exports.moneyColumn = moneyColumn;
-var percentageColumn = function (key, title, decimals, otherOptions) {
+var percentageColumn = function (key, title, decimals, options, otherOptions) {
     if (decimals === void 0) { decimals = 2; }
-    var column = __assign({ key: key, type: 'number', name: title, render: function (value, row) { var _a; return (_a = (0, numbers_1.formatPercentage)(row[key])) !== null && _a !== void 0 ? _a : ''; }, excelOptions: {
+    var column = __assign({ key: key, type: 'number', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, numbers_1.formatPercentage)(value) }))); }, excelOptions: {
             formatter: function () { return (0, exports.buildExcelFormat)(decimals, '%'); },
             valueGetter: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); },
         }, 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 : ''; }, filter: (0, filters_1.numberFilter)(key), footer: {

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

@@ -41,6 +41,6 @@ export declare const DataGrid: <R>(props: {
     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").MarginProps & import("../../../helpers/styled").PaddingProps & {
+} & import("../../../helpers/styled/space").MarginProps & import("../../../helpers/styled/space").PaddingProps & {
     contextOverride?: Partial<DataGridContextProps<R>>;
 } & import("react").RefAttributes<DataGridRefProps<R>>) => import("react").JSX.Element | null;

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

@@ -64,13 +64,13 @@ var DataGridHeader_1 = require("./DataGridHeader");
 var DataGridRowTemplate_1 = require("./DataGridRowTemplate");
 var DataGridToolbar_1 = require("./DataGridToolbar");
 var VirtualScroller_1 = require("../VirtualScroller");
-var styled_1 = require("../../../helpers/styled");
+var space_1 = require("../../../helpers/styled/space");
 var hooks_1 = require("./hooks");
 var DataGridInner = function (_a, ref) {
     var contextOverride = _a.contextOverride, props = __rest(_a, ["contextOverride"]);
     var scrollableRef = (0, react_1.useRef)(null);
     var className = props.className;
-    var spaceProps = (0, styled_1.extractSpaceProps)(props);
+    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 ({

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

@@ -1,4 +1,4 @@
-import { SpaceProps } from '../../../helpers/styled';
+import { SpaceProps } from '../../../helpers/styled/space';
 import { DataGridCellFCProps } from './types';
 import { ThemeColor } from '../../../providers/ThemeProvider/types';
 export declare const DataGridWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SpaceProps>> & string;

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

@@ -29,10 +29,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizeBackdrop = exports.HeaderSelectionCell = exports.SelectionCell = exports.LoadingCell = exports.DataGridRow = exports.DataGridFooterRow = exports.DataGridHeaderRow = exports.DataGridContainer = exports.DataGridToolsRowButtonsContainer = exports.DataGridToolsRowHeaderContent = exports.DataGridToolsRow = exports.DataGridHeaderTitle = exports.DataGridCell = exports.dataGridCellCss = exports.DataGridHeaderTextContainer = exports.DataGridHeaderCellContainer = exports.DataGridResizeGrip = exports.DataGridWrapper = void 0;
 var constants_1 = require("./constants");
-var styled_1 = require("../../../helpers/styled");
+var space_1 = require("../../../helpers/styled/space");
 var styled_components_1 = __importStar(require("styled-components"));
 var styles_1 = require("../VirtualScroller/styles");
-exports.DataGridWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n\n  ", "\n"])), styled_1.space);
+exports.DataGridWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n\n  ", "\n"])), space_1.space);
 exports.DataGridResizeGrip = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--space-1);\n  height: 100%;\n\n  ", "\n\n  cursor: col-resize;\n  display: none;\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--space-1);\n  height: 100%;\n\n  ", "\n\n  cursor: col-resize;\n  display: none;\n"])), function (_a) {
     var _b = _a.$headerColor, $headerColor = _b === void 0 ? 'base' : _b;
     return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background-color: var(--color-", "-400);\n    &:hover,\n    &.active {\n      background-color: var(--color-", "-500);\n    }\n  "], ["\n    background-color: var(--color-", "-400);\n    &:hover,\n    &.active {\n      background-color: var(--color-", "-500);\n    }\n  "])), $headerColor, $headerColor);

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

@@ -1,7 +1,7 @@
 import * as z from 'zod';
 import { CSSProperties, Context, Dispatch, FC, MouseEvent, MouseEventHandler, ReactNode, SetStateAction } from 'react';
 import { DataGridEditableCellFC } from './DataGridEditableCell/types';
-import { SpaceProps } from '../../../helpers/styled';
+import { SpaceProps } from '../../../helpers/styled/space';
 import { ThemeColor } from '../../../providers/ThemeProvider/types';
 export type DataGridCellFCProps = {
     onDoubleClick?: MouseEventHandler;
@@ -24,6 +24,13 @@ type CommonGridColumnProps<R, T> = {
     component?: DataGridCellFC;
     color?: ThemeColor;
     excelOptions?: ExcelOptions;
+    typography?: {
+        bold?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        ellipsis?: boolean;
+        lineClamp?: number;
+    };
     textAlign?: 'left' | 'right' | 'center';
     filter?: DataGridFilter;
     footer?: DataGridFooterFunction<R> | Record<string, DataGridFooterFunction<R> | null>;

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

@@ -26,13 +26,14 @@ var constants_1 = require("../../DataGrid/constants");
 var DateEditableCell_1 = require("../../DataGrid/DataGridEditableCell/DateEditableCell");
 var NumberEditableCell_1 = require("../../DataGrid/DataGridEditableCell/NumberEditableCell");
 var SqlRequestForeignList_1 = require("../../SqlRequestForeignList");
+var typography_1 = require("../../../../helpers/styled/typography");
 var TextEditableCell_1 = require("../../DataGrid/DataGridEditableCell/TextEditableCell");
 var sqlTextColumn = function (key, title, options) {
     return (0, lodash_1.merge)({
         key: key,
         type: 'text',
         name: title,
-        render: function (value) { return value !== null && value !== void 0 ? value : ''; },
+        render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: value }))); },
         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 : ''; },
         filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }),
@@ -46,7 +47,7 @@ var sqlMailColumn = function (key, title, options) {
         key: key,
         type: 'text',
         name: title,
-        render: function (value) { return (0, jsx_runtime_1.jsx)("a", { href: "mailto:".concat(value), children: value !== null && value !== void 0 ? value : '' }); },
+        render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({ href: "mailto:".concat(value) }, options === null || options === void 0 ? void 0 : options.typography, { as: 'a', children: value }))); },
         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 : ''; },
         filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }),
@@ -60,7 +61,7 @@ var sqlPhoneColumn = function (key, title, options) {
         key: key,
         type: 'text',
         name: title,
-        render: function (value) { return (0, jsx_runtime_1.jsx)("a", { href: "tel:".concat(value), children: value !== null && value !== void 0 ? value : '' }); },
+        render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({ href: "tel:".concat(value) }, options === null || options === void 0 ? void 0 : options.typography, { as: 'a', children: value }))); },
         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 : ''; },
         filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }),
@@ -74,7 +75,7 @@ var sqlDateColumn = function (key, title, options) {
         key: key,
         name: title,
         type: 'date',
-        render: function (value) { return (0, dates_1.formatDate)(value); },
+        render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, dates_1.formatDate)(value) }))); },
         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 : ''; },
         excelOptions: {
@@ -92,7 +93,7 @@ var sqlDateTimeColumn = function (key, title, options) {
         key: key,
         name: title,
         type: 'date',
-        render: function (value) { return (0, dates_1.formatDateTime)(value); },
+        render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, dates_1.formatDateTime)(value) }))); },
         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 : ''; },
         excelOptions: {
@@ -110,7 +111,7 @@ var sqlMonthColumn = function (key, title, options) {
         key: key,
         type: 'text',
         name: title,
-        render: function (value) { return (value ? "".concat(value, " mois ") : ''); },
+        render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: value + 'Mois' }))); },
         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 : ''; },
         filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }),
@@ -126,7 +127,7 @@ var sqlNumberColumn = function (key, title, decimals, options) {
         type: 'number',
         decimals: decimals,
         textAlign: 'right',
-        render: function (value) { var _a; return (_a = (0, numbers_1.formatNumber)(value, decimals)) !== null && _a !== void 0 ? _a : ''; },
+        render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, numbers_1.formatNumber)(value, decimals) }))); },
         excelOptions: {
             formatter: function () { return (0, helpers_1.buildExcelFormat)(decimals); },
             valueGetter: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); },
@@ -157,8 +158,8 @@ var sqlMoneyColumn = function (key, title, decimals, currency, options) {
         currency: currency,
         textAlign: 'right',
         render: typeof currency === 'function'
-            ? function (value, row) { var _a; return (_a = (0, numbers_1.formatMoney)(value, decimals, currency(row))) !== null && _a !== void 0 ? _a : ''; }
-            : function (value) { var _a; return (_a = (0, numbers_1.formatMoney)(value, decimals, currency)) !== null && _a !== void 0 ? _a : ''; },
+            ? function (value, row) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, numbers_1.formatMoney)(value, decimals, currency(row)) }))); }
+            : function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, numbers_1.formatMoney)(value, decimals, currency) }))); },
         excelOptions: {
             formatter: typeof currency === 'function'
                 ? function (row) { return (0, helpers_1.buildExcelFormat)(decimals, currency(row)); }
@@ -188,7 +189,7 @@ var sqlPercentageColumn = function (key, title, decimals, options) {
         key: key,
         name: title,
         type: 'number',
-        render: function (value) { var _a; return (_a = (0, numbers_1.formatPercentage)(value)) !== null && _a !== void 0 ? _a : ''; },
+        render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, numbers_1.formatPercentage)(value) }))); },
         excelOptions: {
             formatter: function () { return (0, helpers_1.buildExcelFormat)(decimals, '%'); },
             valueGetter: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); },

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

@@ -1,4 +1,4 @@
-import { SpaceProps } from '../../helpers';
+import { SpaceProps } from '../../helpers/styled/space';
 export type ColumnsProps = {
     columns?: number | string[];
     $maxColumnWidth?: string;

package/dist/components/layout/Columns.js

@@ -8,14 +8,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Column = exports.Columns = void 0;
-var helpers_1 = require("../../helpers");
+var space_1 = require("../../helpers/styled/space");
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Columns = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-gap: var(--space-6);\n  width: 100%;\n\n  grid-template-columns: ", ";\n\n  ", ";\n"], ["\n  display: grid;\n  grid-gap: var(--space-6);\n  width: 100%;\n\n  grid-template-columns: ", ";\n\n  ", ";\n"])), function (_a) {
+exports.Columns = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-gap: var(--space-6);\n  width: 100%;\n  box-sizing: border-box;\n\n  grid-template-columns: ", ";\n\n  ", ";\n"], ["\n  display: grid;\n  grid-gap: var(--space-6);\n  width: 100%;\n  box-sizing: border-box;\n\n  grid-template-columns: ", ";\n\n  ", ";\n"])), function (_a) {
     var _b;
     var _c = _a.columns, columns = _c === void 0 ? 1 : _c, _d = _a.$maxColumnWidth, $maxColumnWidth = _d === void 0 ? '1fr' : _d;
     return typeof columns === 'number'
         ? "repeat(".concat(columns, ", minmax(0, ").concat($maxColumnWidth, "))")
         : (_b = columns === null || columns === void 0 ? void 0 : columns.join(' ')) !== null && _b !== void 0 ? _b : 'none';
-}, helpers_1.space);
+}, space_1.space);
 exports.Column = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n"])));
 var templateObject_1, templateObject_2;

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

@@ -1,4 +1,4 @@
-import { SpaceProps } from '../../helpers';
+import { SpaceProps } from '../../helpers/styled/space';
 import { CSSProperties } from 'react';
 import { ThemeSpace } from '../../providers';
 type FlexboxProps = {

package/dist/components/layout/Flexbox.js

@@ -8,7 +8,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Flexbox = void 0;
-var helpers_1 = require("../../helpers");
+var space_1 = require("../../helpers/styled/space");
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.Flexbox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  gap: ", ";\n  ", "\n"], ["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  gap: ", ";\n  ", "\n"])), function (_a) {
     var direction = _a.direction;
@@ -22,5 +22,5 @@ exports.Flexbox = styled_components_1.default.div(templateObject_1 || (templateO
 }, function (_a) {
     var gap = _a.gap;
     return (gap ? "var(--s-".concat(gap, ")") : undefined);
-}, helpers_1.space);
+}, space_1.space);
 var templateObject_1;

package/dist/components/ui/TabsView/TabsList.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { SpaceProps } from '../../../helpers';
+import { SpaceProps } from '../../../helpers/styled/space';
 import { Tab } from './types';
 type TabsListProps = {
     tabs: Tab[];

package/dist/components/ui/TabsView/styles.d.ts

@@ -1,4 +1,4 @@
-import { SpaceProps } from '../../../helpers/styled';
+import { SpaceProps } from '../../../helpers/styled/space';
 import { ThemeColor, ThemeColorWithIntensity } from '../../../providers';
 export declare const TabsViewContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TabsListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SpaceProps>> & string;

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

@@ -28,11 +28,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabContentContainer = exports.TabContainer = exports.TabsListContainer = exports.TabsViewContainer = void 0;
-var styled_1 = require("../../../helpers/styled");
+var space_1 = require("../../../helpers/styled/space");
 var styled_components_1 = __importStar(require("styled-components"));
 var helpers_1 = require("../../../providers/ThemeProvider/helpers");
 exports.TabsViewContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));
-exports.TabsListContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: var(--space-4);\n  flex-shrink: 0;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  font-size: var(--text-lg);\n  white-space: nowrap;\n\n  ", "\n"], ["\n  display: flex;\n  gap: var(--space-4);\n  flex-shrink: 0;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  font-size: var(--text-lg);\n  white-space: nowrap;\n\n  ", "\n"])), styled_1.space);
+exports.TabsListContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: var(--space-4);\n  flex-shrink: 0;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  font-size: var(--text-lg);\n  white-space: nowrap;\n\n  ", "\n"], ["\n  display: flex;\n  gap: var(--space-4);\n  flex-shrink: 0;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  font-size: var(--text-lg);\n  white-space: nowrap;\n\n  ", "\n"])), space_1.space);
 exports.TabContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: var(--space-8);\n  gap: var(--space-2);\n  cursor: pointer;\n  padding: 0 var(--space-2);\n  color: var(--color-text-800);\n\n  svg {\n    height: var(--space-4);\n    width: var(--space-4);\n    fill: var(--color-base-800);\n  }\n\n  ", ";\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  height: var(--space-8);\n  gap: var(--space-2);\n  cursor: pointer;\n  padding: 0 var(--space-2);\n  color: var(--color-text-800);\n\n  svg {\n    height: var(--space-4);\n    width: var(--space-4);\n    fill: var(--color-base-800);\n  }\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var _b = _a.$color, $color = _b === void 0 ? 'primary' : _b;
     return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    &:hover {\n      color: var(--color-", ");\n      svg {\n        fill: var(--color-", ");\n      }\n    }\n  "], ["\n    &:hover {\n      color: var(--color-", ");\n      svg {\n        fill: var(--color-", ");\n      }\n    }\n  "])), (0, helpers_1.getColorWithIntensity)($color, 500), (0, helpers_1.getColorWithIntensity)($color, 500));

package/dist/helpers/index.d.ts

@@ -2,5 +2,4 @@ export * from './dates';
 export * from './numbers';
 export * from './text';
 export * from './responsive';
-export * from './styled';
 export * from './types';

package/dist/helpers/index.js

@@ -18,5 +18,4 @@ __exportStar(require("./dates"), exports);
 __exportStar(require("./numbers"), exports);
 __exportStar(require("./text"), exports);
 __exportStar(require("./responsive"), exports);
-__exportStar(require("./styled"), exports);
 __exportStar(require("./types"), exports);

package/dist/helpers/styled/typography.d.ts

@@ -0,0 +1,9 @@
+export type TypographyProps = {
+    ellipsis?: boolean;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    lineClamp?: number;
+};
+export declare const typography: import("styled-components").RuleSet<TypographyProps>;
+export declare const StyledTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TypographyProps>> & string;

package/dist/helpers/styled/typography.js

@@ -0,0 +1,51 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTypography = exports.typography = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+exports.typography = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_a) {
+    var ellipsis = _a.ellipsis;
+    return ellipsis &&
+        'white-space: nowrap; overflow: hidden; text-overflow: ellipsis;';
+}, function (_a) {
+    var bold = _a.bold;
+    return bold && 'font-weight: bold;';
+}, function (_a) {
+    var italic = _a.italic;
+    return italic && 'font-style: italic;';
+}, function (_a) {
+    var underline = _a.underline;
+    return underline && 'text-decoration: underline;';
+}, function (_a) {
+    var lineClamp = _a.lineClamp;
+    return lineClamp &&
+        "display: -webkit-box; -webkit-line-clamp: ".concat(lineClamp, "; -webkit-box-orient: vertical; overflow: hidden;");
+});
+exports.StyledTypography = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.typography);
+var templateObject_1, templateObject_2;

package/dist/index.d.ts

@@ -5,3 +5,5 @@ export * from './config';
 export * from './helpers';
 export * from './hooks';
 export * from './services';
+export * from './helpers/styled/typography';
+export * from './helpers/styled/space';

package/dist/index.js

@@ -21,3 +21,6 @@ __exportStar(require("./config"), exports);
 __exportStar(require("./helpers"), exports);
 __exportStar(require("./hooks"), exports);
 __exportStar(require("./services"), exports);
+// helpers
+__exportStar(require("./helpers/styled/typography"), exports);
+__exportStar(require("./helpers/styled/space"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@addev-be/ui",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",
@@ -20,7 +20,7 @@
     "update-version": "../../node/update-version.mjs"
   },
   "devDependencies": {
-    "@addev-be/framework-utils": "^1.1.3",
+    "@addev-be/framework-utils": "^1.1.5",
     "@types/lodash": "^4",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",

package/src/components/data/DataGrid/helpers/columns.tsx

@@ -11,6 +11,7 @@ import {
   DataGridTextColumn,
 } from '../types';
 import { dateFilter, numberFilter, textFilter } from './filters';
+import { formatDate, formatDateTime } from '../../../../helpers';
 import {
   formatMoney,
   formatNumber,
@@ -20,9 +21,12 @@ import {
 
 import { CheckboxEditableCell } from '../DataGridEditableCell/CheckboxEditableCell';
 import { DateEditableCell } from '../DataGridEditableCell/DateEditableCell';
+import { DeepPartial } from '../../../../typings';
 import { NumberEditableCell } from '../DataGridEditableCell/NumberEditableCell';
 import { Ref } from 'react';
 import { Select } from '../../../forms/Form/Select';
+import { SqlRequestDataGridTextColumn } from '../../SqlRequestDataGrid/types';
+import { StyledTypography } from '../../../../helpers/styled/typography';
 import { TextEditableCell } from '../DataGridEditableCell/TextEditableCell';
 import { forwardRefWithName } from '../../../../helpers/components';
 import moment from 'moment';
@@ -38,12 +42,15 @@ export const buildExcelFormat = (decimals = 2, suffix = '') =>
 export const textColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
   otherOptions?: Partial<DataGridTextColumn<R>>
 ): DataGridTextColumn<R> => ({
   key,
   type: 'text',
   name: title,
-  render: (value, row) => row[key] ?? '',
+  render: (value) => (
+    <StyledTypography {...options?.typography}>{value}</StyledTypography>
+  ),
   getter: (row) => row[key] ?? '',
   sortGetter: (row) => row[key] ?? '',
   footer: (_, filteredRows) => `${filteredRows.length} éléments`,
@@ -55,12 +62,21 @@ export const textColumn = <R extends Record<string, any>>(
 export const mailColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
   otherOptions?: Partial<DataGridTextColumn<R>>
 ): DataGridTextColumn<R> => ({
   key,
   type: 'text',
   name: title,
-  render: (value, row) => <a href={`mailto:${row[key]}`}>{row[key] ?? ''}</a>,
+  render: (value) => (
+    <StyledTypography
+      href={`mailto:${value}`}
+      {...options?.typography}
+      as={'a'}
+    >
+      {value}
+    </StyledTypography>
+  ),
   getter: (row) => row[key] ?? '',
   sortGetter: (row) => row[key] ?? '',
   footer: (_, filteredRows) => `${filteredRows.length} éléments`,
@@ -72,12 +88,17 @@ export const mailColumn = <R extends Record<string, any>>(
 export const phoneColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
   otherOptions?: Partial<DataGridTextColumn<R>>
 ): DataGridTextColumn<R> => ({
   key,
   type: 'text',
   name: title,
-  render: (value, row) => <a href={`tel:${row[key]}`}>{row[key] ?? ''}</a>,
+  render: (value) => (
+    <StyledTypography href={`tel:${value}`} {...options?.typography} as={'a'}>
+      {value}
+    </StyledTypography>
+  ),
   getter: (row) => row[key] ?? '',
   sortGetter: (row) => row[key] ?? '',
   footer: (_, filteredRows) => `${filteredRows.length} éléments`,
@@ -89,12 +110,17 @@ export const phoneColumn = <R extends Record<string, any>>(
 export const dateColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
   otherOptions?: Partial<DataGridDateColumn<R>>
 ): DataGridDateColumn<R> => ({
   key,
   type: 'date',
   name: title,
-  render: (value, row) => moment(row[key]).format('DD/MM/YYYY') ?? '',
+  render: (value) => (
+    <StyledTypography {...options?.typography}>
+      {formatDate(value)}
+    </StyledTypography>
+  ),
   excelOptions: {
     formatter: () => 'dd/mm/yyyy',
     valueGetter: (value) => moment(value).format('DD/MM/YYYY') ?? '',
@@ -113,12 +139,17 @@ export const dateColumn = <R extends Record<string, any>>(
 export const dateTimeColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
   otherOptions?: Partial<DataGridDateColumn<R>>
 ): DataGridDateColumn<R> => ({
   key,
   type: 'date',
   name: title,
-  render: (value, row) => moment(row[key]).format('DD/MM/YYYY HH:mm:ss') ?? '',
+  render: (value) => (
+    <StyledTypography {...options?.typography}>
+      {formatDateTime(value)}
+    </StyledTypography>
+  ),
   excelOptions: {
     formatter: () => 'dd/mm/yyyy hh:mm:ss',
     valueGetter: (value) => moment(value).format('DD/MM/YYYY HH:mm:ss') ?? '',
@@ -137,12 +168,17 @@ export const dateTimeColumn = <R extends Record<string, any>>(
 export const monthColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
   otherOptions?: Partial<DataGridTextColumn<R>>
 ): DataGridTextColumn<R> => ({
   key,
   type: 'text',
   name: title,
-  render: (value, row) => (row[key] ? `${row[key]} mois ` : ''),
+  render: (value) => (
+    <StyledTypography {...options?.typography}>
+      {value + 'Mois'}
+    </StyledTypography>
+  ),
   getter: (row) => row[key] ?? '',
   sortGetter: (row) => row[key] ?? '',
   footer: (_, filteredRows) => `${filteredRows.length} éléments`,
@@ -154,13 +190,18 @@ export const numberColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
   decimals = 2,
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
   otherOptions?: Partial<DataGridNumberColumn<R>>
 ): DataGridNumberColumn<R> => {
   const column: DataGridNumberColumn<R> = {
     key,
     type: 'number',
     name: title,
-    render: (value, row) => formatNumber(row[key], decimals) ?? '',
+    render: (value) => (
+      <StyledTypography {...options?.typography}>
+        {formatNumber(value, decimals)}
+      </StyledTypography>
+    ),
     excelOptions: {
       formatter: () => buildExcelFormat(decimals),
       valueGetter: (value) => formatNumberInvariant(value, decimals),
@@ -215,13 +256,26 @@ export const moneyColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
   decimals = 2,
+  currency: string | ((row: R) => string) = '€',
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
   otherOptions?: Partial<DataGridNumberColumn<R>>
 ): DataGridNumberColumn<R> => {
   const column: DataGridNumberColumn<R> = {
     key,
     type: 'number',
     name: title,
-    render: (value, row) => formatMoney(row[key], decimals) ?? '',
+    render:
+      typeof currency === 'function'
+        ? (value, row) => (
+            <StyledTypography {...options?.typography}>
+              {formatMoney(value, decimals, currency(row))}
+            </StyledTypography>
+          )
+        : (value) => (
+            <StyledTypography {...options?.typography}>
+              {formatMoney(value, decimals, currency)}
+            </StyledTypography>
+          ),
     excelOptions: {
       formatter: () => buildExcelFormat(decimals, ' €'),
       valueGetter: (value) => formatNumberInvariant(value, decimals),
@@ -265,13 +319,18 @@ export const percentageColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
   decimals = 2,
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
   otherOptions?: Partial<DataGridNumberColumn<R>>
 ): DataGridNumberColumn<R> => {
   const column: DataGridNumberColumn<R> = {
     key,
     type: 'number',
     name: title,
-    render: (value, row) => formatPercentage(row[key]) ?? '',
+    render: (value) => (
+      <StyledTypography {...options?.typography}>
+        {formatPercentage(value)}
+      </StyledTypography>
+    ),
     excelOptions: {
       formatter: () => buildExcelFormat(decimals, '%'),
       valueGetter: (value) => formatNumberInvariant(value, decimals),

package/src/components/data/DataGrid/index.tsx

@@ -20,7 +20,7 @@ import { DataGridHeader } from './DataGridHeader';
 import { DataGridRowTemplate } from './DataGridRowTemplate';
 import { DataGridToolbar } from './DataGridToolbar';
 import { VirtualScroller } from '../VirtualScroller';
-import { extractSpaceProps } from '../../../helpers/styled';
+import { extractSpaceProps } from '../../../helpers/styled/space';
 import { useDataGrid } from './hooks';
 
 export const DataGridInner = <R,>(

package/src/components/data/DataGrid/styles.ts

@@ -5,7 +5,7 @@ import {
   SELECTION_CELL_WIDTH,
   TOOLBAR_HEIGHT,
 } from './constants';
-import { SpaceProps, space } from '../../../helpers/styled';
+import { SpaceProps, space } from '../../../helpers/styled/space';
 import styled, { css } from 'styled-components';
 
 import { DataGridCellFCProps } from './types';

package/src/components/data/DataGrid/types.ts

@@ -14,7 +14,7 @@ import {
 } from 'react';
 
 import { DataGridEditableCellFC } from './DataGridEditableCell/types';
-import { SpaceProps } from '../../../helpers/styled';
+import { SpaceProps } from '../../../helpers/styled/space';
 import { ThemeColor } from '../../../providers/ThemeProvider/types';
 
 export type DataGridCellFCProps = {
@@ -52,6 +52,14 @@ type CommonGridColumnProps<R, T> = {
   component?: DataGridCellFC;
   color?: ThemeColor;
   excelOptions?: ExcelOptions;
+  typography?: {
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    ellipsis?: boolean;
+    lineClamp?: number;
+  };
+
   textAlign?: 'left' | 'right' | 'center';
   filter?: DataGridFilter;
   footer?:

package/src/components/data/SqlRequestDataGrid/helpers/columns.tsx

@@ -32,6 +32,7 @@ import { DeepPartial } from '../../../../typings';
 import { NumberEditableCell } from '../../DataGrid/DataGridEditableCell/NumberEditableCell';
 import { SqlRequestForeignList } from '../../SqlRequestForeignList';
 import { SqlRequestForeignListItemFC } from '../../SqlRequestForeignList/types';
+import { StyledTypography } from '../../../../helpers/styled/typography';
 import { TextEditableCell } from '../../DataGrid/DataGridEditableCell/TextEditableCell';
 
 export const sqlTextColumn = <R extends Record<string, any>>(
@@ -44,7 +45,9 @@ export const sqlTextColumn = <R extends Record<string, any>>(
       key,
       type: 'text',
       name: title,
-      render: (value) => value ?? '',
+      render: (value) => (
+        <StyledTypography {...options?.typography}>{value}</StyledTypography>
+      ),
       getter: (row) => row[key] ?? '',
       sortGetter: (row) => row[key] ?? '',
       filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
@@ -64,7 +67,15 @@ export const sqlMailColumn = <R extends Record<string, any>>(
       key,
       type: 'text',
       name: title,
-      render: (value) => <a href={`mailto:${value}`}>{value ?? ''}</a>,
+      render: (value) => (
+        <StyledTypography
+          href={`mailto:${value}`}
+          {...options?.typography}
+          as={'a'}
+        >
+          {value}
+        </StyledTypography>
+      ),
       getter: (row) => row[key] ?? '',
       sortGetter: (row) => row[key] ?? '',
       filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
@@ -84,7 +95,15 @@ export const sqlPhoneColumn = <R extends Record<string, any>>(
       key,
       type: 'text',
       name: title,
-      render: (value) => <a href={`tel:${value}`}>{value ?? ''}</a>,
+      render: (value) => (
+        <StyledTypography
+          href={`tel:${value}`}
+          {...options?.typography}
+          as={'a'}
+        >
+          {value}
+        </StyledTypography>
+      ),
       getter: (row) => row[key] ?? '',
       sortGetter: (row) => row[key] ?? '',
       filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
@@ -104,7 +123,11 @@ export const sqlDateColumn = <R extends Record<string, any>>(
       key,
       name: title,
       type: 'date',
-      render: (value) => formatDate(value),
+      render: (value) => (
+        <StyledTypography {...options?.typography}>
+          {formatDate(value)}
+        </StyledTypography>
+      ),
       getter: (row) => row[key] ?? '',
       sortGetter: (row) => row[key] ?? '',
       excelOptions: {
@@ -133,7 +156,11 @@ export const sqlDateTimeColumn = <R extends Record<string, any>>(
       key,
       name: title,
       type: 'date',
-      render: (value) => formatDateTime(value),
+      render: (value) => (
+        <StyledTypography {...options?.typography}>
+          {formatDateTime(value)}
+        </StyledTypography>
+      ),
       getter: (row) => row[key] ?? '',
       sortGetter: (row) => row[key] ?? '',
       excelOptions: {
@@ -162,7 +189,11 @@ export const sqlMonthColumn = <R extends Record<string, any>>(
       key,
       type: 'text',
       name: title,
-      render: (value) => (value ? `${value} mois ` : ''),
+      render: (value) => (
+        <StyledTypography {...options?.typography}>
+          {value + 'Mois'}
+        </StyledTypography>
+      ),
       getter: (row) => row[key] ?? '',
       sortGetter: (row) => row[key] ?? '',
       filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
@@ -183,7 +214,11 @@ export const sqlNumberColumn = <R extends Record<string, any>>(
     type: 'number',
     decimals,
     textAlign: 'right',
-    render: (value) => formatNumber(value, decimals) ?? '',
+    render: (value) => (
+      <StyledTypography {...options?.typography}>
+        {formatNumber(value, decimals)}
+      </StyledTypography>
+    ),
     excelOptions: {
       formatter: () => buildExcelFormat(decimals),
       valueGetter: (value) => formatNumberInvariant(value, decimals),
@@ -232,8 +267,16 @@ export const sqlMoneyColumn = <R extends Record<string, any>>(
     textAlign: 'right',
     render:
       typeof currency === 'function'
-        ? (value, row) => formatMoney(value, decimals, currency(row)) ?? ''
-        : (value) => formatMoney(value, decimals, currency) ?? '',
+        ? (value, row) => (
+            <StyledTypography {...options?.typography}>
+              {formatMoney(value, decimals, currency(row))}
+            </StyledTypography>
+          )
+        : (value) => (
+            <StyledTypography {...options?.typography}>
+              {formatMoney(value, decimals, currency)}
+            </StyledTypography>
+          ),
     excelOptions: {
       formatter:
         typeof currency === 'function'
@@ -280,7 +323,11 @@ export const sqlPercentageColumn = <R extends Record<string, any>>(
     key,
     name: title,
     type: 'number',
-    render: (value) => formatPercentage(value) ?? '',
+    render: (value) => (
+      <StyledTypography {...options?.typography}>
+        {formatPercentage(value)}
+      </StyledTypography>
+    ),
     excelOptions: {
       formatter: () => buildExcelFormat(decimals, '%'),
       valueGetter: (value) => formatNumberInvariant(value, decimals),

package/src/components/layout/Columns.ts

@@ -1,4 +1,4 @@
-import { SpaceProps, space } from '../../helpers';
+import { SpaceProps, space } from '../../helpers/styled/space';
 
 import styled from 'styled-components';
 
@@ -11,6 +11,7 @@ export const Columns = styled.div<ColumnsProps>`
   display: grid;
   grid-gap: var(--space-6);
   width: 100%;
+  box-sizing: border-box;
 
   grid-template-columns: ${({ columns = 1, $maxColumnWidth = '1fr' }) =>
     typeof columns === 'number'

package/src/components/layout/Flexbox.ts

@@ -1,4 +1,4 @@
-import { SpaceProps, space } from '../../helpers';
+import { SpaceProps, space } from '../../helpers/styled/space';
 
 import { CSSProperties } from 'react';
 import { ThemeSpace } from '../../providers';

package/src/components/ui/TabsView/TabsList.tsx

@@ -1,7 +1,7 @@
 import { FC, useEffect, useState } from 'react';
 import { TabContainer, TabsListContainer } from './styles';
 
-import { SpaceProps } from '../../../helpers';
+import { SpaceProps } from '../../../helpers/styled/space';
 import { Tab } from './types';
 
 type TabsListProps = {

package/src/components/ui/TabsView/styles.ts

@@ -1,4 +1,4 @@
-import { SpaceProps, space } from '../../../helpers/styled';
+import { SpaceProps, space } from '../../../helpers/styled/space';
 import { ThemeColor, ThemeColorWithIntensity } from '../../../providers';
 import styled, { css } from 'styled-components';
 

package/src/helpers/index.ts

@@ -2,5 +2,4 @@ export * from './dates';
 export * from './numbers';
 export * from './text';
 export * from './responsive';
-export * from './styled';
 export * from './types';

package/src/helpers/styled/typography.ts

@@ -0,0 +1,25 @@
+import styled, { css } from 'styled-components';
+
+export type TypographyProps = {
+  ellipsis?: boolean;
+  bold?: boolean;
+  italic?: boolean;
+  underline?: boolean;
+  lineClamp?: number;
+};
+
+export const typography = css<TypographyProps>`
+  ${({ ellipsis }) =>
+    ellipsis &&
+    'white-space: nowrap; overflow: hidden; text-overflow: ellipsis;'}
+  ${({ bold }) => bold && 'font-weight: bold;'}
+  ${({ italic }) => italic && 'font-style: italic;'}
+  ${({ underline }) => underline && 'text-decoration: underline;'}
+  ${({ lineClamp }) =>
+    lineClamp &&
+    `display: -webkit-box; -webkit-line-clamp: ${lineClamp}; -webkit-box-orient: vertical; overflow: hidden;`}
+`;
+
+export const StyledTypography = styled.span<TypographyProps>`
+  ${typography}
+`;

package/src/index.ts

@@ -7,3 +7,7 @@ export * from './config';
 export * from './helpers';
 export * from './hooks';
 export * from './services';
+
+// helpers
+export * from './helpers/styled/typography';
+export * from './helpers/styled/space';

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/icons.tsx","./src/index.ts","./src/typings.d.ts","./src/components/index.ts","./src/components/auth/loginform.tsx","./src/components/auth/loginpage.tsx","./src/components/auth/passwordrecoveryform.tsx","./src/components/auth/passwordresetform.tsx","./src/components/auth/index.ts","./src/components/auth/styles.ts","./src/components/data/index.ts","./src/components/data/datagrid/datagridcell.tsx","./src/components/data/datagrid/datagridfooter.tsx","./src/components/data/datagrid/datagridheader.tsx","./src/components/data/datagrid/datagridheadercell.tsx","./src/components/data/datagrid/datagridrowtemplate.tsx","./src/components/data/datagrid/datagridtoolbar.tsx","./src/components/data/datagrid/constants.ts","./src/components/data/datagrid/index.tsx","./src/components/data/datagrid/styles.ts","./src/components/data/datagrid/types.ts","./src/components/data/datagrid/datagridcolumnsmodal/helpers.ts","./src/components/data/datagrid/datagridcolumnsmodal/hooks.tsx","./src/components/data/datagrid/datagridcolumnsmodal/index.tsx","./src/components/data/datagrid/datagridcolumnsmodal/styles.ts","./src/components/data/datagrid/datagrideditablecell/checkboxeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/dateeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/numbereditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/texteditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/index.tsx","./src/components/data/datagrid/datagrideditablecell/styles.ts","./src/components/data/datagrid/datagrideditablecell/types.ts","./src/components/data/datagrid/datagridfiltermenu/filtervaluesscroller.tsx","./src/components/data/datagrid/datagridfiltermenu/helpers.ts","./src/components/data/datagrid/datagridfiltermenu/hooks.tsx","./src/components/data/datagrid/datagridfiltermenu/index.tsx","./src/components/data/datagrid/datagridfiltermenu/styles.ts","./src/components/data/datagrid/filtermodalcontent/index.tsx","./src/components/data/datagrid/filtermodalcontent/styles.ts","./src/components/data/datagrid/helpers/columns.tsx","./src/components/data/datagrid/helpers/filters.ts","./src/components/data/datagrid/helpers/index.ts","./src/components/data/datagrid/hooks/index.ts","./src/components/data/datagrid/hooks/usedatagrid.tsx","./src/components/data/datagrid/hooks/usedatagridchangedrows.ts","./src/components/data/datagrid/hooks/usedatagridcopy.ts","./src/components/data/datagrid/hooks/usedatagridsettings.ts","./src/components/data/datagrid/hooks/userefreshmodal.tsx","./src/components/data/sqlrequestdatagrid/sqlrequestforeignlisteditablecell.tsx","./src/components/data/sqlrequestdatagrid/index.tsx","./src/components/data/sqlrequestdatagrid/styles.ts","./src/components/data/sqlrequestdatagrid/types.ts","./src/components/data/sqlrequestdatagrid/helpers/columns.tsx","./src/components/data/sqlrequestdatagrid/helpers/index.ts","./src/components/data/sqlrequestdatagrid/helpers/sqlrequests.ts","./src/components/data/sqlrequestforeignlist/index.tsx","./src/components/data/sqlrequestforeignlist/styles.ts","./src/components/data/sqlrequestforeignlist/types.ts","./src/components/data/sqlrequestgrid/index.tsx","./src/components/data/sqlrequestgrid/styles.ts","./src/components/data/sqlrequestgrid/types.ts","./src/components/data/sqlrequestgrid/filters/filterssidebar.tsx","./src/components/data/sqlrequestgrid/filters/styles.ts","./src/components/data/sqlrequestgrid/helpers/index.ts","./src/components/data/sqlrequestgrid/helpers/sqlrequests.ts","./src/components/data/virtualscroller/hooks.ts","./src/components/data/virtualscroller/index.tsx","./src/components/data/virtualscroller/styles.ts","./src/components/data/virtualscroller/types.ts","./src/components/forms/autotextarea.tsx","./src/components/forms/button.tsx","./src/components/forms/iconbutton.tsx","./src/components/forms/indeterminatecheckbox.tsx","./src/components/forms/numberinput.tsx","./src/components/forms/select.tsx","./src/components/forms/verticallabel.tsx","./src/components/forms/index.ts","./src/components/forms/styles.ts","./src/components/forms/form/checkbox.tsx","./src/components/forms/form/formgroup.tsx","./src/components/forms/form/input.tsx","./src/components/forms/form/row.tsx","./src/components/forms/form/select.tsx","./src/components/forms/form/textarea.tsx","./src/components/forms/form/index.tsx","./src/components/forms/form/styles.ts","./src/components/layout/columns.ts","./src/components/layout/flexbox.ts","./src/components/layout/index.ts","./src/components/layout/dropdown/index.tsx","./src/components/layout/dropdown/styles.ts","./src/components/layout/grid/index.tsx","./src/components/layout/grid/styles.ts","./src/components/layout/loading/index.tsx","./src/components/layout/loading/styles.ts","./src/components/layout/masonry/index.tsx","./src/components/layout/masonry/styles.ts","./src/components/layout/modal/index.tsx","./src/components/layout/modal/styles.ts","./src/components/search/highlightedtext.tsx","./src/components/search/quicksearchbar.tsx","./src/components/search/quicksearchresults.tsx","./src/components/search/index.ts","./src/components/search/styles.ts","./src/components/search/types.ts","./src/components/ui/ellipsis.tsx","./src/components/ui/label.tsx","./src/components/ui/index.ts","./src/components/ui/avatar/index.tsx","./src/components/ui/avatar/styles.ts","./src/components/ui/card/index.tsx","./src/components/ui/card/styles.ts","./src/components/ui/contextmenu/index.tsx","./src/components/ui/contextmenu/styles.ts","./src/components/ui/message/index.tsx","./src/components/ui/message/styles.ts","./src/components/ui/tabsview/tabslist.tsx","./src/components/ui/tabsview/tabsview.tsx","./src/components/ui/tabsview/index.ts","./src/components/ui/tabsview/styles.ts","./src/components/ui/tabsview/types.ts","./src/config/index.ts","./src/helpers/components.ts","./src/helpers/dates.ts","./src/helpers/getscrollbarsize.ts","./src/helpers/index.ts","./src/helpers/numbers.ts","./src/helpers/responsive.ts","./src/helpers/text.ts","./src/helpers/types.ts","./src/helpers/styled/index.ts","./src/helpers/styled/space.ts","./src/hooks/index.ts","./src/hooks/usecontainermediaquery.ts","./src/hooks/useelementsize.ts","./src/hooks/usemediaquery.ts","./src/hooks/usemediaqueryforwidth.ts","./src/hooks/usemutablestate.ts","./src/hooks/useshowarchived.ts","./src/hooks/usewindowsize.ts","./src/providers/hooks.ts","./src/providers/index.ts","./src/providers/authenticationprovider/helpers.ts","./src/providers/authenticationprovider/index.tsx","./src/providers/loadingprovider/index.tsx","./src/providers/portalsprovider/index.tsx","./src/providers/portalsprovider/styles.ts","./src/providers/settingsprovider/index.tsx","./src/providers/themeprovider/themeprovider.ts","./src/providers/themeprovider/defaulttheme.ts","./src/providers/themeprovider/helpers.ts","./src/providers/themeprovider/index.ts","./src/providers/themeprovider/types.ts","./src/providers/toastprovider/index.tsx","./src/providers/trackingprovider/hooks.ts","./src/providers/trackingprovider/index.tsx","./src/providers/uiproviders/index.tsx","./src/providers/uiproviders/styles.ts","./src/services/httpservice.ts","./src/services/websocketservice.ts","./src/services/advancedrequests.ts","./src/services/base.ts","./src/services/globalsearch.ts","./src/services/hooks.ts","./src/services/index.ts","./src/services/smartqueries.ts","./src/services/smartrequests.ts","./src/services/sqlrequests.ts","./src/services/updatesqlrequests.ts","./src/services/requests/auth.ts","./src/services/requests/generic.ts","./src/services/requests/tracking.ts","./src/services/requests/userprofiles.ts","./src/services/requests/users.ts","./src/services/types/auth.ts","./src/services/types/base.ts","./src/services/types/generic.ts","./src/services/types/tracking.ts","./src/services/types/userprofiles.ts","./src/services/types/users.ts"],"version":"5.6.2"}
+{"root":["./src/icons.tsx","./src/index.ts","./src/typings.d.ts","./src/components/index.ts","./src/components/auth/loginform.tsx","./src/components/auth/loginpage.tsx","./src/components/auth/passwordrecoveryform.tsx","./src/components/auth/passwordresetform.tsx","./src/components/auth/index.ts","./src/components/auth/styles.ts","./src/components/data/index.ts","./src/components/data/datagrid/datagridcell.tsx","./src/components/data/datagrid/datagridfooter.tsx","./src/components/data/datagrid/datagridheader.tsx","./src/components/data/datagrid/datagridheadercell.tsx","./src/components/data/datagrid/datagridrowtemplate.tsx","./src/components/data/datagrid/datagridtoolbar.tsx","./src/components/data/datagrid/constants.ts","./src/components/data/datagrid/index.tsx","./src/components/data/datagrid/styles.ts","./src/components/data/datagrid/types.ts","./src/components/data/datagrid/datagridcolumnsmodal/helpers.ts","./src/components/data/datagrid/datagridcolumnsmodal/hooks.tsx","./src/components/data/datagrid/datagridcolumnsmodal/index.tsx","./src/components/data/datagrid/datagridcolumnsmodal/styles.ts","./src/components/data/datagrid/datagrideditablecell/checkboxeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/dateeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/numbereditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/texteditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/index.tsx","./src/components/data/datagrid/datagrideditablecell/styles.ts","./src/components/data/datagrid/datagrideditablecell/types.ts","./src/components/data/datagrid/datagridfiltermenu/filtervaluesscroller.tsx","./src/components/data/datagrid/datagridfiltermenu/helpers.ts","./src/components/data/datagrid/datagridfiltermenu/hooks.tsx","./src/components/data/datagrid/datagridfiltermenu/index.tsx","./src/components/data/datagrid/datagridfiltermenu/styles.ts","./src/components/data/datagrid/filtermodalcontent/index.tsx","./src/components/data/datagrid/filtermodalcontent/styles.ts","./src/components/data/datagrid/helpers/columns.tsx","./src/components/data/datagrid/helpers/filters.ts","./src/components/data/datagrid/helpers/index.ts","./src/components/data/datagrid/hooks/index.ts","./src/components/data/datagrid/hooks/usedatagrid.tsx","./src/components/data/datagrid/hooks/usedatagridchangedrows.ts","./src/components/data/datagrid/hooks/usedatagridcopy.ts","./src/components/data/datagrid/hooks/usedatagridsettings.ts","./src/components/data/datagrid/hooks/userefreshmodal.tsx","./src/components/data/sqlrequestdatagrid/sqlrequestforeignlisteditablecell.tsx","./src/components/data/sqlrequestdatagrid/index.tsx","./src/components/data/sqlrequestdatagrid/styles.ts","./src/components/data/sqlrequestdatagrid/types.ts","./src/components/data/sqlrequestdatagrid/helpers/columns.tsx","./src/components/data/sqlrequestdatagrid/helpers/index.ts","./src/components/data/sqlrequestdatagrid/helpers/sqlrequests.ts","./src/components/data/sqlrequestforeignlist/index.tsx","./src/components/data/sqlrequestforeignlist/styles.ts","./src/components/data/sqlrequestforeignlist/types.ts","./src/components/data/sqlrequestgrid/index.tsx","./src/components/data/sqlrequestgrid/styles.ts","./src/components/data/sqlrequestgrid/types.ts","./src/components/data/sqlrequestgrid/filters/filterssidebar.tsx","./src/components/data/sqlrequestgrid/filters/styles.ts","./src/components/data/sqlrequestgrid/helpers/index.ts","./src/components/data/sqlrequestgrid/helpers/sqlrequests.ts","./src/components/data/virtualscroller/hooks.ts","./src/components/data/virtualscroller/index.tsx","./src/components/data/virtualscroller/styles.ts","./src/components/data/virtualscroller/types.ts","./src/components/forms/autotextarea.tsx","./src/components/forms/button.tsx","./src/components/forms/iconbutton.tsx","./src/components/forms/indeterminatecheckbox.tsx","./src/components/forms/numberinput.tsx","./src/components/forms/select.tsx","./src/components/forms/verticallabel.tsx","./src/components/forms/index.ts","./src/components/forms/styles.ts","./src/components/forms/form/checkbox.tsx","./src/components/forms/form/formgroup.tsx","./src/components/forms/form/input.tsx","./src/components/forms/form/row.tsx","./src/components/forms/form/select.tsx","./src/components/forms/form/textarea.tsx","./src/components/forms/form/index.tsx","./src/components/forms/form/styles.ts","./src/components/layout/columns.ts","./src/components/layout/flexbox.ts","./src/components/layout/index.ts","./src/components/layout/dropdown/index.tsx","./src/components/layout/dropdown/styles.ts","./src/components/layout/grid/index.tsx","./src/components/layout/grid/styles.ts","./src/components/layout/loading/index.tsx","./src/components/layout/loading/styles.ts","./src/components/layout/masonry/index.tsx","./src/components/layout/masonry/styles.ts","./src/components/layout/modal/index.tsx","./src/components/layout/modal/styles.ts","./src/components/search/highlightedtext.tsx","./src/components/search/quicksearchbar.tsx","./src/components/search/quicksearchresults.tsx","./src/components/search/index.ts","./src/components/search/styles.ts","./src/components/search/types.ts","./src/components/ui/ellipsis.tsx","./src/components/ui/label.tsx","./src/components/ui/index.ts","./src/components/ui/avatar/index.tsx","./src/components/ui/avatar/styles.ts","./src/components/ui/card/index.tsx","./src/components/ui/card/styles.ts","./src/components/ui/contextmenu/index.tsx","./src/components/ui/contextmenu/styles.ts","./src/components/ui/message/index.tsx","./src/components/ui/message/styles.ts","./src/components/ui/tabsview/tabslist.tsx","./src/components/ui/tabsview/tabsview.tsx","./src/components/ui/tabsview/index.ts","./src/components/ui/tabsview/styles.ts","./src/components/ui/tabsview/types.ts","./src/config/index.ts","./src/helpers/components.ts","./src/helpers/dates.ts","./src/helpers/getscrollbarsize.ts","./src/helpers/index.ts","./src/helpers/numbers.ts","./src/helpers/responsive.ts","./src/helpers/text.ts","./src/helpers/types.ts","./src/helpers/styled/space.ts","./src/helpers/styled/typography.ts","./src/hooks/index.ts","./src/hooks/usecontainermediaquery.ts","./src/hooks/useelementsize.ts","./src/hooks/usemediaquery.ts","./src/hooks/usemediaqueryforwidth.ts","./src/hooks/usemutablestate.ts","./src/hooks/useshowarchived.ts","./src/hooks/usewindowsize.ts","./src/providers/hooks.ts","./src/providers/index.ts","./src/providers/authenticationprovider/helpers.ts","./src/providers/authenticationprovider/index.tsx","./src/providers/loadingprovider/index.tsx","./src/providers/portalsprovider/index.tsx","./src/providers/portalsprovider/styles.ts","./src/providers/settingsprovider/index.tsx","./src/providers/themeprovider/themeprovider.ts","./src/providers/themeprovider/defaulttheme.ts","./src/providers/themeprovider/helpers.ts","./src/providers/themeprovider/index.ts","./src/providers/themeprovider/types.ts","./src/providers/toastprovider/index.tsx","./src/providers/trackingprovider/hooks.ts","./src/providers/trackingprovider/index.tsx","./src/providers/uiproviders/index.tsx","./src/providers/uiproviders/styles.ts","./src/services/httpservice.ts","./src/services/websocketservice.ts","./src/services/advancedrequests.ts","./src/services/base.ts","./src/services/globalsearch.ts","./src/services/hooks.ts","./src/services/index.ts","./src/services/smartqueries.ts","./src/services/smartrequests.ts","./src/services/sqlrequests.ts","./src/services/updatesqlrequests.ts","./src/services/requests/auth.ts","./src/services/requests/generic.ts","./src/services/requests/tracking.ts","./src/services/requests/userprofiles.ts","./src/services/requests/users.ts","./src/services/types/auth.ts","./src/services/types/base.ts","./src/services/types/generic.ts","./src/services/types/tracking.ts","./src/services/types/userprofiles.ts","./src/services/types/users.ts"],"version":"5.6.2"}

package/src/helpers/styled/index.ts

@@ -1 +0,0 @@
-export * from './space';