venice-ui 3.0.18 → 3.0.20

package/dist/cjs/components/ButtonsFooter/ButtonsFooter.js

@@ -16,7 +16,7 @@ const ButtonsFooter = ({ theme, themeVariant, onPrimaryAction, onSecondaryAction
     primary: config_2.wordbook.actions.confirm,
     secondary: config_2.wordbook.actions.cancel,
     additional: undefined,
-}, }) => {
+}, primaryVariant = 'primary', }) => {
     const resolvedThemeData = (0, config_1.resolveThemeWithComponentsConfig)({
         theme,
         themeVariant,
@@ -43,7 +43,7 @@ const ButtonsFooter = ({ theme, themeVariant, onPrimaryAction, onSecondaryAction
                     additionalType === 'button' && (react_1.default.createElement(Button_1.Button, { mode: isAdditionalDanger ? 'danger' : 'ghost', onClick: additionAction, isDisabled: additionDisabled, text: labels.additional, size: size })),
                     additionalType === 'toggle' && (react_1.default.createElement(Toggle_1.Toggle, { label: labels.additional, value: additionalValue, handleClick: additionAction, labelPosition: "left", labelInversed: true, size: size })))))),
                 react_1.default.createElement(ButtonsFooter_styles_1.ButtonsFooterGroup, { config: buttonsFooterConfig, theme: resolvedTheme },
-                    !primaryLoading && (react_1.default.createElement(Button_1.Button, { mode: isMultiButtons ? 'ghost' : 'primary', onClick: onSecondaryAction, text: labels.secondary || config_2.wordbook.actions.cancel, size: size })),
+                    !primaryLoading && (react_1.default.createElement(Button_1.Button, { mode: isMultiButtons ? 'ghost' : primaryVariant, onClick: onSecondaryAction, text: labels.secondary || config_2.wordbook.actions.cancel, size: size })),
                     onPrimaryAction && labels.primary && (react_1.default.createElement(Button_1.Button, { onClick: onPrimaryAction, text: labels.primary, isDisabled: primaryDisabled, loader: primaryLoading, size: size })))))));
 };
 exports.ButtonsFooter = ButtonsFooter;

package/dist/cjs/components/Filters/Filters.js

@@ -429,8 +429,8 @@ const Filters = ({ theme, themeVariant = 'default', size = 'md', labels = {
             case 'date':
                 return (react_1.default.createElement(Aligment_1.Aligment, { wrap: "nowrap", direction: "row", align: "flex-start", justify: "flex-start", gap: 8 },
                     react_1.default.createElement(Filters_styles_1.FilterGrid, null,
-                        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 }),
-                        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 }))));
+                        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 }),
+                        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 }))));
             case 'text':
                 return (react_1.default.createElement(Aligment_1.Aligment, { wrap: "nowrap", direction: "row", align: "flex-start", justify: "flex-start", gap: 8 },
                     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%' })));

package/dist/cjs/components/Modal/Modal.js

@@ -17,7 +17,7 @@ const Modal = ({ theme, themeVariant = 'default', isOpen, children, title, handl
     primary: undefined,
     secondary: config_1.wordbook.actions.ok,
     additional: undefined,
-}, }) => {
+}, primaryVariant }) => {
     const resolvedThemeData = (0, config_2.resolveThemeWithComponentsConfig)({
         theme,
         themeVariant,
@@ -48,6 +48,6 @@ const Modal = ({ theme, themeVariant = 'default', isOpen, children, title, handl
                             primary: labels.primary,
                             secondary: labels.secondary,
                             additional: labels.additional,
-                        } })))), document.body)));
+                        }, primaryVariant: primaryVariant })))), document.body)));
 };
 exports.Modal = Modal;

package/dist/cjs/components/Table/Table.js

