@trackunit/react-form-components 0.0.70 → 0.0.76

package/index.cjs

@@ -13988,7 +13988,7 @@ const useCustomComponents = (componentsProps, disabled, menuIsOpen, refMenuIsEna
                     selected: props.isSelected,
                     onClick: props.innerProps.onClick,
                 };
-                return (jsxRuntime.jsx(components.Option, Object.assign({}, props, { innerProps: Object.assign(Object.assign({}, props.innerProps), { role: "option", onClick: () => { } }), children: props.isMulti ? (jsxRuntime.jsx(MultiSelectMenuItem, Object.assign({}, componentProps, { disabled: disabled, dataTestId: props.label }))) : (jsxRuntime.jsx(SingleSelectMenuItem, Object.assign({}, componentProps, { disabled: disabled || props.isDisabled, dataTestId: props.label }))) })));
+                return (jsxRuntime.jsx(components.Option, Object.assign({}, props, { innerProps: Object.assign(Object.assign({}, props.innerProps), { role: "option", onClick: () => { } }), children: props.isMulti ? (jsxRuntime.jsx(MultiSelectMenuItem, Object.assign({}, componentProps, { disabled: disabled, dataTestId: typeof props.label === "string" ? props.label : undefined }))) : (jsxRuntime.jsx(SingleSelectMenuItem, Object.assign({}, componentProps, { disabled: disabled || props.isDisabled, dataTestId: typeof props.label === "string" ? props.label : undefined }))) })));
             } }, componentsProps);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [componentsProps, disabled, maxSelectedDisplayCount]); // do not add dropdownIcon (it will cause issue with opening/closing list for selects with custom icon)
