dfh-ui-library 1.12.772 → 1.12.774

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

@@ -174,6 +174,7 @@ export interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputEleme
     ref?: any;
     inputFocus?: any;
     refProps?: any;
+    isRequired?: boolean;
 }
 export interface IFormGenInputProps {
     /**
@@ -259,6 +260,7 @@ export interface IFormGenInputProps {
         answerLabel: string;
         lastEditedDate?: string;
     };
+    isRequired?: boolean;
 }
 export interface IFormGenInputProps {
     /**
@@ -384,6 +386,7 @@ export interface ILabelProps {
      */
     labelSpanClasses?: string;
     secondaryText?: string;
+    isRequired?: boolean;
 }
 export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
     /**
@@ -453,6 +456,7 @@ export interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     iconClasses?: string;
     isIcon?: boolean;
     secondaryText?: string;
+    isRequired?: boolean;
 }
 export interface IMessageProps extends IChildrenProp, IAdditionalClassesProp, IOnClickEventProps {
     /**
@@ -518,6 +522,7 @@ export interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement>
     isEnableTextCount?: boolean;
     value?: string | undefined;
     setValue?: (value: string) => void;
+    isRequired?: boolean;
 }
 export interface ICardProps {
     /**

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

@@ -204,12 +204,14 @@ export interface ImageInputProps {
     additionalErrorClasses?: string;
     readOnly?: boolean;
     value?: string;
+    isRequired?: boolean;
 }
 export interface CustomDatePickerProps {
     selectedDate?: Date | null;
     onChange?: (date: Date | null) => void;
     onSelect?: (date: Date | null) => void;
     label?: string;
+    isRequired?: boolean;
     placeHolder?: string;
     error?: string;
     isAdditionalErrorInput?: boolean;
@@ -258,6 +260,7 @@ export interface PhoneNumberInputProps {
     isAdditionalErrorInput?: boolean;
     name?: string;
     field?: any;
+    isRequired?: boolean;
 }
 export interface SsnInputProps {
     value: string;
@@ -277,6 +280,7 @@ export interface SsnInputProps {
     field?: any;
     isIconRight?: boolean;
     iconClassRight?: string;
+    isRequired?: boolean;
 }
 export interface ModalProps {
     children?: React.ReactNode;
@@ -314,6 +318,7 @@ export interface CustomFileInputProps {
     pclass?: string;
     fileExt?: string;
     fileType?: string;
+    isRequired?: boolean;
 }
 export interface ToolTipProps {
     tooltipIcon?: string;
@@ -332,6 +337,7 @@ export interface DropdownMultiselectProps {
     enableToolTip?: boolean;
     tooltipProps?: ToolTipProps;
     onSelectedValuesChange: (selectedValues: string[]) => void;
+    isRequired?: boolean;
 }
 export interface IMultiSelectOption {
     value: string;
@@ -386,6 +392,7 @@ export interface DropdownSearchProps {
     listHeader?: string;
     selected?: string;
     clearAction?: () => void;
+    isRequired?: boolean;
 }
 export interface DropdownVersionProps {
     options?: OptionProps[];
@@ -445,6 +452,7 @@ export interface VersionDropDownProps {
     defaultText?: string;
     bgClasses?: string;
     hoverBgColor?: string;
+    isRequired?: boolean;
 }
 export declare enum ClickedAction {
     NONE = "NONE",

package/dist/index.d.ts

@@ -181,12 +181,14 @@ interface ImageInputProps {
     additionalErrorClasses?: string;
     readOnly?: boolean;
     value?: string;
+    isRequired?: boolean;
 }
 interface CustomDatePickerProps {
     selectedDate?: Date | null;
     onChange?: (date: Date | null) => void;
     onSelect?: (date: Date | null) => void;
     label?: string;
+    isRequired?: boolean;
     placeHolder?: string;
     error?: string;
     isAdditionalErrorInput?: boolean;
@@ -235,6 +237,7 @@ interface PhoneNumberInputProps {
     isAdditionalErrorInput?: boolean;
     name?: string;
     field?: any;
+    isRequired?: boolean;
 }
 interface SsnInputProps {
     value: string;
@@ -254,6 +257,7 @@ interface SsnInputProps {
     field?: any;
     isIconRight?: boolean;
     iconClassRight?: string;
+    isRequired?: boolean;
 }
 interface ModalProps {
     children?: React.ReactNode;
@@ -291,6 +295,7 @@ interface CustomFileInputProps {
     pclass?: string;
     fileExt?: string;
     fileType?: string;
+    isRequired?: boolean;
 }
 interface ToolTipProps {
     tooltipIcon?: string;
@@ -309,6 +314,7 @@ interface DropdownMultiselectProps {
     enableToolTip?: boolean;
     tooltipProps?: ToolTipProps;
     onSelectedValuesChange: (selectedValues: string[]) => void;
+    isRequired?: boolean;
 }
 interface IMultiSelectOption {
     value: string;
@@ -363,6 +369,7 @@ interface DropdownSearchProps {
     listHeader?: string;
     selected?: string;
     clearAction?: () => void;
+    isRequired?: boolean;
 }
 interface UserDropdownProps {
     options?: OptionProps[];
@@ -407,6 +414,7 @@ interface VersionDropDownProps {
     defaultText?: string;
     bgClasses?: string;
     hoverBgColor?: string;
+    isRequired?: boolean;
 }
 declare enum ClickedAction {
     NONE = "NONE",
@@ -975,6 +983,7 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     ref?: any;
     inputFocus?: any;
     refProps?: any;
+    isRequired?: boolean;
 }
 interface ICheckboxProps extends AdditionalClassesProp {
     onChange?: (checked: boolean) => void;
@@ -1009,6 +1018,7 @@ interface ILabelProps {
      */
     labelSpanClasses?: string;
     secondaryText?: string;
