dhre-component-lib 0.3.3 → 0.3.5
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/components/Accordian/Accordian.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +3 -2
- package/dist/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/InputTextField/InputTextField.d.ts +2 -0
- package/dist/components/OtpInput/OtpInput.d.ts +5 -2
- package/dist/components/RangeSlider/RangeSlider.d.ts +4 -2
- package/dist/components/Search/Search.d.ts +1 -1
- package/dist/components/Search/index.d.ts +1 -0
- package/dist/components/Stepper/Stepper.d.ts +24 -0
- package/dist/components/Stepper/index.d.ts +1 -0
- package/dist/index.d.ts +35 -5
- package/dist/index.esm.js +142 -82
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +145 -84
- package/dist/index.js.map +1 -1
- package/dist/theme/colors/colors.scss +54 -51
- package/package.json +71 -71
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import './Checkbox.module.scss';
|
|
2
3
|
interface CustomCheckboxProps {
|
|
3
4
|
label?: React.ReactNode;
|
|
4
5
|
checked?: boolean;
|
|
@@ -7,5 +8,5 @@ interface CustomCheckboxProps {
|
|
|
7
8
|
checkboxClassName?: string;
|
|
8
9
|
labelClassName?: string;
|
|
9
10
|
}
|
|
10
|
-
declare const
|
|
11
|
-
export default
|
|
11
|
+
declare const Checkbox: React.FC<CustomCheckboxProps>;
|
|
12
|
+
export default Checkbox;
|
|
@@ -14,6 +14,8 @@ export interface CustomInputFieldProps {
|
|
|
14
14
|
maxLength?: number;
|
|
15
15
|
minLength?: number;
|
|
16
16
|
checkValidation?: () => void;
|
|
17
|
+
name?: string;
|
|
18
|
+
min?: string;
|
|
17
19
|
}
|
|
18
20
|
declare const CustomInputField: React.FC<CustomInputFieldProps>;
|
|
19
21
|
export default CustomInputField;
|
|
@@ -7,8 +7,11 @@ interface OTPInputProps {
|
|
|
7
7
|
onResend: () => void;
|
|
8
8
|
resendDelay?: number;
|
|
9
9
|
error?: boolean;
|
|
10
|
-
errorText?:
|
|
11
|
-
resendText:
|
|
10
|
+
errorText?: React.ReactNode;
|
|
11
|
+
resendText: React.ReactNode;
|
|
12
|
+
showResendButton?: boolean;
|
|
13
|
+
className?: string;
|
|
14
|
+
inputClassName?: string;
|
|
12
15
|
}
|
|
13
16
|
declare const OTPInput: React.FC<OTPInputProps>;
|
|
14
17
|
export default OTPInput;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./RangeSlider.module.scss";
|
|
3
3
|
interface rangeSlider {
|
|
4
4
|
sliderLimit: number;
|
|
5
5
|
minRange: number;
|
|
6
6
|
maxRange: number;
|
|
7
7
|
text1: string;
|
|
8
8
|
text2: string;
|
|
9
|
+
getSliderValue?: React.ChangeEventHandler<HTMLInputElement>;
|
|
10
|
+
value?: string;
|
|
9
11
|
}
|
|
10
12
|
declare const RangeSlider: (props: rangeSlider) => React.JSX.Element;
|
|
11
13
|
export default RangeSlider;
|
|
@@ -15,7 +15,7 @@ interface CustomSearchFieldProps {
|
|
|
15
15
|
crossIcon: React.ReactNode;
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
onSearch: (query: string) => void;
|
|
18
|
-
onSelectSuggestion
|
|
18
|
+
onSelectSuggestion?: (selectedSuggestion: Suggestion | null) => void;
|
|
19
19
|
suggestions: Suggestion[] | null | undefined;
|
|
20
20
|
placeholder: string;
|
|
21
21
|
className?: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Search";
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Stepper.module.scss';
|
|
3
|
+
interface StepperData {
|
|
4
|
+
name: string;
|
|
5
|
+
id: number;
|
|
6
|
+
component?: React.ReactNode;
|
|
7
|
+
status?: string;
|
|
8
|
+
}
|
|
9
|
+
interface StepperInterface {
|
|
10
|
+
stepperData: StepperData[];
|
|
11
|
+
type: string;
|
|
12
|
+
showLabelIndex: boolean;
|
|
13
|
+
currentStep?: number;
|
|
14
|
+
successIcon?: React.ReactNode;
|
|
15
|
+
alignment?: string;
|
|
16
|
+
status?: string;
|
|
17
|
+
statusIcon?: React.ReactNode;
|
|
18
|
+
component?: React.ReactNode;
|
|
19
|
+
submittedDate?: React.ReactNode;
|
|
20
|
+
dividerWidth?: string;
|
|
21
|
+
variant?: any;
|
|
22
|
+
}
|
|
23
|
+
declare const Stepper: React.FC<StepperInterface>;
|
|
24
|
+
export default Stepper;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Stepper";
|
package/dist/index.d.ts
CHANGED
|
@@ -81,7 +81,7 @@ interface CustomCheckboxProps {
|
|
|
81
81
|
checkboxClassName?: string;
|
|
82
82
|
labelClassName?: string;
|
|
83
83
|
}
|
|
84
|
-
declare const
|
|
84
|
+
declare const Checkbox: React.FC<CustomCheckboxProps>;
|
|
85
85
|
|
|
86
86
|
interface CircularProgressProps {
|
|
87
87
|
value?: number;
|
|
@@ -147,6 +147,8 @@ interface CustomInputFieldProps {
|
|
|
147
147
|
maxLength?: number;
|
|
148
148
|
minLength?: number;
|
|
149
149
|
checkValidation?: () => void;
|
|
150
|
+
name?: string;
|
|
151
|
+
min?: string;
|
|
150
152
|
}
|
|
151
153
|
declare const CustomInputField: React.FC<CustomInputFieldProps>;
|
|
152
154
|
|
|
@@ -197,8 +199,11 @@ interface OTPInputProps {
|
|
|
197
199
|
onResend: () => void;
|
|
198
200
|
resendDelay?: number;
|
|
199
201
|
error?: boolean;
|
|
200
|
-
errorText?:
|
|
201
|
-
resendText:
|
|
202
|
+
errorText?: React.ReactNode;
|
|
203
|
+
resendText: React.ReactNode;
|
|
204
|
+
showResendButton?: boolean;
|
|
205
|
+
className?: string;
|
|
206
|
+
inputClassName?: string;
|
|
202
207
|
}
|
|
203
208
|
declare const OTPInput: React.FC<OTPInputProps>;
|
|
204
209
|
|
|
@@ -225,7 +230,7 @@ interface CustomSearchFieldProps {
|
|
|
225
230
|
crossIcon: React.ReactNode;
|
|
226
231
|
disabled?: boolean;
|
|
227
232
|
onSearch: (query: string) => void;
|
|
228
|
-
onSelectSuggestion
|
|
233
|
+
onSelectSuggestion?: (selectedSuggestion: Suggestion | null) => void;
|
|
229
234
|
suggestions: Suggestion[] | null | undefined;
|
|
230
235
|
placeholder: string;
|
|
231
236
|
className?: string;
|
|
@@ -255,6 +260,7 @@ type AccordionProps = {
|
|
|
255
260
|
downArrowIcon: React.ReactNode;
|
|
256
261
|
openByDefault?: boolean;
|
|
257
262
|
borderBottom?: boolean;
|
|
263
|
+
className?: string;
|
|
258
264
|
};
|
|
259
265
|
declare const Accordion: React.FC<AccordionProps>;
|
|
260
266
|
|
|
@@ -350,6 +356,8 @@ interface rangeSlider {
|
|
|
350
356
|
maxRange: number;
|
|
351
357
|
text1: string;
|
|
352
358
|
text2: string;
|
|
359
|
+
getSliderValue?: React.ChangeEventHandler<HTMLInputElement>;
|
|
360
|
+
value?: string;
|
|
353
361
|
}
|
|
354
362
|
declare const RangeSlider: (props: rangeSlider) => React.JSX.Element;
|
|
355
363
|
|
|
@@ -364,4 +372,26 @@ interface CarouselItems {
|
|
|
364
372
|
}
|
|
365
373
|
declare const Carousel: React.FC<CarouselProps>;
|
|
366
374
|
|
|
367
|
-
|
|
375
|
+
interface StepperData {
|
|
376
|
+
name: string;
|
|
377
|
+
id: number;
|
|
378
|
+
component?: React.ReactNode;
|
|
379
|
+
status?: string;
|
|
380
|
+
}
|
|
381
|
+
interface StepperInterface {
|
|
382
|
+
stepperData: StepperData[];
|
|
383
|
+
type: string;
|
|
384
|
+
showLabelIndex: boolean;
|
|
385
|
+
currentStep?: number;
|
|
386
|
+
successIcon?: React.ReactNode;
|
|
387
|
+
alignment?: string;
|
|
388
|
+
status?: string;
|
|
389
|
+
statusIcon?: React.ReactNode;
|
|
390
|
+
component?: React.ReactNode;
|
|
391
|
+
submittedDate?: React.ReactNode;
|
|
392
|
+
dividerWidth?: string;
|
|
393
|
+
variant?: any;
|
|
394
|
+
}
|
|
395
|
+
declare const Stepper: React.FC<StepperInterface>;
|
|
396
|
+
|
|
397
|
+
export { Accordion as Accordian, Avatar, Badge, Breadcrumb as BreadCrumb, Button, ButtonCategory, Carousel, Checkbox, CircularProgress, GetDirectionAction as Directions, CustomDivider as Divider, Drawer, Dropdown, MapComponent as GoogleMap, HoverOptionsWrapper, CustomInputField as InputTextField, Link, MediaType, Menu, Modal, OTPInput as OtpInput, Progress, CustomRadioButton as RadioButton, RangeSlider, Search, Stepper, Tabs, TextArea, Toast, ToastStatus, ToggleSwitch, Typography, PdfView as default };
|