cecomponent 1.0.129 → 1.0.130

package/dist/components/Common/Box/CeBox.d.ts

@@ -6,6 +6,8 @@ export interface BoxProps extends HTMLAttributes<HTMLElement> {
     sx?: CSSProperties;
     /** Base style object */
     style?: CSSProperties;
+    id?: string;
+    name?: string;
 }
 /**
  * Box - a simple, reusable layout component for consistent spacing and alignment.

package/dist/components/Common/Button/CEButton.d.ts

@@ -12,6 +12,8 @@ interface CEButtonProps {
     color?: string;
     icon?: React.ReactNode;
     disabled?: boolean;
+    id?: string;
+    name?: string;
 }
 declare const CEButton: React.FC<CEButtonProps>;
 export default CEButton;

package/dist/components/Common/CEBadge/CEBadge.d.ts

@@ -1,9 +1,19 @@
 import { default as React } from 'react';
+/**
+ * Props for CEBadge
+ *
+ * id and name are optional attributes primarily intended to aid unit tests
+ * (e.g. querying by id or data-name). disable will mark the badge as
+ * non-interactive for accessibility and tests.
+ */
 interface CEBadgeProps {
     label: string;
     backgroundColor?: string;
     textColor?: string;
     style?: React.CSSProperties;
+    id?: string;
+    name?: string;
+    disable?: boolean;
 }
 declare const CEBadge: React.FC<CEBadgeProps>;
 export default CEBadge;

package/dist/components/Common/CEFieldComponet/DynamicSelectField/DynamicSelectField.d.ts

@@ -5,6 +5,8 @@ export interface SelectOption {
     disabled?: boolean;
 }
 export interface CESelectFieldProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    id?: string;
+    name?: string;
     label?: string;
     options?: SelectOption[];
     error?: boolean;

package/dist/components/Common/CEFieldComponet/DynamicTextField/DynamicTextField.d.ts

@@ -8,6 +8,8 @@ export interface CETextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElem
     labelClassName?: string;
     inputClassName?: string;
     containerStyle?: React.CSSProperties;
+    id?: string;
+    name?: string;
 }
 declare const CEDynamicTextField: React.ForwardRefExoticComponent<CETextFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default CEDynamicTextField;

package/dist/components/Common/CheckBox/CECheckBox.d.ts

@@ -4,6 +4,8 @@ interface CheckBoxProps {
     checked: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
+    id?: string;
+    name?: string;
 }
 declare const CECheckBox: React.FC<CheckBoxProps>;
 export default CECheckBox;

package/dist/components/Common/DatePicker/CEDateInput.d.ts

@@ -7,7 +7,9 @@ interface DateInputPartProps {
     length: number;
     placeholder: string;
     className?: string;
-    onClick?: (e: React.MouseEvent) => void;
+    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    id?: string;
+    name?: string;
 }
 declare const DateInputPart: React.FC<DateInputPartProps>;
 export default DateInputPart;

package/dist/components/Common/DatePicker/CEDatePicker.d.ts

@@ -4,6 +4,8 @@ interface DatePickerProps {
     label?: string;
     value?: string;
     focused?: boolean;
+    id?: string;
+    name?: string;
 }
 declare const CEDatePicker: FC<DatePickerProps>;
 export default CEDatePicker;

package/dist/components/Common/DateRangePicker/CEDateRangePicker.d.ts

@@ -10,6 +10,10 @@ interface CEDateRangePickerProps {
     size?: Size;
     style?: React.CSSProperties;
     inputGroupStyle?: React.CSSProperties;
+    /** optional id for testing or identification */
+    id?: string;
+    /** optional name for testing or form identification */
+    name?: string;
     mode?: "range" | "single";
     defaultValue?: DateRange;
 }

package/dist/components/Common/InputBox/CEInputTextBox.d.ts

@@ -4,6 +4,20 @@ type InputType = "text" | "number" | "alphanumeric" | "password" | "email" | "te
 interface ValidatedInputProps {
     value: string;
     onChange: (value: string) => void;
+    /** optional id to apply to the input/textarea element */
+    id?: string;
+    /** optional name to apply to the input/textarea element */
+    name?: string;
+    /**
+     * Optional non-breaking callback that receives the new value and an optional
+     * meta object containing id and name. Use this when you need the component
+     * to provide identifying context back to the parent without replacing
+     * the existing onChange signature.
+     */
+    onChangeMeta?: (value: string, meta?: {
+        id?: string;
+        name?: string;
+    }) => void;
     placeholder?: string;
     type?: InputType;
     maxLength?: number;

package/dist/components/Common/InputDropDown/InputDropDown.d.ts

@@ -14,6 +14,8 @@ interface InputDropDownProps {
     style?: React.CSSProperties;
     allowClear?: boolean;
     showInputPills?: boolean;
+    id?: string;
+    name?: string;
 }
 declare const InputDropDown: React.FC<InputDropDownProps>;
 export default InputDropDown;

package/dist/components/Common/Multiselection/CEAdvancedMultiSelectDropdown.d.ts

@@ -10,10 +10,11 @@ interface AdvancedMultiSelectDropdownProps {
     onSelectItem: (option: AdvancedOption) => void;
     placeholder?: string;
     allowSearch?: boolean;
-    /** 🔧 New optional sizing props */
     width?: string | number;
     inputHeight?: string | number;
     dropdownMaxHeight?: string | number;
+    id?: string;
+    name?: string;
 }
 declare const CEAdvancedMultiSelectDropdown: React.FC<AdvancedMultiSelectDropdownProps>;
 export default CEAdvancedMultiSelectDropdown;

package/dist/components/Common/RadioButton/CERadioButton.d.ts

@@ -4,6 +4,8 @@ interface RadioButtonProps {
     value: string;
     checked: boolean;
     onChange: (value: string) => void;
+    id?: string;
+    name?: string;
 }
 declare const CERadioButton: React.FC<RadioButtonProps>;
 export default CERadioButton;

package/dist/components/Common/RadioButton/CERadioButtonGroup.d.ts

@@ -4,10 +4,13 @@ interface RadioButtonGroupProps {
         label: string;
         value: string;
     }[];
+    /** existing logical name used for aria-labelledby */
     name: string;
     defaultValue?: string;
     onChange: (value: string) => void;
     direction?: "vertical" | "horizontal";
+    id?: string;
+    nameAttr?: string;
 }
 declare const CERadioButtonGroup: React.FC<RadioButtonGroupProps>;
 export default CERadioButtonGroup;

package/dist/components/Common/Timepicker/CETimePicker.d.ts

@@ -3,6 +3,8 @@ interface TimePickerProps {
     onChange?: (time: string) => void;
     initialTime?: string;
     className?: string;
+    id?: string;
+    name?: string;
 }
 declare const CETimePicker: React.FC<TimePickerProps>;
 export default CETimePicker;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cecomponent",
   "description": "A React component library for building modern UIs for Cleanearth",
-  "version": "1.0.129",
+  "version": "1.0.130",
   "main": "dist/ce-component-lib.js",
   "module": "dist/ce-component-lib.mjs",
   "types": "dist/index.d.ts",