sag_components 2.0.0-beta194 → 2.0.0-beta196
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/index.d.ts +3 -1
- package/dist/index.esm.js +452 -180
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +452 -180
- package/dist/index.js.map +1 -1
- package/dist/types/components/Table/DropMenus/FilterPop.style.d.ts +2 -0
- package/dist/types/components/WeeksPicker/WeeksCalendar.d.ts +16 -6
- package/dist/types/components/WeeksPicker/WeeksPicker.d.ts +3 -1
- package/dist/types/components/WeeksPicker/WeeksPicker.stories.d.ts +33 -13
- package/package.json +1 -1
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export const FilterPopContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
2
|
export const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
3
|
+
export const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
3
4
|
export const CheckboxGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
5
|
export const CheckboxLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
6
|
+
export const NoResultsMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
7
|
export const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
8
|
export const ResetButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
@@ -3,18 +3,22 @@ export default WeeksCalendar;
|
|
|
3
3
|
* WeeksCalendar
|
|
4
4
|
* -------------
|
|
5
5
|
* Props
|
|
6
|
-
* • year
|
|
7
|
-
* • defaultStartWeek
|
|
8
|
-
* • defaultEndWeek
|
|
9
|
-
* •
|
|
10
|
-
* •
|
|
6
|
+
* • year — four-digit year (required)
|
|
7
|
+
* • defaultStartWeek — number | null
|
|
8
|
+
* • defaultEndWeek — number | null
|
|
9
|
+
* • backgroundColor — string (default: "#066768")
|
|
10
|
+
* • hoverBackgroundColor — string (default: "#E6F0F0")
|
|
11
|
+
* • allowedWeekRange — { startWeek: number, endWeek: number } | null
|
|
12
|
+
* • onApply(start,end) — callback, both numbers (inclusive)
|
|
13
|
+
* • onCancel() — callback
|
|
11
14
|
*/
|
|
12
|
-
declare function WeeksCalendar({ year, defaultStartWeek, defaultEndWeek, backgroundColor, hoverBackgroundColor, onApply, onCancel, }: {
|
|
15
|
+
declare function WeeksCalendar({ year, defaultStartWeek, defaultEndWeek, backgroundColor, hoverBackgroundColor, allowedWeekRange, onApply, onCancel, }: {
|
|
13
16
|
year: any;
|
|
14
17
|
defaultStartWeek?: any;
|
|
15
18
|
defaultEndWeek?: any;
|
|
16
19
|
backgroundColor?: string;
|
|
17
20
|
hoverBackgroundColor?: string;
|
|
21
|
+
allowedWeekRange?: any;
|
|
18
22
|
onApply: any;
|
|
19
23
|
onCancel: any;
|
|
20
24
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -23,6 +27,12 @@ declare namespace WeeksCalendar {
|
|
|
23
27
|
const year: PropTypes.Validator<number>;
|
|
24
28
|
const defaultStartWeek: PropTypes.Requireable<number>;
|
|
25
29
|
const defaultEndWeek: PropTypes.Requireable<number>;
|
|
30
|
+
const backgroundColor: PropTypes.Requireable<string>;
|
|
31
|
+
const hoverBackgroundColor: PropTypes.Requireable<string>;
|
|
32
|
+
const allowedWeekRange: PropTypes.Requireable<PropTypes.InferProps<{
|
|
33
|
+
startWeek: PropTypes.Validator<number>;
|
|
34
|
+
endWeek: PropTypes.Validator<number>;
|
|
35
|
+
}>>;
|
|
26
36
|
const onApply: PropTypes.Validator<(...args: any[]) => any>;
|
|
27
37
|
const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
|
|
28
38
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default WeeksPicker;
|
|
2
|
-
declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, }: {
|
|
2
|
+
declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, allowedWeekRange, restrictToRange, }: {
|
|
3
3
|
label: any;
|
|
4
4
|
disabled: any;
|
|
5
5
|
borderColor: any;
|
|
@@ -15,4 +15,6 @@ declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, t
|
|
|
15
15
|
withMarginBottom?: boolean;
|
|
16
16
|
onChange: any;
|
|
17
17
|
selectedValue: any;
|
|
18
|
+
allowedWeekRange?: any;
|
|
19
|
+
restrictToRange?: boolean;
|
|
18
20
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,6 +2,9 @@ declare namespace _default {
|
|
|
2
2
|
export const title: string;
|
|
3
3
|
export { WeeksPicker as component };
|
|
4
4
|
export const tags: string[];
|
|
5
|
+
export namespace parameters {
|
|
6
|
+
const layout: string;
|
|
7
|
+
}
|
|
5
8
|
export namespace argTypes {
|
|
6
9
|
namespace width {
|
|
7
10
|
const control: string;
|
|
@@ -25,74 +28,91 @@ declare namespace _default {
|
|
|
25
28
|
const name_3: string;
|
|
26
29
|
export { name_3 as name };
|
|
27
30
|
}
|
|
28
|
-
namespace
|
|
31
|
+
namespace selectedValue {
|
|
29
32
|
const control_4: string;
|
|
30
33
|
export { control_4 as control };
|
|
31
34
|
const name_4: string;
|
|
32
35
|
export { name_4 as name };
|
|
33
36
|
}
|
|
34
|
-
namespace
|
|
37
|
+
namespace year {
|
|
35
38
|
const control_5: string;
|
|
36
39
|
export { control_5 as control };
|
|
37
40
|
const name_5: string;
|
|
38
41
|
export { name_5 as name };
|
|
39
42
|
}
|
|
40
|
-
namespace
|
|
43
|
+
namespace required {
|
|
41
44
|
const control_6: string;
|
|
42
45
|
export { control_6 as control };
|
|
43
46
|
const name_6: string;
|
|
44
47
|
export { name_6 as name };
|
|
45
48
|
}
|
|
46
|
-
namespace
|
|
49
|
+
namespace disabled {
|
|
47
50
|
const control_7: string;
|
|
48
51
|
export { control_7 as control };
|
|
49
52
|
const name_7: string;
|
|
50
53
|
export { name_7 as name };
|
|
51
54
|
}
|
|
52
|
-
namespace
|
|
55
|
+
namespace restrictToRange {
|
|
53
56
|
const control_8: string;
|
|
54
57
|
export { control_8 as control };
|
|
55
58
|
const name_8: string;
|
|
56
59
|
export { name_8 as name };
|
|
57
60
|
}
|
|
58
|
-
namespace
|
|
61
|
+
namespace allowedWeekRange {
|
|
59
62
|
const control_9: string;
|
|
60
63
|
export { control_9 as control };
|
|
61
64
|
const name_9: string;
|
|
62
65
|
export { name_9 as name };
|
|
63
66
|
}
|
|
64
|
-
namespace
|
|
67
|
+
namespace textColor {
|
|
65
68
|
const control_10: string;
|
|
66
69
|
export { control_10 as control };
|
|
67
70
|
const name_10: string;
|
|
68
71
|
export { name_10 as name };
|
|
69
72
|
}
|
|
70
|
-
namespace
|
|
73
|
+
namespace borderRadius {
|
|
71
74
|
const control_11: string;
|
|
72
75
|
export { control_11 as control };
|
|
73
76
|
const name_11: string;
|
|
74
77
|
export { name_11 as name };
|
|
75
78
|
}
|
|
76
|
-
namespace
|
|
79
|
+
namespace borderColor {
|
|
77
80
|
const control_12: string;
|
|
78
81
|
export { control_12 as control };
|
|
79
82
|
const name_12: string;
|
|
80
83
|
export { name_12 as name };
|
|
81
84
|
}
|
|
82
|
-
namespace
|
|
85
|
+
namespace borderColorFocus {
|
|
83
86
|
const control_13: string;
|
|
84
87
|
export { control_13 as control };
|
|
85
88
|
const name_13: string;
|
|
86
89
|
export { name_13 as name };
|
|
87
90
|
}
|
|
88
|
-
namespace
|
|
89
|
-
|
|
91
|
+
namespace hoverColor {
|
|
92
|
+
const control_14: string;
|
|
93
|
+
export { control_14 as control };
|
|
90
94
|
const name_14: string;
|
|
91
95
|
export { name_14 as name };
|
|
92
96
|
}
|
|
97
|
+
namespace withMarginBottom {
|
|
98
|
+
const control_15: string;
|
|
99
|
+
export { control_15 as control };
|
|
100
|
+
const name_15: string;
|
|
101
|
+
export { name_15 as name };
|
|
102
|
+
}
|
|
103
|
+
namespace onChange {
|
|
104
|
+
export const action: string;
|
|
105
|
+
const name_16: string;
|
|
106
|
+
export { name_16 as name };
|
|
107
|
+
}
|
|
93
108
|
}
|
|
94
109
|
}
|
|
95
110
|
export default _default;
|
|
96
111
|
export const Default: any;
|
|
97
|
-
export const
|
|
112
|
+
export const Disabled: any;
|
|
113
|
+
export const WithRangeRestriction: any;
|
|
114
|
+
export const DisabledWithRangeRestriction: any;
|
|
115
|
+
export function EventScenario(): import("react/jsx-runtime").JSX.Element;
|
|
116
|
+
export const SingleWeekSelection: any;
|
|
117
|
+
export const NarrowRangeRestriction: any;
|
|
98
118
|
import WeeksPicker from "./WeeksPicker";
|