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.
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.css.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/Button/Button.handler.d.ts +1 -1
- package/dist/cjs/types/components/Gird/Grid.d.ts +1 -3
- package/dist/cjs/types/components/Gird/index.d.ts +0 -1
- package/dist/cjs/types/components/Media/Icons/Icons.d.ts +2 -5
- package/dist/cjs/types/components/Message/Message.d.ts +1 -1
- package/dist/cjs/types/components/index.d.ts +0 -3
- package/dist/cjs/types/shared/configs/customClasses.d.ts +1 -2
- package/dist/cjs/types/shared/configs/themeConfig.d.ts +1 -1
- package/dist/cjs/types/shared/models/components/base.model.d.ts +2 -5
- package/dist/cjs/types/shared/models/components/common.model.d.ts +1 -29
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.css.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Button/Button.handler.d.ts +1 -1
- package/dist/esm/types/components/Gird/Grid.d.ts +1 -3
- package/dist/esm/types/components/Gird/index.d.ts +0 -1
- package/dist/esm/types/components/Media/Icons/Icons.d.ts +2 -5
- package/dist/esm/types/components/Message/Message.d.ts +1 -1
- package/dist/esm/types/components/index.d.ts +0 -3
- package/dist/esm/types/shared/configs/customClasses.d.ts +1 -2
- package/dist/esm/types/shared/configs/themeConfig.d.ts +1 -1
- package/dist/esm/types/shared/models/components/base.model.d.ts +2 -5
- package/dist/esm/types/shared/models/components/common.model.d.ts +1 -29
- package/dist/index.d.ts +8 -50
- 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" |
|
|
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" |
|
|
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
|
|
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" |
|
|
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" |
|
|
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,
|
|
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,
|
|
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 };
|