venice-ui 2.0.8 → 2.0.10

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/Input/Input.js

@@ -60,9 +60,7 @@ const Input = ({ label, labelPosition = 'top', value, type = 'text', name, disab
         }
     };
     const onKeyDown = (e) => {
-        console.log(e.key, handleSubmit);
         if (handleSubmit && e.key === 'Enter') {
-            console.log('sss');
             handleSubmit();
         }
     };

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/cjs/components/Table/Table.js

@@ -104,8 +104,10 @@ hover = true, selectable = true, sortable = true, sort = {
                                 : 'arrow_drop_up', iconColor: theme.tableCellSortIcon, size: 20 })))))))))),
             react_1.default.createElement("tbody", null, tableProps.elements.map((item) => (react_1.default.createElement(Table_styles_1.TableRow, { key: item.id, hover: hover, active: selectedRow === item.id, selectable: selectable, onClick: () => handleRowClick(item.id) }, tableProps.headers.map((header) => (react_1.default.createElement(react_1.default.Fragment, null, header.action ? (react_1.default.createElement(Table_styles_1.OptionTableCell, { key: `${item.id}-${header.name}-action` },
                 react_1.default.createElement(Table_styles_1.OptionTableCellWrapper, { onClick: (e) => e.stopPropagation() },
-                    react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: moreActions, targetID: item.id, iconName: "more_vert", iconColor: theme.tableMoreIconColor, iconHoverColor: theme.tableHoverMoreIconColor, iconBgHoverColor: 'transparent' })))) : (react_1.default.createElement(Table_styles_1.TableCell, { key: `${item.id}-${header.name}` }, header.date
+                    react_1.default.createElement(DropdownMenu_1.DropdownMenu, { options: moreActions, targetID: item.id, iconName: "more_vert", iconColor: theme.tableMoreIconColor, iconHoverColor: theme.tableHoverMoreIconColor, iconBgHoverColor: "transparent" })))) : (react_1.default.createElement(Table_styles_1.TableCell, { key: `${item.id}-${header.name}` }, header.date
                 ? (0, date_fns_1.format)(item[header.valueSource], 'dd-MM-yyyy')
-                : item[header.valueSource]))))))))))));
+                : header.isCount
+                    ? item[header.valueSource].length
+                    : item[header.valueSource]))))))))))));
 };
 exports.Table = Table;

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/Input/Input.js

@@ -34,9 +34,7 @@ export const Input = ({ label, labelPosition = 'top', value, type = 'text', name
         }
     };
     const onKeyDown = (e) => {
-        console.log(e.key, handleSubmit);
         if (handleSubmit && e.key === 'Enter') {
-            console.log('sss');
             handleSubmit();
         }
     };

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/esm/components/Table/Table.js

@@ -78,7 +78,9 @@ hover = true, selectable = true, sortable = true, sort = {
                                 : 'arrow_drop_up', iconColor: theme.tableCellSortIcon, size: 20 })))))))))),
             React.createElement("tbody", null, tableProps.elements.map((item) => (React.createElement(TableRow, { key: item.id, hover: hover, active: selectedRow === item.id, selectable: selectable, onClick: () => handleRowClick(item.id) }, tableProps.headers.map((header) => (React.createElement(React.Fragment, null, header.action ? (React.createElement(OptionTableCell, { key: `${item.id}-${header.name}-action` },
                 React.createElement(OptionTableCellWrapper, { onClick: (e) => e.stopPropagation() },
-                    React.createElement(DropdownMenu, { options: moreActions, targetID: item.id, iconName: "more_vert", iconColor: theme.tableMoreIconColor, iconHoverColor: theme.tableHoverMoreIconColor, iconBgHoverColor: 'transparent' })))) : (React.createElement(TableCell, { key: `${item.id}-${header.name}` }, header.date
+                    React.createElement(DropdownMenu, { options: moreActions, targetID: item.id, iconName: "more_vert", iconColor: theme.tableMoreIconColor, iconHoverColor: theme.tableHoverMoreIconColor, iconBgHoverColor: "transparent" })))) : (React.createElement(TableCell, { key: `${item.id}-${header.name}` }, header.date
                 ? format(item[header.valueSource], 'dd-MM-yyyy')
-                : item[header.valueSource]))))))))))));
+                : header.isCount
+                    ? item[header.valueSource].length
+                    : item[header.valueSource]))))))))))));
 };

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/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/dist/types/components/Table/Table.d.ts

@@ -6,6 +6,7 @@ export interface ITableHeaderProps {
     sort?: boolean;
     date?: boolean;
     action?: boolean;
+    isCount?: boolean;
 }
 export interface ITableSortProps {
     name: string;

package/package.json

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