@@ -47,7 +47,7 @@ const Cell_1 = require("./Cell");
 const Table = ({ theme, themeVariant = 'default', headers, elements, hover = true, selectable = true, filtrable = false, pagination = false, sortable = true, sort = {
     name: '',
     order: 'none',
-}, pageSize = 20, moreActions = [], onRowClick, labels, paginationCounters, tableHeight, tableWrapperHeight, paginationLabel, calendarLabels, calendarLocaleLabels, }) => {
+}, pageSize = 20, moreActions = [], onRowClick, filterLabels, paginationCounters, tableHeight, tableWrapperHeight, paginationLabel, calendarLabels, calendarLocaleLabels, }) => {
     const resolvedThemeData = (0, config_1.resolveThemeWithComponentsConfig)({
         theme,
         themeVariant,
@@ -153,7 +153,7 @@ const Table = ({ theme, themeVariant = 'default', headers, elements, hover = tru
                 (filtrable || pagination) && (react_1.default.createElement(Table_styles_1.TableHeader, { theme: resolvedTheme, config: tableConfig, right: pagination && !filtrable },
                     react_1.default.createElement(react_1.default.Fragment, null,
                         filtrable && (react_1.default.createElement(Table_styles_1.HeaderSection, null,
-                            react_1.default.createElement(Filters_1.Filters, { labels: labels, headers: headers, elements: initialElementsRef.current &&
+                            react_1.default.createElement(Filters_1.Filters, { labels: filterLabels, headers: headers, elements: initialElementsRef.current &&
                                     initialElementsRef.current.length > 0
                                     ? initialElementsRef.current
                                     : elements, fullElements: initialElementsRef.current &&

package/dist/esm/components/ButtonsFooter/ButtonsFooter.js

@@ -10,7 +10,7 @@ export const ButtonsFooter = ({ theme, themeVariant, onPrimaryAction, onSecondar
     primary: wordbook.actions.confirm,
     secondary: wordbook.actions.cancel,
     additional: undefined,
-}, }) => {
+}, primaryVariant = 'primary', }) => {
     const resolvedThemeData = resolveThemeWithComponentsConfig({
         theme,
         themeVariant,
@@ -37,6 +37,6 @@ export const ButtonsFooter = ({ theme, themeVariant, onPrimaryAction, onSecondar
                     additionalType === 'button' && (React.createElement(Button, { mode: isAdditionalDanger ? 'danger' : 'ghost', onClick: additionAction, isDisabled: additionDisabled, text: labels.additional, size: size })),
                     additionalType === 'toggle' && (React.createElement(Toggle, { label: labels.additional, value: additionalValue, handleClick: additionAction, labelPosition: "left", labelInversed: true, size: size })))))),
                 React.createElement(ButtonsFooterGroup, { config: buttonsFooterConfig, theme: resolvedTheme },
-                    !primaryLoading && (React.createElement(Button, { mode: isMultiButtons ? 'ghost' : 'primary', onClick: onSecondaryAction, text: labels.secondary || wordbook.actions.cancel, size: size })),
+                    !primaryLoading && (React.createElement(Button, { mode: isMultiButtons ? 'ghost' : primaryVariant, onClick: onSecondaryAction, text: labels.secondary || wordbook.actions.cancel, size: size })),
                     onPrimaryAction && labels.primary && (React.createElement(Button, { onClick: onPrimaryAction, text: labels.primary, isDisabled: primaryDisabled, loader: primaryLoading, size: size })))))));
 };

package/dist/esm/components/Filters/Filters.js

@@ -393,8 +393,8 @@ export const Filters = ({ theme, themeVariant = 'default', size = 'md', labels =
             case 'date':
                 return (React.createElement(Aligment, { wrap: "nowrap", direction: "row", align: "flex-start", justify: "flex-start", gap: 8 },
                     React.createElement(FilterGrid, null,
-                        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 }),
-                        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 }))));
+                        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 }),
+                        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 }))));
             case 'text':
                 return (React.createElement(Aligment, { wrap: "nowrap", direction: "row", align: "flex-start", justify: "flex-start", gap: 8 },
                     React.createElement(Input, { type: "text", name: `${filter.name}_query`, value: activeFilters[filter.name]?.value?.[0] ?? '', handleChange: setTextFilter, componentWidth: '100%', width: '100%' })));

package/dist/esm/components/Modal/Modal.js

