@majoo-ui/react 1.54.5 → 1.54.6-rev.2

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 CHANGED
@@ -1,7 +1,7 @@
1
- React
2
-
3
- This library was generated with [Nx](https://nx.dev).
4
-
5
- Running unit tests
6
-
7
- Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
1
+ React
2
+
3
+ This library was generated with [Nx](https://nx.dev).
4
+
5
+ Running unit tests
6
+
7
+ Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
@@ -1,5 +1,9 @@
1
1
  /// <reference types="react" />
2
+ export declare const DEFAULT: "default";
2
3
  export declare const SINGLE_PICKER: "single";
3
4
  export declare const RANGE_PICKER: "range";
4
5
  export declare const ADVANCE_PICKER: "advance";
6
+ export declare const RANGE_CONTROL: "range_control";
7
+ export declare const WEEKLY: "weekly";
8
+ export declare const MONTHLY: "monthly";
5
9
  export declare const DatePicker: (props: any) => JSX.Element;
@@ -1,12 +1,20 @@
1
1
  import * as React from 'react';
2
- import { ADVANCE_PICKER, RANGE_PICKER, SINGLE_PICKER } from './DatePicker';
2
+ import { ADVANCE_PICKER, RANGE_PICKER, SINGLE_PICKER, DEFAULT, RANGE_CONTROL, WEEKLY, MONTHLY } from './DatePicker';
3
3
  import { CSS } from '../../config/stitches.config';
4
4
  import { PopoverPlacement } from '../../type/base.types';
5
5
  export interface InputDatePickerProps {
6
6
  /**
7
- * Specify the InputDatePicker type.
7
+ * Specify the DatePicker type.
8
8
  */
9
9
  type?: typeof SINGLE_PICKER | typeof RANGE_PICKER | typeof ADVANCE_PICKER;
10
+ /**
11
+ * Specify the InputPicker type.
12
+ */
13
+ inputType?: typeof DEFAULT | typeof RANGE_CONTROL;
14
+ /**
15
+ * Specify the range control type.
16
+ */
17
+ rangeControl?: typeof WEEKLY | typeof MONTHLY;
10
18
  /**
11
19
  * Specify the InputDatePicker placeholder.
12
20
  */
@@ -72,4 +80,4 @@ export interface InputDatePickerProps {
72
80
  */
73
81
  isInvalid?: boolean;
74
82
  }
75
- export declare function InputDatePicker({ type, placeholder, size, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, minDate, maxDate, readOnly, isInvalid, }: InputDatePickerProps): JSX.Element;
83
+ export declare function InputDatePicker({ type, inputType, rangeControl, placeholder, size, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, minDate, maxDate, readOnly, isInvalid, }: InputDatePickerProps): JSX.Element;
@@ -0,0 +1,22 @@
1
+ /// <reference types="react" />
2
+ import { CSS } from '../../config/stitches.config';
3
+ interface ContainertRangePickerProps {
4
+ css?: CSS;
5
+ disabled?: boolean;
6
+ readOnly?: boolean;
7
+ isInvalid?: boolean;
8
+ children: JSX.Element;
9
+ onRangeChange(type: string): void;
10
+ }
11
+ interface InputRangePickerProps {
12
+ value: string;
13
+ placeholder?: string;
14
+ size?: 'lg' | 'sm';
15
+ disabled?: boolean;
16
+ readOnly?: boolean;
17
+ isInvalid?: boolean;
18
+ onClick(): void;
19
+ }
20
+ export declare function ContainerDateRangePicker(props: ContainertRangePickerProps): JSX.Element;
21
+ export declare function InputDateRangePicker(props: InputRangePickerProps): JSX.Element;
22
+ export {};
@@ -3,6 +3,10 @@ export declare const TODAY = "TODAY";
3
3
  export declare const YESTERDAY = "YESTERDAY";
4
4
  export declare const LAST_7_DAYS = "LAST_7_DAYS";
5
5
  export declare const LAST_WEEK = "LAST_WEEK";
6
+ export declare const PREV_WEEK = "PREV_WEEK";
7
+ export declare const NEXT_WEEK = "NEXT_WEEK";
8
+ export declare const PREV_MONTH = "PREV_MONTH";
9
+ export declare const NEXT_MONTH = "NEXT_MONTH";
6
10
  export declare const THIS_WEEK = "THIS_WEEK";
7
11
  export declare const LAST_MONTH = "LAST_MONTH";
8
12
  export declare const LAST_TWO_MONTHS = "LAST_TWO_MONTH";
@@ -12,4 +16,4 @@ export declare const advancePickerOptions: {
12
16
  value: string;
13
17
  }[];
14
18
  export declare function pickerReducer(state: any, action: any): any;
15
- export declare function advancePickerDate(type: any): Date[];
19
+ export declare function advancePickerDate(type: any, date: any): Date[];
@@ -96,7 +96,9 @@ export declare const PageDialogFooter: import("@stitches/react/types/styled-comp
96
96
  };
97
97
  subtleColor: (value: string) => {
98
98
  color: string;
99
- backgroundColor: string;
99
+ backgroundColor: string; /**
100
+ * If true, the close button is disabled
101
+ */
100
102
  };
101
103
  }>>;
102
104
  export declare const PageDialogTitle: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -192,7 +194,9 @@ export declare const PageDialogTitle: import("@stitches/react/types/styled-compo
192
194
  };
193
195
  subtleColor: (value: string) => {
194
196
  color: string;
195
- backgroundColor: string;
197
+ backgroundColor: string; /**
198
+ * If true, the close button is disabled
199
+ */
196
200
  };
197
201
  }>>;
198
202
  export declare const PageDialogContent: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -288,7 +292,9 @@ export declare const PageDialogContent: import("@stitches/react/types/styled-com
288
292
  };
289
293
  subtleColor: (value: string) => {
290
294
  color: string;
291
- backgroundColor: string;
295
+ backgroundColor: string; /**
296
+ * If true, the close button is disabled
297
+ */
292
298
  };
293
299
  }>>;
