@fctc/sme-widget-ui 1.1.7 → 1.1.9
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/README.md +93 -93
- package/dist/icons.d.mts +1 -5
- package/dist/icons.d.ts +1 -5
- package/dist/icons.js +49 -259
- package/dist/icons.mjs +49 -258
- package/dist/index.css +98 -0
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +970 -848
- package/dist/index.mjs +867 -745
- package/dist/widgets.css +98 -0
- package/dist/widgets.d.mts +5 -1
- package/dist/widgets.d.ts +5 -1
- package/dist/widgets.js +959 -835
- package/dist/widgets.mjs +856 -733
- package/package.json +71 -71
package/dist/widgets.css
CHANGED
|
@@ -1,5 +1,103 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
|
|
3
|
+
/* src/index.css */
|
|
4
|
+
@tailwind base;
|
|
5
|
+
@tailwind components;
|
|
6
|
+
@tailwind utilities;
|
|
7
|
+
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
|
|
8
|
+
* {
|
|
9
|
+
font-family: "Inter", sans-serif;
|
|
10
|
+
}
|
|
11
|
+
@theme { --color-primary: var(--primary); --color-secondary: var(--secondary); }
|
|
12
|
+
.border-primary {
|
|
13
|
+
border: var(--color-primary);
|
|
14
|
+
}
|
|
15
|
+
.custom-checkbox {
|
|
16
|
+
appearance: none;
|
|
17
|
+
width: 20px;
|
|
18
|
+
height: 20px;
|
|
19
|
+
border: 2px solid #ccc;
|
|
20
|
+
border-radius: 4px;
|
|
21
|
+
position: relative;
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
outline: none;
|
|
24
|
+
transition: border-color 0.3s ease, background-color 0.3s ease;
|
|
25
|
+
}
|
|
26
|
+
.custom-checkbox:checked {
|
|
27
|
+
border-color: var(--color-primary);
|
|
28
|
+
background-color: var(--color-primary);
|
|
29
|
+
}
|
|
30
|
+
.custom-checkbox:checked::before {
|
|
31
|
+
content: "\2714";
|
|
32
|
+
color: white;
|
|
33
|
+
font-size: 14px;
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: 50%;
|
|
36
|
+
left: 50%;
|
|
37
|
+
transform: translate(-50%, -50%);
|
|
38
|
+
}
|
|
39
|
+
.custom-checkbox-label {
|
|
40
|
+
cursor: pointer;
|
|
41
|
+
margin-left: 8px;
|
|
42
|
+
}
|
|
43
|
+
.custom-radio {
|
|
44
|
+
appearance: none;
|
|
45
|
+
width: 20px;
|
|
46
|
+
height: 20px;
|
|
47
|
+
border: 2px solid #ccc;
|
|
48
|
+
border-radius: 50%;
|
|
49
|
+
position: relative;
|
|
50
|
+
cursor: pointer;
|
|
51
|
+
outline: none;
|
|
52
|
+
transition: border-color 0.3s ease;
|
|
53
|
+
}
|
|
54
|
+
.custom-radio:checked {
|
|
55
|
+
border-color: var(--color-primary);
|
|
56
|
+
}
|
|
57
|
+
.custom-radio:checked::before {
|
|
58
|
+
content: "";
|
|
59
|
+
width: 12px;
|
|
60
|
+
height: 12px;
|
|
61
|
+
background-color: var( --color-primary );
|
|
62
|
+
border-radius: 50%;
|
|
63
|
+
position: absolute;
|
|
64
|
+
top: 50%;
|
|
65
|
+
left: 50%;
|
|
66
|
+
transform: translate(-50%, -50%);
|
|
67
|
+
}
|
|
68
|
+
.custom-radio-label {
|
|
69
|
+
cursor: pointer;
|
|
70
|
+
margin-left: 8px;
|
|
71
|
+
}
|
|
72
|
+
.field {
|
|
73
|
+
border-radius: 10px !important;
|
|
74
|
+
min-height: 44px !important;
|
|
75
|
+
width: 100% !important;
|
|
76
|
+
background-color: #f7f7f7 !important;
|
|
77
|
+
padding: 12px 12px 12px 8px !important;
|
|
78
|
+
font-weight: 400 !important;
|
|
79
|
+
color: var(--text-color) !important;
|
|
80
|
+
font-size: 14px !important;
|
|
81
|
+
min-width: max-content;
|
|
82
|
+
gap: 8px;
|
|
83
|
+
opacity: 1;
|
|
84
|
+
cursor: pointer !important;
|
|
85
|
+
field-sizing: content;
|
|
86
|
+
line-height: 1.5;
|
|
87
|
+
scrollbar-width: none;
|
|
88
|
+
resize: none;
|
|
89
|
+
min-width: unset;
|
|
90
|
+
}
|
|
91
|
+
.field[readonly] {
|
|
92
|
+
cursor: not-allowed !important;
|
|
93
|
+
border: 1px solid transparent !important;
|
|
94
|
+
color: var(--placeholder-color) !important;
|
|
95
|
+
opacity: 1;
|
|
96
|
+
}
|
|
97
|
+
.react-datepicker-popper {
|
|
98
|
+
z-index: 9999 !important;
|
|
99
|
+
}
|
|
100
|
+
|
|
3
101
|
/* node_modules/react-datepicker/dist/react-datepicker.css */
|
|
4
102
|
.react-datepicker__navigation-icon::before,
|
|
5
103
|
.react-datepicker__year-read-view--down-arrow,
|
package/dist/widgets.d.mts
CHANGED
|
@@ -67,6 +67,10 @@ declare const TableHead: (props: TableHeadProps) => JSX.Element;
|
|
|
67
67
|
|
|
68
68
|
declare const Row: (props: any) => JSX.Element;
|
|
69
69
|
|
|
70
|
+
declare const EmptyTable: ({ isForm }: {
|
|
71
|
+
isForm: boolean;
|
|
72
|
+
}) => JSX.Element;
|
|
73
|
+
|
|
70
74
|
declare const Login: React__default.FC<LoginProps>;
|
|
71
75
|
|
|
72
76
|
declare const Search: ({ removeSearchItems, selectedTags, filterBy, setFilterBy, searchString, onSearchString, handleAddTagSearch, searchBy, groupBy, showFiltersGroups, setGroupBy, setSelectedRowKeys, setDomainList, setPage, fieldsList, viewData, context, aid, selectedRowKeys, domainSearch, evalJSONContext, clearSearch, }: any) => JSX.Element;
|
|
@@ -439,4 +443,4 @@ interface VideoPlayerProps {
|
|
|
439
443
|
}
|
|
440
444
|
declare const VideoPlayer: ({ src }: VideoPlayerProps) => JSX.Element;
|
|
441
445
|
|
|
442
|
-
export { ActiveBadgeField, AvatarField, BinaryField, ButtonBadgeField, ButtonField, ButtonSelectFiles, CharField, CheckboxField, ColorField, ColorWrapper, CopyLinkButtonField, DateField, DateOptionField, DownLoadBinaryField, DownloadFileField, DropdownField, FeeField, FileUploadField, FloatField, FloatTimeField, HtmlField, type IActiveBadgeProps, type IAvatarProps, type IBinaryFieldProps, type IButtonBadgeProps, type IButtonProps, type ICharFieldProps, type IColorFieldProps, type IColorWrapperProps, type ICopyLinkButtonProps, type IDateFieldProps, type IDownLoadBinary, type IDownloadFileProps, type IDurationProps, type IFileUploadProps, type IMany2ManyTagsProps, type IMonetaryProps, type IOptionProps, type IPaginationProps, type IPriorityFieldProps, type IRadioGroupProps, type IRatingStarProps, type ISelectDropdownProps, type IStatusDropdownFieldProps, ImageField, InfomationField, IntegerField, LayerLoading, LoadingSmall, Login, Many2ManyField, type Many2ManyProps, Many2ManyTagField, Many2OneField, type Many2OneProps, ModalConfirm, ModalDetail, ModalLayer, MonetaryField, PaginationView, PaidBadgedField, PriorityField, RadioGroupField, RatingStarField, RemainingDaysField, RenderFiles, Row, Search, SelectDropdownField, StatusBarOptionField, StatusDropdownField, StatusbarDurationField, type TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButtonField, VideoPlayer, usePagination };
|
|
446
|
+
export { ActiveBadgeField, AvatarField, BinaryField, ButtonBadgeField, ButtonField, ButtonSelectFiles, CharField, CheckboxField, ColorField, ColorWrapper, CopyLinkButtonField, DateField, DateOptionField, DownLoadBinaryField, DownloadFileField, DropdownField, EmptyTable, FeeField, FileUploadField, FloatField, FloatTimeField, HtmlField, type IActiveBadgeProps, type IAvatarProps, type IBinaryFieldProps, type IButtonBadgeProps, type IButtonProps, type ICharFieldProps, type IColorFieldProps, type IColorWrapperProps, type ICopyLinkButtonProps, type IDateFieldProps, type IDownLoadBinary, type IDownloadFileProps, type IDurationProps, type IFileUploadProps, type IMany2ManyTagsProps, type IMonetaryProps, type IOptionProps, type IPaginationProps, type IPriorityFieldProps, type IRadioGroupProps, type IRatingStarProps, type ISelectDropdownProps, type IStatusDropdownFieldProps, ImageField, InfomationField, IntegerField, LayerLoading, LoadingSmall, Login, Many2ManyField, type Many2ManyProps, Many2ManyTagField, Many2OneField, type Many2OneProps, ModalConfirm, ModalDetail, ModalLayer, MonetaryField, PaginationView, PaidBadgedField, PriorityField, RadioGroupField, RatingStarField, RemainingDaysField, RenderFiles, Row, Search, SelectDropdownField, StatusBarOptionField, StatusDropdownField, StatusbarDurationField, type TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButtonField, VideoPlayer, usePagination };
|
package/dist/widgets.d.ts
CHANGED
|
@@ -67,6 +67,10 @@ declare const TableHead: (props: TableHeadProps) => JSX.Element;
|
|
|
67
67
|
|
|
68
68
|
declare const Row: (props: any) => JSX.Element;
|
|
69
69
|
|
|
70
|
+
declare const EmptyTable: ({ isForm }: {
|
|
71
|
+
isForm: boolean;
|
|
72
|
+
}) => JSX.Element;
|
|
73
|
+
|
|
70
74
|
declare const Login: React__default.FC<LoginProps>;
|
|
71
75
|
|
|
72
76
|
declare const Search: ({ removeSearchItems, selectedTags, filterBy, setFilterBy, searchString, onSearchString, handleAddTagSearch, searchBy, groupBy, showFiltersGroups, setGroupBy, setSelectedRowKeys, setDomainList, setPage, fieldsList, viewData, context, aid, selectedRowKeys, domainSearch, evalJSONContext, clearSearch, }: any) => JSX.Element;
|
|
@@ -439,4 +443,4 @@ interface VideoPlayerProps {
|
|
|
439
443
|
}
|
|
440
444
|
declare const VideoPlayer: ({ src }: VideoPlayerProps) => JSX.Element;
|
|
441
445
|
|
|
442
|
-
export { ActiveBadgeField, AvatarField, BinaryField, ButtonBadgeField, ButtonField, ButtonSelectFiles, CharField, CheckboxField, ColorField, ColorWrapper, CopyLinkButtonField, DateField, DateOptionField, DownLoadBinaryField, DownloadFileField, DropdownField, FeeField, FileUploadField, FloatField, FloatTimeField, HtmlField, type IActiveBadgeProps, type IAvatarProps, type IBinaryFieldProps, type IButtonBadgeProps, type IButtonProps, type ICharFieldProps, type IColorFieldProps, type IColorWrapperProps, type ICopyLinkButtonProps, type IDateFieldProps, type IDownLoadBinary, type IDownloadFileProps, type IDurationProps, type IFileUploadProps, type IMany2ManyTagsProps, type IMonetaryProps, type IOptionProps, type IPaginationProps, type IPriorityFieldProps, type IRadioGroupProps, type IRatingStarProps, type ISelectDropdownProps, type IStatusDropdownFieldProps, ImageField, InfomationField, IntegerField, LayerLoading, LoadingSmall, Login, Many2ManyField, type Many2ManyProps, Many2ManyTagField, Many2OneField, type Many2OneProps, ModalConfirm, ModalDetail, ModalLayer, MonetaryField, PaginationView, PaidBadgedField, PriorityField, RadioGroupField, RatingStarField, RemainingDaysField, RenderFiles, Row, Search, SelectDropdownField, StatusBarOptionField, StatusDropdownField, StatusbarDurationField, type TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButtonField, VideoPlayer, usePagination };
|
|
446
|
+
export { ActiveBadgeField, AvatarField, BinaryField, ButtonBadgeField, ButtonField, ButtonSelectFiles, CharField, CheckboxField, ColorField, ColorWrapper, CopyLinkButtonField, DateField, DateOptionField, DownLoadBinaryField, DownloadFileField, DropdownField, EmptyTable, FeeField, FileUploadField, FloatField, FloatTimeField, HtmlField, type IActiveBadgeProps, type IAvatarProps, type IBinaryFieldProps, type IButtonBadgeProps, type IButtonProps, type ICharFieldProps, type IColorFieldProps, type IColorWrapperProps, type ICopyLinkButtonProps, type IDateFieldProps, type IDownLoadBinary, type IDownloadFileProps, type IDurationProps, type IFileUploadProps, type IMany2ManyTagsProps, type IMonetaryProps, type IOptionProps, type IPaginationProps, type IPriorityFieldProps, type IRadioGroupProps, type IRatingStarProps, type ISelectDropdownProps, type IStatusDropdownFieldProps, ImageField, InfomationField, IntegerField, LayerLoading, LoadingSmall, Login, Many2ManyField, type Many2ManyProps, Many2ManyTagField, Many2OneField, type Many2OneProps, ModalConfirm, ModalDetail, ModalLayer, MonetaryField, PaginationView, PaidBadgedField, PriorityField, RadioGroupField, RatingStarField, RemainingDaysField, RenderFiles, Row, Search, SelectDropdownField, StatusBarOptionField, StatusDropdownField, StatusbarDurationField, type TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButtonField, VideoPlayer, usePagination };
|