dfh-ui-library 1.13.48 → 1.13.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/README.md +118 -118
  2. package/dist/cjs/index.css +1 -1
  3. package/dist/cjs/index.css.map +1 -1
  4. package/dist/cjs/index.js +1 -1
  5. package/dist/cjs/index.js.map +1 -1
  6. package/dist/cjs/types/components/Badge/Badge.d.ts +2 -2
  7. package/dist/cjs/types/components/ButtonGroupWithUpload/ButtonGroupWithUpload.d.ts +2 -2
  8. package/dist/cjs/types/components/ComboBox/Combobox.d.ts +46 -0
  9. package/dist/cjs/types/components/CustomFileInput/CustomFileInput.d.ts +2 -2
  10. package/dist/cjs/types/components/Datepicker/DatePicker.d.ts +3 -3
  11. package/dist/cjs/types/components/FormElements/IconInput/IconInput.d.ts +2 -2
  12. package/dist/cjs/types/components/Gird/Grid.d.ts +2 -2
  13. package/dist/cjs/types/components/Gird/GridCheckBox.d.ts +2 -2
  14. package/dist/cjs/types/components/InputDatepicker/InputDatePicker.d.ts +3 -3
  15. package/dist/cjs/types/components/NotesEditor/NoteEditor.d.ts +2 -2
  16. package/dist/cjs/types/components/Signature/Signature.d.ts +2 -2
  17. package/dist/cjs/types/components/Timeline/TimeLineCards.d.ts +3 -3
  18. package/dist/cjs/types/index.d.ts +10 -10
  19. package/dist/esm/index.css +1 -1
  20. package/dist/esm/index.css.map +1 -1
  21. package/dist/esm/index.js +1 -1
  22. package/dist/esm/index.js.map +1 -1
  23. package/dist/esm/types/components/Badge/Badge.d.ts +2 -2
  24. package/dist/esm/types/components/ButtonGroupWithUpload/ButtonGroupWithUpload.d.ts +2 -2
  25. package/dist/esm/types/components/ComboBox/Combobox.d.ts +46 -0
  26. package/dist/esm/types/components/CustomFileInput/CustomFileInput.d.ts +2 -2
  27. package/dist/esm/types/components/Datepicker/DatePicker.d.ts +3 -3
  28. package/dist/esm/types/components/FormElements/IconInput/IconInput.d.ts +2 -2
  29. package/dist/esm/types/components/Gird/Grid.d.ts +2 -2
  30. package/dist/esm/types/components/Gird/GridCheckBox.d.ts +2 -2
  31. package/dist/esm/types/components/InputDatepicker/InputDatePicker.d.ts +3 -3
  32. package/dist/esm/types/components/NotesEditor/NoteEditor.d.ts +2 -2
  33. package/dist/esm/types/components/Signature/Signature.d.ts +2 -2
  34. package/dist/esm/types/components/Timeline/TimeLineCards.d.ts +3 -3
  35. package/dist/esm/types/index.d.ts +10 -10
  36. package/package.json +119 -114
package/dist/esm/types/components/Badge/Badge.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { IBadgeProps } from "../../shared/models/components/common.model";
1
+ import React from 'react';
2
+ import { IBadgeProps } from '../../shared/models/components/common.model';
3
3
  declare const Badge: React.FC<IBadgeProps>;
4
4
  export default Badge;
package/dist/esm/types/components/ButtonGroupWithUpload/ButtonGroupWithUpload.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { ButtonGroupWithUploadProps } from "../../shared/models/components/common.model";
1
+ import React from 'react';
2
+ import { ButtonGroupWithUploadProps } from '../../shared/models/components/common.model';
3
3
  declare const ButtonGroupWithUpload: React.FC<ButtonGroupWithUploadProps>;
4
4
  export default ButtonGroupWithUpload;
