dfh-ui-library 1.14.16 → 1.14.18

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

@@ -0,0 +1,45 @@
+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) */
+    length?: number;
+    /** Current value as string */
+    value?: string;
+    /** Callback when value changes */
+    onChange?: (value: string) => void;
+    /** Show/hide toggle functionality */
+    showToggle?: 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 */
+    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;
+}
+/**
+ * Lock Code Input Component - 6 individual square input fields
+ */
+declare const LockCodeInput: FC<ILockCodeInputProps>;
+export default LockCodeInput;

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

@@ -1,2 +1,3 @@
 export { default } from './IconInput';
 export { default as IconInputV2 } from './IconInputV2';
+export { default as LockCodeInput } from './iconInputLock';

package/dist/esm/types/components/FormElements/index.d.ts

@@ -5,5 +5,5 @@ export { default as Label } from './Label';
 export * from './Select';
 export { default as RadioButton } from './RadioButton';
 export { Textarea, TextareaWithCount, TextareaWithCountV2 } from './Textarea';
-export { default as IconInput, IconInputV2 } from './IconInput';
+export { default as IconInput, IconInputV2, LockCodeInput } from './IconInput';
 export { default as ImageInput } from './ImageInput';

package/dist/esm/types/components/Media/Icons/Icons.d.ts

@@ -89,5 +89,6 @@ export declare const WarningCircleIcon: ({ classes, onClick, ...props }: IconPro
 export declare const LightbulbIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
 export declare const LockIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
 export declare const LockIcon2: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
+export declare const LockBlueIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
 export declare const NoPatientIcon: () => React.JSX.Element;
 export declare const NoReportIcon: () => React.JSX.Element;

package/dist/esm/types/components/index.d.ts

@@ -3,7 +3,7 @@ export { default as Button } from './Button';
 export { default as ButtonV2 } from './Button/ButtonV2';
 export { default as Typhography } from './Typhography';
 export { default as TyphographyFormGen } from './TyphographyFormGen';
-export { Input, Select, SelectV2, CheckBox, Label, InputValidation, Textarea, RadioButton, IconInput, ImageInput, IconInputV2, } from './FormElements';
+export { Input, Select, SelectV2, CheckBox, Label, InputValidation, Textarea, RadioButton, IconInput, ImageInput, IconInputV2, LockCodeInput, } from './FormElements';
 export { default as Card } from './Card';
 export { default as ComboBox, ComboboxV2 } from './ComboBox';
 export { default as ComponentProvider } from './ComponentProvider';

package/dist/esm/types/shared/models/components/base.model.d.ts

@@ -372,7 +372,7 @@ export interface ICheckboxFormGenProps extends AdditionalClassesProp {
     id?: any;
     label?: string | React.ReactNode;
 }
-export type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabel1' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | undefined;
+export type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabel1' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | 'fontMedium' | undefined;
 export interface ILabelProps {
     /**
      * Set the Label Type

package/dist/index.d.ts

@@ -1139,7 +1139,7 @@ interface ICheckboxProps extends AdditionalClassesProp {
     id?: any;
     label?: string | React__default.ReactNode;
 }
-type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabel1' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | undefined;
+type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabel1' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | 'fontMedium' | undefined;
 interface ILabelProps {
     /**
      * Set the Label Type
@@ -1542,6 +1542,49 @@ 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) */
+    length?: number;
+    /** Current value as string */
+    value?: string;
+    /** Callback when value changes */
+    onChange?: (value: string) => void;
+    /** Show/hide toggle functionality */
+    showToggle?: 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 */
+    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;
+}
+/**
+ * Lock Code Input Component - 6 individual square input fields
+ */
+declare const LockCodeInput: FC<ILockCodeInputProps>;
+
 declare const ImageInput: React__default.FC<ImageInputProps>;
 
 /**
@@ -2279,5 +2322,5 @@ declare const themeConfigs: {
     plugins: any[];
 };
 
-export { BADGETYPE, Badge, BorderType, Breadcrumb, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupMultiSelectV2, ButtonGroupMultiSelectWithInputsFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithMultiSelectFormGen, ButtonGroupWithUpload, ButtonV2, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, ComboBox, ConboboxV2 as ComboboxV2, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, DynamicDualInputTextGroupFormGen, FilterButton, FilterButtonGroup, Heading, HistoryDetails, Icon, IconInput, IconInputV2, IconV2, IconVariant, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, InputDatePickerV2, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, Logo, Message, Modal, MultiSelectFormGen, NavBar, NoteEditor, NoteEditorV2, PanelCard, PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, PhoneNumberInput4, PreviousDataBadge, ProgressBar, RadioButton, RegularDropdown, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SelectV2, SideBarListView, SideBarListViewV2, Signature, SortDropdown, Spinner, SsnInput, Stepper, Tab, TabButton, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, Todos, TodosV2, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, useSchemaProcessor as UseSchemaProcessor, VersionDateDropdown, themeConfigs, usePagination, useSorting };
+export { BADGETYPE, Badge, BorderType, Breadcrumb, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupMultiSelectV2, ButtonGroupMultiSelectWithInputsFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithMultiSelectFormGen, ButtonGroupWithUpload, ButtonV2, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, ComboBox, ConboboxV2 as ComboboxV2, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, DynamicDualInputTextGroupFormGen, FilterButton, FilterButtonGroup, Heading, HistoryDetails, Icon, IconInput, IconInputV2, IconV2, IconVariant, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, InputDatePickerV2, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, LockCodeInput, Logo, Message, Modal, MultiSelectFormGen, NavBar, NoteEditor, NoteEditorV2, PanelCard, PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, PhoneNumberInput4, PreviousDataBadge, ProgressBar, RadioButton, RegularDropdown, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SelectV2, SideBarListView, SideBarListViewV2, Signature, SortDropdown, Spinner, SsnInput, Stepper, Tab, TabButton, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, Todos, TodosV2, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, useSchemaProcessor as UseSchemaProcessor, VersionDateDropdown, themeConfigs, usePagination, useSorting };
 export type { AccountPopoverMenuItem, BadgeColorVariant, BtnOptionDropdown, DropdownSearchProps, ISolutionvalues, InputType, ListMasterDataProps, LogoProps, MessageProps, NoteChildrenProps, NoteHistoryProps, NoteItemProps, NoteProps, OptionProps, TimelineEventProps, UrgentDataProps, VariantTypes };

package/package.json

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