dhre-component-lib 0.3.3 → 0.3.4

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.
@@ -10,6 +10,7 @@ type AccordionProps = {
10
10
  downArrowIcon: React.ReactNode;
11
11
  openByDefault?: boolean;
12
12
  borderBottom?: boolean;
13
+ className?: string;
13
14
  };
14
15
  declare const Accordion: React.FC<AccordionProps>;
15
16
  export default Accordion;
@@ -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 CustomCheckbox: React.FC<CustomCheckboxProps>;
11
- export default CustomCheckbox;
11
+ declare const Checkbox: React.FC<CustomCheckboxProps>;
12
+ export default Checkbox;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import "./Dropdown.module.scss";
3
- type value = {
3
+ export type value = {
4
4
  name: string;
5
5
  value: string;
6
6
  };
@@ -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;
@@ -9,6 +9,9 @@ interface OTPInputProps {
9
9
  error?: boolean;
10
10
  errorText?: string;
11
11
  resendText: string;
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 'react';
2
- import './RangeSlider.module.scss';
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;
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ import "./RightDrawer.module.scss";
3
+ interface RightDrawerProps {
4
+ openSideDrawer: boolean;
5
+ closeSideDrawer: () => void;
6
+ width: string;
7
+ component: React.ReactNode;
8
+ anchor?: "left" | "right" | "top" | "bottom";
9
+ variant?: "temporary" | "persistent" | "permanent";
10
+ }
11
+ declare const RightDrawer: React.FC<RightDrawerProps>;
12
+ export default RightDrawer;
@@ -0,0 +1 @@
1
+ export { default } from "./RightDrawer";
@@ -15,7 +15,7 @@ interface CustomSearchFieldProps {
15
15
  crossIcon: React.ReactNode;
16
16
  disabled?: boolean;
17
17
  onSearch: (query: string) => void;
18
- onSelectSuggestion: (selectedSuggestion: Suggestion | null) => void;
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,22 @@
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
+ }
21
+ declare const Stepper: React.FC<stepperInterface>;
22
+ 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 CustomCheckbox: React.FC<CustomCheckboxProps>;
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
 
@@ -199,6 +201,9 @@ interface OTPInputProps {
199
201
  error?: boolean;
200
202
  errorText?: string;
201
203
  resendText: string;
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: (selectedSuggestion: Suggestion | null) => void;
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,24 @@ interface CarouselItems {
364
372
  }
365
373
  declare const Carousel: React.FC<CarouselProps>;
366
374
 
367
- export { Accordion as Accordian, Avatar, Badge, Breadcrumb as BreadCrumb, Button, Carousel, CustomCheckbox as 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, Tabs, TextArea, Toast, ToastStatus, ToggleSwitch, Typography, PdfView as default };
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
+ }
393
+ declare const Stepper: React.FC<stepperInterface>;
394
+
395
+ 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 };