package/dist/esm/types/components/ComboBox/Combobox.d.ts ADDED
@@ -0,0 +1,46 @@
1
+ import { FC } from "react";
2
+ import type { Tag as ReactTagInputTag } from 'react-tag-input';
3
+ import { LABELTYPE } from "../../shared/models/components/base.model";
4
+ interface ComboBoxProps {
5
+ suggestions?: string[];
6
+ onTagsChange?: (tags: ReactTagInputTag[]) => void;
7
+ initialTags?: ReactTagInputTag[];
8
+ debounceMs?: number;
9
+ onSearch?: (searchTerm: string) => void;
10
+ maxTags?: number;
11
+ label?: string;
12
+ placeholder?: string;
13
+ error?: string;
14
+ isBorderedError?: boolean;
15
+ readOnly?: boolean;
16
+ inputVariant?: "default" | "large" | "dynamic" | "uploadinput" | "small" | "noborder";
17
+ additionalClasses?: string;
18
+ isAdditionalErrorInput?: boolean;
19
+ additionalErrorClasses?: string;
20
+ labelType?: LABELTYPE;
21
+ enableToolTip?: boolean;
22
+ tooltipProps?: {
23
+ tooltipIconClasses?: string;
24
+ tooltipHeading?: string;
25
+ tooltipContent?: string;
26
+ tooltipClick?: () => void;
27
+ showTooltip?: boolean;
28
+ tooltipIcon?: string;
29
+ color?: string;
30
+ };
31
+ suffixed?: string;
32
+ viewMode?: boolean;
33
+ isRequired?: boolean;
34
+ wrapperClass?: string;
35
+ type?: string;
36
+ onlyLabel?: boolean;
37
+ labelSpanClasses?: string;
38
+ labelName?: string;
39
+ value?: string;
40
+ isIcon?: boolean;
41
+ labelClasses?: string;
42
+ inputFocus?: () => void;
43
+ refProps?: any;
44
+ }
45
+ declare const ComboBox: FC<ComboBoxProps>;
46
+ export default ComboBox;
package/dist/esm/types/components/CustomFileInput/CustomFileInput.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { CustomFileInputProps } from "../../shared/models/components/common.model";
1
+ import React from 'react';
2
+ import { CustomFileInputProps } from '../../shared/models/components/common.model';
3
3
  declare const CustomFileInput: React.FC<CustomFileInputProps>;
4
4
  export default CustomFileInput;
package/dist/esm/types/components/Datepicker/DatePicker.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import React from "react";
2
- import "../../shared/customCss/react-datepicker.css";
3
- import { CustomDatePickerProps } from "../../shared/models/components/common.model";
1
+ import React from 'react';
2
+ import '../../shared/customCss/react-datepicker.css';
3
+ import { CustomDatePickerProps } from '../../shared/models/components/common.model';
4
4
  declare const CustomDatePicker: React.FC<CustomDatePickerProps>;
5
5
  export default CustomDatePicker;
package/dist/esm/types/components/FormElements/IconInput/IconInput.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { FC } from "react";
2
- import { IHookFormsInputProps } from "../../../shared/models/components/base.model";
1
+ import { FC } from 'react';
2
+ import { IHookFormsInputProps } from '../../../shared/models/components/base.model';
3
3
  /**
4
4
  * Primary UI component for user interaction
5
5
  */
package/dist/esm/types/components/Gird/Grid.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { TableProps } from "../../shared/models/components/common.model";
1
+ import React from 'react';
2
+ import { TableProps } from '../../shared/models/components/common.model';
3
3
  export declare function Table({ data, columns, sorting, onSortingChange, pagination, onPaginationChange, totalRecords, isManualPagination, // true for server-side pagination
4
4
  isManualSorting, rowClick, containerHeightRemoveInPixel, setRowSelection, isLoading, }: TableProps, key?: any): React.JSX.Element;
