dfh-ui-library 1.9.1 → 1.9.3

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 (30) hide show
  1. package/dist/cjs/index.css +1 -1
  2. package/dist/cjs/index.css.map +1 -1
  3. package/dist/cjs/index.js +1 -1
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/cjs/types/components/Button/Button.handler.d.ts +1 -1
  6. package/dist/cjs/types/components/Gird/Grid.d.ts +1 -3
  7. package/dist/cjs/types/components/Gird/index.d.ts +0 -1
  8. package/dist/cjs/types/components/Media/Icons/Icons.d.ts +2 -5
  9. package/dist/cjs/types/components/Message/Message.d.ts +1 -1
  10. package/dist/cjs/types/components/index.d.ts +0 -3
  11. package/dist/cjs/types/shared/configs/customClasses.d.ts +1 -2
  12. package/dist/cjs/types/shared/configs/themeConfig.d.ts +1 -1
  13. package/dist/cjs/types/shared/models/components/base.model.d.ts +2 -5
  14. package/dist/cjs/types/shared/models/components/common.model.d.ts +1 -29
  15. package/dist/esm/index.css +1 -1
  16. package/dist/esm/index.css.map +1 -1
  17. package/dist/esm/index.js +1 -1
  18. package/dist/esm/index.js.map +1 -1
  19. package/dist/esm/types/components/Button/Button.handler.d.ts +1 -1
  20. package/dist/esm/types/components/Gird/Grid.d.ts +1 -3
  21. package/dist/esm/types/components/Gird/index.d.ts +0 -1
  22. package/dist/esm/types/components/Media/Icons/Icons.d.ts +2 -5
  23. package/dist/esm/types/components/Message/Message.d.ts +1 -1
  24. package/dist/esm/types/components/index.d.ts +0 -3
  25. package/dist/esm/types/shared/configs/customClasses.d.ts +1 -2
  26. package/dist/esm/types/shared/configs/themeConfig.d.ts +1 -1
  27. package/dist/esm/types/shared/models/components/base.model.d.ts +2 -5
  28. package/dist/esm/types/shared/models/components/common.model.d.ts +1 -29
  29. package/dist/index.d.ts +8 -50
  30. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  import { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
2
2
  import { IAdditionalClassesProp, IChildrenProp, IIconTypeProp, AlignmentType, IOnClickEventProps, TyphoTypes, TyphoComponents, IconHoverColorTypes, MessageTypes, InputType, IconType, LableTypes, ToolTipProps, selectedValue } from "./common.model";
3
- export type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | "primaryFilterSelected" | "primaryBlueFilter" | undefined;
3
+ export type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | undefined;
4
4
  export interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
5
5
  /**
6
6
  * Set the button type
@@ -156,8 +156,6 @@ export interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputEleme
156
156
  enableToolTip?: boolean;
157
157
  tooltipProps?: ToolTipProps;
158
158
  suffixed?: string;
159
- labelLeftAction?: () => void;
160
- labelLeftText?: string;
161
159
  }
162
160
  export interface IFormGenInputProps {
163
161
  /**
@@ -245,7 +243,7 @@ export interface ICheckboxProps {
245
243
  id?: any;
246
244
  label?: string;
247
245
  }
248
- export type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | "fontSemiBold" | undefined;
246
+ export type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | undefined;
249
247
  export interface ILabelProps {
250
248
  /**
251
249
  * Set the Label Type
@@ -500,7 +498,6 @@ export interface ITabPanelProps extends AdditionalClassesProp {
500
498
  value: string;
501
499
  /** Identifier for the tab panel. */
502
500
  index: string;
503
- isCenter?: boolean;
504
501
  }
