@dexma/ui-components 6.8.0 → 7.0.0

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 (140) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +38 -36
  3. package/dist/index.d.ts +1 -0
  4. package/dist/lib/components/Alert/Alert.d.ts +13 -0
  5. package/dist/lib/components/Alert/index.d.ts +1 -0
  6. package/dist/lib/components/Button/Button.d.ts +50 -0
  7. package/dist/lib/components/Button/index.d.ts +1 -0
  8. package/dist/lib/components/Card/Card.d.ts +17 -0
  9. package/dist/lib/components/Card/index.d.ts +1 -0
  10. package/dist/lib/components/Cascader/Cascader.d.ts +19 -0
  11. package/dist/lib/components/Cascader/index.d.ts +1 -0
  12. package/dist/lib/components/Cell/Cell.d.ts +17 -0
  13. package/dist/lib/components/Cell/index.d.ts +1 -0
  14. package/dist/lib/components/Chart/Chart.d.ts +23 -0
  15. package/dist/lib/components/Chart/index.d.ts +1 -0
  16. package/dist/lib/components/Chart/types.d.ts +24 -0
  17. package/dist/lib/components/Checkbox/Checkbox.d.ts +9 -0
  18. package/dist/lib/components/Checkbox/index.d.ts +1 -0
  19. package/dist/lib/components/ColorPicker/ColorPicker.d.ts +15 -0
  20. package/dist/lib/components/ColorPicker/index.d.ts +1 -0
  21. package/dist/lib/components/DataId/DataIdProvider.d.ts +10 -0
  22. package/dist/lib/components/DataId/withDataId.d.ts +7 -0
  23. package/dist/lib/components/DatePicker/DatePicker.d.ts +24 -0
  24. package/dist/lib/components/DatePicker/datePickerUtils.d.ts +3 -0
  25. package/dist/lib/components/DatePicker/index.d.ts +1 -0
  26. package/dist/lib/components/Divider/Divider.d.ts +6 -0
  27. package/dist/lib/components/Divider/index.d.ts +1 -0
  28. package/dist/lib/components/Dots/Dots.d.ts +5 -0
  29. package/dist/lib/components/Dots/index.d.ts +1 -0
  30. package/dist/lib/components/Dropdown/Dropdown.d.ts +19 -0
  31. package/dist/lib/components/Dropdown/index.d.ts +1 -0
  32. package/dist/lib/components/FieldGroup/FieldGroup.d.ts +62 -0
  33. package/dist/lib/components/FieldGroup/index.d.ts +1 -0
  34. package/dist/lib/components/FormControl/FormControl.d.ts +35 -0
  35. package/dist/lib/components/FormControl/index.d.ts +1 -0
  36. package/dist/lib/components/Gauge/Gauge.d.ts +234 -0
  37. package/dist/lib/components/Gauge/index.d.ts +1 -0
  38. package/dist/lib/components/Grid/Grid.d.ts +5 -0
  39. package/dist/lib/components/Grid/index.d.ts +1 -0
  40. package/dist/lib/components/Heading/Heading.d.ts +10 -0
  41. package/dist/lib/components/Heading/index.d.ts +1 -0
  42. package/dist/lib/components/Icon/Icon.d.ts +17 -0
  43. package/dist/lib/components/Icon/index.d.ts +1 -0
  44. package/dist/lib/components/Input/Input.d.ts +17 -0
  45. package/dist/lib/components/Input/index.d.ts +1 -0
  46. package/dist/lib/components/Loading/Loading.d.ts +10 -0
  47. package/dist/lib/components/Loading/index.d.ts +1 -0
  48. package/dist/lib/components/Modal/Modal.d.ts +3 -0
  49. package/dist/lib/components/Modal/index.d.ts +1 -0
  50. package/dist/lib/components/Pagination/Pagination.d.ts +6 -0
  51. package/dist/lib/components/Pagination/index.d.ts +1 -0
  52. package/dist/lib/components/Paragraph/Paragraph.d.ts +9 -0
  53. package/dist/lib/components/Paragraph/index.d.ts +1 -0
  54. package/dist/lib/components/Popover/Popover.d.ts +6 -0
  55. package/dist/lib/components/Popover/index.d.ts +1 -0
  56. package/dist/lib/components/Progress/Progress.d.ts +12 -0
  57. package/dist/lib/components/Progress/index.d.ts +1 -0
  58. package/dist/lib/components/Result/Result.d.ts +20 -0
  59. package/dist/lib/components/Result/index.d.ts +1 -0
  60. package/dist/lib/components/Row/Row.d.ts +8 -0
  61. package/dist/lib/components/Row/index.d.ts +1 -0
  62. package/dist/lib/components/Section/Section.d.ts +15 -0
  63. package/dist/lib/components/Section/index.d.ts +1 -0
  64. package/dist/lib/components/Select/ButtonPaginationSelector.d.ts +18 -0
  65. package/dist/lib/components/Select/Select.d.ts +58 -0
  66. package/dist/lib/components/Select/index.d.ts +1 -0
  67. package/dist/lib/components/Select/selectUtils.d.ts +21 -0
  68. package/dist/lib/components/Spinner/Spinner.d.ts +4 -0
  69. package/dist/lib/components/Spinner/index.d.ts +1 -0
  70. package/dist/lib/components/Switch/Switch.d.ts +19 -0
  71. package/dist/lib/components/Switch/index.d.ts +1 -0
  72. package/dist/lib/components/SwitchPeriodComparative/SwitchPeriodComparative.d.ts +24 -0
  73. package/dist/lib/components/SwitchPeriodComparative/index.d.ts +1 -0
  74. package/dist/lib/components/Table/Table.d.ts +16 -0
  75. package/dist/lib/components/Table/index.d.ts +1 -0
  76. package/dist/lib/components/Tabs/Tabs.d.ts +16 -0
  77. package/dist/lib/components/Tabs/index.d.ts +1 -0
  78. package/dist/lib/components/Tag/Tag.d.ts +22 -0
  79. package/dist/lib/components/Tag/index.d.ts +1 -0
  80. package/dist/lib/components/TagGroup/TagGroup.d.ts +7 -0
  81. package/dist/lib/components/TagGroup/index.d.ts +1 -0
  82. package/dist/lib/components/Theme/Theme.d.ts +8 -0
  83. package/dist/lib/components/Theme/index.d.ts +1 -0
  84. package/dist/lib/components/Toaster/Toast.d.ts +12 -0
  85. package/dist/lib/components/Toaster/Toaster.d.ts +7 -0
  86. package/dist/lib/components/Toaster/ToasterContext.d.ts +11 -0
  87. package/dist/lib/components/Toaster/index.d.ts +3 -0
  88. package/dist/lib/components/Tooltip/Tooltip.d.ts +8 -0
  89. package/dist/lib/components/Tooltip/index.d.ts +1 -0
  90. package/dist/lib/components/index.d.ts +42 -0
  91. package/dist/lib/index.d.ts +5 -0
  92. package/dist/lib/styles/Alert/StyledAlert.d.ts +12 -0
  93. package/dist/lib/styles/Button/StyledButton.d.ts +44 -0
  94. package/dist/lib/styles/Card/StyledCard.d.ts +14 -0
  95. package/dist/lib/styles/Cascader/StyledCascader.d.ts +11 -0
  96. package/dist/lib/styles/Cell/StyledCell.d.ts +16 -0
  97. package/dist/lib/styles/Chart/StyledChart.d.ts +3 -0
  98. package/dist/lib/styles/ColorPicker/StyledColorPicker.d.ts +50 -0
  99. package/dist/lib/styles/DatePicker/StyledDatePicker.d.ts +25 -0
  100. package/dist/lib/styles/Divider/StyledDivider.d.ts +7 -0
  101. package/dist/lib/styles/Dots/StyledDots.d.ts +10 -0
  102. package/dist/lib/styles/Dropdown/StyledDropdown.d.ts +88 -0
  103. package/dist/lib/styles/Fieldgroup/StyledFieldGroup.d.ts +16 -0
  104. package/dist/lib/styles/FromControl/StyledFormControl.d.ts +5 -0
  105. package/dist/lib/styles/Grid/StyledGrid.d.ts +7 -0
  106. package/dist/lib/styles/Heading/StyledHeading.d.ts +8 -0
  107. package/dist/lib/styles/Icon/StyledIcon.d.ts +5 -0
  108. package/dist/lib/styles/Input/StyledInput.d.ts +11 -0
  109. package/dist/lib/styles/Loading/StyledLoading.d.ts +2 -0
  110. package/dist/lib/styles/Modal/StyledModal.d.ts +14 -0
  111. package/dist/lib/styles/Pagination/StyledPagination.d.ts +7 -0
  112. package/dist/lib/styles/Paragraph/StyledParagraph.d.ts +9 -0
  113. package/dist/lib/styles/Progress/StyledProgress.d.ts +14 -0
  114. package/dist/lib/styles/Result/StyledResult.d.ts +10 -0
  115. package/dist/lib/styles/Row/StyledRow.d.ts +8 -0
  116. package/dist/lib/styles/Section/StyledSection.d.ts +9 -0
  117. package/dist/lib/styles/Select/StyledSelect.d.ts +98 -0
  118. package/dist/lib/styles/Spinner/StyledSpinner.d.ts +9 -0
  119. package/dist/lib/styles/Switch/StyledSwitch.d.ts +2 -0
  120. package/dist/lib/styles/SwitchPeriodComparative/StyledSwitchPeriodComparative.d.ts +7 -0
  121. package/dist/lib/styles/Table/StyledTable.d.ts +7 -0
  122. package/dist/lib/styles/Tabs/StyledTabs.d.ts +9 -0
  123. package/dist/lib/styles/Tag/StyledTag.d.ts +14 -0
  124. package/dist/lib/styles/TagGroup/StyledTagGroup.d.ts +6 -0
  125. package/dist/lib/styles/Toast/StyledToast.d.ts +2 -0
  126. package/dist/lib/utils/animation.d.ts +13 -0
  127. package/dist/lib/utils/dates.d.ts +29 -0
  128. package/dist/lib/utils/formatter.d.ts +2 -0
  129. package/dist/lib/utils/global.d.ts +4 -0
  130. package/dist/lib/utils/selectors.d.ts +113 -0
  131. package/dist/lib/utils/theme.d.ts +85 -0
  132. package/dist/ui-components.es.js +72660 -0
  133. package/dist/ui-components.umd.js +4967 -0
  134. package/package.json +42 -137
  135. package/.github/workflows/cd.yml +0 -36
  136. package/.github/workflows/ci.yml +0 -45
  137. package/CHANGELOG.md +0 -1549
  138. package/CONTRIBUTING.md +0 -154
  139. package/dist/main.bundle.js +0 -253
  140. package/dist/main.bundle.js.map +0 -1
