venice-ui 2.0.9 → 2.0.11

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

@@ -10,7 +10,7 @@ const Button_1 = require("../Button");
 const Aligment_1 = require("../Aligment");
 const ButtonsFooter_style_1 = require("./ButtonsFooter.style");
 const Toogle_1 = require("../Toogle");
-const ButtonsFooter = ({ handleConfirm, handleClose, handleAdditional, labelConfirm = 'Confirm', labelClose = 'Close', labelAdditional, submitDisabled, submitLoader, backgroundColor = 'transparent', additionalType = 'button', additionalValue = false, }) => {
+const ButtonsFooter = ({ handleConfirm, handleClose, handleAdditional, labelConfirm = 'Confirm', labelClose = 'Close', labelAdditional, submitDisabled, submitLoader, backgroundColor = 'transparent', additionalType = 'button', additionalValue = false, additionaNormalMode = false, }) => {
     const isAdditional = () => {
         return labelAdditional !== undefined && handleAdditional !== undefined;
     };
@@ -29,7 +29,7 @@ const ButtonsFooter = ({ handleConfirm, handleClose, handleAdditional, labelConf
     };
     return (react_1.default.createElement(Aligment_1.Aligment, { justify: isAdditional() ? 'space-between' : 'flex-end', vPadding: Theme_1.Theme.padding.l, hPadding: Theme_1.Theme.padding.l, backgroundColor: backgroundColor },
         labelAdditional && handleAdditional && (react_1.default.createElement(ButtonsFooter_style_1.ButtonsFooterGroup, null, !submitLoader && (react_1.default.createElement(react_1.default.Fragment, null,
-            additionalType === 'button' && (react_1.default.createElement(Button_1.Button, { errorVariant: true, mode: 'secondary', onClick: additionAction, text: labelAdditional, left: isMultiButtons() })),
+            additionalType === 'button' && (react_1.default.createElement(Button_1.Button, { errorVariant: !additionaNormalMode, mode: 'secondary', onClick: additionAction, text: labelAdditional, left: isMultiButtons() })),
             additionalType === 'toogle' && (react_1.default.createElement(Toogle_1.Toogle, { label: labelAdditional, value: additionalValue, handleClick: additionAction, labelPosition: "left", size: "medium" })))))),
         react_1.default.createElement(ButtonsFooter_style_1.ButtonsFooterGroup, null,
             !submitLoader && (react_1.default.createElement(Button_1.Button, { mode: isMultiButtons() ? 'secondary' : 'primary', onClick: () => handleClose(), text: labelClose, left: isMultiButtons() })),

package/dist/cjs/components/Form/Form.js

@@ -8,6 +8,7 @@ const react_1 = __importDefault(require("react"));
 const Input_1 = require("../Input");
 const File_1 = require("../File");
 const FormElements_1 = require("./FormElements");
+const Dropdown_1 = require("../Dropdown");
 const Form = ({ formData, size = 'medium', read }) => {
     const onChangeHandler = (name, value) => {
         formData.action(name, value);
@@ -43,6 +44,8 @@ const Form = ({ formData, size = 'medium', read }) => {
                 return (react_1.default.createElement(Input_1.Input, { label: item.label, value: item.value, name: item.name, type: "number", size: size, min: item.min, max: item.max, step: item.step, handleChange: onIntChangeHandler, readOnly: read, autoFocus: item.autofocus, handleSubmit: item.submit }));
             case 'increase':
                 return (react_1.default.createElement(Input_1.Input, { type: "increase", label: item.label, value: item.value, name: item.name, size: size, handleChange: onIntChangeHandler, min: item.min, max: item.max, step: item.step, readOnly: read, autoFocus: item.autofocus, handleSubmit: item.submit }));
+            case 'select':
+                return (react_1.default.createElement(Dropdown_1.Dropdown, { options: item.options, handleSelect: onChangeHandler, name: item.name, value: item.value, size: size, label: item.label }));
             case 'file':
                 return (react_1.default.createElement(File_1.File, { label: item.label, fileValue: item.value, name: item.name, size: size, handleChange: onFileHandler, readOnly: read }));
         }

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

@@ -11,12 +11,12 @@ const common_1 = require("../common");
 const Modal_styles_1 = require("./Modal.styles");
 const styled_components_1 = require("styled-components");
 const ButtonsFooter_1 = require("../ButtonsFooter");
-const Modal = ({ theme = Theme_1.mainTheme, children, title, handleConfirm, handleClose, handleAdditional, labelConfirm = 'Save', labelClose = 'Cancel', labelAdditional, submitDisabled, size = 'small', submitLoader = false, additionalType = 'button', additionalValue = false, headerDivader = false }) => {
+const Modal = ({ theme = Theme_1.mainTheme, children, title, handleConfirm, handleClose, handleAdditional, labelConfirm, labelClose = 'Cancel', labelAdditional, submitDisabled, size = 'small', submitLoader = false, additionalType = 'button', additionalValue = false, headerDivader = false, additionaNormalMode = false }) => {
     return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
         react_1.default.createElement(Modal_styles_1.ModalOverlayer, null,
             react_1.default.createElement(Modal_styles_1.ModalElement, { size: size },
                 react_1.default.createElement(ElementHeader_1.ElementHeader, { title: title, handleClose: handleClose, bottomDivader: headerDivader }),
                 react_1.default.createElement(common_1.ScrollCotainer, null, children),
-                react_1.default.createElement(ButtonsFooter_1.ButtonsFooter, { handleConfirm: handleConfirm, handleClose: handleClose, handleAdditional: handleAdditional, labelConfirm: labelConfirm, labelClose: labelClose, labelAdditional: labelAdditional, submitDisabled: submitDisabled, submitLoader: submitLoader, additionalType: additionalType, additionalValue: additionalValue })))));
+                react_1.default.createElement(ButtonsFooter_1.ButtonsFooter, { handleConfirm: handleConfirm, handleClose: handleClose, handleAdditional: handleAdditional, labelConfirm: labelConfirm, labelClose: labelClose, labelAdditional: labelAdditional, submitDisabled: submitDisabled, submitLoader: submitLoader, additionalType: additionalType, additionalValue: additionalValue, additionaNormalMode: additionaNormalMode })))));
 };
 exports.Modal = Modal;

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

@@ -4,7 +4,7 @@ import { Button } from '../Button';
 import { Aligment } from '../Aligment';
 import { ButtonsFooterGroup } from './ButtonsFooter.style';
 import { Toogle } from '../Toogle';
-export const ButtonsFooter = ({ handleConfirm, handleClose, handleAdditional, labelConfirm = 'Confirm', labelClose = 'Close', labelAdditional, submitDisabled, submitLoader, backgroundColor = 'transparent', additionalType = 'button', additionalValue = false, }) => {
+export const ButtonsFooter = ({ handleConfirm, handleClose, handleAdditional, labelConfirm = 'Confirm', labelClose = 'Close', labelAdditional, submitDisabled, submitLoader, backgroundColor = 'transparent', additionalType = 'button', additionalValue = false, additionaNormalMode = false, }) => {
     const isAdditional = () => {
         return labelAdditional !== undefined && handleAdditional !== undefined;
     };
@@ -23,7 +23,7 @@ export const ButtonsFooter = ({ handleConfirm, handleClose, handleAdditional, la
     };
     return (React.createElement(Aligment, { justify: isAdditional() ? 'space-between' : 'flex-end', vPadding: Theme.padding.l, hPadding: Theme.padding.l, backgroundColor: backgroundColor },
         labelAdditional && handleAdditional && (React.createElement(ButtonsFooterGroup, null, !submitLoader && (React.createElement(React.Fragment, null,
-            additionalType === 'button' && (React.createElement(Button, { errorVariant: true, mode: 'secondary', onClick: additionAction, text: labelAdditional, left: isMultiButtons() })),
+            additionalType === 'button' && (React.createElement(Button, { errorVariant: !additionaNormalMode, mode: 'secondary', onClick: additionAction, text: labelAdditional, left: isMultiButtons() })),
             additionalType === 'toogle' && (React.createElement(Toogle, { label: labelAdditional, value: additionalValue, handleClick: additionAction, labelPosition: "left", size: "medium" })))))),
         React.createElement(ButtonsFooterGroup, null,
             !submitLoader && (React.createElement(Button, { mode: isMultiButtons() ? 'secondary' : 'primary', onClick: () => handleClose(), text: labelClose, left: isMultiButtons() })),

package/dist/esm/components/Form/Form.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Input } from '../Input';
 import { File } from '../File';
 import { FormRow, FormSubRow, FormWrapper } from './FormElements';
+import { Dropdown } from '../Dropdown';
 export const Form = ({ formData, size = 'medium', read }) => {
     const onChangeHandler = (name, value) => {
         formData.action(name, value);
@@ -37,6 +38,8 @@ export const Form = ({ formData, size = 'medium', read }) => {
                 return (React.createElement(Input, { label: item.label, value: item.value, name: item.name, type: "number", size: size, min: item.min, max: item.max, step: item.step, handleChange: onIntChangeHandler, readOnly: read, autoFocus: item.autofocus, handleSubmit: item.submit }));
             case 'increase':
                 return (React.createElement(Input, { type: "increase", label: item.label, value: item.value, name: item.name, size: size, handleChange: onIntChangeHandler, min: item.min, max: item.max, step: item.step, readOnly: read, autoFocus: item.autofocus, handleSubmit: item.submit }));
+            case 'select':
+                return (React.createElement(Dropdown, { options: item.options, handleSelect: onChangeHandler, name: item.name, value: item.value, size: size, label: item.label }));
             case 'file':
                 return (React.createElement(File, { label: item.label, fileValue: item.value, name: item.name, size: size, handleChange: onFileHandler, readOnly: read }));
         }

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

@@ -5,11 +5,11 @@ import { ScrollCotainer } from '../common';
 import { ModalElement, ModalOverlayer } from './Modal.styles';
 import { ThemeProvider } from 'styled-components';
 import { ButtonsFooter } from '../ButtonsFooter';
-export const Modal = ({ theme = mainTheme, children, title, handleConfirm, handleClose, handleAdditional, labelConfirm = 'Save', labelClose = 'Cancel', labelAdditional, submitDisabled, size = 'small', submitLoader = false, additionalType = 'button', additionalValue = false, headerDivader = false }) => {
+export const Modal = ({ theme = mainTheme, children, title, handleConfirm, handleClose, handleAdditional, labelConfirm, labelClose = 'Cancel', labelAdditional, submitDisabled, size = 'small', submitLoader = false, additionalType = 'button', additionalValue = false, headerDivader = false, additionaNormalMode = false }) => {
     return (React.createElement(ThemeProvider, { theme: theme },
         React.createElement(ModalOverlayer, null,
             React.createElement(ModalElement, { size: size },
                 React.createElement(ElementHeader, { title: title, handleClose: handleClose, bottomDivader: headerDivader }),
                 React.createElement(ScrollCotainer, null, children),
-                React.createElement(ButtonsFooter, { handleConfirm: handleConfirm, handleClose: handleClose, handleAdditional: handleAdditional, labelConfirm: labelConfirm, labelClose: labelClose, labelAdditional: labelAdditional, submitDisabled: submitDisabled, submitLoader: submitLoader, additionalType: additionalType, additionalValue: additionalValue })))));
+                React.createElement(ButtonsFooter, { handleConfirm: handleConfirm, handleClose: handleClose, handleAdditional: handleAdditional, labelConfirm: labelConfirm, labelClose: labelClose, labelAdditional: labelAdditional, submitDisabled: submitDisabled, submitLoader: submitLoader, additionalType: additionalType, additionalValue: additionalValue, additionaNormalMode: additionaNormalMode })))));
 };

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

@@ -11,6 +11,7 @@ interface IButtonsFooterProps {
     backgroundColor?: string;
     additionalType?: string;
     additionalValue?: boolean;
+    additionaNormalMode?: boolean;
 }
 export declare const ButtonsFooter: FC<IButtonsFooterProps>;
 export {};

package/dist/types/components/Form/formTypes.d.ts

@@ -1,3 +1,4 @@
+import { IOption } from './../../types';
 export interface FormDataProps {
     type: string;
     label: string;
@@ -6,6 +7,7 @@ export interface FormDataProps {
     min?: number;
     max?: number;
     step?: number;
+    options?: IOption[];
     autofocus?: boolean;
     submit?: () => void;
 }

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

@@ -15,5 +15,6 @@ export interface IModalProps {
     additionalType?: string;
     additionalValue?: boolean;
     headerDivader?: boolean;
+    additionaNormalMode?: boolean;
 }
 export declare const Modal: FC<IModalProps>;

package/package.json

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