package/dist/esm/types/components/Gird/GridCheckBox.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import React from "react";
2
- import { HTMLProps } from "react";
1
+ import React from 'react';
2
+ import { HTMLProps } from 'react';
3
3
  export declare function IndeterminateCheckbox({ indeterminate, rowId, className, ...rest }: {
4
4
  indeterminate?: boolean;
5
5
  rowId?: any;
package/dist/esm/types/components/InputDatepicker/InputDatePicker.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import React from "react";
2
- import "../../shared/customCss/react-datepicker.css";
3
- import { CustomDatePickerProps } from "../../shared/models/components/common.model";
1
+ import React from 'react';
2
+ import '../../shared/customCss/react-datepicker.css';
3
+ import { CustomDatePickerProps } from '../../shared/models/components/common.model';
4
4
  declare const InputDatePicker: React.FC<CustomDatePickerProps>;
5
5
  export default InputDatePicker;
package/dist/esm/types/components/NotesEditor/NoteEditor.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { NoteComponentProps } from "../../shared/models/components/common.model";
1
+ import React from 'react';
2
+ import { NoteComponentProps } from '../../shared/models/components/common.model';
3
3
  declare const NoteEditor: React.FC<NoteComponentProps>;
4
4
  export default NoteEditor;
package/dist/esm/types/components/Signature/Signature.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { SignatureProps } from "../../shared/models/components/common.model";
1
+ import React from 'react';
2
+ import { SignatureProps } from '../../shared/models/components/common.model';
3
3
  declare const Signature: React.FC<SignatureProps>;
4
4
  export default Signature;
package/dist/esm/types/components/Timeline/TimeLineCards.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import React from "react";
2
- import { ISolutionvalues, NoteProps, TimelineEventProps } from "../../shared/models/components/common.model";
3
- import { ITodoToggleRequestParams } from "../SideBarListView/todos";
1
+ import React from 'react';
2
+ import { ISolutionvalues, NoteProps, TimelineEventProps } from '../../shared/models/components/common.model';
3
+ import { ITodoToggleRequestParams } from '../SideBarListView/todos';
4
4
  export declare const getTimeLineCards: (eventData: TimelineEventProps, setShowCompleteNote: (isShow: boolean) => void, showCompleteNote: boolean, handleEditItemTimeLine: any, navigateAction?: (timeLineNavReq?: ISolutionvalues, type?: string) => void, surveyId?: string, showNote?: boolean, setShowNote?: (isSet: boolean) => void, enableEdit?: boolean, toggleEdit?: (isShow: boolean) => void, viewNoteHistory?: any, lastModified?: string, saveNoteValues?: any, setEnableEdit?: (isEnable: boolean) => void, surveyDate?: string, type?: string[], showAll?: boolean, isChallengeTimeline?: boolean, handleCopyCurrentNote?: (note: NoteProps) => void) => React.JSX.Element;
5
5
  export declare const NoteCard: React.FC<{
6
6
  eventData?: TimelineEventProps;
package/dist/esm/types/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import "./index.css";
2
- export * from "./components";
3
- export * from "./hooks";
4
- export { VariantTypes, BorderType, LogoProps, } from "./shared/models/components/base.model";
5
- export { DropdownSearchProps, ClickedAction, TimelineEventProps, ListMasterDataProps, BtnOptionDropdown, BADGETYPE, OptionProps, NoteItemProps, NoteChildrenProps, NoteProps, UrgentDataProps, MessageProps, InputType, BadgeColorVariant, ISolutionvalues, AccountPopoverMenuItem } from "./shared/models/components/common.model";
6
- export { ColumnDef, SortingState } from "@tanstack/react-table";
7
- export { usePagination } from "./hooks/usePagination";
8
- export { useSorting } from "./hooks/useSorting";
9
- export { themeConfigs } from "./shared/configs/themeConfig";
10
- export { NoteHistoryProps } from "./shared/models/components/common.model";
1
+ import './index.css';
2
+ export * from './components';
3
+ export * from './hooks';
4
+ export { VariantTypes, BorderType, LogoProps, } from './shared/models/components/base.model';
5
+ export { DropdownSearchProps, ClickedAction, TimelineEventProps, ListMasterDataProps, BtnOptionDropdown, BADGETYPE, OptionProps, NoteItemProps, NoteChildrenProps, NoteProps, UrgentDataProps, MessageProps, InputType, BadgeColorVariant, ISolutionvalues, AccountPopoverMenuItem, } from './shared/models/components/common.model';
6
+ export { ColumnDef, SortingState } from '@tanstack/react-table';
7
+ export { usePagination } from './hooks/usePagination';
8
+ export { useSorting } from './hooks/useSorting';
9
+ export { themeConfigs } from './shared/configs/themeConfig';
10
+ export { NoteHistoryProps } from './shared/models/components/common.model';
package/package.json CHANGED
@@ -1,114 +1,119 @@
1
- {
2
- "name": "dfh-ui-library",
3
- "version": "1.13.48",
4
- "description": "",
5
- "scripts": {
6
- "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
7
- "storybook": "storybook dev -p 6006",
8
- "build-storybook": "storybook build",
9
- "test": "jest",
10
- "chromatic": "npx chromatic --project-token=chpt_79cd9c407ef0229"
11
- },
12
- "author": "DFH dev",
13
- "license": "ISC",
14
- "dependencies": {
15
- "@babel/preset-env": "^7.23.3",
16
- "@babel/preset-react": "^7.23.3",
17
- "@babel/preset-typescript": "^7.23.3",
18
- "@faker-js/faker": "^8.3.1",
19
- "@fontsource/inter": "^5.0.16",
20
- "@rollup/plugin-sucrase": "^5.0.2",
21
- "@rollup/plugin-terser": "^0.4.4",
22
- "@tailwindcss/forms": "^0.5.7",
23
- "@tanstack/react-table": "^8.11.3",
24
- "@types/react": "^18.2.37",
25
- "autoprefixer": "^10.4.16",
26
- "classnames": "^2.3.2",
27
- "dfh-form-generator": "^1.2.138",
28
- "dompurify": "^3.1.6",
29
- "formik": "^2.4.5",
30
- "lodash": "^4.17.21",
31
- "moment": "^2.29.4",
32
- "react": "^18.2.0",
33
- "react-datepicker": "^4.24.0",
34
- "react-dom": "^18.2.0",
35
- "react-input-mask": "^3.0.0-alpha.2",
36
- "react-phone-number-input": "^3.4.11",
37
- "react-select": "^5.8.0",
38
- "react-tooltip": "^5.26.3",
39
- "rollup-plugin-peer-deps-external": "^2.2.4",
40
- "rollup-plugin-scss": "^4.0.0",
41
- "signature_pad": "^4.2.0",
42
- "tailwind-merge": "^2.6.0",
43
- "tailwindcss": "^3.3.5",
44
- "tsconfig-paths-webpack-plugin": "^4.1.0",
45
- "tslib": "^2.6.2",
46
- "typescript": "^5.2.2"
47
- },
48
- "devDependencies": {
49
- "@rollup/plugin-commonjs": "^25.0.7",
50
- "@rollup/plugin-node-resolve": "^15.2.3",
51
- "@rollup/plugin-typescript": "^11.1.5",
52
- "@storybook/addon-actions": "^7.6.3",
53
- "@storybook/addon-docs": "^7.5.3",
54
- "@storybook/addon-essentials": "^7.5.3",
55
- "@storybook/addon-interactions": "^7.5.3",
56
- "@storybook/addon-links": "^7.5.3",
57
- "@storybook/addon-onboarding": "^1.0.8",
58
- "@storybook/addon-postcss": "^2.0.0",
59
- "@storybook/blocks": "^7.5.3",
60
- "@storybook/cli": "^7.5.3",
61
- "@storybook/react": "^7.5.3",
62
- "@storybook/react-webpack5": "^7.5.3",
63
- "@storybook/testing-library": "^0.2.2",
64
- "@storybook/theming": "^7.5.3",
65
- "@testing-library/jest-dom": "^6.1.4",
66
- "@testing-library/react": "^14.1.2",
67
- "@testing-library/user-event": "^14.5.1",
68
- "@types/dompurify": "^3.0.5",
69
- "@types/jest": "^29.5.9",
70
- "@types/react-datepicker": "^4.19.4",
71
- "@types/signature_pad": "^2.3.6",
72
- "@typescript-eslint/eslint-plugin": "^6.12.0",
73
- "@typescript-eslint/parser": "^6.12.0",
74
- "autoprefixer": "^10.4.16",
75
- "chromatic": "^11.28.0",
76
- "cssnano": "^6.0.1",
77
- "eslint": "^8.54.0",
78
- "eslint-plugin-react": "^7.33.2",
79
- "jest": "^29.7.0",
80
- "jest-environment-jsdom": "^29.7.0",
81
- "postcss": "^8.4.31",
82
- "postcss-cssnext": "^3.1.1",
83
- "postcss-import": "^15.1.0",
84
- "postcss-loader": "^7.3.3",
85
- "rollup": "^4.5.0",
86
- "rollup-plugin-css-only": "^4.5.2",
87
- "rollup-plugin-dts": "^6.1.0",
88
- "rollup-plugin-postcss": "^4.0.2",
89
- "storybook": "^7.5.3",
90
- "sugarss": "^4.0.1",
91
- "vite": "^5.0.0"
92
- },
93
- "peerDependencies": {
94
- "@tailwindcss/forms": "^0.5.7",
95
- "autoprefixer": "^10.4.16",
96
- "classnames": "^2.3.2",
97
- "cssnano": "^6.0.1",
98
- "lodash": "^4.17.21",
99
- "moment": "^2.29.4",
100
- "postcss": "^8.4.31",
101
- "postcss-cssnext": "^3.1.1",
102
- "postcss-import": "^15.1.0",
103
- "postcss-loader": "^7.3.3",
104
- "react": "^18.2.0",
105
- "react-dom": "^18.2.0",
106
- "tailwindcss": "^3.3.5"
107
- },
108
- "main": "dist/cjs/index.js",
109
- "module": "dist/esm/index.js",
110
- "files": [
111
- "dist"
112
- ],
113
- "types": "dist/index.d.ts"
114
- }
1
+ {
2
+ "name": "dfh-ui-library",
3
+ "version": "1.13.50",
4
+ "description": "",
5
+ "scripts": {
6
+ "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
7
+ "storybook": "storybook dev -p 6006",
8
+ "build-storybook": "storybook build",
9
+ "test": "jest",
10
+ "lint": "eslint . --ext ts,tsx,js,jsx --quiet",
11
+ "chromatic": "npx chromatic --auto-accept-changes"
12
+ },
13
+ "author": "DFH dev",
14
+ "license": "ISC",
15
+ "dependencies": {
16
+ "@babel/preset-env": "^7.23.3",
17
+ "@babel/preset-react": "^7.23.3",
18
+ "@babel/preset-typescript": "^7.23.3",
19
+ "@faker-js/faker": "^8.3.1",
20
+ "@fontsource/inter": "^5.0.16",
21
+ "@rollup/plugin-sucrase": "^5.0.2",
22
+ "@rollup/plugin-terser": "^0.4.4",
23
+ "@tailwindcss/forms": "^0.5.7",
24
+ "@tanstack/react-table": "^8.11.3",
25
+ "@types/react": "^18.2.37",
26
+ "autoprefixer": "^10.4.16",
27
+ "classnames": "^2.3.2",
28
+ "dfh-form-generator": "^1.2.138",
29
+ "dompurify": "^3.1.6",
30
+ "formik": "^2.4.5",
31
+ "lodash": "^4.17.21",
32
+ "moment": "^2.29.4",
33
+ "react": "^18.2.0",
34
+ "react-datepicker": "^4.24.0",
35
+ "react-dom": "^18.2.0",
36
+ "react-input-mask": "^3.0.0-alpha.2",
37
+ "react-phone-number-input": "^3.4.11",
38
+ "react-select": "^5.8.0",
39
+ "react-tag-input": "^6.10.6",
40
+ "react-tooltip": "^5.26.3",
41
+ "rollup-plugin-peer-deps-external": "^2.2.4",
42
+ "rollup-plugin-scss": "^4.0.0",
43
+ "signature_pad": "^4.2.0",
44
+ "tailwind-merge": "^2.6.0",
45
+ "tailwindcss": "^3.3.5",
46
+ "tsconfig-paths-webpack-plugin": "^4.1.0",
47
+ "tslib": "^2.6.2",
48
+ "typescript": "^5.2.2"
49
+ },
50
+ "devDependencies": {
51
+ "@rollup/plugin-commonjs": "^25.0.7",
52
+ "@rollup/plugin-node-resolve": "^15.2.3",
53
+ "@rollup/plugin-typescript": "^11.1.5",
54
+ "@storybook/addon-actions": "^7.6.3",
55
+ "@storybook/addon-docs": "^7.5.3",
56
+ "@storybook/addon-essentials": "^7.5.3",
57
+ "@storybook/addon-interactions": "^7.5.3",
58
+ "@storybook/addon-links": "^7.5.3",
59
+ "@storybook/addon-onboarding": "^1.0.8",
60
+ "@storybook/addon-postcss": "^2.0.0",
61
+ "@storybook/blocks": "^7.5.3",
62
+ "@storybook/cli": "^7.5.3",
63
+ "@storybook/react": "^7.5.3",
64
+ "@storybook/react-webpack5": "^7.5.3",
65
+ "@storybook/testing-library": "^0.2.2",
66
+ "@storybook/theming": "^7.5.3",
67
+ "@testing-library/jest-dom": "^6.1.4",
68
+ "@testing-library/react": "^14.1.2",
69
+ "@testing-library/user-event": "^14.5.1",
70
+ "@types/dompurify": "^3.0.5",
71
+ "@types/jest": "^29.5.9",
72
+ "@types/react-datepicker": "^4.19.4",
73
+ "@types/signature_pad": "^2.3.6",
74
+ "@typescript-eslint/eslint-plugin": "^6.21.0",
75
+ "@typescript-eslint/parser": "^6.21.0",
76
+ "autoprefixer": "^10.4.16",
77
+ "chromatic": "^11.28.0",
78
+ "cssnano": "^6.0.1",
79
+ "eslint": "^8.57.1",
80
+ "eslint-config-prettier": "^10.1.2",
81
+ "eslint-plugin-prettier": "^5.2.6",
82
+ "eslint-plugin-react": "^7.33.2",
83
+ "eslint-plugin-react-hooks": "^5.2.0",
84
+ "jest": "^29.7.0",
85
+ "jest-environment-jsdom": "^29.7.0",
86
+ "postcss": "^8.4.31",
87
+ "postcss-cssnext": "^3.1.1",
88
+ "postcss-import": "^15.1.0",
89
+ "postcss-loader": "^7.3.3",
90
+ "rollup": "^4.5.0",
91
+ "rollup-plugin-css-only": "^4.5.2",
92
+ "rollup-plugin-dts": "^6.1.0",
93
+ "rollup-plugin-postcss": "^4.0.2",
94
+ "storybook": "^7.5.3",
95
+ "sugarss": "^4.0.1",
96
+ "vite": "^5.0.0"
97
+ },
98
+ "peerDependencies": {
99
+ "@tailwindcss/forms": "^0.5.7",
100
+ "autoprefixer": "^10.4.16",
101
+ "classnames": "^2.3.2",
102
+ "cssnano": "^6.0.1",
103
+ "lodash": "^4.17.21",
104
+ "moment": "^2.29.4",
105
+ "postcss": "^8.4.31",
106
+ "postcss-cssnext": "^3.1.1",
107
+ "postcss-import": "^15.1.0",
108
+ "postcss-loader": "^7.3.3",
109
+ "react": "^18.2.0",
110
+ "react-dom": "^18.2.0",
111
+ "tailwindcss": "^3.3.5"
112
+ },
113
+ "main": "dist/cjs/index.js",
114
+ "module": "dist/esm/index.js",
115
+ "files": [
116
+ "dist"
117
+ ],
118
+ "types": "dist/index.d.ts"
119
+ }