dfh-ui-library 1.14.20 → 1.14.22

package/dist/esm/types/components/FormElements/IconInput/iconInputLock.d.ts

@@ -1,45 +1,28 @@
 import { FC } from 'react';
-import { IHookFormsInputProps, LABELTYPE } from '../../../shared/models/components/base.model';
-interface ILockCodeInputProps extends Omit<IHookFormsInputProps, 'type' | 'value' | 'onChange' | 'labelType'> {
-    /** Label type styling */
-    labelType?: LABELTYPE;
-    /** Number of input fields (default: 6) */
+import { IHookFormsInputProps } from '../../../shared/models/components/base.model';
+export interface ILockCodeInputProps extends Omit<IHookFormsInputProps, 'type' | 'value' | 'onChange'> {
+    /** Number of input boxes (2-8) */
     length?: number;
     /** Current value as string */
     value?: string;
     /** Callback when value changes */
     onChange?: (value: string) => void;
-    /** Show/hide toggle functionality */
-    showToggle?: boolean;
+    /** Whether to show password visibility toggle */
+    showVisibilityToggle?: boolean;
     /** Whether the code is currently visible */
     isVisible?: boolean;
     /** Callback when visibility toggle is clicked */
-    onToggleVisibility?: (isVisible: boolean) => void;
-    /** Input type for the fields */
-    inputType?: 'text' | 'password' | 'number';
-    /** Whether to auto-focus next field */
+    onVisibilityToggle?: () => void;
+    /** Whether to auto-focus next input */
     autoFocus?: boolean;
-    /** Custom classes for individual input fields */
-    inputFieldClasses?: string;
-    /** Custom classes for the container of input fields */
-    inputContainerClasses?: string;
-    /** Show required icon when field is empty */
-    showIsRequiredIcon?: boolean;
-    /** Show tooltip */
-    showTooltip?: boolean;
-    /** Tooltip text */
-    tooltipText?: string;
-    /** Right icon type */
-    rightIcon?: string;
-    /** Right icon classes */
-    iconClassRight?: string;
-    /** Show right icon */
-    isIconRight?: boolean;
-    /** Icon click handler */
-    iconOnClick?: () => void;
+    /** Whether to allow paste */
+    allowPaste?: boolean;
+    /** Custom separator between inputs */
+    separator?: string;
 }
 /**
- * Lock Code Input Component - 6 individual square input fields
+ * Dynamic Lock Code Input Component
+ * Creates individual input boxes for secure code entry (2-8 characters)
  */
 declare const LockCodeInput: FC<ILockCodeInputProps>;
 export default LockCodeInput;

package/dist/index.d.ts

@@ -1549,46 +1549,29 @@ declare const IconInput: FC<IHookFormsInputProps>;
  */
 declare const IconInputV2: FC<IHookFormsInputProps>;
 
-interface ILockCodeInputProps extends Omit<IHookFormsInputProps, 'type' | 'value' | 'onChange' | 'labelType'> {
-    /** Label type styling */
-    labelType?: LABELTYPE;
-    /** Number of input fields (default: 6) */
+interface ILockCodeInputProps extends Omit<IHookFormsInputProps, 'type' | 'value' | 'onChange'> {
+    /** Number of input boxes (2-8) */
     length?: number;
     /** Current value as string */
     value?: string;
     /** Callback when value changes */
     onChange?: (value: string) => void;
-    /** Show/hide toggle functionality */
-    showToggle?: boolean;
+    /** Whether to show password visibility toggle */
+    showVisibilityToggle?: boolean;
     /** Whether the code is currently visible */
     isVisible?: boolean;
     /** Callback when visibility toggle is clicked */
-    onToggleVisibility?: (isVisible: boolean) => void;
-    /** Input type for the fields */
-    inputType?: 'text' | 'password' | 'number';
-    /** Whether to auto-focus next field */
+    onVisibilityToggle?: () => void;
+    /** Whether to auto-focus next input */
     autoFocus?: boolean;
-    /** Custom classes for individual input fields */
-    inputFieldClasses?: string;
-    /** Custom classes for the container of input fields */
-    inputContainerClasses?: string;
-    /** Show required icon when field is empty */
-    showIsRequiredIcon?: boolean;
-    /** Show tooltip */
-    showTooltip?: boolean;
-    /** Tooltip text */
-    tooltipText?: string;
-    /** Right icon type */
-    rightIcon?: string;
-    /** Right icon classes */
-    iconClassRight?: string;
-    /** Show right icon */
-    isIconRight?: boolean;
-    /** Icon click handler */
-    iconOnClick?: () => void;
+    /** Whether to allow paste */
+    allowPaste?: boolean;
+    /** Custom separator between inputs */
+    separator?: string;
 }
 /**
- * Lock Code Input Component - 6 individual square input fields
+ * Dynamic Lock Code Input Component
+ * Creates individual input boxes for secure code entry (2-8 characters)
  */
 declare const LockCodeInput: FC<ILockCodeInputProps>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.14.20",
+  "version": "1.14.22",
   "description": "",
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",