venice-ui 3.0.35 → 3.0.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Checkbox/Checkbox.js +2 -2
- package/dist/cjs/components/ComponentRoot/ComponentRoot.js +1 -1
- package/dist/cjs/components/List/List.js +0 -2
- package/dist/cjs/components/Tooltip/Tooltip.js +1 -0
- package/dist/esm/components/Checkbox/Checkbox.js +2 -2
- package/dist/esm/components/ComponentRoot/ComponentRoot.js +1 -1
- package/dist/esm/components/List/List.js +0 -2
- package/dist/esm/components/Tooltip/Tooltip.js +1 -0
- package/dist/types/components/Checkbox/Checkbox.d.ts +1 -0
- package/dist/types/components/Tooltip/Tooltip.d.ts +0 -0
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ const config_1 = require("../../config");
|
|
|
9
9
|
const ComponentRoot_1 = require("../ComponentRoot");
|
|
10
10
|
const Checkbox_styles_1 = require("./Checkbox.styles");
|
|
11
11
|
const IconsPath_1 = require("../Icon/IconsPath");
|
|
12
|
-
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 }) => {
|
|
12
|
+
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 }) => {
|
|
13
13
|
const resolvedThemeData = (0, config_1.resolveThemeWithComponentsConfig)({
|
|
14
14
|
theme,
|
|
15
15
|
themeVariant,
|
|
@@ -26,7 +26,7 @@ const Checkbox = ({ name, value = false, size = 'md', label, labelPosition = 'to
|
|
|
26
26
|
handleClick(!value);
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
|
-
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` },
|
|
29
|
+
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` },
|
|
30
30
|
react_1.default.createElement(Checkbox_styles_1.CheckboxRoot, { onClick: onClick, isDisabled: isDisabled },
|
|
31
31
|
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 },
|
|
32
32
|
react_1.default.createElement("path", { d: iconName, fill: isDisabled
|
|
@@ -10,7 +10,7 @@ const Label_1 = require("../Label");
|
|
|
10
10
|
const react_1 = __importDefault(require("react"));
|
|
11
11
|
const styled_components_1 = require("styled-components");
|
|
12
12
|
const ComponentRoot_styles_1 = require("./ComponentRoot.styles");
|
|
13
|
-
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' }) => {
|
|
13
|
+
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' }) => {
|
|
14
14
|
return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
|
|
15
15
|
react_1.default.createElement(Aligment_1.Aligment, { align: 'flex-start', direction: labelPosition === 'top'
|
|
16
16
|
? 'column'
|
|
@@ -82,9 +82,7 @@ const List = ({ theme, themeVariant = 'default', items, handleChange, handleSele
|
|
|
82
82
|
handleChange(newListOption);
|
|
83
83
|
};
|
|
84
84
|
const selectRow = (id) => {
|
|
85
|
-
console.log('selectRow', id, handleSelect && isSelectable);
|
|
86
85
|
if (handleSelect && isSelectable) {
|
|
87
|
-
console.log('action');
|
|
88
86
|
handleSelect(id);
|
|
89
87
|
}
|
|
90
88
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -3,7 +3,7 @@ import { resolveThemeWithComponentsConfig } from '../../config';
|
|
|
3
3
|
import { ComponentRoot } from '../ComponentRoot';
|
|
4
4
|
import { CheckboxBox, CheckboxRoot } from './Checkbox.styles';
|
|
5
5
|
import { iconsPath } from '../Icon/IconsPath';
|
|
6
|
-
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 }) => {
|
|
6
|
+
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 }) => {
|
|
7
7
|
const resolvedThemeData = resolveThemeWithComponentsConfig({
|
|
8
8
|
theme,
|
|
9
9
|
themeVariant,
|
|
@@ -20,7 +20,7 @@ export const Checkbox = ({ name, value = false, size = 'md', label, labelPositio
|
|
|
20
20
|
handleClick(!value);
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
|
-
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` },
|
|
23
|
+
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` },
|
|
24
24
|
React.createElement(CheckboxRoot, { onClick: onClick, isDisabled: isDisabled },
|
|
25
25
|
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 },
|
|
26
26
|
React.createElement("path", { d: iconName, fill: isDisabled
|
|
@@ -4,7 +4,7 @@ import { Label } from '../Label';
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { ThemeProvider } from 'styled-components';
|
|
6
6
|
import { ComponentWrapper } from './ComponentRoot.styles';
|
|
7
|
-
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' }) => {
|
|
7
|
+
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' }) => {
|
|
8
8
|
return (React.createElement(ThemeProvider, { theme: theme },
|
|
9
9
|
React.createElement(Aligment, { align: 'flex-start', direction: labelPosition === 'top'
|
|
10
10
|
? 'column'
|
|
@@ -76,9 +76,7 @@ export const List = ({ theme, themeVariant = 'default', items, handleChange, han
|
|
|
76
76
|
handleChange(newListOption);
|
|
77
77
|
};
|
|
78
78
|
const selectRow = (id) => {
|
|
79
|
-
console.log('selectRow', id, handleSelect && isSelectable);
|
|
80
79
|
if (handleSelect && isSelectable) {
|
|
81
|
-
console.log('action');
|
|
82
80
|
handleSelect(id);
|
|
83
81
|
}
|
|
84
82
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
File without changes
|