294
300
  export declare const PageDialogTrigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -384,7 +390,9 @@ export declare const PageDialogTrigger: import("@stitches/react/types/styled-com
384
390
  };
385
391
  subtleColor: (value: string) => {
386
392
  color: string;
387
- backgroundColor: string;
393
+ backgroundColor: string; /**
394
+ * If true, the close button is disabled
395
+ */
388
396
  };
389
397
  }>>;
390
398
  declare type IDialog = React.ComponentProps<typeof Dialog>;
@@ -516,7 +524,9 @@ export declare const PageDialog: {
516
524
  };
517
525
  subtleColor: (value: string) => {
518
526
  color: string;
519
- backgroundColor: string;
527
+ backgroundColor: string; /**
528
+ * If true, the close button is disabled
529
+ */
520
530
  };
521
531
  }>>;
522
532
  Title: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -612,7 +622,9 @@ export declare const PageDialog: {
612
622
  };
613
623
  subtleColor: (value: string) => {
614
624
  color: string;
615
- backgroundColor: string;
625
+ backgroundColor: string; /**
626
+ * If true, the close button is disabled
627
+ */
616
628
  };
617
629
  }>>;
618
630
  Content: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -708,7 +720,9 @@ export declare const PageDialog: {
708
720
  };
709
721
  subtleColor: (value: string) => {
710
722
  color: string;
711
- backgroundColor: string;
723
+ backgroundColor: string; /**
724
+ * If true, the close button is disabled
725
+ */
712
726
  };
713
727
  }>>;
714
728
  Footer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -804,7 +818,9 @@ export declare const PageDialog: {
804
818
  };
805
819
  subtleColor: (value: string) => {
806
820
  color: string;
807
- backgroundColor: string;
821
+ backgroundColor: string; /**
822
+ * If true, the close button is disabled
823
+ */
808
824
  };
809
825
  }>>;
810
826
  defaultProps: {