venice-ui 3.0.1 → 3.0.3

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

@@ -13,10 +13,10 @@ const Toggle_1 = require("../Toggle");
 const Aligment_1 = require("../Aligment");
 const styled_components_1 = require("styled-components");
 const ButtonsFooter = ({ theme, themeVariant, onPrimaryAction, onSecondaryAction, onAdditionalAction, primaryDisabled, primaryLoading, additionalType = 'button', additionalValue = false, isAdditionalDanger = false, additionDisabled = false, size = 'md', labels = {
-    primary: config_2.wordbook.actions.confirm, //labelConfirm
-    secondary: config_2.wordbook.actions.cancel, //labelClose
-    additional: undefined //labelAdditional
-} }) => {
+    primary: config_2.wordbook.actions.confirm,
+    secondary: config_2.wordbook.actions.cancel,
+    additional: undefined,
+}, }) => {
     const resolvedThemeData = (0, config_1.resolveThemeWithComponentsConfig)({
         theme,
         themeVariant,

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

@@ -460,7 +460,11 @@ const Filters = ({ theme, themeVariant = 'default', size = 'md', labels = {
                 else {
                     resetAllFiltersAndSubmit();
                 }
-            }, labelConfirm: labels.confirm, labelClose: labels.close, labelAdditional: labels.clearAll, isOpen: openFilters },
+            }, labels: {
+                primary: labels.confirm,
+                secondary: labels.close,
+                additional: labels.clearAll,
+            }, isOpen: openFilters },
             react_1.default.createElement(Aligment_1.Aligment, { direction: "column", align: "flex-end" },
                 react_1.default.createElement(Filters_styles_1.FiltersArea, null, filtersConfig.map((filter) => (react_1.default.createElement(Filters_styles_1.FilterSection, { theme: resolvedTheme, config: filterConfig, key: filter.name },
                     react_1.default.createElement(Filters_styles_1.FilterSectionHeader, { theme: resolvedTheme, config: filterConfig },

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

@@ -15,7 +15,7 @@ const ButtonsFooter_1 = require("../ButtonsFooter");
 const react_dom_1 = require("react-dom");
 const Modal = ({ theme, themeVariant = 'default', isOpen, children, title, handleConfirm, handleClose, handleAdditional, submitDisabled, size = 'sm', submitLoader = false, additionalType = 'button', additionalValue = false, headerDivader = false, additionaNormalMode = false, exitOnEsc = false, additionDisabled = false, labels = {
     primary: undefined,
-    secondary: config_1.wordbook.actions.cancel,
+    secondary: config_1.wordbook.actions.ok,
     additional: undefined,
 }, }) => {
     const resolvedThemeData = (0, config_2.resolveThemeWithComponentsConfig)({

package/dist/cjs/components/Selector/Selector.js

@@ -43,7 +43,7 @@ const Modal_1 = require("../Modal");
 const OptionsPanel_1 = require("../OptionsPanel");
 const react_dom_1 = require("react-dom");
 const Icon_1 = require("../Icon");
-const Selector = ({ theme, themeVariant = 'default', label, labelPosition = 'top', value, name, disabled = false, size = 'md', handleSelect, handleClear, width, error = false, helperText, readOnly = false, required = false, optional = false, optionalLabel, options, placeholder = config_2.wordbook.selector.placeholder, emptyStateText = config_2.wordbook.selector.emptyPanelMsg, searchable = false, }) => {
+const Selector = ({ theme, themeVariant = 'default', label, labelPosition = 'top', value, name, disabled = false, size = 'md', handleSelect, handleClear, width, error = false, helperText, readOnly = false, required = false, optional = false, optionalLabel, options, placeholder = config_2.wordbook.selector.placeholder, emptyStateText = config_2.wordbook.selector.emptyPanelMsg, confirmLabel = config_2.wordbook.actions.ok, searchable = false, }) => {
     const resolvedThemeData = (0, config_1.resolveThemeWithComponentsConfig)({
         theme,
         themeVariant,
@@ -69,7 +69,7 @@ const Selector = ({ theme, themeVariant = 'default', label, labelPosition = 'top
             getLabelForValue(value),
             react_1.default.createElement(Icon_1.Icon, { name: 'close', onClick: () => handleClear(), size: selectorConfig.size[size].iconSize, color: "currentColor", hoverBackground: "transparent" }))) : (react_1.default.createElement(Selector_styles_1.SelectorTriger, { theme: resolvedTheme, config: selectorConfig, size: size, onClick: handleOpen, isDisabled: disabled }, placeholder)),
         open &&
-            (0, react_dom_1.createPortal)(react_1.default.createElement(Modal_1.Modal, { title: placeholder, labelClose: "Close", handleClose: () => toogleOpen(false), isOpen: open, exitOnEsc: true },
+            (0, react_dom_1.createPortal)(react_1.default.createElement(Modal_1.Modal, { title: placeholder, labels: { secondary: confirmLabel }, handleClose: () => toogleOpen(false), isOpen: open, exitOnEsc: true },
                 react_1.default.createElement(OptionsPanel_1.OptionsPanel, { options: options, emptyStateText: emptyStateText, handleSelect: selectOption, searchable: searchable })), document.body)));
 };
 exports.Selector = Selector;

package/dist/cjs/config/wordbook.js

@@ -19,6 +19,7 @@ exports.wordbook = {
         confirm: 'Confirm',
         cancel: 'Cancel',
         clear: 'Clear',
+        ok: 'OK',
     },
     file: {
         placeholder: 'Choose a file',

package/dist/cjs/index.js

@@ -48,3 +48,4 @@ __exportStar(require("./components/Tag"), exports);
 __exportStar(require("./components/Tile"), exports);
 __exportStar(require("./components/Toggle"), exports);
 __exportStar(require("./components/Typography"), exports);
+__exportStar(require("./types"), exports);

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

@@ -7,10 +7,10 @@ import { Toggle } from '../Toggle';
 import { Aligment } from '../Aligment';
 import { ThemeProvider } from 'styled-components';
 export const ButtonsFooter = ({ theme, themeVariant, onPrimaryAction, onSecondaryAction, onAdditionalAction, primaryDisabled, primaryLoading, additionalType = 'button', additionalValue = false, isAdditionalDanger = false, additionDisabled = false, size = 'md', labels = {
-    primary: wordbook.actions.confirm, //labelConfirm
-    secondary: wordbook.actions.cancel, //labelClose
-    additional: undefined //labelAdditional
-} }) => {
+    primary: wordbook.actions.confirm,
+    secondary: wordbook.actions.cancel,
+    additional: undefined,
+}, }) => {
     const resolvedThemeData = resolveThemeWithComponentsConfig({
         theme,
         themeVariant,

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

@@ -424,7 +424,11 @@ export const Filters = ({ theme, themeVariant = 'default', size = 'md', labels =
                 else {
                     resetAllFiltersAndSubmit();
                 }
-            }, labelConfirm: labels.confirm, labelClose: labels.close, labelAdditional: labels.clearAll, isOpen: openFilters },
+            }, labels: {
+                primary: labels.confirm,
+                secondary: labels.close,
+                additional: labels.clearAll,
+            }, isOpen: openFilters },
             React.createElement(Aligment, { direction: "column", align: "flex-end" },
                 React.createElement(FiltersArea, null, filtersConfig.map((filter) => (React.createElement(FilterSection, { theme: resolvedTheme, config: filterConfig, key: filter.name },
                     React.createElement(FilterSectionHeader, { theme: resolvedTheme, config: filterConfig },

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

@@ -9,7 +9,7 @@ import { ButtonsFooter } from '../ButtonsFooter';
 import { createPortal } from 'react-dom';
 export const Modal = ({ theme, themeVariant = 'default', isOpen, children, title, handleConfirm, handleClose, handleAdditional, submitDisabled, size = 'sm', submitLoader = false, additionalType = 'button', additionalValue = false, headerDivader = false, additionaNormalMode = false, exitOnEsc = false, additionDisabled = false, labels = {
     primary: undefined,
-    secondary: wordbook.actions.cancel,
+    secondary: wordbook.actions.ok,
     additional: undefined,
 }, }) => {
     const resolvedThemeData = resolveThemeWithComponentsConfig({

package/dist/esm/components/Selector/Selector.js

@@ -7,7 +7,7 @@ import { Modal } from '../Modal';
 import { OptionsPanel } from '../OptionsPanel';
 import { createPortal } from 'react-dom';
 import { Icon } from '../Icon';
-export const Selector = ({ theme, themeVariant = 'default', label, labelPosition = 'top', value, name, disabled = false, size = 'md', handleSelect, handleClear, width, error = false, helperText, readOnly = false, required = false, optional = false, optionalLabel, options, placeholder = wordbook.selector.placeholder, emptyStateText = wordbook.selector.emptyPanelMsg, searchable = false, }) => {
+export const Selector = ({ theme, themeVariant = 'default', label, labelPosition = 'top', value, name, disabled = false, size = 'md', handleSelect, handleClear, width, error = false, helperText, readOnly = false, required = false, optional = false, optionalLabel, options, placeholder = wordbook.selector.placeholder, emptyStateText = wordbook.selector.emptyPanelMsg, confirmLabel = wordbook.actions.ok, searchable = false, }) => {
     const resolvedThemeData = resolveThemeWithComponentsConfig({
         theme,
         themeVariant,
@@ -33,6 +33,6 @@ export const Selector = ({ theme, themeVariant = 'default', label, labelPosition
             getLabelForValue(value),
             React.createElement(Icon, { name: 'close', onClick: () => handleClear(), size: selectorConfig.size[size].iconSize, color: "currentColor", hoverBackground: "transparent" }))) : (React.createElement(SelectorTriger, { theme: resolvedTheme, config: selectorConfig, size: size, onClick: handleOpen, isDisabled: disabled }, placeholder)),
         open &&
-            createPortal(React.createElement(Modal, { title: placeholder, labelClose: "Close", handleClose: () => toogleOpen(false), isOpen: open, exitOnEsc: true },
+            createPortal(React.createElement(Modal, { title: placeholder, labels: { secondary: confirmLabel }, handleClose: () => toogleOpen(false), isOpen: open, exitOnEsc: true },
                 React.createElement(OptionsPanel, { options: options, emptyStateText: emptyStateText, handleSelect: selectOption, searchable: searchable })), document.body)));
 };

package/dist/esm/config/wordbook.js

@@ -16,6 +16,7 @@ export const wordbook = {
         confirm: 'Confirm',
         cancel: 'Cancel',
         clear: 'Clear',
+        ok: 'OK',
     },
     file: {
         placeholder: 'Choose a file',

package/dist/esm/index.js

@@ -32,3 +32,4 @@ export * from './components/Tag';
 export * from './components/Tile';
 export * from './components/Toggle';
 export * from './components/Typography';
+export * from './types';

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

@@ -11,9 +11,6 @@ interface IModalProps {
     handleConfirm?: () => void;
     handleClose: () => void;
     handleAdditional?: (value?: boolean) => void;
-    labelConfirm?: string;
-    labelClose: string;
-    labelAdditional?: string;
     size?: InputSize;
     submitDisabled?: boolean;
     submitLoader?: boolean;

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

@@ -20,6 +20,7 @@ interface ISelectorProps {
     optionalLabel?: string;
     options: IOption[];
     handleSelect: (name: string, value: string | number) => void;
+    confirmLabel?: string;
     handleClear: () => void;
     emptyStateText?: string;
     searchable?: boolean;

package/dist/types/config/wordbook.d.ts

@@ -16,6 +16,7 @@ export declare const wordbook: {
         confirm: string;
         cancel: string;
         clear: string;
+        ok: string;
     };
     file: {
         placeholder: string;

package/dist/types/index.d.ts

@@ -32,3 +32,4 @@ export * from './components/Tag';
 export * from './components/Tile';
 export * from './components/Toggle';
 export * from './components/Typography';
+export * from './types';

package/dist/types/types/types.d.ts

@@ -8,16 +8,3 @@ export type TIconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xl2' | 'xl3' | 'xl4'
 export type THelperMode = 'default' | 'error' | 'success';
 export type AdditionalType = 'button' | 'toggle';
 export type TagType = 'default' | 'success' | 'warning' | 'error';
-export interface IFormElement {
-    label?: string;
-    labelPosition?: LabelPosition;
-    value?: string | number;
-    name: string;
-    size?: InputSize;
-    width?: string;
-    disabled?: boolean;
-    error?: boolean;
-    errorMsg?: string;
-    placeholder?: string;
-    readOnly?: boolean;
-}

package/package.json

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