dfh-ui-library 1.13.140 → 1.13.143

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

@@ -84,3 +84,4 @@ export declare const ReportingSelected: ({ classes, onClick, ...props }: IconPro
 export declare const DropdownArrowIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
 export declare const WarningCircleIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
 export declare const LightbulbIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
+export declare const LockIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;

package/dist/esm/types/components/PhoneNumberInput/PhoneNumberInput4.d.ts

@@ -1,6 +1,42 @@
 import React from "react";
 import { PhoneNumberInputProps } from "../../shared/models/components/common.model";
-import "intl-tel-input/build/css/intlTelInput.css";
-import "./phoneInput.css";
-declare const PhoneNumberInput4: React.FC<PhoneNumberInputProps>;
+import 'react-phone-input-2/lib/style.css';
+import './phoneInput.css';
+interface ExtendedPhoneNumberInputProps extends PhoneNumberInputProps {
+    countryCallingCodeEditable?: boolean;
+    disabled?: boolean;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    maxLength?: number;
+    minLength?: number;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    id?: string;
+    tabIndex?: number;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    ariaInvalid?: boolean;
+    spellCheck?: boolean;
+    dir?: string;
+    lang?: string;
+    title?: string;
+    pattern?: string;
+    required?: boolean;
+    size?: number;
+    step?: number;
+    list?: string;
+    multiple?: boolean;
+    accept?: string;
+    capture?: string;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+}
+declare const PhoneNumberInput4: React.FC<ExtendedPhoneNumberInputProps>;
 export default PhoneNumberInput4;

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

@@ -268,7 +268,7 @@ export interface CustomDatePickerProps {
 export interface PhoneNumberInputProps {
     value: string;
     countryCallingCodeEditable?: boolean;
-    onChange: (value: string) => void;
+    onChange: (value: string, country?: string) => void;
     placeholder?: string;
     additionalClasses?: string | undefined;
     error?: string;

package/dist/index.d.ts

@@ -249,7 +249,7 @@ interface CustomDatePickerProps {
 interface PhoneNumberInputProps {
     value: string;
     countryCallingCodeEditable?: boolean;
-    onChange: (value: string) => void;
+    onChange: (value: string, country?: string) => void;
     placeholder?: string;
     additionalClasses?: string | undefined;
     error?: string;
@@ -1622,7 +1622,43 @@ declare const PhoneNumberInput2: React__default.FC<PhoneNumberInputProps>;
 
 declare const PhoneNumberInput3: <T extends PhoneNumberInputProps>({ value, onChange, countryCallingCodeEditable, placeholder, additionalClasses, labelType, isBorderedError, inputVariant, error, type, readOnly, label, name, isAdditionalErrorInput, additionalErrorClasses, field, isRequired, ...props }: T) => React__default.JSX.Element;
 
-declare const PhoneNumberInput4: React__default.FC<PhoneNumberInputProps>;
+interface ExtendedPhoneNumberInputProps extends PhoneNumberInputProps {
+    countryCallingCodeEditable?: boolean;
+    disabled?: boolean;
+    onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyPress?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    maxLength?: number;
+    minLength?: number;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    id?: string;
+    tabIndex?: number;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    ariaInvalid?: boolean;
+    spellCheck?: boolean;
+    dir?: string;
+    lang?: string;
+    title?: string;
+    pattern?: string;
+    required?: boolean;
+    size?: number;
+    step?: number;
+    list?: string;
+    multiple?: boolean;
+    accept?: string;
+    capture?: string;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+}
+declare const PhoneNumberInput4: React__default.FC<ExtendedPhoneNumberInputProps>;
 
 /**
  * Primary UI component for Tooltip

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.13.140",
+  "version": "1.13.143",
   "description": "",
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
@@ -37,6 +37,7 @@
     "react-datepicker": "^4.24.0",
     "react-dom": "^18.2.0",
     "react-input-mask": "^3.0.0-alpha.2",
+    "react-phone-input-2": "^2.15.1",
     "react-phone-number-input": "^3.4.11",
     "react-select": "^5.8.0",
     "react-tag-input": "^6.10.6",

package/dist/cjs/types/components/PhoneNumberInput/PhoneNumberInput4.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/esm/types/components/PhoneNumberInput/PhoneNumberInput4.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";