@kubit-ui-web/react-components 1.7.0 → 1.7.1
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/cjs/components/accordion/accordion.styled.js +1 -0
- package/dist/cjs/components/accordion/accordion.styled.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/cjs/components/input/components/label.js +1 -1
- package/dist/cjs/components/input/components/label.js.map +1 -1
- package/dist/cjs/components/input/components/title.js +3 -3
- package/dist/cjs/components/input/components/title.js.map +1 -1
- package/dist/cjs/components/input/input.styled.js +10 -1
- package/dist/cjs/components/input/input.styled.js.map +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +1 -1
- package/dist/cjs/components/input/inputStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDate/hooks/useInputDate.js +1 -8
- package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/index.js +1 -3
- package/dist/cjs/components/inputDate/utils/index.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/verifyFormat.js +15 -12
- package/dist/cjs/components/inputDate/utils/verifyFormat.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/verifyYear.js +2 -1
- package/dist/cjs/components/inputDate/utils/verifyYear.js.map +1 -1
- package/dist/cjs/components/slider/components/sliderScaleStandAlone.js +3 -10
- package/dist/cjs/components/slider/components/sliderScaleStandAlone.js.map +1 -1
- package/dist/cjs/components/slider/slider.js +41 -10
- package/dist/cjs/components/slider/slider.js.map +1 -1
- package/dist/cjs/components/slider/sliderStandAlone.js +2 -2
- package/dist/cjs/components/slider/sliderStandAlone.js.map +1 -1
- package/dist/cjs/components/slider/utils/accessibility.utils.js +29 -29
- package/dist/cjs/components/slider/utils/accessibility.utils.js.map +1 -1
- package/dist/cjs/components/slider/utils/slider.utils.js +121 -38
- package/dist/cjs/components/slider/utils/slider.utils.js.map +1 -1
- package/dist/cjs/components/snackbar/snackbarUnControlled.js +18 -4
- package/dist/cjs/components/snackbar/snackbarUnControlled.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.styled.js +12 -0
- package/dist/cjs/components/tabs/tabs.styled.js.map +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +3 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/cjs/components/tabs/types/state.js +3 -0
- package/dist/cjs/components/tabs/types/state.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js +61 -6
- package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js +8 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -2
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js +5 -2
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/types/index.js +3 -15
- package/dist/cjs/components/toggleWithLabel/types/index.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/types/toggleWithLabel.js +7 -0
- package/dist/cjs/components/toggleWithLabel/types/toggleWithLabel.js.map +1 -1
- package/dist/cjs/utils/date/date.js +3 -2
- package/dist/cjs/utils/date/date.js.map +1 -1
- package/dist/cjs/utils/date/formatDate.js +67 -0
- package/dist/cjs/utils/date/formatDate.js.map +1 -0
- package/dist/cjs/utils/date/index.js +2 -1
- package/dist/cjs/utils/date/index.js.map +1 -1
- package/dist/cjs/utils/date/transformDate.js +3 -12
- package/dist/cjs/utils/date/transformDate.js.map +1 -1
- package/dist/cjs/utils/date/validateDate.js +8 -0
- package/dist/cjs/utils/date/validateDate.js.map +1 -0
- package/dist/cjs/utils/focusHandlers/focusHandlers.js +34 -1
- package/dist/cjs/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/dist/esm/components/accordion/accordion.styled.js +2 -1
- package/dist/esm/components/accordion/accordion.styled.js.map +1 -1
- package/dist/esm/components/accordion/types/accordionTheme.d.ts +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js +1 -1
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/esm/components/input/components/label.js +3 -3
- package/dist/esm/components/input/components/label.js.map +1 -1
- package/dist/esm/components/input/components/title.js +5 -5
- package/dist/esm/components/input/components/title.js.map +1 -1
- package/dist/esm/components/input/input.styled.d.ts +7 -0
- package/dist/esm/components/input/input.styled.js +9 -0
- package/dist/esm/components/input/input.styled.js.map +1 -1
- package/dist/esm/components/input/inputStandAlone.js +1 -1
- package/dist/esm/components/input/inputStandAlone.js.map +1 -1
- package/dist/esm/components/input/types/input.d.ts +2 -0
- package/dist/esm/components/input/types/inputTheme.d.ts +2 -0
- package/dist/esm/components/inputDate/hooks/useInputDate.js +2 -9
- package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/esm/components/inputDate/utils/index.d.ts +0 -1
- package/dist/esm/components/inputDate/utils/index.js +0 -1
- package/dist/esm/components/inputDate/utils/index.js.map +1 -1
- package/dist/esm/components/inputDate/utils/verifyFormat.js +15 -12
- package/dist/esm/components/inputDate/utils/verifyFormat.js.map +1 -1
- package/dist/esm/components/inputDate/utils/verifyYear.d.ts +1 -1
- package/dist/esm/components/inputDate/utils/verifyYear.js +2 -1
- package/dist/esm/components/inputDate/utils/verifyYear.js.map +1 -1
- package/dist/esm/components/slider/components/sliderScaleStandAlone.d.ts +2 -6
- package/dist/esm/components/slider/components/sliderScaleStandAlone.js +3 -10
- package/dist/esm/components/slider/components/sliderScaleStandAlone.js.map +1 -1
- package/dist/esm/components/slider/slider.js +41 -10
- package/dist/esm/components/slider/slider.js.map +1 -1
- package/dist/esm/components/slider/sliderStandAlone.js +2 -2
- package/dist/esm/components/slider/sliderStandAlone.js.map +1 -1
- package/dist/esm/components/slider/types/slider.d.ts +3 -3
- package/dist/esm/components/slider/utils/accessibility.utils.d.ts +23 -3
- package/dist/esm/components/slider/utils/accessibility.utils.js +29 -29
- package/dist/esm/components/slider/utils/accessibility.utils.js.map +1 -1
- package/dist/esm/components/slider/utils/slider.utils.d.ts +87 -9
- package/dist/esm/components/slider/utils/slider.utils.js +118 -37
- package/dist/esm/components/slider/utils/slider.utils.js.map +1 -1
- package/dist/esm/components/snackbar/snackbarUnControlled.js +18 -4
- package/dist/esm/components/snackbar/snackbarUnControlled.js.map +1 -1
- package/dist/esm/components/summaryDetails/types/summaryDetails.d.ts +1 -1
- package/dist/esm/components/tabs/tabs.styled.js +12 -0
- package/dist/esm/components/tabs/tabs.styled.js.map +1 -1
- package/dist/esm/components/tabs/tabsStandAlone.js +3 -1
- package/dist/esm/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/esm/components/tabs/types/state.d.ts +4 -1
- package/dist/esm/components/tabs/types/state.js +3 -0
- package/dist/esm/components/tabs/types/state.js.map +1 -1
- package/dist/esm/components/tabs/types/tabs.d.ts +1 -0
- package/dist/esm/components/toggleWithLabel/toggleWithLabel.styled.d.ts +4 -2
- package/dist/esm/components/toggleWithLabel/toggleWithLabel.styled.js +39 -4
- package/dist/esm/components/toggleWithLabel/toggleWithLabel.styled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js +8 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -2
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.d.ts +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js +5 -2
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/index.d.ts +2 -1
- package/dist/esm/components/toggleWithLabel/types/index.js +1 -1
- package/dist/esm/components/toggleWithLabel/types/index.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.d.ts +13 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.js +6 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabelTheme.d.ts +5 -3
- package/dist/esm/utils/date/date.js +3 -2
- package/dist/esm/utils/date/date.js.map +1 -1
- package/dist/esm/utils/date/formatDate.d.ts +3 -0
- package/dist/esm/utils/date/formatDate.js +62 -0
- package/dist/esm/utils/date/formatDate.js.map +1 -0
- package/dist/esm/utils/date/index.d.ts +2 -1
- package/dist/esm/utils/date/index.js +2 -1
- package/dist/esm/utils/date/index.js.map +1 -1
- package/dist/esm/utils/date/transformDate.js +3 -12
- package/dist/esm/utils/date/transformDate.js.map +1 -1
- package/dist/esm/utils/date/validateDate.d.ts +1 -0
- package/dist/esm/utils/date/validateDate.js +4 -0
- package/dist/esm/utils/date/validateDate.js.map +1 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.d.ts +24 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.js +31 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/package.json +20 -20
|
@@ -19,12 +19,72 @@ export declare const calcValueByOffset: ({ max, min, step, offset, offsetBoundar
|
|
|
19
19
|
offset: number;
|
|
20
20
|
offsetBoundaries: SliderOffsetBoundaries;
|
|
21
21
|
}) => number;
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
/**
|
|
23
|
+
* Calculates the closest valid value based on the given parameters.
|
|
24
|
+
* @param max - The maximum value allowed.
|
|
25
|
+
* @param min - The minimum value allowed.
|
|
26
|
+
* @param step - The step size between values.
|
|
27
|
+
* @param initialStepOffset - The initial offset for the step.
|
|
28
|
+
* @param value - The value to calculate the closest valid value for.
|
|
29
|
+
* @returns The closest valid value based on the given parameters.
|
|
30
|
+
*/
|
|
31
|
+
export declare const calcScaleValueWithStepOffset: ({ max, min, step, initialStepOffset, value, }: {
|
|
32
|
+
max: number;
|
|
33
|
+
min: number;
|
|
34
|
+
step: number;
|
|
35
|
+
initialStepOffset: number;
|
|
36
|
+
value: number;
|
|
37
|
+
}) => number;
|
|
38
|
+
/**
|
|
39
|
+
* Calculates the scale value without considering the step offset.
|
|
40
|
+
* @param {object} options - The options object.
|
|
41
|
+
* @param {number} options.max - The maximum value of the scale.
|
|
42
|
+
* @param {number} options.min - The minimum value of the scale.
|
|
43
|
+
* @param {number} options.step - The step value of the scale.
|
|
44
|
+
* @param {number} options.value - The current value of the scale.
|
|
45
|
+
* @returns {number} - The calculated scale value without step offset.
|
|
46
|
+
*/
|
|
47
|
+
export declare const calcScaleValueWithoutStepOffset: ({ max, min, step, value, }: {
|
|
48
|
+
max: number;
|
|
49
|
+
min: number;
|
|
50
|
+
step: number;
|
|
51
|
+
value: number;
|
|
52
|
+
}) => number;
|
|
53
|
+
/**
|
|
54
|
+
* Calculates the scaled value based on the given parameters.
|
|
55
|
+
* If `initialStepOffset` is provided, it uses `calcScaleValueWithStepOffset` function,
|
|
56
|
+
* otherwise it uses `calcScaleValueWithoutStepOffset` function.
|
|
57
|
+
* Setting initialStepOffset will change the available steps to be from initialStepOffset to max.
|
|
58
|
+
* Without initialStepOffset, min=1, step=5 -> [1, 6, 11, 16, ...]
|
|
59
|
+
* With initialStepOffset=0, min=1, step=5 -> [1, 5, 10, 15, ...]
|
|
60
|
+
* @param max - The maximum value of the scale.
|
|
61
|
+
* @param min - The minimum value of the scale.
|
|
62
|
+
* @param step - The step size of the scale.
|
|
63
|
+
* @param initialStepOffset - The initial step offset (optional).
|
|
64
|
+
* @param value - The value to be scaled.
|
|
65
|
+
* @returns The scaled value.
|
|
66
|
+
*/
|
|
67
|
+
export declare const calcScaleValue: ({ max, min, step, initialStepOffset, value, }: {
|
|
68
|
+
max: number;
|
|
69
|
+
min: number;
|
|
70
|
+
step: number;
|
|
71
|
+
initialStepOffset?: number;
|
|
72
|
+
value: number;
|
|
73
|
+
}) => number;
|
|
74
|
+
export declare const calcNewRangeValue: ({ prevValue, newValue, activePointer, }: {
|
|
75
|
+
prevValue: number[];
|
|
76
|
+
newValue: number;
|
|
77
|
+
activePointer: React.MutableRefObject<string>;
|
|
78
|
+
}) => number[];
|
|
79
|
+
export declare const getScale: ({ type, max, min, step, initialStepOffset, }: {
|
|
80
|
+
type: SliderType;
|
|
81
|
+
max: number;
|
|
82
|
+
min: number;
|
|
83
|
+
step: number;
|
|
84
|
+
initialStepOffset?: number;
|
|
85
|
+
}) => {
|
|
25
86
|
showScale: boolean;
|
|
26
|
-
|
|
27
|
-
scaleArray: number[];
|
|
87
|
+
scaleOffsets: number[];
|
|
28
88
|
};
|
|
29
89
|
export declare const getOffset: ({ range, max, min, value, offsetBoundaries, }: {
|
|
30
90
|
range: boolean;
|
|
@@ -37,7 +97,25 @@ export declare const getOffset: ({ range, max, min, value, offsetBoundaries, }:
|
|
|
37
97
|
offsetLeft: number;
|
|
38
98
|
offsetRight: number;
|
|
39
99
|
};
|
|
40
|
-
export declare const shouldUpdateLeftThumb: (activePointer
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
100
|
+
export declare const shouldUpdateLeftThumb: ({ activePointer, newValue, prevValue, }: {
|
|
101
|
+
activePointer: string;
|
|
102
|
+
newValue: number;
|
|
103
|
+
prevValue: number[];
|
|
104
|
+
}) => boolean;
|
|
105
|
+
export declare const shouldUpdateRightThumb: ({ activePointer, newValue, prevValue, }: {
|
|
106
|
+
activePointer: string;
|
|
107
|
+
newValue: number;
|
|
108
|
+
prevValue: number[];
|
|
109
|
+
}) => boolean;
|
|
110
|
+
export declare const equalsRangeValues: ({ values1, values2, }: {
|
|
111
|
+
values1: number[];
|
|
112
|
+
values2: number[];
|
|
113
|
+
}) => boolean;
|
|
114
|
+
export declare const calcDefaultValue: ({ range, max, min, step, initialStepOffset, value, }: {
|
|
115
|
+
range: boolean;
|
|
116
|
+
max: number;
|
|
117
|
+
min: number;
|
|
118
|
+
step: number;
|
|
119
|
+
initialStepOffset?: number;
|
|
120
|
+
value: number | number[];
|
|
121
|
+
}) => number | number[];
|
|
@@ -38,29 +38,87 @@ export const calcValueByOffset = ({ max, min, step, offset, offsetBoundaries, })
|
|
|
38
38
|
}
|
|
39
39
|
return value;
|
|
40
40
|
};
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
41
|
+
/**
|
|
42
|
+
* Calculates the closest valid value based on the given parameters.
|
|
43
|
+
* @param max - The maximum value allowed.
|
|
44
|
+
* @param min - The minimum value allowed.
|
|
45
|
+
* @param step - The step size between values.
|
|
46
|
+
* @param initialStepOffset - The initial offset for the step.
|
|
47
|
+
* @param value - The value to calculate the closest valid value for.
|
|
48
|
+
* @returns The closest valid value based on the given parameters.
|
|
49
|
+
*/
|
|
50
|
+
export const calcScaleValueWithStepOffset = ({ max, min, step, initialStepOffset, value, }) => {
|
|
51
|
+
// Calculate the first step after initialStepOffset that is greater than or equal to min
|
|
52
|
+
const firstValidStep = initialStepOffset + Math.ceil((min - initialStepOffset) / step) * step;
|
|
53
|
+
if (firstValidStep > max) {
|
|
54
|
+
return value; // If the first valid step is beyond max, return the original value
|
|
53
55
|
}
|
|
54
|
-
|
|
56
|
+
const stepsFromFirstValid = Math.round((value - firstValidStep) / step);
|
|
57
|
+
let closestValue = firstValidStep + stepsFromFirstValid * step;
|
|
58
|
+
// Ensure the closest value is within bounds
|
|
59
|
+
closestValue = Math.max(min, closestValue);
|
|
60
|
+
closestValue = Math.min(max, closestValue);
|
|
61
|
+
// Include min and max as valid steps explicitly
|
|
62
|
+
if (Math.abs(min - value) < Math.abs(closestValue - value)) {
|
|
63
|
+
closestValue = min;
|
|
64
|
+
}
|
|
65
|
+
if (Math.abs(max - value) < Math.abs(closestValue - value)) {
|
|
66
|
+
closestValue = max;
|
|
67
|
+
}
|
|
68
|
+
return closestValue;
|
|
69
|
+
};
|
|
70
|
+
/**
|
|
71
|
+
* Calculates the scale value without considering the step offset.
|
|
72
|
+
* @param {object} options - The options object.
|
|
73
|
+
* @param {number} options.max - The maximum value of the scale.
|
|
74
|
+
* @param {number} options.min - The minimum value of the scale.
|
|
75
|
+
* @param {number} options.step - The step value of the scale.
|
|
76
|
+
* @param {number} options.value - The current value of the scale.
|
|
77
|
+
* @returns {number} - The calculated scale value without step offset.
|
|
78
|
+
*/
|
|
79
|
+
export const calcScaleValueWithoutStepOffset = ({ max, min, step, value, }) => {
|
|
80
|
+
value -= min;
|
|
81
|
+
let halfScaleLength = step / 2;
|
|
82
|
+
if ((max - min) % step > 0 && value / step > Math.floor((max - min) / step)) {
|
|
83
|
+
halfScaleLength = ((max - min) % step) / 2;
|
|
84
|
+
}
|
|
85
|
+
if (value % step > halfScaleLength) {
|
|
86
|
+
const upValue = min + Math.ceil(value / step) * step;
|
|
87
|
+
return upValue > max ? max : upValue;
|
|
88
|
+
}
|
|
89
|
+
return min + Math.floor(value / step) * step;
|
|
90
|
+
};
|
|
91
|
+
/**
|
|
92
|
+
* Calculates the scaled value based on the given parameters.
|
|
93
|
+
* If `initialStepOffset` is provided, it uses `calcScaleValueWithStepOffset` function,
|
|
94
|
+
* otherwise it uses `calcScaleValueWithoutStepOffset` function.
|
|
95
|
+
* Setting initialStepOffset will change the available steps to be from initialStepOffset to max.
|
|
96
|
+
* Without initialStepOffset, min=1, step=5 -> [1, 6, 11, 16, ...]
|
|
97
|
+
* With initialStepOffset=0, min=1, step=5 -> [1, 5, 10, 15, ...]
|
|
98
|
+
* @param max - The maximum value of the scale.
|
|
99
|
+
* @param min - The minimum value of the scale.
|
|
100
|
+
* @param step - The step size of the scale.
|
|
101
|
+
* @param initialStepOffset - The initial step offset (optional).
|
|
102
|
+
* @param value - The value to be scaled.
|
|
103
|
+
* @returns The scaled value.
|
|
104
|
+
*/
|
|
105
|
+
export const calcScaleValue = ({ max, min, step, initialStepOffset, value, }) => {
|
|
106
|
+
if (step <= 0) {
|
|
107
|
+
return value;
|
|
108
|
+
}
|
|
109
|
+
if (initialStepOffset !== undefined) {
|
|
110
|
+
return calcScaleValueWithStepOffset({ max, min, step, initialStepOffset, value });
|
|
111
|
+
}
|
|
112
|
+
return calcScaleValueWithoutStepOffset({ max, min, step, value });
|
|
55
113
|
};
|
|
56
|
-
export const calcNewRangeValue = (prevValue, newValue, activePointer) => {
|
|
57
|
-
if (shouldUpdateLeftThumb(activePointer.current, newValue, prevValue)) {
|
|
114
|
+
export const calcNewRangeValue = ({ prevValue, newValue, activePointer, }) => {
|
|
115
|
+
if (shouldUpdateLeftThumb({ activePointer: activePointer.current, newValue, prevValue })) {
|
|
58
116
|
if (activePointer.current === 'right') {
|
|
59
117
|
activePointer.current = 'left';
|
|
60
118
|
}
|
|
61
119
|
return [newValue, prevValue[1]];
|
|
62
120
|
}
|
|
63
|
-
else if (shouldUpdateRightThumb(activePointer.current, newValue, prevValue)) {
|
|
121
|
+
else if (shouldUpdateRightThumb({ activePointer: activePointer.current, newValue, prevValue })) {
|
|
64
122
|
if (activePointer.current === 'left') {
|
|
65
123
|
activePointer.current = 'right';
|
|
66
124
|
}
|
|
@@ -68,15 +126,26 @@ export const calcNewRangeValue = (prevValue, newValue, activePointer) => {
|
|
|
68
126
|
}
|
|
69
127
|
return prevValue;
|
|
70
128
|
};
|
|
71
|
-
export const getScale = (type, max, min, step) => {
|
|
129
|
+
export const getScale = ({ type, max, min, step, initialStepOffset, }) => {
|
|
72
130
|
const showScale = type === SliderType.DISCRETE && step > 0 && step < max - min;
|
|
73
|
-
let
|
|
74
|
-
let scaleArray = [];
|
|
131
|
+
let scaleOffsets = [];
|
|
75
132
|
if (showScale) {
|
|
76
|
-
|
|
77
|
-
|
|
133
|
+
const steps = [min];
|
|
134
|
+
for (let i = initialStepOffset ?? min; i < max; i += step) {
|
|
135
|
+
if (i > min) {
|
|
136
|
+
steps.push(i);
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
steps.push(max);
|
|
140
|
+
scaleOffsets = steps.map(stepValue => translateValue({
|
|
141
|
+
inputMin: min,
|
|
142
|
+
inputMax: max,
|
|
143
|
+
outputMin: 0,
|
|
144
|
+
outputMax: 100,
|
|
145
|
+
value: stepValue,
|
|
146
|
+
}));
|
|
78
147
|
}
|
|
79
|
-
return { showScale,
|
|
148
|
+
return { showScale, scaleOffsets };
|
|
80
149
|
};
|
|
81
150
|
/**
|
|
82
151
|
* Translates a value from one range to another.
|
|
@@ -133,13 +202,13 @@ export const getOffset = ({ range, max, min, value, offsetBoundaries, }) => {
|
|
|
133
202
|
}
|
|
134
203
|
return { offset, offsetLeft, offsetRight };
|
|
135
204
|
};
|
|
136
|
-
export const shouldUpdateLeftThumb = (activePointer, newValue, prevValue) => {
|
|
205
|
+
export const shouldUpdateLeftThumb = ({ activePointer, newValue, prevValue, }) => {
|
|
137
206
|
return (activePointer === 'left' && newValue < prevValue[1]) || newValue <= prevValue[0];
|
|
138
207
|
};
|
|
139
|
-
export const shouldUpdateRightThumb = (activePointer, newValue, prevValue) => {
|
|
208
|
+
export const shouldUpdateRightThumb = ({ activePointer, newValue, prevValue, }) => {
|
|
140
209
|
return (activePointer === 'right' && newValue > prevValue[0]) || newValue >= prevValue[1];
|
|
141
210
|
};
|
|
142
|
-
export const equalsRangeValues = (values1, values2) => {
|
|
211
|
+
export const equalsRangeValues = ({ values1, values2, }) => {
|
|
143
212
|
if (!Array.isArray(values1) ||
|
|
144
213
|
!Array.isArray(values2) ||
|
|
145
214
|
values1.length !== 2 ||
|
|
@@ -148,32 +217,44 @@ export const equalsRangeValues = (values1, values2) => {
|
|
|
148
217
|
}
|
|
149
218
|
return values1[0] === values2[0] && values1[1] === values2[1];
|
|
150
219
|
};
|
|
151
|
-
const isAllowValue = (max, min, value) => {
|
|
220
|
+
const isAllowValue = ({ max, min, value, }) => {
|
|
152
221
|
return value !== undefined && value >= min && value <= max;
|
|
153
222
|
};
|
|
154
|
-
const allowValueOrDefault = (max, min, value, defaultValue) => {
|
|
155
|
-
return isAllowValue(max, min, value) ? value : defaultValue;
|
|
223
|
+
const allowValueOrDefault = ({ max, min, value, defaultValue, }) => {
|
|
224
|
+
return isAllowValue({ max, min, value }) ? value : defaultValue;
|
|
156
225
|
};
|
|
157
|
-
const isValidRangeValue = (value) => {
|
|
226
|
+
const isValidRangeValue = ({ value }) => {
|
|
158
227
|
return Boolean(value && Array.isArray(value) && value.length === 2);
|
|
159
228
|
};
|
|
160
|
-
export const calcDefaultValue = (range, max, min, step, value) => {
|
|
229
|
+
export const calcDefaultValue = ({ range, max, min, step, initialStepOffset, value, }) => {
|
|
161
230
|
// range
|
|
162
231
|
if (range) {
|
|
163
232
|
let values = [min, max];
|
|
164
|
-
if (isValidRangeValue(value)) {
|
|
233
|
+
if (isValidRangeValue({ value })) {
|
|
165
234
|
const value1 = value[0];
|
|
166
235
|
const value2 = value[1];
|
|
167
|
-
const value1ToScale = allowValueOrDefault(max, min, value1, min);
|
|
168
|
-
const value2ToScale = allowValueOrDefault(max, min, value2, max);
|
|
169
|
-
const scaledValue1 = calcScaleValue(
|
|
170
|
-
|
|
236
|
+
const value1ToScale = allowValueOrDefault({ max, min, value: value1, defaultValue: min });
|
|
237
|
+
const value2ToScale = allowValueOrDefault({ max, min, value: value2, defaultValue: max });
|
|
238
|
+
const scaledValue1 = calcScaleValue({
|
|
239
|
+
max,
|
|
240
|
+
min,
|
|
241
|
+
step,
|
|
242
|
+
initialStepOffset,
|
|
243
|
+
value: value1ToScale,
|
|
244
|
+
});
|
|
245
|
+
const scaledValue2 = calcScaleValue({
|
|
246
|
+
max,
|
|
247
|
+
min,
|
|
248
|
+
step,
|
|
249
|
+
initialStepOffset,
|
|
250
|
+
value: value2ToScale,
|
|
251
|
+
});
|
|
171
252
|
values = [scaledValue1, scaledValue2];
|
|
172
253
|
}
|
|
173
254
|
return values;
|
|
174
255
|
}
|
|
175
256
|
// not range
|
|
176
|
-
const valueToScale = allowValueOrDefault(max, min, value, min);
|
|
177
|
-
return calcScaleValue(max, min, step, valueToScale);
|
|
257
|
+
const valueToScale = allowValueOrDefault({ max, min, value: value, defaultValue: min });
|
|
258
|
+
return calcScaleValue({ max, min, step, initialStepOffset, value: valueToScale });
|
|
178
259
|
};
|
|
179
260
|
//# sourceMappingURL=slider.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.utils.js","sourceRoot":"","sources":["../../../../../src/components/slider/utils/slider.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,UAAU,EAAE,MAAM,UAAU,CAAC;AAE9D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,gBAAgB,GAKjB,EAAU,EAAE;IACX,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,MAAM,cAAc,GAAG,SAAS,CAAC,WAAW,CAAC;IAE7C,MAAM,CAAC,GACL,OAAQ,KAAoB,EAAE,KAAK,KAAK,QAAQ;QAC9C,CAAC,CAAE,KAAoB,CAAC,KAAK;QAC7B,CAAC,CAAE,KAAmC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE5D,MAAM,QAAQ,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;IAEzE,MAAM,IAAI,GAAG,CAAC,GAAG,QAAQ,CAAC;IAE1B,IAAI,MAAM,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,cAAc,CAAC;IAC3C,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAEhF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,GAAG,EACH,GAAG,EACH,IAAI,EACJ,MAAM,EACN,gBAAgB,GAOjB,EAAU,EAAE;IACX,IAAI,KAAK,GAAG,cAAc,CAAC;QACzB,QAAQ,EAAE,gBAAgB,CAAC,GAAG;QAC9B,QAAQ,EAAE,gBAAgB,CAAC,GAAG;QAC9B,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,GAAG;QACd,KAAK,EAAE,MAAM;KACd,CAAC,CAAC;IACH,qBAAqB;IACrB,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvF,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;QACjB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QACnC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACxC,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"slider.utils.js","sourceRoot":"","sources":["../../../../../src/components/slider/utils/slider.utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { focusFirstDescendantV2 } from '../../utils/focusHandlers/focusHandlers';
|
|
4
4
|
import { SnackbarControlled } from './snackbarControlled';
|
|
5
5
|
const SnackbarUnControlledComponent = ({ open = false, variant, closeTimeout = 7000, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }, ref) => {
|
|
6
6
|
const closeSnackbarTimeOut = React.useRef(null);
|
|
7
7
|
const hover = React.useRef(false);
|
|
8
8
|
const focus = React.useRef(false);
|
|
9
|
+
const innerRef = React.useRef(null);
|
|
10
|
+
const lastFocusedElement = React.useRef(null);
|
|
11
|
+
React.useImperativeHandle(ref, () => innerRef?.current, []);
|
|
9
12
|
/**
|
|
10
13
|
* Only start timeout if closeTimeOut is defined, and if the snackbar is not hovered or focused
|
|
11
14
|
* @returns
|
|
@@ -25,6 +28,7 @@ const SnackbarUnControlledComponent = ({ open = false, variant, closeTimeout = 7
|
|
|
25
28
|
};
|
|
26
29
|
React.useEffect(() => {
|
|
27
30
|
if (open) {
|
|
31
|
+
lastFocusedElement.current = document.activeElement;
|
|
28
32
|
startCloseSnackbarTimeout();
|
|
29
33
|
}
|
|
30
34
|
else {
|
|
@@ -36,8 +40,18 @@ const SnackbarUnControlledComponent = ({ open = false, variant, closeTimeout = 7
|
|
|
36
40
|
}, [open]);
|
|
37
41
|
const handleCloseButton = _open => event => {
|
|
38
42
|
props.onOpenClose?.(_open, event);
|
|
39
|
-
//
|
|
40
|
-
|
|
43
|
+
// After manually closing the popover, focus the last focused element
|
|
44
|
+
// If the last focused element is not available, focus the first focusable element
|
|
45
|
+
if (lastFocusedElement.current instanceof HTMLElement &&
|
|
46
|
+
document.contains(lastFocusedElement.current) &&
|
|
47
|
+
document.body !== lastFocusedElement.current) {
|
|
48
|
+
lastFocusedElement.current.focus();
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
focusFirstDescendantV2({
|
|
52
|
+
element: document.body,
|
|
53
|
+
elementsToOmit: innerRef.current ? [innerRef.current] : [],
|
|
54
|
+
});
|
|
41
55
|
};
|
|
42
56
|
const handleMouseEnter = (event) => {
|
|
43
57
|
onMouseEnter?.(event);
|
|
@@ -68,7 +82,7 @@ const SnackbarUnControlledComponent = ({ open = false, variant, closeTimeout = 7
|
|
|
68
82
|
focus.current = false;
|
|
69
83
|
startCloseSnackbarTimeout();
|
|
70
84
|
};
|
|
71
|
-
return (_jsx(SnackbarControlled, { ...props, ref:
|
|
85
|
+
return (_jsx(SnackbarControlled, { ...props, ref: innerRef, open: open, variant: variant, onBlur: handleBlur, onCloseButtonClick: handleCloseButton, onFocus: handleFocus, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }));
|
|
72
86
|
};
|
|
73
87
|
const SnackbarUnControlled = React.forwardRef(SnackbarUnControlledComponent);
|
|
74
88
|
export { SnackbarUnControlled };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbarUnControlled.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"snackbarUnControlled.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarUnControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { IText } from '../../../components/text';
|
|
|
4
4
|
import { CustomTokenTypes } from '../../../types';
|
|
5
5
|
import { SummaryDetailsPropsStylesType } from './summaryDetailsTheme';
|
|
6
6
|
export type SummaryDetailsTextType = Omit<IText<string>, 'children'> & {
|
|
7
|
-
content
|
|
7
|
+
content?: React.ReactNode;
|
|
8
8
|
};
|
|
9
9
|
export interface ISummaryDetailsStandAlone {
|
|
10
10
|
styles: SummaryDetailsPropsStylesType;
|
|
@@ -78,6 +78,18 @@ export const TabStyled = styled.div `
|
|
|
78
78
|
& ${PrimaryTabItemRoveStyled} {
|
|
79
79
|
${props => getStyles(props.styles?.[props.state]?.tabButton)}
|
|
80
80
|
|
|
81
|
+
&:hover {
|
|
82
|
+
${props => getStyles(props.styles?.[TabsStateTypes.HOVER]?.tabButton)}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
&:active {
|
|
86
|
+
${props => getStyles(props.styles?.[TabsStateTypes.PRESSED]?.tabButton)}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
&:disabled {
|
|
90
|
+
${props => getStyles(props.styles?.[TabsStateTypes.DISABLED]?.tabButton)}
|
|
91
|
+
}
|
|
92
|
+
|
|
81
93
|
// When label is empty
|
|
82
94
|
${props => props.empty && getStyles(props.styles?.[TabsStateTypes.EMPTY]?.tabButton)}
|
|
83
95
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.styled.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.styled.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"tabs.styled.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,9 @@ const TabsStandAloneComponent = ({ autoWidth = false, allowFocusTabPanel = true,
|
|
|
33
33
|
const isSelected = props.selectedTab === index;
|
|
34
34
|
const stateTab = isSelected ? TabsStateTypes.SELECTED : TabsStateTypes.UNSELECTED;
|
|
35
35
|
const positionVisibleInView = index >= position && index < position + numTabsInView;
|
|
36
|
-
return (_jsx(TabStyled, { autoWidth: autoWidth, compacted: compacted, "data-testid": `${dataTestId}Tab${index}`, empty: props.hideLabelForSingleTab, state: stateTab, styles: props.styles, tabsLength: tabsLength, children: tabsLength > 1 ? (_jsx(ItemRove, {
|
|
36
|
+
return (_jsx(TabStyled, { autoWidth: autoWidth, compacted: compacted, "data-testid": `${dataTestId}Tab${index}`, empty: props.hideLabelForSingleTab, state: stateTab, styles: props.styles, tabsLength: tabsLength, children: tabsLength > 1 ? (_jsx(ItemRove, { ariaDisabled: (props.device === DeviceBreakpointsType.MOBILE && !positionVisibleInView) ||
|
|
37
|
+
tab.disabled, ariaSelected: isSelected, asElement: PrimaryTabItemRoveStyled, checkIsFirstTime: true, disabled: (props.device === DeviceBreakpointsType.MOBILE && !positionVisibleInView) ||
|
|
38
|
+
tab.disabled, focus: focus === index, id: `${BASE_ID}-tab-${index}`, index: index, preventScrollOnFocus: true, role: ROLES.TAB, onSelectItem: () => {
|
|
37
39
|
props.onSelectTab?.(index);
|
|
38
40
|
handleClickTab(index);
|
|
39
41
|
}, children: _jsx(TextWrapperStyled, { as: Text, component: TextComponentType.SPAN, customTypography: props.styles[stateTab]?.label, ...tab, children: tab.content }) })) : (_jsx(OneTabStyled, { id: `${BASE_ID}-tab-${index}`, role: ROLES.TAB, children: props.hideLabelForSingleTab ? (_jsx(LabelHiddenContainer, { as: Text, id: `${BASE_ID}-tab-${index}`, role: ROLES.TAB, ...tab, children: tab.content })) : (_jsx(TextWrapperStyled, { as: Text, customTypography: props.styles[stateTab]?.label, ...tab, children: tab.content })) })) }, index));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabsStandAlone.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"tabsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabsStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,5 +3,8 @@ export var TabsStateTypes;
|
|
|
3
3
|
TabsStateTypes["SELECTED"] = "SELECTED";
|
|
4
4
|
TabsStateTypes["UNSELECTED"] = "UNSELECTED";
|
|
5
5
|
TabsStateTypes["EMPTY"] = "EMPTY";
|
|
6
|
+
TabsStateTypes["HOVER"] = "HOVER";
|
|
7
|
+
TabsStateTypes["PRESSED"] = "PRESSED";
|
|
8
|
+
TabsStateTypes["DISABLED"] = "DISABLED";
|
|
6
9
|
})(TabsStateTypes || (TabsStateTypes = {}));
|
|
7
10
|
//# sourceMappingURL=state.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/tabs/types/state.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/tabs/types/state.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAOX;AAPD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;IACzB,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,qCAAmB,CAAA;IACnB,uCAAqB,CAAA;AACvB,CAAC,EAPW,cAAc,KAAd,cAAc,QAOzB"}
|
|
@@ -5,6 +5,7 @@ import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
|
|
|
5
5
|
import { TabsVariantStylesType } from './tabsTheme';
|
|
6
6
|
export type PrimaryTabTabType = Omit<IText<string>, 'children'> & {
|
|
7
7
|
content?: ReactNode;
|
|
8
|
+
disabled?: boolean;
|
|
8
9
|
};
|
|
9
10
|
export interface ITabsStandAlone {
|
|
10
11
|
styles: TabsVariantStylesType;
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
export declare const ToggleWithLabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, IToggleWithLabelStyled
|
|
1
|
+
import { IToggleWithLabelStyled, LABEL_POSITION } from './types';
|
|
2
|
+
export declare const ToggleWithLabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, IToggleWithLabelStyled & {
|
|
3
|
+
labelPosition?: LABEL_POSITION;
|
|
4
|
+
}>> & string;
|
|
@@ -1,15 +1,50 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
1
|
+
import styled, { css } from 'styled-components';
|
|
2
2
|
import { getStyles, getTypographyStyles } from '../../utils';
|
|
3
|
+
import { LABEL_POSITION } from './types';
|
|
4
|
+
const getLabelPositionStyles = (labelPosition) => {
|
|
5
|
+
if (labelPosition === LABEL_POSITION.LEFT) {
|
|
6
|
+
return css `
|
|
7
|
+
flex-direction: row;
|
|
8
|
+
`;
|
|
9
|
+
}
|
|
10
|
+
else if (labelPosition === LABEL_POSITION.RIGHT) {
|
|
11
|
+
return css `
|
|
12
|
+
flex-direction: row-reverse;
|
|
13
|
+
`;
|
|
14
|
+
}
|
|
15
|
+
return css `
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
`;
|
|
18
|
+
};
|
|
19
|
+
const getLegendStyles = (labelPosition) => {
|
|
20
|
+
if (labelPosition !== LABEL_POSITION.TOP) {
|
|
21
|
+
return css `
|
|
22
|
+
display: contents;
|
|
23
|
+
`;
|
|
24
|
+
}
|
|
25
|
+
return css ``;
|
|
26
|
+
};
|
|
27
|
+
/* deprecated - deleted displayRowStyles when the 'displayRow' prop is removed */
|
|
28
|
+
const displayRowStyles = (styles, displayRow) => {
|
|
29
|
+
return (displayRow &&
|
|
30
|
+
css `
|
|
31
|
+
${displayRow && getStyles(styles)};
|
|
32
|
+
${displayRow && getTypographyStyles(styles)};
|
|
33
|
+
`);
|
|
34
|
+
};
|
|
3
35
|
export const ToggleWithLabelStyled = styled.fieldset `
|
|
4
36
|
${({ styles }) => getStyles(styles?.container)};
|
|
5
37
|
${({ styles }) => getTypographyStyles(styles?.container)};
|
|
6
38
|
|
|
7
|
-
${({ styles, displayRow }) =>
|
|
8
|
-
|
|
39
|
+
${({ styles, displayRow, labelPosition }) => labelPosition
|
|
40
|
+
? getLabelPositionStyles(labelPosition)
|
|
41
|
+
: displayRowStyles(styles?.rowContainer, displayRow)};
|
|
9
42
|
|
|
10
43
|
legend {
|
|
11
44
|
${({ styles }) => getStyles(styles?.legendContainer)};
|
|
12
|
-
${({ styles, displayRow }) =>
|
|
45
|
+
${({ styles, displayRow, labelPosition }) => labelPosition
|
|
46
|
+
? getLegendStyles(labelPosition)
|
|
47
|
+
: displayRowStyles(styles?.rowLegendContainer, displayRow)};
|
|
13
48
|
}
|
|
14
49
|
`;
|
|
15
50
|
//# sourceMappingURL=toggleWithLabel.styled.js.map
|