dfh-ui-library 1.7.53 → 1.7.55

package/dist/index.d.ts

@@ -173,7 +173,6 @@ interface CustomDatePickerProps {
     additionalClasses?: string | undefined;
     readOnly?: boolean;
     type?: InputType;
-    height?: string;
     /**
      * Set new variant of the input
      */
@@ -256,13 +255,12 @@ interface DropdownMultiselectProps {
     onSelectedValuesChange: (selectedValues: string[]) => void;
 }
 interface OptionProps {
+    id: string;
     displayText: string;
     iconText: string;
     imageUrl?: string;
     bgColor?: string;
     clickedAction?: ClickedAction;
-    isChecked?: boolean;
-    id?: string;
 }
 interface BtnOptionDropdown {
     btnLabel: string;
@@ -281,6 +279,8 @@ interface DropdownSearchProps {
     additionalClasses?: string;
     readOnly?: boolean;
     isBorderedError?: boolean;
+    listHeader?: string;
+    selected?: string;
 }
 declare enum ClickedAction {
     NONE = "NONE",
@@ -304,7 +304,6 @@ interface ButtonGroupProps extends InputGroupProps {
         id: number;
         value: string;
     }[];
-    optionsUser?: OptionProps[];
     onSelect: (selectedOption: number) => void;
     label?: string;
     error?: string;
@@ -397,7 +396,7 @@ interface ICardInfoProps {
     HeaderText?: string;
 }
 
-type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | "primaryFilterSelected" | "primaryBlueFilter" | undefined;
+type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | undefined;
 interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
     /**
      * Set the button type
@@ -553,8 +552,6 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     enableToolTip?: boolean;
     tooltipProps?: ToolTipProps;
     suffixed?: string;
-    labelLeftAction?: () => void;
-    labelLeftText?: string;
 }
 interface ICheckboxProps {
     onChange?: (checked: boolean) => void;
@@ -562,7 +559,7 @@ interface ICheckboxProps {
     id?: any;
     label?: string;
 }
-type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | "fontSemiBold" | undefined;
+type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | undefined;
 interface ILabelProps {
     /**
      * Set the Label Type
@@ -981,8 +978,6 @@ declare const ButtonGroupWithInputsFormGen: React__default.FC<FormGenButtonGroup
 
 declare const DynamicDualInputTextGroupFormGen: React__default.FC<DyanamicDualInputProps>;
 
-declare const FilterButtonGroup: React__default.FC<ButtonGroupProps>;
-
 interface UseSchemaProcessorProps {
     schema: ISchema[];
     externalSetComponents: (data: IComponent[]) => void;
@@ -1190,6 +1185,7 @@ declare const themeConfigs: {
                     500: string;
                     600: string;
                     700: string;
+                    720: string;
                     725: string;
                     800: string;
                     820: string;
@@ -1226,7 +1222,6 @@ declare const themeConfigs: {
                 "19s": string[];
                 "20s": string[];
                 "24s": string[];
-                "24-32s": string[];
                 "26s": string[];
                 "28s": string[];
                 "32s": string[];
@@ -1287,4 +1282,4 @@ declare const themeConfigs: {
     plugins: any[];
 };
 
-export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, Icon, IconInput, ImageInput, ImagePreview, InfoCard, Input, type InputType, InputValidation, InputsGroup, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, type OptionProps, PanelCard, PhoneNumberInput, ProgressBar, RadioButton, Row, SearchDropdownWithButton, Select, Stepper, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, themeConfigs, usePagination, useSorting };
+export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, Heading, Icon, IconInput, ImageInput, ImagePreview, InfoCard, Input, type InputType, InputValidation, InputsGroup, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, type OptionProps, PanelCard, PhoneNumberInput, ProgressBar, RadioButton, Row, SearchDropdownWithButton, Select, Stepper, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, themeConfigs, usePagination, useSorting };

package/package.json

@@ -1,106 +1,106 @@
-{
-  "name": "dfh-ui-library",
-  "version": "1.7.53",
-  "description": "",
-  "scripts": {
-    "rollup": "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",
-    "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.24.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-scss": "^4.0.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/jest": "^29.5.9",
-    "@types/react-datepicker": "^4.19.4",
-    "@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.7.55",
+  "description": "",
+  "scripts": {
+    "rollup": "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",
+    "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.24.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-scss": "^4.0.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/jest": "^29.5.9",
+    "@types/react-datepicker": "^4.19.4",
+    "@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"
+}

package/dist/cjs/types/components/FilterButtonGroup/Checkbox.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface CheckboxProps {
-    id?: string;
-    checked?: boolean;
-    onChange: (id?: string) => void;
-}
-declare const CheckBoxComponent: React.FC<CheckboxProps>;
-export default CheckBoxComponent;

package/dist/cjs/types/components/FilterButtonGroup/FilterButton.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { IButtonProps } from "../../shared/models/components/base.model";
-declare const FilterButton: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, enableBagage, bagageProps, width, onClick, }: IButtonProps) => React.JSX.Element;
-export default FilterButton;

package/dist/cjs/types/components/FilterButtonGroup/FilterButtonGroup.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ButtonGroupProps } from "../../shared/models/components/common.model";
-declare const FilterButtonGroup: React.FC<ButtonGroupProps>;
-export default FilterButtonGroup;

package/dist/cjs/types/components/FilterButtonGroup/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./FilterButtonGroup";

package/dist/cjs/types/components/Gird/GridCheckBox.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { HTMLProps } from "react";
-export declare function IndeterminateCheckbox({ indeterminate, className, ...rest }: {
-    indeterminate?: boolean;
-} & HTMLProps<HTMLInputElement>): React.JSX.Element;

package/dist/cjs/types/components/InputFormGen/InputFormGen.test.d.ts

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

package/dist/cjs/types/components/SelectDropdownUser/SelectDropdownUser.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { UserDropdownProps } from "../../shared/models/components/common.model";
-declare const SelectDropdownUser: React.FC<UserDropdownProps>;
-export default SelectDropdownUser;

package/dist/cjs/types/components/SelectDropdownUser/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./SelectDropdownUser";

package/dist/esm/types/components/FilterButtonGroup/Checkbox.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface CheckboxProps {
-    id?: string;
-    checked?: boolean;
-    onChange: (id?: string) => void;
-}
-declare const CheckBoxComponent: React.FC<CheckboxProps>;
-export default CheckBoxComponent;

package/dist/esm/types/components/FilterButtonGroup/FilterButton.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { IButtonProps } from "../../shared/models/components/base.model";
-declare const FilterButton: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, enableBagage, bagageProps, width, onClick, }: IButtonProps) => React.JSX.Element;
-export default FilterButton;

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { ButtonGroupProps } from "../../shared/models/components/common.model";
-declare const FilterButtonGroup: React.FC<ButtonGroupProps>;
-export default FilterButtonGroup;

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

@@ -1 +0,0 @@
-export { default } from "./FilterButtonGroup";

package/dist/esm/types/components/Gird/GridCheckBox.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { HTMLProps } from "react";
-export declare function IndeterminateCheckbox({ indeterminate, className, ...rest }: {
-    indeterminate?: boolean;
-} & HTMLProps<HTMLInputElement>): React.JSX.Element;

package/dist/esm/types/components/InputFormGen/InputFormGen.test.d.ts

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

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { UserDropdownProps } from "../../shared/models/components/common.model";
-declare const SelectDropdownUser: React.FC<UserDropdownProps>;
-export default SelectDropdownUser;

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

@@ -1 +0,0 @@
-export { default } from "./SelectDropdownUser";