505
502
  export interface IPanelCardProps extends AdditionalClassesProp {
506
503
  /** Header title displayed on header area of the card. */
@@ -110,11 +110,10 @@ export interface TabNavItemProps {
110
110
  export interface MessageProps {
111
111
  type: string;
112
112
  text: string;
113
+ onClose?: () => void;
113
114
  }
114
115
  export interface BreadcrumbProps {
115
116
  items: BreadcrumbItem[];
116
- singleArrow?: boolean;
117
- addtionalClasses?: string;
118
117
  }
119
118
  export interface BreadcrumbItem {
120
119
  label: string;
@@ -211,7 +210,6 @@ export interface CustomDatePickerProps {
211
210
  additionalClasses?: string | undefined;
212
211
  readOnly?: boolean;
213
212
  type?: InputType;
214
- height?: string;
215
213
  /**
216
214
  * Set new variant of the input
217
215
  */
@@ -322,29 +320,6 @@ export interface DropdownSearchProps {
322
320
  listHeader?: string;
323
321
  selected?: string;
324
322
  }
325
- export interface UserDropdownProps {
326
- options?: OptionProps[];
327
- label?: string;
328
- labelType?: LableTypes;
329
- onSelectedValuesChange?: (selectedValue: OptionProps) => void;
330
- onSelectedMultiValuesChange?: (selectedValue: OptionProps[]) => void;
331
- buttonProps?: BtnOptionDropdown[];
332
- defaultValue?: string;
333
- additionalErrorClasses?: string;
334
- error?: string;
335
- additionalClasses?: string;
336
- readOnly?: boolean;
337
- isBorderedError?: boolean;
338
- selectedValues?: OptionProps[];
339
- setSelectedValues?: any;
340
- onClick?: () => void;
341
- variants?: string;
342
- isNoNBoarder?: boolean;
343
- isLeft?: boolean;
344
- disabled?: boolean;
345
- edited?: boolean;
346
- editedValue?: OptionProps;
347
- }
348
323
  export declare enum ClickedAction {
349
324
  NONE = "NONE",
350
325
  ADDME = "ADDME",
@@ -368,7 +343,6 @@ export interface ButtonGroupProps extends InputGroupProps {
368
343
  id: number;
369
344
  value: string;
370
345
  }[];
371
- optionsUser?: OptionProps[];
372
346
  onSelect: (selectedOption: number) => void;
373
347
  label?: string;
374
348
  error?: string;
@@ -378,8 +352,6 @@ export interface ButtonGroupProps extends InputGroupProps {
378
352
  additionalClasses?: string;
379
353
  onFileChange?: (file: File | null) => void;
380
354
  secondaryComponentsVisible?: boolean;
381
- onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
382
- buttonGroupCol?: string;
383
355
  onValueChange?: (value: string) => void;
384
356
  }
385
357
  export interface ButtonGroupWithUploadProps extends InputGroupProps {
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import * as React$1 from 'react';
3
- import React__default, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, FC, ReactNode, HTMLProps } from 'react';
3
+ import React__default, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, FC, ReactNode } from 'react';
4
4
  import { ColumnDef, OnChangeFn, SortingState, PaginationState } from '@tanstack/react-table';
5
5
  export { ColumnDef, SortingState } from '@tanstack/react-table';
6
6
 
@@ -74,11 +74,10 @@ interface TabNavigationProps extends AdditionalClassesProp$1 {
74
74
  interface MessageProps {
75
75
  type: string;
76
76
  text: string;
77
+ onClose?: () => void;
77
78
  }
78
79
  interface BreadcrumbProps {
79
80
  items: BreadcrumbItem[];
80
- singleArrow?: boolean;
81
- addtionalClasses?: string;
82
81
  }
83
82
  interface BreadcrumbItem {
84
83
  label: string;
@@ -175,7 +174,6 @@ interface CustomDatePickerProps {
175
174
  additionalClasses?: string | undefined;
176
175
  readOnly?: boolean;
177
176
  type?: InputType;
178
- height?: string;
179
177
  /**
180
178
  * Set new variant of the input
181
179
  */
@@ -286,29 +284,6 @@ interface DropdownSearchProps {
286
284
  listHeader?: string;
287
285
  selected?: string;
288
286
  }
289
- interface UserDropdownProps {
290
- options?: OptionProps[];
291
- label?: string;
292
- labelType?: LableTypes;
293
- onSelectedValuesChange?: (selectedValue: OptionProps) => void;
294
- onSelectedMultiValuesChange?: (selectedValue: OptionProps[]) => void;
295
- buttonProps?: BtnOptionDropdown[];
296
- defaultValue?: string;
297
- additionalErrorClasses?: string;
298
- error?: string;
299
- additionalClasses?: string;
300
- readOnly?: boolean;
301
- isBorderedError?: boolean;
302
- selectedValues?: OptionProps[];
303
- setSelectedValues?: any;
304
- onClick?: () => void;
305
- variants?: string;
306
- isNoNBoarder?: boolean;
307
- isLeft?: boolean;
308
- disabled?: boolean;
309
- edited?: boolean;
310
- editedValue?: OptionProps;
311
- }
312
287
  declare enum ClickedAction {
313
288
  NONE = "NONE",
314
289
  ADDME = "ADDME",
@@ -332,7 +307,6 @@ interface ButtonGroupProps extends InputGroupProps {
332
307
  id: number;
333
308
  value: string;
334
309
  }[];
335
- optionsUser?: OptionProps[];
336
310
  onSelect: (selectedOption: number) => void;
337
311
  label?: string;
338
312
  error?: string;
@@ -342,8 +316,6 @@ interface ButtonGroupProps extends InputGroupProps {
342
316
  additionalClasses?: string;
343
317
  onFileChange?: (file: File | null) => void;
344
318
  secondaryComponentsVisible?: boolean;
345
- onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
346
- buttonGroupCol?: string;
347
319
  onValueChange?: (value: string) => void;
348
320
  }
349
321
  interface ButtonGroupWithUploadProps extends InputGroupProps {
@@ -428,7 +400,7 @@ interface ICardInfoProps {
428
400
  HeaderText?: string;
429
401
  }
430
402
 
431
- type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | "primaryFilterSelected" | "primaryBlueFilter" | undefined;
403
+ type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | undefined;
432
404
  interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
433
405
  /**
434
406
  * Set the button type
@@ -584,8 +556,6 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
584
556
  enableToolTip?: boolean;
585
557
  tooltipProps?: ToolTipProps;
586
558
  suffixed?: string;
587
- labelLeftAction?: () => void;
588
- labelLeftText?: string;
589
559
  }
590
560
  interface ICheckboxProps {
591
561
  onChange?: (checked: boolean) => void;
@@ -593,7 +563,7 @@ interface ICheckboxProps {
593
563
  id?: any;
594
564
  label?: string;
595
565
  }
596
- type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | "fontSemiBold" | undefined;
566
+ type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | undefined;
597
567
  interface ILabelProps {
598
568
  /**
599
569
  * Set the Label Type
@@ -825,7 +795,6 @@ interface ITabPanelProps extends AdditionalClassesProp {
825
795
  value: string;
826
796
  /** Identifier for the tab panel. */
827
797
  index: string;
828
- isCenter?: boolean;
829
798
  }
830
799
  interface IPanelCardProps extends AdditionalClassesProp {
831
800
  /** Header title displayed on header area of the card. */
@@ -905,7 +874,7 @@ declare const LoadingSpinner: React__default.FC<AdditionalClassesProp$1>;
905
874
 
906
875
  declare const NavBar: ({ navigationData, additionalClasses, navItemClick, isEnableLogout, handleLogout, userImage, }: TabNavigationProps) => React__default.JSX.Element;
907
876
 
908
- declare const Message: ({ type, text }: MessageProps) => React__default.JSX.Element | undefined;
877
+ declare const Message: ({ type, text, onClose }: MessageProps) => React__default.JSX.Element | undefined;
909
878
 
910
879
  declare const Breadcrumb: React__default.FC<BreadcrumbProps>;
911
880
 
@@ -971,7 +940,7 @@ declare const ButtonGroup: React__default.FC<ButtonGroupProps>;
971
940
  declare const Icon: React__default.FC<IIconProps>;
972
941
 
973
942
  declare function Table({ data, columns, sorting, onSortingChange, pagination, onPaginationChange, totalRecords, isManualPagination, // true for server-side pagination
974
- isManualSorting, rowClick, key, setRowSelection, }: {
943
+ isManualSorting, rowClick, }: {
975
944
  data: any[];
976
945
  columns: ColumnDef<any>[];
977
946
  sorting?: any;
@@ -982,15 +951,8 @@ isManualSorting, rowClick, key, setRowSelection, }: {
982
951
  isManualPagination?: boolean;
983
952
  isManualSorting?: boolean;
984
953
  rowClick?: (row: any) => void;
985
- key?: any;
986
- setRowSelection?: any;
987
954
  }): React__default.JSX.Element;
988
955
 
989
- declare function IndeterminateCheckbox({ indeterminate, rowId, className, ...rest }: {
990
- indeterminate?: boolean;
991
- rowId?: any;
992
- } & HTMLProps<HTMLInputElement>): React__default.JSX.Element;
993
-
994
956
  declare const Tab: React__default.FC<ITabProps>;
995
957
 
996
958
  declare const TabList: React__default.FC<ITabListProps>;
@@ -1020,10 +982,6 @@ declare const ButtonGroupWithInputsFormGen: React__default.FC<FormGenButtonGroup
1020
982
 
1021
983
  declare const DynamicDualInputTextGroupFormGen: React__default.FC<DyanamicDualInputProps>;
1022
984
 
1023
- declare const FilterButtonGroup: React__default.FC<ButtonGroupProps>;
1024
-
1025
- declare const SelectUserWithButton: React__default.FC<UserDropdownProps>;
1026
-
1027
985
  interface UseSchemaProcessorProps {
1028
986
  schema: ISchema[];
1029
987
  externalSetComponents: (data: IComponent[]) => void;
@@ -1231,6 +1189,7 @@ declare const themeConfigs: {
1231
1189
  500: string;
1232
1190
  600: string;
1233
1191
  700: string;
1192
+ 720: string;
1234
1193
  725: string;
1235
1194
  800: string;
1236
1195
  820: string;
@@ -1267,7 +1226,6 @@ declare const themeConfigs: {
1267
1226
  "19s": string[];
1268
1227
  "20s": string[];
1269
1228
  "24s": string[];
1270
- "24-32s": string[];
1271
1229
  "26s": string[];
1272
1230
  "28s": string[];
1273
1231
  "32s": string[];
@@ -1328,4 +1286,4 @@ declare const themeConfigs: {
1328
1286
  plugins: any[];
1329
1287
  };
1330
1288
 
1331
- 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 };
1289
+ 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dfh-ui-library",
3
- "version": "1.9.1",
3
+ "version": "1.9.3",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",