dfh-ui-library 1.9.46 → 1.9.49

package/dist/esm/types/components/Timeline/TimelineEvent.d.ts

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

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

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

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

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

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

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

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

@@ -38,3 +38,6 @@ 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";
+export { default as VersionDateDropdown } from "./VersionDateDropdown";

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

@@ -324,6 +324,21 @@ export interface DropdownSearchProps {
     listHeader?: string;
     selected?: string;
 }
+export interface DropdownVersionProps {
+    options?: OptionProps[];
+    label?: string;
+    labelType?: LableTypes;
+    onSelectedValuesChange?: (selectedValue: OptionProps) => void;
+    buttonProps?: BtnOptionDropdown[];
+    defaultValue?: string;
+    additionalErrorClasses?: string;
+    error?: string;
+    additionalClasses?: string;
+    readOnly?: boolean;
+    isBorderedError?: boolean;
+    listHeader?: string;
+    selected?: string;
+}
 export interface UserDropdownProps {
     options?: OptionProps[];
     label?: string;
@@ -347,6 +362,16 @@ export interface UserDropdownProps {
     edited?: boolean;
     editedValue?: OptionProps;
 }
+export interface VersionDropDownProps {
+    options?: {
+        displayText: string;
+        value: string;
+    }[];
+    additionalClasses?: string;
+    onClick?: () => void;
+    selectedValues?: string;
+    handleSelectedValuesChange?: (selectedValue: string) => void;
+}
 export declare enum ClickedAction {
     NONE = "NONE",
     ADDME = "ADDME",
@@ -383,6 +408,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: {
@@ -495,7 +521,6 @@ export interface FormGenButtonGroupProps extends FormGenInputGroupProps {
     additionalClasses?: string;
     onFileChange?: (file: File | null) => void;
     secondaryComponentsVisible?: boolean;
-    viewMode?: boolean;
 }
 export interface selectedValue {
     value?: any;
@@ -541,4 +566,32 @@ 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;
+    cancelAction?: () => void;
+}
 export {};

package/dist/index.d.ts

@@ -311,6 +311,16 @@ interface UserDropdownProps {
     edited?: boolean;
     editedValue?: OptionProps;
 }
+interface VersionDropDownProps {
+    options?: {
+        displayText: string;
+        value: string;
+    }[];
+    additionalClasses?: string;
+    onClick?: () => void;
+    selectedValues?: string;
+    handleSelectedValuesChange?: (selectedValue: string) => void;
+}
 declare enum ClickedAction {
     NONE = "NONE",
     ADDME = "ADDME",
@@ -347,6 +357,7 @@ interface ButtonGroupProps extends InputGroupProps {
     onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
     buttonGroupCol?: string;
     onValueChange?: (value: string) => void;
+    buttonType?: string;
 }
 interface ButtonGroupWithUploadProps extends InputGroupProps {
     options: {
@@ -396,7 +407,6 @@ interface FormGenButtonGroupProps extends FormGenInputGroupProps {
     additionalClasses?: string;
     onFileChange?: (file: File | null) => void;
     secondaryComponentsVisible?: boolean;
-    viewMode?: boolean;
 }
 interface selectedValue {
     value?: any;
@@ -429,8 +439,36 @@ 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;
+    cancelAction?: () => 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
@@ -516,7 +554,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
      */
@@ -588,6 +626,9 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     suffixed?: string;
     labelLeftAction?: () => void;
     labelLeftText?: string;
+    ref?: any;
+    inputFocus?: any;
+    refProps?: any;
 }
 interface ICheckboxProps {
     onChange?: (checked: boolean) => void;
@@ -1028,6 +1069,12 @@ 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>;
+
+declare const VersionDateDropdown: React__default.FC<VersionDropDownProps>;
+
 interface UseSchemaProcessorProps {
     schema: ISchema[];
     externalSetComponents: (data: IComponent[]) => void;
@@ -1332,4 +1379,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, VersionDateDropdown, themeConfigs, usePagination, useSorting };

package/package.json

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