venice-ui 3.0.17 → 3.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Filters/Filters.js +2 -2
- package/dist/cjs/components/Table/Table.js +2 -2
- package/dist/esm/components/Filters/Filters.js +2 -2
- package/dist/esm/components/Table/Table.js +2 -2
- package/dist/types/components/Filters/Filters.d.ts +1 -1
- package/dist/types/components/Table/Table.d.ts +2 -2
- package/package.json +1 -1
|
@@ -429,8 +429,8 @@ const Filters = ({ theme, themeVariant = 'default', size = 'md', labels = {
|
|
|
429
429
|
case 'date':
|
|
430
430
|
return (react_1.default.createElement(Aligment_1.Aligment, { wrap: "nowrap", direction: "row", align: "flex-start", justify: "flex-start", gap: 8 },
|
|
431
431
|
react_1.default.createElement(Filters_styles_1.FilterGrid, null,
|
|
432
|
-
react_1.default.createElement(DatePicker_1.DatePicker, { name: `${filter.name}_min`, value: normalizeDateValue(activeFilters[filter.name]?.min), isAdvance: false, autoConfirm: true, handleChange: setRangeFilter, componentWidth: '100%', labels: calendarLabels, localeLabels: calendarLocaleLabels, zIndex: filterConfig.size.zIndex }),
|
|
433
|
-
react_1.default.createElement(DatePicker_1.DatePicker, { name: `${filter.name}_max`, value: normalizeDateValue(activeFilters[filter.name]?.max), isAdvance: false, autoConfirm: true, handleChange: setRangeFilter, componentWidth: '100%', labels: calendarLabels, localeLabels: calendarLocaleLabels, zIndex: filterConfig.size.zIndex }))));
|
|
432
|
+
react_1.default.createElement(DatePicker_1.DatePicker, { name: `${filter.name}_min`, value: normalizeDateValue(activeFilters[filter.name]?.min), isAdvance: false, autoConfirm: true, handleChange: setRangeFilter, componentWidth: '100%', labels: calendarLabels, localeLabels: calendarLocaleLabels, zIndex: filterConfig.size.zIndex, placeholder: calendarLabels?.placeholder }),
|
|
433
|
+
react_1.default.createElement(DatePicker_1.DatePicker, { name: `${filter.name}_max`, value: normalizeDateValue(activeFilters[filter.name]?.max), isAdvance: false, autoConfirm: true, handleChange: setRangeFilter, componentWidth: '100%', labels: calendarLabels, localeLabels: calendarLocaleLabels, zIndex: filterConfig.size.zIndex, placeholder: calendarLabels?.placeholder }))));
|
|
434
434
|
case 'text':
|
|
435
435
|
return (react_1.default.createElement(Aligment_1.Aligment, { wrap: "nowrap", direction: "row", align: "flex-start", justify: "flex-start", gap: 8 },
|
|
436
436
|
react_1.default.createElement(Input_1.Input, { type: "text", name: `${filter.name}_query`, value: activeFilters[filter.name]?.value?.[0] ?? '', handleChange: setTextFilter, componentWidth: '100%', width: '100%' })));
|
|
@@ -47,7 +47,7 @@ const Cell_1 = require("./Cell");
|
|
|
47
47
|
const Table = ({ theme, themeVariant = 'default', headers, elements, hover = true, selectable = true, filtrable = false, pagination = false, sortable = true, sort = {
|
|
48
48
|
name: '',
|
|
49
49
|
order: 'none',
|
|
50
|
-
}, pageSize = 20, moreActions = [], onRowClick,
|
|
50
|
+
}, pageSize = 20, moreActions = [], onRowClick, filterLabels, paginationCounters, tableHeight, tableWrapperHeight, paginationLabel, calendarLabels, calendarLocaleLabels, }) => {
|
|
51
51
|
const resolvedThemeData = (0, config_1.resolveThemeWithComponentsConfig)({
|
|
52
52
|
theme,
|
|
53
53
|
themeVariant,
|
|
@@ -153,7 +153,7 @@ const Table = ({ theme, themeVariant = 'default', headers, elements, hover = tru
|
|
|
153
153
|
(filtrable || pagination) && (react_1.default.createElement(Table_styles_1.TableHeader, { theme: resolvedTheme, config: tableConfig, right: pagination && !filtrable },
|
|
154
154
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
155
155
|
filtrable && (react_1.default.createElement(Table_styles_1.HeaderSection, null,
|
|
156
|
-
react_1.default.createElement(Filters_1.Filters, { labels:
|
|
156
|
+
react_1.default.createElement(Filters_1.Filters, { labels: filterLabels, headers: headers, elements: initialElementsRef.current &&
|
|
157
157
|
initialElementsRef.current.length > 0
|
|
158
158
|
? initialElementsRef.current
|
|
159
159
|
: elements, fullElements: initialElementsRef.current &&
|
|
@@ -393,8 +393,8 @@ export const Filters = ({ theme, themeVariant = 'default', size = 'md', labels =
|
|
|
393
393
|
case 'date':
|
|
394
394
|
return (React.createElement(Aligment, { wrap: "nowrap", direction: "row", align: "flex-start", justify: "flex-start", gap: 8 },
|
|
395
395
|
React.createElement(FilterGrid, null,
|
|
396
|
-
React.createElement(DatePicker, { name: `${filter.name}_min`, value: normalizeDateValue(activeFilters[filter.name]?.min), isAdvance: false, autoConfirm: true, handleChange: setRangeFilter, componentWidth: '100%', labels: calendarLabels, localeLabels: calendarLocaleLabels, zIndex: filterConfig.size.zIndex }),
|
|
397
|
-
React.createElement(DatePicker, { name: `${filter.name}_max`, value: normalizeDateValue(activeFilters[filter.name]?.max), isAdvance: false, autoConfirm: true, handleChange: setRangeFilter, componentWidth: '100%', labels: calendarLabels, localeLabels: calendarLocaleLabels, zIndex: filterConfig.size.zIndex }))));
|
|
396
|
+
React.createElement(DatePicker, { name: `${filter.name}_min`, value: normalizeDateValue(activeFilters[filter.name]?.min), isAdvance: false, autoConfirm: true, handleChange: setRangeFilter, componentWidth: '100%', labels: calendarLabels, localeLabels: calendarLocaleLabels, zIndex: filterConfig.size.zIndex, placeholder: calendarLabels?.placeholder }),
|
|
397
|
+
React.createElement(DatePicker, { name: `${filter.name}_max`, value: normalizeDateValue(activeFilters[filter.name]?.max), isAdvance: false, autoConfirm: true, handleChange: setRangeFilter, componentWidth: '100%', labels: calendarLabels, localeLabels: calendarLocaleLabels, zIndex: filterConfig.size.zIndex, placeholder: calendarLabels?.placeholder }))));
|
|
398
398
|
case 'text':
|
|
399
399
|
return (React.createElement(Aligment, { wrap: "nowrap", direction: "row", align: "flex-start", justify: "flex-start", gap: 8 },
|
|
400
400
|
React.createElement(Input, { type: "text", name: `${filter.name}_query`, value: activeFilters[filter.name]?.value?.[0] ?? '', handleChange: setTextFilter, componentWidth: '100%', width: '100%' })));
|
|
@@ -11,7 +11,7 @@ import { Cell } from './Cell';
|
|
|
11
11
|
export const Table = ({ theme, themeVariant = 'default', headers, elements, hover = true, selectable = true, filtrable = false, pagination = false, sortable = true, sort = {
|
|
12
12
|
name: '',
|
|
13
13
|
order: 'none',
|
|
14
|
-
}, pageSize = 20, moreActions = [], onRowClick,
|
|
14
|
+
}, pageSize = 20, moreActions = [], onRowClick, filterLabels, paginationCounters, tableHeight, tableWrapperHeight, paginationLabel, calendarLabels, calendarLocaleLabels, }) => {
|
|
15
15
|
const resolvedThemeData = resolveThemeWithComponentsConfig({
|
|
16
16
|
theme,
|
|
17
17
|
themeVariant,
|
|
@@ -117,7 +117,7 @@ export const Table = ({ theme, themeVariant = 'default', headers, elements, hove
|
|
|
117
117
|
(filtrable || pagination) && (React.createElement(TableHeader, { theme: resolvedTheme, config: tableConfig, right: pagination && !filtrable },
|
|
118
118
|
React.createElement(React.Fragment, null,
|
|
119
119
|
filtrable && (React.createElement(HeaderSection, null,
|
|
120
|
-
React.createElement(Filters, { labels:
|
|
120
|
+
React.createElement(Filters, { labels: filterLabels, headers: headers, elements: initialElementsRef.current &&
|
|
121
121
|
initialElementsRef.current.length > 0
|
|
122
122
|
? initialElementsRef.current
|
|
123
123
|
: elements, fullElements: initialElementsRef.current &&
|
|
@@ -50,7 +50,7 @@ interface IFiltersProps {
|
|
|
50
50
|
size?: InputSize;
|
|
51
51
|
labels?: IFilterLabels;
|
|
52
52
|
calendarLabels?: IFilterLabels;
|
|
53
|
-
calendarLocaleLabels
|
|
53
|
+
calendarLocaleLabels?: ICalendarLocaleLabels;
|
|
54
54
|
}
|
|
55
55
|
export declare const Filters: FC<IFiltersProps>;
|
|
56
56
|
export {};
|
|
@@ -15,13 +15,13 @@ interface ITableProps {
|
|
|
15
15
|
pageSize?: number;
|
|
16
16
|
onRowClick?: (id: string) => void;
|
|
17
17
|
pagination?: boolean;
|
|
18
|
-
|
|
18
|
+
filterLabels?: IFilterLabels;
|
|
19
19
|
paginationCounters?: number[];
|
|
20
20
|
tableHeight?: string;
|
|
21
21
|
tableWrapperHeight?: string;
|
|
22
22
|
paginationLabel?: IFilterLabels;
|
|
23
23
|
calendarLabels?: IFilterLabels;
|
|
24
|
-
calendarLocaleLabels
|
|
24
|
+
calendarLocaleLabels?: ICalendarLocaleLabels;
|
|
25
25
|
}
|
|
26
26
|
export interface ITableHeaderProps {
|
|
27
27
|
name: string;
|