@hexure/ui 1.14.9 → 1.14.11

package/dist/cjs/types/components/Checklist/Checklist.d.ts

@@ -4,6 +4,7 @@ interface OptionProps {
     label?: string;
     value: string | number;
     color?: string;
+    dataItemid?: string;
 }
 export interface ChecklistProps extends AccessibleProps {
     disabled?: boolean;

package/dist/esm/index.js

@@ -3710,8 +3710,8 @@ const Checklist = (_a) => {
         React.createElement(Options$1, { "data-itemid": `${baseId}-options` }, options.map((option, i) => {
             const label = `${option.label || option.value}`;
             const checked = selected.includes(option.value);
-            const optionId = `${baseId}-option-${i}`;
-            return (React.createElement(Checkbox, Object.assign({ "data-itemid": `${optionId}-checkbox`, key: i }, accessibleProps, { checked: checked, color: option.color, disabled: disabled, onChange: handleChange.bind(null, option) }), label));
+            const optionId = option.dataItemid || `${baseId}-option-${i}`;
+            return (React.createElement(Checkbox, Object.assign({ dataItemid: `${optionId}-checkbox`, key: i }, accessibleProps, { checked: checked, color: option.color, disabled: disabled, onChange: handleChange.bind(null, option) }), label));
         }))));
 };
 
@@ -6451,7 +6451,7 @@ const Tabs = (_a) => {
     const baseId = dataItemid || 'tabs';
     return (React.createElement(Wrapper$1, Object.assign({}, accessibleProps, { "data-itemid": `${baseId}-wrapper` }), tabs.map((_a, i) => {
         var { isActive, label, badgeCount, errorBadge, onClick } = _a, accessibleProps = __rest(_a, ["isActive", "label", "badgeCount", "errorBadge", "onClick"]);
-        const tabId = `${baseId}-tab-${i}`;
+        const tabId = `${baseId}-tab-${label.replace(/\s+/g, '-').toLowerCase()}`;
         return (React.createElement(Tab, Object.assign({ "$isActive": isActive || false, key: i, onClick: isActive ? undefined : onClick }, accessibleProps, { "data-itemid": `${tabId}-tab`, title: accessibleProps === null || accessibleProps === void 0 ? void 0 : accessibleProps.title }),
             badgeCount ? (React.createElement(Badge, { "$isError": errorBadge || false, "data-itemid": `${tabId}-badge` }, badgeCount)) : null,
             label));