@@ -11,7 +11,7 @@ export const Modal = ({ theme, themeVariant = 'default', isOpen, children, title
     primary: undefined,
     secondary: wordbook.actions.ok,
     additional: undefined,
-}, }) => {
+}, primaryVariant }) => {
     const resolvedThemeData = resolveThemeWithComponentsConfig({
         theme,
         themeVariant,
@@ -42,5 +42,5 @@ export const Modal = ({ theme, themeVariant = 'default', isOpen, children, title
                             primary: labels.primary,
                             secondary: labels.secondary,
                             additional: labels.additional,
-                        } })))), document.body)));
+                        }, primaryVariant: primaryVariant })))), document.body)));
 };

package/dist/esm/components/Table/Table.js

@@ -11,7 +11,7 @@ import { Cell } from './Cell';
 export const Table = ({ theme, themeVariant = 'default', headers, elements, hover = true, selectable = true, filtrable = false, pagination = false, sortable = true, sort = {
     name: '',
     order: 'none',
-}, pageSize = 20, moreActions = [], onRowClick, labels, paginationCounters, tableHeight, tableWrapperHeight, paginationLabel, calendarLabels, calendarLocaleLabels, }) => {
+}, pageSize = 20, moreActions = [], onRowClick, filterLabels, paginationCounters, tableHeight, tableWrapperHeight, paginationLabel, calendarLabels, calendarLocaleLabels, }) => {
     const resolvedThemeData = resolveThemeWithComponentsConfig({
         theme,
         themeVariant,
@@ -117,7 +117,7 @@ export const Table = ({ theme, themeVariant = 'default', headers, elements, hove
                 (filtrable || pagination) && (React.createElement(TableHeader, { theme: resolvedTheme, config: tableConfig, right: pagination && !filtrable },
                     React.createElement(React.Fragment, null,
                         filtrable && (React.createElement(HeaderSection, null,
-                            React.createElement(Filters, { labels: labels, headers: headers, elements: initialElementsRef.current &&
+                            React.createElement(Filters, { labels: filterLabels, headers: headers, elements: initialElementsRef.current &&
                                     initialElementsRef.current.length > 0
                                     ? initialElementsRef.current
                                     : elements, fullElements: initialElementsRef.current &&

package/dist/types/components/ButtonsFooter/ButtonsFooter.d.ts

@@ -1,6 +1,6 @@
 import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
-import { AdditionalType, IComponentLabels, InputSize } from 'types';
+import { AdditionalType, ButtonMode, IComponentLabels, InputSize } from 'types';
 interface IButtonsFooterProps {
     theme?: AppTheme;
     themeVariant?: ThemeName;
@@ -15,6 +15,7 @@ interface IButtonsFooterProps {
     additionDisabled?: boolean;
     size?: InputSize;
     labels?: IComponentLabels;
+    primaryVariant?: ButtonMode;
 }
 export declare const ButtonsFooter: FC<IButtonsFooterProps>;
 export {};

package/dist/types/components/Modal/Modal.d.ts

@@ -1,7 +1,7 @@
 import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
 import React from 'react';
-import { AdditionalType, IComponentLabels, InputSize } from 'types';
+import { AdditionalType, ButtonMode, IComponentLabels, InputSize } from 'types';
 interface IModalProps {
     isOpen: boolean;
     theme?: AppTheme;
@@ -21,6 +21,7 @@ interface IModalProps {
     exitOnEsc?: boolean;
     additionDisabled?: boolean;
     labels?: IComponentLabels;
+    primaryVariant?: ButtonMode;
 }
 export declare const Modal: FC<IModalProps>;
 export {};

package/dist/types/components/Table/Table.d.ts

@@ -15,10 +15,10 @@ interface ITableProps {
     pageSize?: number;
     onRowClick?: (id: string) => void;
     pagination?: boolean;
-    labels?: IFilterLabels;
     paginationCounters?: number[];
     tableHeight?: string;
     tableWrapperHeight?: string;
+    filterLabels?: IFilterLabels;
     paginationLabel?: IFilterLabels;
     calendarLabels?: IFilterLabels;
     calendarLocaleLabels?: ICalendarLocaleLabels;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "venice-ui",
-  "version": "3.0.18",
+  "version": "3.0.20",
   "description": "Component library",
   "main": "index.js",
   "module": "./dist/esm/index.js",