@@ -14397,8 +14397,8 @@ const Schedule = ({ className, dataTestId, schedule, onChange, invalidKeys = []
         const newSchedule = schedule.map((day, dayIndex) => (index === dayIndex ? Object.assign(Object.assign({}, day), { isActive }) : day));
         onChange(newSchedule);
     };
-    return (jsxRuntime.jsx("div", { "data-testid": dataTestId, className: className, children: schedule.map(({ label, range, isActive, key }, index) => {
-            return (jsxRuntime.jsxs("div", { className: cvaScheduleItem(), children: [jsxRuntime.jsx(reactComponents.Text, { className: cvaScheduleItemText(), size: "medium", children: label }), jsxRuntime.jsx(TimeRange, { dataTestId: `${dataTestId}-${label}-range`, range: range, onChange: (newRange) => onRangeChange(newRange, index), disabled: !isActive, isInvalid: !!invalidKeys.find((invalidKey) => invalidKey === key) }), jsxRuntime.jsx(Checkbox, { dataTestId: `${dataTestId}-${label}-checkbox`, checked: isActive, onChange: (event) => onActiveChange(Boolean(event.currentTarget.checked), index) })] }, key));
+    return (jsxRuntime.jsx("div", { "data-testid": dataTestId, className: className, children: schedule.map(({ label, range, isActive, key, checkboxLabel }, index) => {
+            return (jsxRuntime.jsxs("div", { className: cvaScheduleItem(), children: [jsxRuntime.jsx(reactComponents.Text, { className: cvaScheduleItemText(), size: "medium", children: label }), jsxRuntime.jsx(TimeRange, { dataTestId: `${dataTestId}-${label}-range`, range: range, onChange: (newRange) => onRangeChange(newRange, index), disabled: !isActive, isInvalid: !!invalidKeys.find((invalidKey) => invalidKey === key) }), jsxRuntime.jsx(Checkbox, { dataTestId: `${dataTestId}-${label}-checkbox`, checked: isActive, onChange: (event) => onActiveChange(Boolean(event.currentTarget.checked), index), label: checkboxLabel })] }, key));
         }) }));
 };
 

package/index.js

@@ -13962,7 +13962,7 @@ const useCustomComponents = (componentsProps, disabled, menuIsOpen, refMenuIsEna
                     selected: props.isSelected,
                     onClick: props.innerProps.onClick,
                 };
-                return (jsx$1(components.Option, Object.assign({}, props, { innerProps: Object.assign(Object.assign({}, props.innerProps), { role: "option", onClick: () => { } }), children: props.isMulti ? (jsx$1(MultiSelectMenuItem, Object.assign({}, componentProps, { disabled: disabled, dataTestId: props.label }))) : (jsx$1(SingleSelectMenuItem, Object.assign({}, componentProps, { disabled: disabled || props.isDisabled, dataTestId: props.label }))) })));
+                return (jsx$1(components.Option, Object.assign({}, props, { innerProps: Object.assign(Object.assign({}, props.innerProps), { role: "option", onClick: () => { } }), children: props.isMulti ? (jsx$1(MultiSelectMenuItem, Object.assign({}, componentProps, { disabled: disabled, dataTestId: typeof props.label === "string" ? props.label : undefined }))) : (jsx$1(SingleSelectMenuItem, Object.assign({}, componentProps, { disabled: disabled || props.isDisabled, dataTestId: typeof props.label === "string" ? props.label : undefined }))) })));
             } }, componentsProps);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [componentsProps, disabled, maxSelectedDisplayCount]); // do not add dropdownIcon (it will cause issue with opening/closing list for selects with custom icon)
@@ -14371,8 +14371,8 @@ const Schedule = ({ className, dataTestId, schedule, onChange, invalidKeys = []
         const newSchedule = schedule.map((day, dayIndex) => (index === dayIndex ? Object.assign(Object.assign({}, day), { isActive }) : day));
         onChange(newSchedule);
     };
-    return (jsx$1("div", { "data-testid": dataTestId, className: className, children: schedule.map(({ label, range, isActive, key }, index) => {
-            return (jsxs("div", { className: cvaScheduleItem(), children: [jsx$1(Text, { className: cvaScheduleItemText(), size: "medium", children: label }), jsx$1(TimeRange, { dataTestId: `${dataTestId}-${label}-range`, range: range, onChange: (newRange) => onRangeChange(newRange, index), disabled: !isActive, isInvalid: !!invalidKeys.find((invalidKey) => invalidKey === key) }), jsx$1(Checkbox, { dataTestId: `${dataTestId}-${label}-checkbox`, checked: isActive, onChange: (event) => onActiveChange(Boolean(event.currentTarget.checked), index) })] }, key));
+    return (jsx$1("div", { "data-testid": dataTestId, className: className, children: schedule.map(({ label, range, isActive, key, checkboxLabel }, index) => {
+            return (jsxs("div", { className: cvaScheduleItem(), children: [jsx$1(Text, { className: cvaScheduleItemText(), size: "medium", children: label }), jsx$1(TimeRange, { dataTestId: `${dataTestId}-${label}-range`, range: range, onChange: (newRange) => onRangeChange(newRange, index), disabled: !isActive, isInvalid: !!invalidKeys.find((invalidKey) => invalidKey === key) }), jsx$1(Checkbox, { dataTestId: `${dataTestId}-${label}-checkbox`, checked: isActive, onChange: (event) => onActiveChange(Boolean(event.currentTarget.checked), index), label: checkboxLabel })] }, key));
         }) }));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.70",
+  "version": "0.0.76",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,7 +9,7 @@
   "dependencies": {
     "@trackunit/css-class-variance-utilities": "0.0.6",
     "@trackunit/i18n-library-translation": "0.0.59",
-    "@trackunit/react-components": "0.1.119",
+    "@trackunit/react-components": "0.1.124",
     "@trackunit/tailwind-styled-components": "0.0.58",
     "date-fns": "2.29.3",
     "libphonenumber-js": "1.10.36",

package/src/components/Schedule/Schedule.d.ts

@@ -18,6 +18,10 @@ export interface ScheduleItem {
      * Indicates whether the schedule item is active.
      */
     isActive: boolean;
+    /**
+     * Checkbox text
+     */
+    checkboxLabel?: string;
 }
 export interface ScheduleProps extends CommonProps {
     /**