@@ -0,0 +1,234 @@
1
+ import { default as Highcharts } from 'highcharts';
2
+
3
+ type Indicator = {
4
+ color: string;
5
+ tooltip: string;
6
+ value: number;
7
+ };
8
+ type Checkpoint = Indicator;
9
+ type Comparison = {
10
+ enabled: boolean;
11
+ period: {
12
+ from: Date | null;
13
+ to: Date | null;
14
+ type: string;
15
+ text: string | null;
16
+ };
17
+ color: string;
18
+ value?: number;
19
+ showAsPercentage: boolean;
20
+ };
21
+ type Range = {
22
+ color: string;
23
+ tooltip: string;
24
+ from: number;
25
+ to: number;
26
+ };
27
+ declare enum GaugeType {
28
+ DIAL = "DIAL"
29
+ }
30
+ type GaugeProps = {
31
+ checkpoints?: Array<{
32
+ color: string;
33
+ tooltip: string;
34
+ value: number;
35
+ }>;
36
+ comparison?: {
37
+ enabled: boolean;
38
+ period: {
39
+ from: Date | null;
40
+ to: Date | null;
41
+ type: string;
42
+ text: string | null;
43
+ };
44
+ color: string;
45
+ value?: number;
46
+ showAsPercentage: boolean;
47
+ };
48
+ 'data-testid'?: string;
49
+ decimalPoint?: string;
50
+ hasData?: boolean;
51
+ indicator: {
52
+ color: string;
53
+ tooltip: string;
54
+ value: number;
55
+ };
56
+ max: number;
57
+ min: number;
58
+ options?: Highcharts.Options;
59
+ ranges?: Array<{
60
+ color: string;
61
+ tooltip: string;
62
+ from: number;
63
+ to: number;
64
+ }>;
65
+ showAsPercentage?: boolean;
66
+ thousandsSep?: string;
67
+ title?: string;
68
+ type?: GaugeType | string;
69
+ units?: string;
70
+ };
71
+ export declare const valueAsPercentage: (value: number, max: number, min: number) => number;
72
+ export declare const getThreshold: (max: number, min: number, value?: number) => number;
73
+ export declare const getValueSeries: (indicator: Indicator, max: number, min: number, name?: string, showAsPercentage?: boolean) => {
74
+ name?: undefined;
75
+ data?: undefined;
76
+ dataLabels?: undefined;
77
+ threshold?: undefined;
78
+ tooltip?: undefined;
79
+ useHTML?: undefined;
80
+ zIndex?: undefined;
81
+ } | {
82
+ name: string;
83
+ data: {
84
+ color: string;
85
+ radius: string;
86
+ innerRadius: string;
87
+ y: number;
88
+ }[];
89
+ dataLabels: {
90
+ borderWidth: number;
91
+ verticalAlign: string;
92
+ format: string;
93
+ };
94
+ threshold: number;
95
+ tooltip: {
96
+ pointFormat: string;
97
+ };
98
+ useHTML: boolean;
99
+ zIndex: number;
100
+ };
101
+ export declare const getBackgroundSerie: (backgroundColor: Highcharts.ColorType, max: number) => {
102
+ data: {
103
+ color: Highcharts.ColorType;
104
+ radius: string;
105
+ innerRadius: string;
106
+ y: number;
107
+ }[];
108
+ dataLabels: {
109
+ format: string;
110
+ };
111
+ enableMouseTracking: boolean;
112
+ zIndex: number;
113
+ };
114
+ export declare const indicatorLengthIsBiggerThanItsScientificNotationLength: (indicatorLength: number, indicatorValue: number) => boolean;
115
+ export declare const getRangeSeries: (ranges: Range[], min: number, max: number) => {
116
+ data: {
117
+ color: string;
118
+ radius: string;
119
+ innerRadius: string;
120
+ y: number;
121
+ }[];
122
+ dataLabels: {
123
+ format: string;
124
+ };
125
+ threshold: number;
126
+ tooltip: {
127
+ pointFormat: string;
128
+ };
129
+ zIndex: number;
130
+ }[];
131
+ export declare const getCheckpointSeries: (checkpoints: Checkpoint[], max: number, min: number, showAsPercentage?: boolean) => {
132
+ data: number[];
133
+ tooltip: {
134
+ borderColor: string;
135
+ pointFormat: string;
136
+ };
137
+ dataLabels: {
138
+ format: string;
139
+ };
140
+ name: string;
141
+ type: string;
142
+ dial: {
143
+ backgroundColor: string;
144
+ borderColor: string;
145
+ baseWidth: number;
146
+ borderWidth: number;
147
+ topWidth: number;
148
+ baseLength: string;
149
+ rearLength: string;
150
+ };
151
+ zIndex: number;
152
+ }[];
153
+ export declare const getYAxis: (minValue: number, maxValue: number, showAsPercentage?: boolean) => {
154
+ min: number;
155
+ max: number;
156
+ lineWidth: number;
157
+ allowDecimals: boolean;
158
+ labels: {
159
+ distance: string;
160
+ enabled: boolean;
161
+ style: {
162
+ fontSize: string;
163
+ color: string;
164
+ };
165
+ };
166
+ minorTickInterval: null;
167
+ tickWidth: number;
168
+ };
169
+ export declare const getPercentageComparisonValue: (comparativeValue: number, initialValue: number) => number;
170
+ export declare const getSymbolElement: (value?: number) => "-" | "↑" | "↓";
171
+ export declare const getPercentageElement: (comparison: Comparison, value: number, decimalSeparator?: string, thousandSeparator?: string) => string;
172
+ export declare const getDifferenceElement: (comparison: Comparison, value: number, units?: string, decimalSeparator?: string, thousandSeparator?: string) => string;
173
+ export declare const getComparisonText: (comparison: Comparison) => string;
174
+ export declare const getCompareIndicator: (indicator: Indicator, comparison: Comparison, units?: string, decimalSeparator?: string, thousandSeparator?: string) => string;
175
+ export declare const getChart: (chart: Highcharts.ChartOptions, indicator: Indicator, decimalSeparator?: string, thousandSeparator?: string, units?: string, comparison?: Comparison, showAsPercentage?: boolean, hasData?: boolean) => {
176
+ events: {
177
+ render(): void;
178
+ };
179
+ alignThresholds?: boolean;
180
+ alignTicks?: boolean;
181
+ allowMutatingData?: boolean;
182
+ animation?: (boolean | Partial<Highcharts.AnimationOptionsObject>);
183
+ axisLayoutRuns?: number;
184
+ backgroundColor?: (Highcharts.ColorString | Highcharts.GradientColorObject | Highcharts.PatternObject);
185
+ borderColor?: (Highcharts.ColorString | Highcharts.GradientColorObject | Highcharts.PatternObject);
186
+ borderRadius?: number;
187
+ borderWidth?: number;
188
+ className?: string;
189
+ colorCount?: number;
190
+ displayErrors?: boolean;
191
+ height?: (number | string | null);
192
+ ignoreHiddenSeries?: boolean;
193
+ inverted?: boolean;
194
+ map?: (string | Highcharts.GeoJSON | Highcharts.TopoJSON | Array<any>);
195
+ mapTransforms?: any;
196
+ margin?: (number | Array<number>);
197
+ marginBottom?: number;
198
+ marginLeft?: number;
199
+ marginRight?: number;
200
+ marginTop?: number;
201
+ numberFormatter?: Highcharts.NumberFormatterCallbackFunction;
202
+ options3d?: Highcharts.Chart3dOptions;
203
+ panKey?: Highcharts.OptionsPanKeyValue;
204
+ panning?: Highcharts.ChartPanningOptions;
205
+ parallelAxes?: (Highcharts.ChartParallelAxesOptions | Array<Highcharts.ChartParallelAxesOptions>);
206
+ parallelCoordinates?: boolean;
207
+ plotBackgroundColor?: (Highcharts.ColorString | Highcharts.GradientColorObject | Highcharts.PatternObject);
208
+ plotBackgroundImage?: string;
209
+ plotBorderColor?: (Highcharts.ColorString | Highcharts.GradientColorObject | Highcharts.PatternObject);
210
+ plotBorderWidth?: number;
211
+ plotShadow?: (boolean | Highcharts.ShadowOptionsObject);
212
+ polar?: boolean;
213
+ proj4?: Function;
214
+ reflow?: boolean;
215
+ renderTo?: (string | Highcharts.HTMLDOMElement);
216
+ resetZoomButton?: Highcharts.ChartResetZoomButtonOptions;
217
+ scrollablePlotArea?: Highcharts.ChartScrollablePlotAreaOptions;
218
+ selectionMarkerFill?: (Highcharts.ColorString | Highcharts.GradientColorObject | Highcharts.PatternObject);
219
+ shadow?: (boolean | Highcharts.ShadowOptionsObject);
220
+ showAxes?: boolean;
221
+ spacing?: Array<number>;
222
+ spacingBottom?: number;
223
+ spacingLeft?: number;
224
+ spacingRight?: number;
225
+ spacingTop?: number;
226
+ style?: Highcharts.CSSObject;
227
+ styledMode?: boolean;
228
+ type?: string;
229
+ width?: (number | string | null);
230
+ zooming?: Highcharts.ChartZoomingOptions;
231
+ };
232
+ export declare const chart: Highcharts.ChartOptions;
233
+ export declare const Gauge: ({ checkpoints, comparison, decimalPoint, hasData, indicator, max, min, title, options, ranges, showAsPercentage, thousandsSep, type, units, "data-testid": dataTestId, ...props }: GaugeProps) => any;
234
+ export {};
@@ -0,0 +1 @@
1
+ export * from './Gauge';
@@ -0,0 +1,5 @@
1
+ import { HTMLAttributes } from 'react';
2
+
3
+ export declare const Grid: ({ fluid, children, ...props }: {
4
+ fluid?: boolean;
5
+ } & HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Grid';
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ type HeadingProps = {
4
+ text: string;
5
+ color?: string;
6
+ type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
7
+ children?: ReactNode;
8
+ };
9
+ export declare const Heading: ({ color, type, text, children, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
10
+ export default Heading;
@@ -0,0 +1 @@
1
+ export * from './Heading';
@@ -0,0 +1,17 @@
1
+ import { default as React, SVGProps } from 'react';
2
+ import { default as defaultTheme } from '../../utils/theme';
3
+
4
+ export declare enum IconSize {
5
+ SMALL = "small",
6
+ MEDIUM = "medium",
7
+ LARGE = "large",
8
+ XLARGE = "xlarge"
9
+ }
10
+ export declare const getIconSize: (size?: number | string | IconSize) => number;
11
+ export type IconProps = {
12
+ name?: string;
13
+ color?: string | keyof typeof defaultTheme.color;
14
+ size?: number | string | IconSize;
15
+ } & SVGProps<SVGSVGElement>;
16
+ export declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
17
+ export default Icon;
@@ -0,0 +1 @@
1
+ export * from './Icon';
@@ -0,0 +1,17 @@
1
+ import { default as React, ReactNode } from 'react';
2
+
3
+ export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<{
4
+ placeholder?: string;
5
+ id?: string;
6
+ icon?: string;
7
+ label?: string | ReactNode;
8
+ title?: string;
9
+ value?: string;
10
+ isLoading?: boolean;
11
+ type?: string;
12
+ name?: string;
13
+ disabled?: boolean;
14
+ dataId?: string;
15
+ } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>, "dataId"> & Partial<{
16
+ dataId?: string;
17
+ }>, "ref"> & React.RefAttributes<unknown>>;
@@ -0,0 +1 @@
1
+ export * from './Input';
@@ -0,0 +1,10 @@
1
+ import { default as React, HTMLAttributes } from 'react';
2
+ import { default as defaultTheme } from '../../utils/theme';
3
+
4
+ export type LoadingProps = {
5
+ size?: number;
6
+ isLoading: boolean;
7
+ color?: typeof defaultTheme.color;
8
+ } & HTMLAttributes<HTMLDivElement>;
9
+ export declare const Loading: ({ color, size, isLoading, children, ...props }: LoadingProps) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
10
+ export default Loading;
@@ -0,0 +1 @@
1
+ export * from './Loading';
@@ -0,0 +1,3 @@
1
+ import { ModalProps } from 'antd';
2
+
3
+ export declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Modal';
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ import { PaginationProps as PaginationAntProps } from 'antd';
3
+
4
+ export declare const itemRender: (page: number, type: "page" | "prev" | "next" | "jump-prev" | "jump-next", element: React.ReactNode) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
5
+ export type PaginationProps = PaginationAntProps;
6
+ export declare const Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Pagination';
@@ -0,0 +1,9 @@
1
+ import { HTMLAttributes } from 'react';
2
+
3
+ export type ParagraphProps = {
4
+ margin?: string;
5
+ color?: string;
6
+ size?: 'small' | 'medium' | 'large' | 'xlarge';
7
+ } & HTMLAttributes<HTMLDivElement>;
8
+ export declare const Paragraph: ({ margin, color, size, children, ...props }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
9
+ export default Paragraph;
@@ -0,0 +1 @@
1
+ export * from './Paragraph';
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ import { PopoverProps as AntDPopoverProps } from 'antd';
3
+
4
+ export declare const Popover: React.ForwardRefExoticComponent<Omit<AntDPopoverProps, "dataId"> & Partial<{
5
+ dataId?: string;
6
+ }> & React.RefAttributes<unknown>>;
@@ -0,0 +1 @@
1
+ export * from './Popover';
@@ -0,0 +1,12 @@
1
+ export type ProgressProps = {
2
+ percent: number;
3
+ marks?: Array<{
4
+ value: number;
5
+ color: string;
6
+ }>;
7
+ text?: string;
8
+ isTransparent?: boolean;
9
+ color: string;
10
+ };
11
+ export declare const Progress: ({ text, marks, percent, color, isTransparent, ...props }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
12
+ export default Progress;
@@ -0,0 +1 @@
1
+ export * from './Progress';
@@ -0,0 +1,20 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ export declare enum ResultVariants {
4
+ SUCCESS = "success",
5
+ INFO = "info",
6
+ WARNING = "warning",
7
+ ERROR = "error",
8
+ DELETED = "deleted",
9
+ DEFAULT = "default"
10
+ }
11
+ export type ResultProps = {
12
+ variant: ResultVariants;
13
+ content?: ReactNode;
14
+ title?: string;
15
+ info?: string;
16
+ size?: number;
17
+ icon?: string;
18
+ iconElement?: ReactNode;
19
+ };
20
+ export declare const Result: ({ title, info, variant, content, size, icon, iconElement }: ResultProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Result';
@@ -0,0 +1,8 @@
1
+ import { HTMLAttributes } from 'react';
2
+
3
+ export type RowhProps = {
4
+ reverse?: boolean;
5
+ alignItems?: string;
6
+ } & HTMLAttributes<HTMLDivElement>;
7
+ export declare const Row: ({ alignItems, reverse, children, ...props }: RowhProps) => import("react/jsx-runtime").JSX.Element;
8
+ export default Row;
@@ -0,0 +1 @@
1
+ export * from './Row';
@@ -0,0 +1,15 @@
1
+ import { default as React } from 'react';
2
+
3
+ type SectionProps = {
4
+ dataId?: string;
5
+ children: JSX.Element;
6
+ title?: string;
7
+ isLoading?: boolean;
8
+ onExportExcel?: () => void;
9
+ onExportImage?: () => void;
10
+ onAddReport?: () => void;
11
+ };
12
+ export declare const Section: React.ForwardRefExoticComponent<Omit<SectionProps, "dataId"> & Partial<{
13
+ dataId?: string;
14
+ }> & React.RefAttributes<unknown>>;
15
+ export {};
@@ -0,0 +1 @@
1
+ export * from './Section';
@@ -0,0 +1,18 @@
1
+ import { Theme } from '../../utils/theme';
2
+ import { SelectTextProps } from './Select';
3
+
4
+ export declare const getButtonText: (text: SelectTextProps, currentPage: number, pageSize: number, options: any[], searchValue: string, numElements: number) => import("react/jsx-runtime").JSX.Element;
5
+ export declare const getTotalPages: (pageSize: number, searchValue: string, options: any[]) => number;
6
+ type ButtonPaginationSelectorProps = {
7
+ handleSelectAll: () => void;
8
+ pageSize: number;
9
+ currentPage: number;
10
+ options: any[];
11
+ onPageChange: (newPage: number) => void;
12
+ text: SelectTextProps;
13
+ theme?: Theme;
14
+ searchValue: string;
15
+ showDropdown: boolean;
16
+ };
17
+ export declare const ButtonPaginationSelector: ({ handleSelectAll, pageSize, currentPage, options, onPageChange, text, theme, searchValue, showDropdown, }: ButtonPaginationSelectorProps) => import("react/jsx-runtime").JSX.Element;
18
+ export {};
@@ -0,0 +1,58 @@
1
+ import { SelectProps as AntdSelectProps } from 'antd';
2
+ import { Theme } from '../../utils/theme';
3
+ import { ReactElement } from 'react';
4
+
5
+ type CustomTagProps = {
6
+ label: React.ReactNode;
7
+ value: any;
8
+ disabled?: boolean;
9
+ onClose: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
10
+ closable: boolean;
11
+ };
12
+ type Option = {
13
+ value: string | number;
14
+ label: string;
15
+ color?: string;
16
+ };
17
+ export declare const tagRenderButtonPagination: (props: CustomTagProps, options: Option[], maxTagLength: number, theme: Theme) => ReactElement;
18
+ export declare const dropdownRenderSelect: (menu: React.ReactElement, currentPage: number, options: Option[], handleChangePage: (page: number) => void, handleSelectAll: () => void, text: SelectTextProps, searchValue: string, showDropdown: boolean, mode: string, theme: Theme, pageSize?: number) => import("react/jsx-runtime").JSX.Element;
19
+ export declare const renderUnselectedOption: (option: any, searchValue: string, dataId: string) => import("react/jsx-runtime").JSX.Element;
20
+ export declare const optionsRenderer: (options: Option[], selectedValues: Array<string | number>, searchValue: string, theme: Theme, dataId: string, pageSize?: number) => import("react/jsx-runtime").JSX.Element;
21
+ export type SelectTextProps = {
22
+ select: string;
23
+ all: string;
24
+ connector: string;
25
+ content: string;
26
+ overflow: string;
27
+ };
28
+ export type SelectProps = Omit<AntdSelectProps, 'options' | 'mode'> & {
29
+ dataId?: string;
30
+ defaultValues?: any[];
31
+ pageSize?: number;
32
+ text?: SelectTextProps;
33
+ options?: Array<Option>;
34
+ theme?: Theme;
35
+ isLoading?: boolean;
36
+ maxTagLength?: number;
37
+ overflowLength?: number;
38
+ handleButtonSelectAll?: (values: any[]) => void;
39
+ handleClearAll?: () => void;
40
+ mode?: 'multiple' | 'single';
41
+ };
42
+ export declare const Select: import('react').ForwardRefExoticComponent<Omit<Omit<AntdSelectProps<any, import('rc-select/lib/Select').DefaultOptionType>, "mode" | "options"> & {
43
+ dataId?: string;
44
+ defaultValues?: any[];
45
+ pageSize?: number;
46
+ text?: SelectTextProps;
47
+ options?: Array<Option>;
48
+ theme?: Theme;
49
+ isLoading?: boolean;
50
+ maxTagLength?: number;
51
+ overflowLength?: number;
52
+ handleButtonSelectAll?: (values: any[]) => void;
53
+ handleClearAll?: () => void;
54
+ mode?: "multiple" | "single";
55
+ }, "dataId"> & Partial<{
56
+ dataId?: string;
57
+ }> & import('react').RefAttributes<unknown>>;
58
+ export {};
@@ -0,0 +1 @@
1
+ export * from './Select';
@@ -0,0 +1,21 @@
1
+ import { DefaultOptionType } from 'antd/es/select';
2
+
3
+ export declare const regExpWithoutAllCharacter: (input: string) => RegExp;
4
+ export declare const regExpWithSubstringsWithAllCharacter: (string: string) => RegExp;
5
+ export declare const regExpWith2Substrings: (initialString: string, finalString: string) => RegExp;
6
+ export declare const getRegExpBasedOnInput: (input: string) => false | RegExp;
7
+ export declare const getOptionsBySearch: (optionsAvailable: Array<{
8
+ value: string | number;
9
+ label: string;
10
+ color?: string;
11
+ }>, currentSearchValue: string) => {
12
+ value: string | number;
13
+ label: string;
14
+ color?: string;
15
+ }[];
16
+ export declare const findSubstringIndices: (string: string, regex: RegExp) => {
17
+ start: number;
18
+ end: number;
19
+ };
20
+ export declare const singleOptionFilter: (input: string, option?: any) => boolean;
21
+ export declare const filterOption: (input: string, option?: DefaultOptionType) => any;
@@ -0,0 +1,4 @@
1
+ export declare const Spinner: ({ color, size, ...props }: {
2
+ color?: string;
3
+ size?: number;
4
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Spinner';
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ import { SwitchChangeEventHandler, SwitchClickEventHandler, SwitchProps as AntdSwitchProps, SwitchSize } from 'antd/es/switch';
3
+
4
+ export type SwitchProps = {
5
+ disabled?: boolean;
6
+ size?: SwitchSize;
7
+ dataId?: string;
8
+ onChange?: SwitchChangeEventHandler;
9
+ onClick?: SwitchClickEventHandler;
10
+ } & AntdSwitchProps;
11
+ export declare const Switch: React.ForwardRefExoticComponent<Omit<{
12
+ disabled?: boolean;
13
+ size?: SwitchSize;
14
+ dataId?: string;
15
+ onChange?: SwitchChangeEventHandler;
16
+ onClick?: SwitchClickEventHandler;
17
+ } & AntdSwitchProps, "dataId"> & Partial<{
18
+ dataId?: string;
19
+ }> & React.RefAttributes<unknown>>;
@@ -0,0 +1 @@
1
+ export * from './Switch';
@@ -0,0 +1,24 @@
1
+ import { Dayjs } from 'dayjs';
2
+
3
+ export declare const getPreviousDate: (startDate: string, endDate: string) => [string, string];
4
+ export declare const getSamePeriodLastYear: (startDate: string, endDate: string) => [string, string];
5
+ export declare enum SelectedPeriodType {
6
+ PREVIOUS_PERIOD = "previous_period",
7
+ LAST_PERIOD = "last_period"
8
+ }
9
+ type SwitchPeriodComparativeProps = {
10
+ selectedPeriod: SelectedPeriodType;
11
+ startDate: string;
12
+ endDate: string;
13
+ previousPeriodText?: string;
14
+ samePeriodLastYearText?: string;
15
+ onPeriodSelect?: ({ period, date }: {
16
+ period: string;
17
+ date: {
18
+ startDate: Dayjs;
19
+ endDate: Dayjs;
20
+ };
21
+ }) => void;
22
+ };
23
+ export declare const SwitchPeriodComparative: ({ selectedPeriod, startDate, endDate, previousPeriodText, samePeriodLastYearText, onPeriodSelect, ...props }: SwitchPeriodComparativeProps) => import("react/jsx-runtime").JSX.Element;
24
+ export {};
@@ -0,0 +1 @@
1
+ export * from './SwitchPeriodComparative';
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ import { TableProps as AntDTableProps } from 'antd';
3
+ import { AnyObject } from 'antd/lib/table/Table';
4
+
5
+ type TableProps = {
6
+ isLoading?: boolean;
7
+ isExpanded?: boolean;
8
+ showError?: boolean;
9
+ dataId?: string;
10
+ errorContent?: React.ReactNode;
11
+ };
12
+ export declare const Table: <RecordType extends AnyObject>(props: AntDTableProps<RecordType> & TableProps) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const buildTableWithDataId: <RecordType extends AnyObject>() => React.ForwardRefExoticComponent<Omit<AntDTableProps<RecordType> & TableProps, "dataId"> & Partial<{
14
+ dataId?: string;
15
+ }> & React.RefAttributes<unknown>>;
16
+ export {};
@@ -0,0 +1 @@
1
+ export * from './Table';
@@ -0,0 +1,16 @@
1
+ import { ReactNode } from 'react';
2
+ import { TabsProps as TabsPropsAntDesign, TabPaneProps } from 'antd';
3
+
4
+ export declare enum TabsVariant {
5
+ DEFAULT = "default",
6
+ SCROLLABLE = "scrollable"
7
+ }
8
+ type TabsProps = {
9
+ variant?: TabsVariant;
10
+ } & TabsPropsAntDesign;
11
+ export declare const Tabs: ({ variant, ...props }: TabsProps) => ReactNode;
12
+ /**
13
+ * @deprecated [Tabs] Tabs.TabPane is deprecated. Please use `items` directly.
14
+ */
15
+ export declare const TabPane: (props: TabPaneProps) => ReactNode;
16
+ export {};
@@ -0,0 +1 @@
1
+ export * from './Tabs';