+    isRequired?: boolean;
 }
 interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
     /**
@@ -1078,6 +1088,7 @@ interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     iconClasses?: string;
     isIcon?: boolean;
     secondaryText?: string;
+    isRequired?: boolean;
 }
 interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     /**
@@ -1129,6 +1140,7 @@ interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     isEnableTextCount?: boolean;
     value?: string | undefined;
     setValue?: (value: string) => void;
+    isRequired?: boolean;
 }
 interface ICardProps {
     /**

package/package.json

@@ -1,111 +1,111 @@
-{
-  "name": "dfh-ui-library",
-  "version": "1.12.772",
-  "description": "",
-  "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "jest"
-  },
-  "author": "DFH dev",
-  "license": "ISC",
-  "dependencies": {
-    "@babel/preset-env": "^7.23.3",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
-    "@faker-js/faker": "^8.3.1",
-    "@fontsource/inter": "^5.0.16",
-    "@rollup/plugin-sucrase": "^5.0.2",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tanstack/react-table": "^8.11.3",
-    "@types/react": "^18.2.37",
-    "autoprefixer": "^10.4.16",
-    "classnames": "^2.3.2",
-    "dfh-form-generator": "^1.2.121",
-    "dompurify": "^3.1.6",
-    "formik": "^2.4.5",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.4",
-    "react": "^18.2.0",
-    "react-datepicker": "^4.24.0",
-    "react-dom": "^18.2.0",
-    "react-input-mask": "^3.0.0-alpha.2",
-    "react-phone-number-input": "^3.3.7",
-    "react-select": "^5.8.0",
-    "react-tooltip": "^5.26.3",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-scss": "^4.0.0",
-    "signature_pad": "^4.2.0",
-    "tailwindcss": "^3.3.5",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2"
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.5",
-    "@storybook/addon-actions": "^7.6.3",
-    "@storybook/addon-docs": "^7.5.3",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-interactions": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/cli": "^7.5.3",
-    "@storybook/react": "^7.5.3",
-    "@storybook/react-webpack5": "^7.5.3",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.5.3",
-    "@testing-library/jest-dom": "^6.1.4",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.1",
-    "@types/dompurify": "^3.0.5",
-    "@types/jest": "^29.5.9",
-    "@types/react-datepicker": "^4.19.4",
-    "@types/signature_pad": "^2.3.6",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.12.0",
-    "autoprefixer": "^10.4.16",
-    "cssnano": "^6.0.1",
-    "eslint": "^8.54.0",
-    "eslint-plugin-react": "^7.33.2",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "postcss": "^8.4.31",
-    "postcss-cssnext": "^3.1.1",
-    "postcss-import": "^15.1.0",
-    "postcss-loader": "^7.3.3",
-    "rollup": "^4.5.0",
-    "rollup-plugin-css-only": "^4.5.2",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^7.5.3",
-    "sugarss": "^4.0.1",
-    "vite": "^5.0.0"
-  },
-  "peerDependencies": {
-    "@tailwindcss/forms": "^0.5.7",
-    "autoprefixer": "^10.4.16",
-    "classnames": "^2.3.2",
-    "cssnano": "^6.0.1",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.4",
-    "postcss": "^8.4.31",
-    "postcss-cssnext": "^3.1.1",
-    "postcss-import": "^15.1.0",
-    "postcss-loader": "^7.3.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwindcss": "^3.3.5"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/index.d.ts"
-}
+{
+  "name": "dfh-ui-library",
+  "version": "1.12.774",
+  "description": "",
+  "scripts": {
+    "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "jest"
+  },
+  "author": "DFH dev",
+  "license": "ISC",
+  "dependencies": {
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
+    "@faker-js/faker": "^8.3.1",
+    "@fontsource/inter": "^5.0.16",
+    "@rollup/plugin-sucrase": "^5.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tanstack/react-table": "^8.11.3",
+    "@types/react": "^18.2.37",
+    "autoprefixer": "^10.4.16",
+    "classnames": "^2.3.2",
+    "dfh-form-generator": "^1.2.121",
+    "dompurify": "^3.1.6",
+    "formik": "^2.4.5",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.4",
+    "react": "^18.2.0",
+    "react-datepicker": "^4.24.0",
+    "react-dom": "^18.2.0",
+    "react-input-mask": "^3.0.0-alpha.2",
+    "react-phone-number-input": "^3.3.7",
+    "react-select": "^5.8.0",
+    "react-tooltip": "^5.26.3",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-scss": "^4.0.0",
+    "signature_pad": "^4.2.0",
+    "tailwindcss": "^3.3.5",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@storybook/addon-actions": "^7.6.3",
+    "@storybook/addon-docs": "^7.5.3",
+    "@storybook/addon-essentials": "^7.5.3",
+    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-links": "^7.5.3",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/blocks": "^7.5.3",
+    "@storybook/cli": "^7.5.3",
+    "@storybook/react": "^7.5.3",
+    "@storybook/react-webpack5": "^7.5.3",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/theming": "^7.5.3",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/dompurify": "^3.0.5",
+    "@types/jest": "^29.5.9",
+    "@types/react-datepicker": "^4.19.4",
+    "@types/signature_pad": "^2.3.6",
+    "@typescript-eslint/eslint-plugin": "^6.12.0",
+    "@typescript-eslint/parser": "^6.12.0",
+    "autoprefixer": "^10.4.16",
+    "cssnano": "^6.0.1",
+    "eslint": "^8.54.0",
+    "eslint-plugin-react": "^7.33.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.31",
+    "postcss-cssnext": "^3.1.1",
+    "postcss-import": "^15.1.0",
+    "postcss-loader": "^7.3.3",
+    "rollup": "^4.5.0",
+    "rollup-plugin-css-only": "^4.5.2",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "storybook": "^7.5.3",
+    "sugarss": "^4.0.1",
+    "vite": "^5.0.0"
+  },
+  "peerDependencies": {
+    "@tailwindcss/forms": "^0.5.7",
+    "autoprefixer": "^10.4.16",
+    "classnames": "^2.3.2",
+    "cssnano": "^6.0.1",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.4",
+    "postcss": "^8.4.31",
+    "postcss-cssnext": "^3.1.1",
+    "postcss-import": "^15.1.0",
+    "postcss-loader": "^7.3.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.3.5"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts"
+}