dfh-ui-library 1.9.36 → 1.9.39

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

@@ -38,3 +38,5 @@ export { default as DynamicDualInputTextGroupFormGen } from "./DynamicDualInputT
 export { default as FilterButtonGroup } from "./FilterButtonGroup";
 export { IndeterminateCheckbox } from "./Gird";
 export { SelectUserWithButton } from "./SelectDropdownUser";
+export { default as Timeline } from "./Timeline";
+export { default as NoteEditor } from "./NotesEditor";

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

@@ -5,9 +5,9 @@ export { InputType } from "./shared/models/components/common.model";
 export { LogoProps } from "./shared/models/components/base.model";
 export { MessageProps } from "./shared/models/components/common.model";
 export { VariantTypes } from "./shared/models/components/base.model";
-export { DropdownSearchProps, ClickedAction, } from "./shared/models/components/common.model";
+export { DropdownSearchProps, ClickedAction, TimelineEventProps, } from "./shared/models/components/common.model";
 export { BtnOptionDropdown } from "./shared/models/components/common.model";
-export { OptionProps } from "./shared/models/components/common.model";
+export { OptionProps, NoteItemProps, } from "./shared/models/components/common.model";
 export { ColumnDef, SortingState } from "@tanstack/react-table";
 export { usePagination } from "./hooks/usePagination";
 export { useSorting } from "./hooks/useSorting";

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

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { IAdditionalClassesProp, IChildrenProp, IIconTypeProp, AlignmentType, IOnClickEventProps, TyphoTypes, TyphoComponents, IconHoverColorTypes, MessageTypes, InputType, IconType, LableTypes, ToolTipProps, selectedValue } from "./common.model";
-export type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | "primaryFilterSelected" | "primaryBlueFilter" | undefined;
+export type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | "primaryFilterSelected" | "primaryBlueFilter" | "smallWhite" | "smallWhiteSelected" | undefined;
 export interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
     /**
      * Set the button type
@@ -86,7 +86,7 @@ export interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputEleme
     /**
      * Set new variant of the input
      */
-    inputVariant?: "default" | "large" | "dynamic" | "uploadinput";
+    inputVariant?: "default" | "large" | "dynamic" | "uploadinput" | "small" | "noborder";
     /**
      * Set Input name
      */
@@ -158,6 +158,9 @@ export interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputEleme
     suffixed?: string;
     labelLeftAction?: () => void;
     labelLeftText?: string;
+    ref?: any;
+    inputFocus?: any;
+    refProps?: any;
 }
 export interface IFormGenInputProps {
     /**

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

@@ -383,6 +383,7 @@ export interface ButtonGroupProps extends InputGroupProps {
     onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
     buttonGroupCol?: string;
     onValueChange?: (value: string) => void;
+    buttonType?: string;
 }
 export interface ButtonGroupWithUploadProps extends InputGroupProps {
     options: {
@@ -540,4 +541,31 @@ export interface ICardInfoProps {
     additionalClasses?: string;
     HeaderText?: string;
 }
+export interface TimelineProps {
+    timelines: TimelineEventProps[];
+}
+export interface TimelineEventProps {
+    dateTime?: string;
+    name?: string;
+    chalenges?: any;
+    notes?: NoteProps[];
+    lastModified?: string;
+}
+export interface NoteProps {
+    headerNote?: string;
+    footerNote?: string;
+    noteOptions?: NoteOptionsProps[];
+}
+export interface NoteOptionsProps {
+    text?: string;
+    checked?: boolean;
+}
+export interface NoteItemProps {
+    isChecked?: boolean;
+    text: string;
+    enableCheckbox: boolean;
+}
+export interface NoteComponentProps {
+    onAdd: (items: NoteItemProps[]) => void;
+}
 export {};

package/dist/index.d.ts

@@ -347,6 +347,7 @@ interface ButtonGroupProps extends InputGroupProps {
     onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
     buttonGroupCol?: string;
     onValueChange?: (value: string) => void;
+    buttonType?: string;
 }
 interface ButtonGroupWithUploadProps extends InputGroupProps {
     options: {
@@ -428,8 +429,35 @@ interface ICardInfoProps {
     additionalClasses?: string;
     HeaderText?: string;
 }
+interface TimelineProps {
+    timelines: TimelineEventProps[];
+}
+interface TimelineEventProps {
+    dateTime?: string;
+    name?: string;
+    chalenges?: any;
+    notes?: NoteProps[];
+    lastModified?: string;
+}
+interface NoteProps {
+    headerNote?: string;
+    footerNote?: string;
+    noteOptions?: NoteOptionsProps[];
+}
+interface NoteOptionsProps {
+    text?: string;
+    checked?: boolean;
+}
+interface NoteItemProps {
+    isChecked?: boolean;
+    text: string;
+    enableCheckbox: boolean;
+}
+interface NoteComponentProps {
+    onAdd: (items: NoteItemProps[]) => void;
+}
 
-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" | "primaryFilterSelected" | "primaryBlueFilter" | "smallWhite" | "smallWhiteSelected" | undefined;
 interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
     /**
      * Set the button type
@@ -515,7 +543,7 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     /**
      * Set new variant of the input
      */
-    inputVariant?: "default" | "large" | "dynamic" | "uploadinput";
+    inputVariant?: "default" | "large" | "dynamic" | "uploadinput" | "small" | "noborder";
     /**
      * Set Input name
      */
@@ -587,6 +615,9 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     suffixed?: string;
     labelLeftAction?: () => void;
     labelLeftText?: string;
+    ref?: any;
+    inputFocus?: any;
+    refProps?: any;
 }
 interface ICheckboxProps {
     onChange?: (checked: boolean) => void;
@@ -1027,6 +1058,10 @@ declare const FilterButtonGroup: React__default.FC<ButtonGroupProps>;
 
 declare const SelectUserWithButton: React__default.FC<UserDropdownProps>;
 
+declare const Timeline: React__default.FC<TimelineProps>;
+
+declare const NoteEditor: React__default.FC<NoteComponentProps>;
+
 interface UseSchemaProcessorProps {
     schema: ISchema[];
     externalSetComponents: (data: IComponent[]) => void;
@@ -1331,4 +1366,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, IndeterminateCheckbox, 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, SelectUserWithButton, 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, FilterButtonGroup, Heading, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, type InputType, InputValidation, InputsGroup, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, NoteEditor, type NoteItemProps, type OptionProps, PanelCard, PhoneNumberInput, ProgressBar, RadioButton, Row, SearchDropdownWithButton, Select, SelectUserWithButton, Stepper, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, type TimelineEventProps, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, themeConfigs, usePagination, useSorting };

package/package.json

@@ -1,106 +1,106 @@
-{
-  "name": "dfh-ui-library",
-  "version": "1.9.36",
-  "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.9.39",
+  "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"
+}