@lunit/oui 2.2.9 → 2.2.11

package/dist/components/TextField/components/FileInput.js

@@ -21,7 +21,7 @@ const FileInput = forwardRef((props, ref) => {
             return;
         fileInput[0].click();
     };
-    return (_jsxs(BaseTextFieldBox, { ...props.OuterBoxProps, width: props.width, children: [_jsxs(BaseTextFieldContainer, { ...props.InputContainerProps, width: props.width, children: [leftIcon && (_jsx(LeftIconContainer, { sx: inputProps.disabled ? { opacity: '0.8' } : undefined, children: leftIcon })), _jsx("input", { ref: ref, type: "file", name: uID, accept: props.accept, style: { display: 'none' }, onChange: (e) => {
+    return (_jsxs(BaseTextFieldBox, { ...props.OuterBoxProps, width: props.width, children: [_jsxs(BaseTextFieldContainer, { ...props.InputContainerProps, width: props.width, children: [leftIcon && (_jsx(LeftIconContainer, { sx: inputProps.disabled ? { opacity: '0.8' } : undefined, children: leftIcon })), _jsx("input", { ref: ref, type: "file", name: uID, accept: props.accept, style: { display: 'none' }, disabled: inputProps.disabled, onChange: (e) => {
                             setFileName(e.target.value.split('\\').pop());
                         } }), _jsxs(FileInputWrapperButton, { onClick: () => handleButtonClicksFile(), width: props.width, children: [_jsx(BaseTextInput, { ...inputProps, type: "text", error: !!error, value: fileName, 
                                 // @Tobio89: this dummy onchange clears an error without triggering unwanted style changes

package/dist/presentations/Accordion/Accordion.js

@@ -10,6 +10,12 @@ import { FreeText } from '../FreeText';
 import { Statistic } from '../Statistic';
 import { Score } from '../Score';
 const Accordion = ({ componentType = 'accordion', MuiAccordionProps, AccordionDetailsProps, AccordionSummaryProps, size = 'medium', tooltip = [], title, items, metrics, isOpen, onChange, }) => {
+    if (!componentType)
+        throw new Error("The 'componentType' prop is required.");
+    if (!title)
+        throw new Error("The 'title' prop is required.");
+    if (!items.length)
+        throw new Error("The 'items' prop must contain at least one item.");
     return (_jsxs(BaseAccordion, { ...MuiAccordionProps, expanded: isOpen, onChange: onChange, sx: { alignItems: 'center' }, children: [_jsxs(BaseAccordionSummary, { expandIcon: _jsx(ArrowDown, { sx: { fill: theme.palette.neutralGrey[40] } }), ...AccordionSummaryProps, children: [!!tooltip.length && (_jsx(Tooltip, { arrow: true, size: "large", onClick: (event) => event.stopPropagation(), title: _jsx(Box, { sx: { display: 'flex', flexDirection: 'column', gap: '8px' }, onClick: (event) => event.stopPropagation(), children: tooltip.map((item) => (_jsxs(Box, { children: [item.componentType === 'freeText' && (_jsx(FreeText, { componentType: item.componentType, size: item.size, content: item.content })), item.componentType === 'statistic' && (_jsx(Statistic, { componentType: item.componentType, title: item.title, size: item.size, layout: item.layout, symbol: item.symbol, color: item.color }))] }, uuidV4()))) }), children: _jsx(Box, { sx: {
                                 marginRight: size.includes('small') ? '4px' : '6px',
                                 display: 'flex',

package/dist/presentations/AnalysisBar/AnalysisBar.js

@@ -18,6 +18,10 @@ const Segments = ({ segments, adjustForOnePercent }) => {
         }) }));
 };
 const AnalysisBar = ({ componentType = 'analysisBar', expressionValue, caption, expressionLevels = [], segments, isDimmed = false, }) => {
+    if (!componentType)
+        throw new Error("The 'componentType' prop is required.");
+    if (!expressionLevels.length)
+        throw new Error("The 'expressionLevels' prop must contain at least one item.");
     const hasAdjustedOnePercentSegment = segments?.[0].width === 1;
     return (_jsxs(AnalysisBarOuter, { className: "analysis-bar", isDimmed: isDimmed, children: [_jsxs(AnalysisBarSegmentContainer, { children: [expressionValue && (_jsx(GraphScoreIndicator, { adjustForOnePercent: hasAdjustedOnePercentSegment, value: expressionValue, isJet: segments?.[0].color === 'jet' })), _jsx(Segments, { segments: segments, adjustForOnePercent: hasAdjustedOnePercentSegment })] }), (expressionLevels.length > 0 || caption) && (_jsxs(AxisLabels, { children: [expressionLevels.length > 0 &&
                         expressionLevels.map((val, i) => {

package/dist/presentations/FreeText/FreeText.js

@@ -3,6 +3,10 @@ import { Box } from '@mui/material';
 import theme from '../../theme';
 import { PresentationTypography } from '../presentations.styled';
 const FreeText = ({ componentType = 'freeText', size = 'medium', content, height, background = false, }) => {
+    if (!componentType)
+        throw new Error("The 'componentType' prop is required.");
+    if (!content)
+        throw new Error("The 'content' prop is required.");
     return (_jsx(Box, { sx: {
             padding: background ? '8px 6px 8px 16px' : 0,
             borderRadius: background ? '8px' : 0,

package/dist/presentations/Histogram/Histogram.js

@@ -7,6 +7,16 @@ import HistogramTabs from './HistogramTabs';
 import HistogramChart from './HistogramCharts';
 import { FreeText } from '../FreeText';
 const Histogram = ({ componentType = 'histogram', title, xAxisLabels, yAxisLabels, tabs, description = [], }) => {
+    if (!componentType)
+        throw new Error("The 'componentType' prop is required.");
+    if (!title)
+        throw new Error("The 'title' prop is required.");
+    if (!xAxisLabels.length)
+        throw new Error("The 'xAxisLabels' prop must contain at least one item.");
+    if (!yAxisLabels.length)
+        throw new Error("The 'yAxisLabels' prop must contain at least one item.");
+    if (!tabs.length)
+        throw new Error("The 'tabs' prop must contain at least one item.");
     const [activeIndex, setActiveIndex] = useState(0);
     const noData = tabs[activeIndex].data.length === 0;
     return (_jsxs(HistogramContainer, { children: [noData && _jsx(HistogramNoData, { children: "No Data" }), title && _jsx(HistogramTitle, { children: title }), _jsx(HistogramTabs, { options: tabs.map((tab) => tab.label), active: activeIndex, onChange: setActiveIndex }), _jsx(HistogramChartContainer, { children: _jsx(Box, { sx: {

package/dist/presentations/HorizonDivider/HorizonDivider.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Divider } from '../../components';
 const HorizonDivider = ({ componentType = 'divider' }) => {
+    if (!componentType)
+        throw new Error("The 'componentType' prop is required.");
     return _jsx(Divider, { orientation: "horizontal" });
 };
 export default HorizonDivider;

package/dist/presentations/Score/Score.js

@@ -4,6 +4,12 @@ const capitalize = (str) => {
     return str.charAt(0).toUpperCase() + str.slice(1);
 };
 const Score = ({ componentType = 'score', title, size = 'medium', metrics }) => {
+    if (!componentType)
+        throw new Error("The 'componentType' prop is required.");
+    if (!title)
+        throw new Error("The 'title' prop is required.");
+    if (!metrics)
+        throw new Error("The 'metrics' prop is required.");
     return (_jsxs(PresentationTypography, { size: size, style: { color: metrics.isFullColored ? metrics.color : 'inherit' }, children: [title, ": ", metrics.value, metrics.scoreType && (_jsx("span", { style: { color: metrics.color, marginLeft: 4 }, children: capitalize(metrics.scoreType) }))] }));
 };
 export default Score;

package/dist/presentations/Statistic/Statistic.js

@@ -3,6 +3,10 @@ import { Box } from '@mui/material';
 import { Container, HorizontalStatisticContainer, VerticalStatisticContainer, } from './Statistic.styled';
 import { PresentationSymbolIcon, PresentationTypography } from '../presentations.styled';
 const Statistic = ({ componentType = 'statistic', title, layout = 'vertical', metrics = '', size = 'medium', symbol, color, isDimmed = false, ...rest }) => {
+    if (!componentType)
+        throw new Error("The 'componentType' prop is required.");
+    if (!title)
+        throw new Error("The 'title' prop is required.");
     return (_jsx(Container, { ...rest, sx: { width: '100%' }, children: layout === 'horizontal' ? (_jsxs(HorizontalStatisticContainer, { children: [_jsxs(Box, { sx: {
                         display: 'flex',
                         alignItems: 'center',

package/dist/presentations/Threshold/Threshold.js

@@ -11,6 +11,14 @@ import { HorizonDivider } from '../HorizonDivider';
 import { FreeText } from '../FreeText';
 import { getPresetValue, getSliderMarks } from './Threshold.utils';
 const Threshold = ({ componentType = 'threshold', title, totalScore, totalCells, statisticItems, options, description, controlStep = 1, isLoading = false, onChangeDropdown, onSliderChangeCommitted, onClickUpdateConfiguration, }) => {
+    if (!componentType)
+        throw new Error("The 'componentType' prop is required.");
+    if (!totalScore)
+        throw new Error("The 'totalScore' prop is required.");
+    if (!statisticItems.length)
+        throw new Error("The 'statisticItems' prop must contain at least one item.");
+    if (!options.length)
+        throw new Error("The 'options' prop must contain at least one item.");
     const [selectedItem, setSelectedItem] = useState(options[0].title.toString());
     const [selectedValue, setSelectedValue] = useState(options[0].value);
     const [selectedOptionValue, setSelectedOptionValue] = useState(options[0].value);

package/dist/presentations/ToggleControl/ToggleControl.js

@@ -9,7 +9,13 @@ import { FreeText } from '../FreeText';
 import { Statistic } from '../Statistic';
 import { Tooltip } from '../../components';
 import { Information } from '../../icons';
-const ToggleControl = ({ componentType = 'toggle', title, size = 'medium', symbol, tooltip = [], content = [], color, isParent = false, disabled = false, bar, checked = false, isDimmed = false, onChange, }) => {
+const ToggleControl = ({ componentType = 'toggle', title, size = 'medium', symbol, tooltip = [], content = [], color, isParent = false, disabled = false, bar, checked, isDimmed = false, onChange, }) => {
+    if (!componentType)
+        throw new Error("The 'componentType' prop is required.");
+    if (!title)
+        throw new Error("The 'title' prop is required.");
+    if (checked === undefined)
+        throw new Error("The 'checked' prop is required.");
     return (_jsxs(ToggleControlOuter, { "data-toggle-name": `toggle-control-${title?.replace(/\s/g, '-')}`, hasBar: !!bar || !!content.length, style: { marginBottom: isParent ? '4px' : '0' }, children: [_jsxs(ToggleControlContainer, { className: "toggle-inner-container", size: size, children: [_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: '6px' }, className: "toggle-label", children: [!!tooltip.length && (_jsx(Tooltip, { arrow: true, size: "large", title: _jsx(Box, { sx: { display: 'flex', flexDirection: 'column', gap: '8px' }, children: tooltip.map((item) => (_jsxs(Box, { children: [item.componentType === 'freeText' && (_jsx(FreeText, { componentType: item.componentType, size: item.size, content: item.content })), item.componentType === 'statistic' && (_jsx(Statistic, { componentType: item.componentType, title: item.title, size: item.size, layout: item.layout, symbol: item.symbol, color: item.color }))] }, uuidV4()))) }), children: _jsx(Box, { sx: {
                                         display: 'flex',
                                         alignItems: 'center',

package/dist/presentations/ToggleControl/ToggleControl.types.d.ts

@@ -9,7 +9,7 @@ export interface ToggleControlSpec {
     size?: PresentationElementSize;
     symbol?: PresentationSymbol;
     color?: string;
-    checked?: boolean;
+    checked: boolean;
     tooltip?: (StatisticProps | FreeTextProps)[];
     content?: StatisticProps[];
     bar?: AnalysisBarProps;

package/dist/presentations/ToggleControlGroup/ToggleControlGroup.js

@@ -2,7 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { v4 as uuidV4 } from 'uuid';
 import { ToggleControlGroupContainer } from './ToggleControlGroup.styled';
 import ToggleControl from '../ToggleControl/ToggleControl';
-const ToggleControlGroup = ({ componentType = 'toggleGroup', size = 'medium', title, tooltip = [], bar, childToggles, disabled, checked = true, behavior = 'multi', isDimmed = false, onChange, }) => {
+const ToggleControlGroup = ({ componentType = 'toggleGroup', size = 'medium', title, tooltip = [], bar, childToggles, disabled, checked, behavior = 'multi', isDimmed = false, onChange, }) => {
+    if (!componentType)
+        throw new Error("The 'componentType' prop is required.");
+    if (!title)
+        throw new Error("The 'title' prop is required.");
+    if (checked === undefined)
+        throw new Error("The 'checked' prop is required.");
+    if (!childToggles.length)
+        throw new Error("The 'childToggles' prop must contain at least one child toggle.");
     return (_jsxs(ToggleControlGroupContainer, { children: [_jsx(ToggleControl, { isParent: true, componentType: "toggle", bar: bar, disabled: disabled, size: size, title: title, tooltip: tooltip, checked: checked, isDimmed: isDimmed, onChange: onChange }), childToggles?.map((child, index) => {
                 return (_jsx(ToggleControl, { componentType: "toggle", title: child.title, size: size, tooltip: child.tooltip, symbol: child.symbol, color: child.color, isDimmed: child.isDimmed || isDimmed, checked: child.checked, disabled: child.disabled, onChange: (event) => {
                         child.onChange(event);

package/dist/presentations/ToggleControlGroup/ToggleControlGroup.types.d.ts

@@ -12,7 +12,7 @@ export interface ToggleGroupControlSpec {
     size?: PresentationElementSize;
     tooltip?: (StatisticProps | FreeTextProps)[];
     bar?: AnalysisBarProps;
-    checked?: boolean;
+    checked: boolean;
     childToggles: ToggleControlProps[];
 }
 export interface ToggleControlGroupProps extends ToggleGroupControlSpec {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lunit/oui",
-  "version": "2.2.9",
+  "version": "2.2.11",
   "validate-branch-name": {
     "pattern": "^(main|develop)|(feature|fix|release|hotfix|qe)/.+$",
     "errorMsg": "The branch name is not correct. Please check the pattern. (ex. feature/add-something)"