venice-ui 3.0.34 → 3.0.36

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -9,7 +9,7 @@ const config_1 = require("../../config");
 const ComponentRoot_1 = require("../ComponentRoot");
 const Checkbox_styles_1 = require("./Checkbox.styles");
 const IconsPath_1 = require("../Icon/IconsPath");
-const Checkbox = ({ name, value = false, size = 'md', label, labelPosition = 'top', theme, width = 'auto', themeVariant = 'default', handleClick, isIntermedian = false, isDisabled = false, labelInversed = false, error = false, helperText, required = false, optional = false, optionalLabel, componentWidth }) => {
+const Checkbox = ({ name, value = false, size = 'md', label, labelPosition = 'top', theme, width = 'auto', themeVariant = 'default', handleClick, isIntermedian = false, isDisabled = false, labelInversed = false, error = false, helperText, required = false, optional = false, optionalLabel, componentWidth, noBreakLabel = false }) => {
     const resolvedThemeData = (0, config_1.resolveThemeWithComponentsConfig)({
         theme,
         themeVariant,
@@ -26,7 +26,7 @@ const Checkbox = ({ name, value = false, size = 'md', label, labelPosition = 'to
             handleClick(!value);
         }
     };
-    return (react_1.default.createElement(ComponentRoot_1.ComponentRoot, { labelPosition: labelPosition, size: size, width: width, disabled: isDisabled, error: error, readOnly: false, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: checkboxConfig, label: label, isActive: value, labelInversed: labelInversed, smallSize: true, componentWidth: componentWidth ? componentWidth : `${checkboxConfig.size[size].width}px` },
+    return (react_1.default.createElement(ComponentRoot_1.ComponentRoot, { labelPosition: labelPosition, size: size, width: width, disabled: isDisabled, error: error, readOnly: false, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: checkboxConfig, label: label, isActive: value, labelInversed: labelInversed, smallSize: true, noBreakLabel: noBreakLabel, componentWidth: componentWidth ? componentWidth : `${checkboxConfig.size[size].width}px` },
         react_1.default.createElement(Checkbox_styles_1.CheckboxRoot, { onClick: onClick, isDisabled: isDisabled },
             react_1.default.createElement(Checkbox_styles_1.CheckboxBox, { theme: resolvedTheme, config: checkboxConfig, size: size, isDisabled: isDisabled, isIntermedian: isIntermedian, isActive: value }, (value || isIntermedian) && (react_1.default.createElement("svg", { width: resolvedSize.iconSize, height: resolvedSize.iconSize, viewBox: '0 0 24 24', preserveAspectRatio: "xMidYMid meet", x: "0", y: "0", name: name },
                 react_1.default.createElement("path", { d: iconName, fill: isDisabled

package/dist/cjs/components/ComponentRoot/ComponentRoot.js

@@ -10,7 +10,7 @@ const Label_1 = require("../Label");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = require("styled-components");
 const ComponentRoot_styles_1 = require("./ComponentRoot.styles");
-const ComponentRoot = ({ theme, themeVariant = 'default', label, labelPosition = 'top', size = 'md', width, disabled = false, error = false, readOnly = false, required = false, optional = false, optionalLabel, helperText, componentConfig, children, isActive = false, labelInversed = false, smallSize = false, noBorder = false, noBreakLabel, componentWidth = 'auto' }) => {
+const ComponentRoot = ({ theme, themeVariant = 'default', label, labelPosition = 'top', size = 'md', width, disabled = false, error = false, readOnly = false, required = false, optional = false, optionalLabel, helperText, componentConfig, children, isActive = false, labelInversed = false, smallSize = false, noBorder = false, noBreakLabel = false, componentWidth = 'auto' }) => {
     return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
         react_1.default.createElement(Aligment_1.Aligment, { align: 'flex-start', direction: labelPosition === 'top'
                 ? 'column'

package/dist/cjs/components/List/List.js

@@ -81,19 +81,19 @@ const List = ({ theme, themeVariant = 'default', items, handleChange, handleSele
         updateParentSelection(newListOption, item.id);
         handleChange(newListOption);
     };
-    const select = (id) => {
+    const selectRow = (id) => {
         if (handleSelect && isSelectable) {
             handleSelect(id);
         }
     };
     const renderRow = (row, level) => {
         const rowHaveStatus = row.statusDone || row.statusError || row.statusWarning;
-        return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: resolvedTheme },
+        return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: resolvedTheme, key: row.id },
             react_1.default.createElement(List_styles_1.ListRowRoot, { theme: resolvedTheme, config: checkboxConfig, 
                 // action={}
-                level: level },
+                level: level, key: `row_${row.id}` },
                 react_1.default.createElement(List_styles_1.ListRow, { theme: resolvedTheme, config: checkboxConfig, isSelected: isSelectable && selected ? selected === row.id : false, isSelectable: isSelectable, onClick: () => {
-                        select(row.id);
+                        selectRow(row.id);
                     } },
                     react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(Aligment_1.Aligment, { justify: "start-flex", gap: checkboxConfig.size.gap, align: "center" },

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -0,0 +1 @@
+"use strict";

package/dist/esm/components/Checkbox/Checkbox.js

@@ -3,7 +3,7 @@ import { resolveThemeWithComponentsConfig } from '../../config';
 import { ComponentRoot } from '../ComponentRoot';
 import { CheckboxBox, CheckboxRoot } from './Checkbox.styles';
 import { iconsPath } from '../Icon/IconsPath';
-export const Checkbox = ({ name, value = false, size = 'md', label, labelPosition = 'top', theme, width = 'auto', themeVariant = 'default', handleClick, isIntermedian = false, isDisabled = false, labelInversed = false, error = false, helperText, required = false, optional = false, optionalLabel, componentWidth }) => {
+export const Checkbox = ({ name, value = false, size = 'md', label, labelPosition = 'top', theme, width = 'auto', themeVariant = 'default', handleClick, isIntermedian = false, isDisabled = false, labelInversed = false, error = false, helperText, required = false, optional = false, optionalLabel, componentWidth, noBreakLabel = false }) => {
     const resolvedThemeData = resolveThemeWithComponentsConfig({
         theme,
         themeVariant,
@@ -20,7 +20,7 @@ export const Checkbox = ({ name, value = false, size = 'md', label, labelPositio
             handleClick(!value);
         }
     };
-    return (React.createElement(ComponentRoot, { labelPosition: labelPosition, size: size, width: width, disabled: isDisabled, error: error, readOnly: false, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: checkboxConfig, label: label, isActive: value, labelInversed: labelInversed, smallSize: true, componentWidth: componentWidth ? componentWidth : `${checkboxConfig.size[size].width}px` },
+    return (React.createElement(ComponentRoot, { labelPosition: labelPosition, size: size, width: width, disabled: isDisabled, error: error, readOnly: false, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: checkboxConfig, label: label, isActive: value, labelInversed: labelInversed, smallSize: true, noBreakLabel: noBreakLabel, componentWidth: componentWidth ? componentWidth : `${checkboxConfig.size[size].width}px` },
         React.createElement(CheckboxRoot, { onClick: onClick, isDisabled: isDisabled },
             React.createElement(CheckboxBox, { theme: resolvedTheme, config: checkboxConfig, size: size, isDisabled: isDisabled, isIntermedian: isIntermedian, isActive: value }, (value || isIntermedian) && (React.createElement("svg", { width: resolvedSize.iconSize, height: resolvedSize.iconSize, viewBox: '0 0 24 24', preserveAspectRatio: "xMidYMid meet", x: "0", y: "0", name: name },
                 React.createElement("path", { d: iconName, fill: isDisabled

package/dist/esm/components/ComponentRoot/ComponentRoot.js

@@ -4,7 +4,7 @@ import { Label } from '../Label';
 import React from 'react';
 import { ThemeProvider } from 'styled-components';
 import { ComponentWrapper } from './ComponentRoot.styles';
-export const ComponentRoot = ({ theme, themeVariant = 'default', label, labelPosition = 'top', size = 'md', width, disabled = false, error = false, readOnly = false, required = false, optional = false, optionalLabel, helperText, componentConfig, children, isActive = false, labelInversed = false, smallSize = false, noBorder = false, noBreakLabel, componentWidth = 'auto' }) => {
+export const ComponentRoot = ({ theme, themeVariant = 'default', label, labelPosition = 'top', size = 'md', width, disabled = false, error = false, readOnly = false, required = false, optional = false, optionalLabel, helperText, componentConfig, children, isActive = false, labelInversed = false, smallSize = false, noBorder = false, noBreakLabel = false, componentWidth = 'auto' }) => {
     return (React.createElement(ThemeProvider, { theme: theme },
         React.createElement(Aligment, { align: 'flex-start', direction: labelPosition === 'top'
                 ? 'column'

package/dist/esm/components/List/List.js

@@ -75,19 +75,19 @@ export const List = ({ theme, themeVariant = 'default', items, handleChange, han
         updateParentSelection(newListOption, item.id);
         handleChange(newListOption);
     };
-    const select = (id) => {
+    const selectRow = (id) => {
         if (handleSelect && isSelectable) {
             handleSelect(id);
         }
     };
     const renderRow = (row, level) => {
         const rowHaveStatus = row.statusDone || row.statusError || row.statusWarning;
-        return (React.createElement(ThemeProvider, { theme: resolvedTheme },
+        return (React.createElement(ThemeProvider, { theme: resolvedTheme, key: row.id },
             React.createElement(ListRowRoot, { theme: resolvedTheme, config: checkboxConfig, 
                 // action={}
-                level: level },
+                level: level, key: `row_${row.id}` },
                 React.createElement(ListRow, { theme: resolvedTheme, config: checkboxConfig, isSelected: isSelectable && selected ? selected === row.id : false, isSelectable: isSelectable, onClick: () => {
-                        select(row.id);
+                        selectRow(row.id);
                     } },
                     React.createElement(React.Fragment, null,
                         React.createElement(Aligment, { justify: "start-flex", gap: checkboxConfig.size.gap, align: "center" },

package/dist/esm/components/Tooltip/Tooltip.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -20,6 +20,7 @@ interface ICheckboxProps {
     optional?: boolean;
     optionalLabel?: string;
     componentWidth?: string;
+    noBreakLabel?: boolean;
 }
 export declare const Checkbox: FC<ICheckboxProps>;
 export {};

package/package.json

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