@darajs/core 1.21.2 → 1.21.3

package/dist/umd/dara.core.umd.cjs

@@ -25239,9 +25239,9 @@
         setValues(valuesArray);
       }
     }, [props.values, props.items]);
-    return jsxRuntimeExports.jsxs(CheckboxGroupWrapper, { className: props.className, style: props.style, children: [(props.selectMax || props.selectMin) && jsxRuntimeExports.jsx(CheckboxInfo, { children: infoMessage }), props.items.map((item, index2) => {
+    return jsxRuntimeExports.jsxs(CheckboxGroupWrapper, { className: props.className, style: props.style, id: props.id, children: [(props.selectMax || props.selectMin) && jsxRuntimeExports.jsx(CheckboxInfo, { children: infoMessage }), props.items.map((item, index2) => {
       var _a, _b;
-      return jsxRuntimeExports.jsx(CheckboxWrapper, { "aria-disabled": props.disabled, children: jsxRuntimeExports.jsx(Checkbox, { disabled: isSelectPermitted ? props.disabled : ((_a = checkedState.find((option) => option.value === item.value)) === null || _a === void 0 ? void 0 : _a.state) === false, id: index2, isListStyle: props.isListStyle, label: item.label ? item.label : item.value, onChange: (checked, e2) => onChangeValue(e2), selected: (_b = checkedState.find((option) => option.value === item.value)) === null || _b === void 0 ? void 0 : _b.state }) }, `item-${index2}`);
+      return jsxRuntimeExports.jsx(CheckboxWrapper, { "aria-disabled": props.disabled, children: jsxRuntimeExports.jsx(Checkbox, { id: index2, disabled: isSelectPermitted ? props.disabled : ((_a = checkedState.find((option) => option.value === item.value)) === null || _a === void 0 ? void 0 : _a.state) === false, isListStyle: props.isListStyle, label: item.label ? item.label : item.value, onChange: (checked, e2) => onChangeValue(e2), selected: (_b = checkedState.find((option) => option.value === item.value)) === null || _b === void 0 ? void 0 : _b.state }) }, `item-${index2}`);
     })] });
   }
   var __rest$7 = function(s, e2) {
@@ -31918,7 +31918,7 @@
       const newDateTime = getNewDatetime(selectedDate, time2);
       (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, newDateTime);
     }, [selectedDate, selectedTime]);
-    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntimeExports.jsxs(DatepickerWrapper$1, { inline: props.inline, showsRange: props.selectsRange, showsTime: props.showTimeInput, children: [jsxRuntimeExports.jsxs(DatepickerInputs, { children: [jsxRuntimeExports.jsxs(DateTimeWrapper, { isRange: props.selectsRange, children: [jsxRuntimeExports.jsx(DateInput, { isTimeRange: props.selectsRange && props.showTimeInput, onChange: (e2) => {
+    return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntimeExports.jsxs(DatepickerWrapper$1, { id: props.id, inline: props.inline, showsRange: props.selectsRange, showsTime: props.showTimeInput, children: [jsxRuntimeExports.jsxs(DatepickerInputs, { children: [jsxRuntimeExports.jsxs(DateTimeWrapper, { isRange: props.selectsRange, children: [jsxRuntimeExports.jsx(DateInput, { isTimeRange: props.selectsRange && props.showTimeInput, onChange: (e2) => {
       onChangeDateInput(true, e2);
     }, onClick: () => {
       var _a2;
@@ -33461,7 +33461,7 @@
     const menuProps = React__namespace.useMemo(() => getMenuProps({ ref: mergedDropdownRef }), [mergedDropdownRef, getMenuProps]);
     const toggleButtonProps = React__namespace.useMemo(() => getToggleButtonProps({ disabled: props.disabled, ref: refs.setReference }), [props.disabled, refs.setReference, getToggleButtonProps]);
     const dropdownStyle = React__namespace.useMemo(() => Object.assign(Object.assign({}, floatingStyles), { marginLeft: -1 }), [floatingStyles]);
-    return jsxRuntimeExports.jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntimeExports.jsxs(Wrapper$3, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, isOpen, onClick: props.onClick, style: props.style, children: [jsxRuntimeExports.jsxs(SelectButton, Object.assign({ disabled: props.disabled, isOpen }, toggleButtonProps, getReferenceProps(), { type: "button", children: [jsxRuntimeExports.jsx(SelectedItem, { size: props.size, children: (_b = (_a = selectedItem === null ? props.placeholder : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _a !== void 0 ? _a : props.placeholder) !== null && _b !== void 0 ? _b : "Select" }), jsxRuntimeExports.jsx(Chevron$2, { disabled: props.disabled, isOpen })] })), ReactDOM.createPortal(jsxRuntimeExports.jsx(DropdownList$1, { items: props.items, getItemProps, getFloatingProps, style: dropdownStyle, isOpen, getMenuProps, size: props.size, ref: refs.setFloating, className: `${(_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _c !== void 0 ? _c : ""} ${props.itemClass}`, itemClass: props.itemClass, maxItems: props.maxItems, selectedItem, kbdHighlightIdx }), document.body)] }) });
+    return jsxRuntimeExports.jsx(Tooltip, { content: props.errorMsg, disabled: !props.errorMsg, styling: "error", children: jsxRuntimeExports.jsxs(Wrapper$3, { className: props.className, isDisabled: props.disabled, isErrored: !!props.errorMsg, isOpen, onClick: props.onClick, style: props.style, id: props.id, children: [jsxRuntimeExports.jsxs(SelectButton, Object.assign({ disabled: props.disabled, isOpen }, toggleButtonProps, getReferenceProps(), { type: "button", children: [jsxRuntimeExports.jsx(SelectedItem, { size: props.size, children: (_b = (_a = selectedItem === null ? props.placeholder : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _a !== void 0 ? _a : props.placeholder) !== null && _b !== void 0 ? _b : "Select" }), jsxRuntimeExports.jsx(Chevron$2, { disabled: props.disabled, isOpen })] })), ReactDOM.createPortal(jsxRuntimeExports.jsx(DropdownList$1, { items: props.items, getItemProps, getFloatingProps, style: dropdownStyle, isOpen, getMenuProps, size: props.size, ref: refs.setFloating, className: `${(_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.className) !== null && _c !== void 0 ? _c : ""} ${props.itemClass}`, itemClass: props.itemClass, maxItems: props.maxItems, selectedItem, kbdHighlightIdx }), document.body)] }) });
   }
   const StyledSelect$1 = styled(Select)`
     margin: 1px solid ${(props) => props.theme.colors.background};
@@ -34522,7 +34522,7 @@
     const { getReferenceProps, getFloatingProps } = useInteractions([role]);
     const dropdownStyle = React$1.useMemo(() => Object.assign(Object.assign({}, floatingStyles), { marginLeft: -1 }), [floatingStyles]);
     const renderListItem = React$1.useCallback((item, index2) => jsxRuntimeExports.jsx(SectionedListItem, { item, index: index2, getItemProps, isSelected: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value, isHighlighted: isOpen && kbdHighlightIdx !== void 0 && kbdHighlightIdx === index2 }, `item-${index2}-${isOpen && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) === item.label}`), [getItemProps, selectedItem, isOpen, kbdHighlightIdx]);
-    return jsxRuntimeExports.jsxs(Wrapper$6, { className: props.className, isDisabled: props.disabled, isErrored: false, isOpen, style: props.style, children: [jsxRuntimeExports.jsxs(InputWrapper$2, { disabled: props.disabled, isOpen, ref: refs.setReference, children: [jsxRuntimeExports.jsx(Input, Object.assign({}, getInputProps({ value: inputValue }), getReferenceProps())), jsxRuntimeExports.jsx(ChevronButton$1, { disabled: props.disabled, isOpen, getToggleButtonProps })] }), ReactDOM.createPortal(jsxRuntimeExports.jsx(DropdownList$1, { items, getItemProps, getFloatingProps, style: dropdownStyle, isOpen, getMenuProps, ref: refs.setFloating, kbdHighlightIdx, children: renderListItem }), document.body)] });
+    return jsxRuntimeExports.jsxs(Wrapper$6, { className: props.className, isDisabled: props.disabled, isErrored: false, isOpen, style: props.style, id: props.id, children: [jsxRuntimeExports.jsxs(InputWrapper$2, { disabled: props.disabled, isOpen, ref: refs.setReference, children: [jsxRuntimeExports.jsx(Input, Object.assign({}, getInputProps({ value: inputValue }), getReferenceProps())), jsxRuntimeExports.jsx(ChevronButton$1, { disabled: props.disabled, isOpen, getToggleButtonProps })] }), ReactDOM.createPortal(jsxRuntimeExports.jsx(DropdownList$1, { items, getItemProps, getFloatingProps, style: dropdownStyle, isOpen, getMenuProps, ref: refs.setFloating, kbdHighlightIdx, children: renderListItem }), document.body)] });
   }
   var toInteger_1;
   var hasRequiredToInteger;
@@ -37056,7 +37056,7 @@
   function Switch({ className, initialValue = false, labels = {
     off: "OFF",
     on: "ON"
-  }, lightDark = false, onChange: onChange2, style, value }, ref) {
+  }, lightDark = false, onChange: onChange2, style, value, id }, ref) {
     const [enabled, setEnabled] = React$1.useState(value || initialValue);
     const labelIconToShow = React$1.useMemo(() => {
       if (lightDark) {
@@ -37075,7 +37075,7 @@
       }
       onChange2 === null || onChange2 === void 0 ? void 0 : onChange2(!enabled);
     };
-    return jsxRuntimeExports.jsxs(SwitchWrapper, { className, "data-testid": "wrapper", enabled, onClick, ref, style, children: [jsxRuntimeExports.jsx(SwitchHandle, { "data-testid": "handle", enabled }), jsxRuntimeExports.jsx("div", { style: { userSelect: "none" }, children: labelIconToShow })] });
+    return jsxRuntimeExports.jsxs(SwitchWrapper, { className, "data-testid": "wrapper", enabled, onClick, ref, style, id, children: [jsxRuntimeExports.jsx(SwitchHandle, { "data-testid": "handle", enabled }), jsxRuntimeExports.jsx("div", { style: { userSelect: "none" }, children: labelIconToShow })] });
   }
   React$1.forwardRef(Switch);
   var safeIsNaN$1 = Number.isNaN || function ponyfill(value) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/core",
-  "version": "1.21.2",
+  "version": "1.21.3",
   "description": "Dara Framework core",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -39,9 +39,9 @@
     "@babel/preset-env": "^7.23.0",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.0",
-    "@darajs/eslint-config": "1.21.2",
-    "@darajs/prettier-config": "1.21.2",
-    "@darajs/stylelint-config": "1.21.2",
+    "@darajs/eslint-config": "1.21.3",
+    "@darajs/prettier-config": "1.21.3",
+    "@darajs/stylelint-config": "1.21.3",
     "@rollup/plugin-inject": "^4.0.4",
     "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^6.0.0",
@@ -75,10 +75,10 @@
     "whatwg-fetch": "^3.6.20"
   },
   "dependencies": {
-    "@darajs/styled-components": "1.21.2",
-    "@darajs/ui-components": "1.21.2",
-    "@darajs/ui-notifications": "1.21.2",
-    "@darajs/ui-utils": "1.21.2",
+    "@darajs/styled-components": "1.21.3",
+    "@darajs/ui-components": "1.21.3",
+    "@darajs/ui-notifications": "1.21.3",
+    "@darajs/ui-utils": "1.21.3",
     "@fortawesome/fontawesome-free": "~6.4.0",
     "@recoiljs/refine": "^0.1.1",
     "@tanstack/query-core": "^4.40.0",
@@ -116,5 +116,5 @@
   "engines": {
     "node": ">=20.19.0"
   },
-  "gitHead": "0c06b4a3a4ec196a2e6f3ae4d1541fe008b01972"
+  "gitHead": "ca0217cbace44d9a817b6a4d0b188b0ed00a8f58"
 }