@dreamcommerce/aurora 3.1.36-5 → 3.1.36
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/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +9 -73
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js +0 -99
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +3 -3
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl.js +2 -5
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js +6 -7
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex/color_picker_inputs_hex_input.js +12 -24
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex/color_picker_inputs_hex_input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +9 -19
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +54 -68
- package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +0 -10
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js +2 -5
- package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icons/calendar_event_fill.js +2 -5
- package/build/esm/packages/aurora/src/assets/icons/calendar_event_fill.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icons/time_line_icon.js +2 -5
- package/build/esm/packages/aurora/src/assets/icons/time_line_icon.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/calendar.js +7 -17
- package/build/esm/packages/aurora/src/components/calendar/calendar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js +25 -49
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js +8 -16
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js +8 -16
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js +22 -48
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js.map +1 -1
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +43 -57
- package/build/esm/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +10 -74
- package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +41 -6
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts +0 -6
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js +1 -100
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +3 -3
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_impl.js +2 -5
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_impl.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_input.js +6 -7
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex/color_picker_inputs_hex_input.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex/color_picker_inputs_hex_input.js +12 -24
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex/color_picker_inputs_hex_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +10 -20
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +3 -6
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +55 -69
- package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +13 -38
- package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js +13 -38
- package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js +13 -21
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js +8 -28
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/date_picker.js +28 -59
- package/build/esm/packages/aurora/src/components/date_picker/date_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js +24 -30
- package/build/esm/packages/aurora/src/components/date_picker/date_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/components/input/input_types.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js +10 -28
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js +9 -28
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js +8 -28
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js +36 -60
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +11 -30
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +94 -127
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +46 -62
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +0 -6
- package/build/esm/packages/aurora/src/index.js +0 -5
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js +0 -10
- package/build/cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map +0 -1
- package/build/cjs/packages/aurora/src/assets/icons/calendar_event_fill.js +0 -10
- package/build/cjs/packages/aurora/src/assets/icons/calendar_event_fill.js.map +0 -1
- package/build/cjs/packages/aurora/src/assets/icons/time_line_icon.js +0 -10
- package/build/cjs/packages/aurora/src/assets/icons/time_line_icon.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/calendar.js +0 -28
- package/build/cjs/packages/aurora/src/components/calendar/calendar.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js +0 -60
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_months_dropdown.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js +0 -26
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_next_month_button.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js +0 -26
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_prev_month_button.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js +0 -59
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/components/custom_years_dropdown.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js +0 -67
- package/build/cjs/packages/aurora/src/components/calendar/styled_day_picker/styled_day_picker.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js +0 -46
- package/build/cjs/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js +0 -46
- package/build/cjs/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js +0 -30
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_content.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js +0 -37
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js +0 -68
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js +0 -35
- package/build/cjs/packages/aurora/src/components/date_picker/date_picker_utils.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js +0 -37
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js +0 -37
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_footer.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js +0 -37
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js +0 -69
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_scroll_column.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +0 -39
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js +0 -137
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js +0 -66
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useRef, useState, useCallback
|
|
1
|
+
import { useMemo, useRef, useState, useCallback } from 'react';
|
|
2
2
|
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_ALPHA_MAX_VALUE } from '../color_picker_constants.js';
|
|
4
4
|
import { getDetails } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
|
|
@@ -16,7 +16,6 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
16
16
|
isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
|
|
17
17
|
var colorValue = ColorPickerUtils.normalizeLinearGradient(value || COLOR_PICKER_INITIAL_STATE);
|
|
18
18
|
var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
|
|
19
|
-
var colorValueRef = useRef(colorValue);
|
|
20
19
|
var savedColorRef = useRef({
|
|
21
20
|
value: colorValue,
|
|
22
21
|
name: currentSelectedVariable || ''
|
|
@@ -34,26 +33,13 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
34
33
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
35
34
|
isColorPickerOpened = _useState6[0],
|
|
36
35
|
setIsColorPickerOpened = _useState6[1];
|
|
37
|
-
var _useState7 = useState(''),
|
|
38
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
39
|
-
shadeName = _useState8[0],
|
|
40
|
-
setShadeName = _useState8[1];
|
|
41
|
-
var _useState9 = useState(ColorPickerUtils.getHexValueWithoutHash(colorValue)),
|
|
42
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
43
|
-
typedInputValue = _useState10[0],
|
|
44
|
-
setTypedInputValue = _useState10[1];
|
|
45
|
-
var _useState11 = useState(false),
|
|
46
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
47
|
-
isColorPickerCurrentlyUsed = _useState12[0],
|
|
48
|
-
setIsColorPickerCurrentlyUsed = _useState12[1];
|
|
49
36
|
var _getDetails = getDetails(colorValue),
|
|
50
37
|
degrees = _getDetails.degrees;
|
|
51
38
|
var savedDegRef = useRef(isNaN(degrees) ? 180 : degrees);
|
|
39
|
+
var inputRef = useRef(null);
|
|
52
40
|
var variables = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables;
|
|
53
41
|
var setColor = useCallback(function (newColor) {
|
|
54
|
-
var
|
|
55
|
-
var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
|
56
|
-
setShadeName(shadeName);
|
|
42
|
+
var variableName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
57
43
|
!ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
|
|
58
44
|
var isGradient = ColorPickerUtils.isGradient(newColor);
|
|
59
45
|
var newColorVar = {
|
|
@@ -66,16 +52,10 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
66
52
|
savedDegRef.current = Number(colorDegrees[2]);
|
|
67
53
|
}
|
|
68
54
|
var hexString = isGradient ? newColor : colorObject.hexString;
|
|
69
|
-
colorValueRef.current = hexString;
|
|
70
55
|
onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, colorObject), {}, {
|
|
71
56
|
hexString: hexString
|
|
72
57
|
}));
|
|
73
|
-
}, [colorValue,
|
|
74
|
-
useEffect(function () {
|
|
75
|
-
if (colorValue === colorValueRef.current) return;
|
|
76
|
-
colorValueRef.current = colorValue;
|
|
77
|
-
setShadeName('');
|
|
78
|
-
}, [colorValue]);
|
|
58
|
+
}, [colorValue, onChange]);
|
|
79
59
|
var _useBestGradientColor = useColorPicker(colorValue, setColor),
|
|
80
60
|
hslArr = _useBestGradientColor.hslArr,
|
|
81
61
|
rgbaArr = _useBestGradientColor.rgbaArr,
|
|
@@ -88,31 +68,31 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
88
68
|
var tinyColor = ColorPickerUtils.getTinyColorInstance(colorValue);
|
|
89
69
|
var hex = ColorPickerUtils.getHexValue(tinyColor);
|
|
90
70
|
var alpha = rgbaArr[3] * 100;
|
|
91
|
-
var setSolid = function
|
|
71
|
+
var setSolid = useCallback(function (value) {
|
|
92
72
|
setColor(value || COLOR_PICKER_INITIAL_STATE);
|
|
93
|
-
};
|
|
94
|
-
var setLinear = function
|
|
73
|
+
}, [setColor]);
|
|
74
|
+
var setLinear = useCallback(function (value) {
|
|
95
75
|
var gradientColor = value || defaultGradient;
|
|
96
76
|
var remaining = gradientColor.split(/,(.+)/)[1];
|
|
97
77
|
setColor("linear-gradient(".concat(savedDegRef.current + 'deg', ", ").concat(remaining));
|
|
98
|
-
};
|
|
99
|
-
var setRadial = function
|
|
78
|
+
}, [setColor]);
|
|
79
|
+
var setRadial = useCallback(function (value) {
|
|
100
80
|
var gradientColor = value || defaultGradient;
|
|
101
81
|
var remaining = gradientColor.split(/,(.+)/)[1];
|
|
102
82
|
setColor("radial-gradient(circle, ".concat(remaining));
|
|
103
|
-
};
|
|
104
|
-
var handleOnChangeAlpha = function
|
|
83
|
+
}, [setColor]);
|
|
84
|
+
var handleOnChangeAlpha = useCallback(function (value) {
|
|
105
85
|
var val = Math.min(value, COLOR_PICKER_ALPHA_MAX_VALUE);
|
|
106
86
|
setA(val);
|
|
107
|
-
};
|
|
108
|
-
var handleCancel = function
|
|
87
|
+
}, [setA]);
|
|
88
|
+
var handleCancel = useCallback(function () {
|
|
109
89
|
var _savedColorRef$curren = savedColorRef.current,
|
|
110
90
|
value = _savedColorRef$curren.value,
|
|
111
91
|
name = _savedColorRef$curren.name;
|
|
112
|
-
setColor(value,
|
|
92
|
+
setColor(value, name || '');
|
|
113
93
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
114
|
-
};
|
|
115
|
-
var handleSave = function
|
|
94
|
+
}, [onCancel, setColor]);
|
|
95
|
+
var handleSave = useCallback(function () {
|
|
116
96
|
var newColorVar = {
|
|
117
97
|
value: colorValue,
|
|
118
98
|
name: variables && ColorPickerUtils.findVariable(variables, colorValue) || currentSelectedVariable || ''
|
|
@@ -122,39 +102,45 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
|
|
|
122
102
|
name: newColorVar.name
|
|
123
103
|
};
|
|
124
104
|
onSave === null || onSave === void 0 ? void 0 : onSave(ColorPickerUtils.getAllColorTypes(newColorVar));
|
|
125
|
-
};
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
105
|
+
}, [colorValue, currentSelectedVariable, onSave, variables]);
|
|
106
|
+
var setInputRef = useCallback(function (input) {
|
|
107
|
+
inputRef.current = input;
|
|
108
|
+
}, []);
|
|
109
|
+
var blurInput = useCallback(function () {
|
|
110
|
+
var _inputRef$current;
|
|
111
|
+
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
|
|
112
|
+
}, []);
|
|
113
|
+
return useMemo(function () {
|
|
114
|
+
return {
|
|
115
|
+
color: colorValue,
|
|
116
|
+
previousSolidColor: previousSolidColor,
|
|
117
|
+
previousGradientColor: previousGradientColor,
|
|
118
|
+
setColor: setColor,
|
|
119
|
+
hex: hex,
|
|
120
|
+
hslArr: hslArr,
|
|
121
|
+
handleOnChangeAlpha: handleOnChangeAlpha,
|
|
122
|
+
alpha: alpha,
|
|
123
|
+
rgbaArr: rgbaArr,
|
|
124
|
+
setR: setR,
|
|
125
|
+
setG: setG,
|
|
126
|
+
setB: setB,
|
|
127
|
+
handleCancel: handleCancel,
|
|
128
|
+
handleSave: handleSave,
|
|
129
|
+
colorVariables: colorVariables,
|
|
130
|
+
isCurrentValueGradient: isGradient,
|
|
131
|
+
setSolid: setSolid,
|
|
132
|
+
setRadial: setRadial,
|
|
133
|
+
setLinear: setLinear,
|
|
134
|
+
gradientType: gradientType,
|
|
135
|
+
withGradient: withGradient,
|
|
136
|
+
isColorPickerOpened: isColorPickerOpened,
|
|
137
|
+
setIsColorPickerOpened: setIsColorPickerOpened,
|
|
138
|
+
degrees: degrees,
|
|
139
|
+
currentSelectedVariable: currentSelectedVariable,
|
|
140
|
+
setInputRef: setInputRef,
|
|
141
|
+
blurInput: blurInput
|
|
142
|
+
};
|
|
143
|
+
}, [alpha, colorValue, colorVariables, currentSelectedVariable, degrees, gradientType, handleCancel, handleOnChangeAlpha, handleSave, hex, hslArr, isColorPickerOpened, isGradient, previousGradientColor, previousSolidColor, rgbaArr, setB, setColor, setG, setLinear, setR, setRadial, setSolid, withGradient, setInputRef, blurInput]);
|
|
158
144
|
};
|
|
159
145
|
|
|
160
146
|
export default useSetupColorPicker;
|
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,2BAA2B,qFAAyF;AACpH,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,2BAA2B,qFAAyF;AACpH,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/controls/date_picker_control/date_picker_control.js
CHANGED
|
@@ -1,38 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
tooltip = _ref.tooltip,
|
|
15
|
-
required = _ref.required,
|
|
16
|
-
errors = _ref.errors,
|
|
17
|
-
disabled = _ref.disabled,
|
|
18
|
-
datePickerProps = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
return /*#__PURE__*/React__default.createElement(Control, {
|
|
20
|
-
classname: "aurora-flex-col"
|
|
21
|
-
}, label ? (/*#__PURE__*/React__default.createElement(Label, {
|
|
22
|
-
htmlFor: id,
|
|
23
|
-
disabled: disabled,
|
|
24
|
-
tooltip: tooltip,
|
|
25
|
-
className: "aurora-text",
|
|
26
|
-
required: required
|
|
27
|
-
}, label)) : null, /*#__PURE__*/React__default.createElement(DatePicker, _objectSpread2(_objectSpread2({
|
|
28
|
-
id: id,
|
|
29
|
-
disabled: disabled
|
|
30
|
-
}, datePickerProps), {}, {
|
|
31
|
-
errors: errors
|
|
32
|
-
})), helperText ? /*#__PURE__*/React__default.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
|
|
33
|
-
errors: errors
|
|
34
|
-
}) : null);
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export { DatePickerControl };
|
|
38
|
-
//# sourceMappingURL=date_picker_control.js.map
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Control } from '@auroraComponents/control/control';
|
|
3
|
+
import { ErrorList } from '@auroraComponents/error_list/error_list';
|
|
4
|
+
import { HelperText } from '@auroraComponents/helper_text/helper_text';
|
|
5
|
+
import { Label } from '@auroraComponents/label/label';
|
|
6
|
+
import { DatePicker } from '@auroraComponents/date_picker/date_picker';
|
|
7
|
+
import './date_picker_control_types';
|
|
8
|
+
export const DatePickerControl = ({ id, label, helperText, tooltip, required, errors, disabled, ...datePickerProps }) => (React.createElement(Control, { classname: "aurora-flex-col" },
|
|
9
|
+
label ? (React.createElement(Label, { htmlFor: id, disabled: disabled, tooltip: tooltip, className: "aurora-text", required: required }, label)) : null,
|
|
10
|
+
React.createElement(DatePicker, { id: id, disabled: disabled, ...datePickerProps, errors: errors }),
|
|
11
|
+
helperText ? React.createElement(HelperText, null, helperText) : null,
|
|
12
|
+
errors ? React.createElement(ErrorList, { errors: errors }) : null));
|
|
13
|
+
//# sourceMappingURL=date_picker_control.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
1
|
+
{"version":3,"file":"date_picker_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/date_picker_control/date_picker_control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAwC,6BAA6B,CAAC;AAEtE,MAAM,CAAC,MAAM,iBAAiB,GAAsC,CAAC,EACjE,EAAE,EACF,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,GAAG,eAAe,EACrB,EAAE,EAAE,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB;IAC/B,KAAK,CAAC,CAAC,CAAC,CACL,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,QAAQ,IAC/F,KAAK,CACF,CACX,CAAC,CAAC,CAAC,IAAI;IAER,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,KAAM,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI;IAE9E,UAAU,CAAC,CAAC,CAAC,oBAAC,UAAU,QAAE,UAAU,CAAc,CAAC,CAAC,CAAC,IAAI;IACzD,MAAM,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CACxC,CACb,CAAC"}
|
package/build/esm/packages/aurora/src/components/controls/time_picker_control/time_picker_control.js
CHANGED
|
@@ -1,38 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
tooltip = _ref.tooltip,
|
|
15
|
-
required = _ref.required,
|
|
16
|
-
errors = _ref.errors,
|
|
17
|
-
disabled = _ref.disabled,
|
|
18
|
-
timePickerProps = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
return /*#__PURE__*/React__default.createElement(Control, {
|
|
20
|
-
classname: "aurora-flex-col"
|
|
21
|
-
}, label ? (/*#__PURE__*/React__default.createElement(Label, {
|
|
22
|
-
htmlFor: id,
|
|
23
|
-
disabled: disabled,
|
|
24
|
-
tooltip: tooltip,
|
|
25
|
-
className: "aurora-text",
|
|
26
|
-
required: required
|
|
27
|
-
}, label)) : null, /*#__PURE__*/React__default.createElement(TimePicker, _objectSpread2(_objectSpread2({
|
|
28
|
-
id: id,
|
|
29
|
-
disabled: disabled
|
|
30
|
-
}, timePickerProps), {}, {
|
|
31
|
-
errors: errors
|
|
32
|
-
})), helperText ? /*#__PURE__*/React__default.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
|
|
33
|
-
errors: errors
|
|
34
|
-
}) : null);
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export { TimePickerControl };
|
|
38
|
-
//# sourceMappingURL=time_picker_control.js.map
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Control } from '@auroraComponents/control/control';
|
|
3
|
+
import { ErrorList } from '@auroraComponents/error_list/error_list';
|
|
4
|
+
import { HelperText } from '@auroraComponents/helper_text/helper_text';
|
|
5
|
+
import { Label } from '@auroraComponents/label/label';
|
|
6
|
+
import { TimePicker } from '@auroraComponents/time_picker/time_picker';
|
|
7
|
+
import './time_picker_control_types';
|
|
8
|
+
export const TimePickerControl = ({ id, label, helperText, tooltip, required, errors, disabled, ...timePickerProps }) => (React.createElement(Control, { classname: "aurora-flex-col" },
|
|
9
|
+
label ? (React.createElement(Label, { htmlFor: id, disabled: disabled, tooltip: tooltip, className: "aurora-text", required: required }, label)) : null,
|
|
10
|
+
React.createElement(TimePicker, { id: id, disabled: disabled, ...timePickerProps, errors: errors }),
|
|
11
|
+
helperText ? React.createElement(HelperText, null, helperText) : null,
|
|
12
|
+
errors ? React.createElement(ErrorList, { errors: errors }) : null));
|
|
13
|
+
//# sourceMappingURL=time_picker_control.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
1
|
+
{"version":3,"file":"time_picker_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/time_picker_control/time_picker_control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAwC,6BAA6B,CAAC;AAEtE,MAAM,CAAC,MAAM,iBAAiB,GAAsC,CAAC,EACjE,EAAE,EACF,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,GAAG,eAAe,EACrB,EAAE,EAAE,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB;IAC/B,KAAK,CAAC,CAAC,CAAC,CACL,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,QAAQ,IAC/F,KAAK,CACF,CACX,CAAC,CAAC,CAAC,IAAI;IAER,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,KAAM,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI;IAE9E,UAAU,CAAC,CAAC,CAAC,oBAAC,UAAU,QAAE,UAAU,CAAc,CAAC,CAAC,CAAC,IAAI;IACzD,MAAM,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CACxC,CACb,CAAC"}
|
package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js
CHANGED
|
@@ -1,22 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var calendarProps = _objectSpread2({
|
|
14
|
-
mode: mode,
|
|
15
|
-
selected: selected,
|
|
16
|
-
onSelect: onSelect
|
|
17
|
-
}, dayPickerProps);
|
|
18
|
-
return /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement(Calendar, _objectSpread2({}, calendarProps)));
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PopoverContent } from '../../popover/components/popover_content';
|
|
3
|
+
import { Calendar } from '../../calendar/calendar';
|
|
4
|
+
export const DatePickerContent = ({ mode = 'single', selected, onSelect, ...dayPickerProps }) => {
|
|
5
|
+
const calendarProps = {
|
|
6
|
+
mode,
|
|
7
|
+
selected,
|
|
8
|
+
onSelect,
|
|
9
|
+
...dayPickerProps
|
|
10
|
+
};
|
|
11
|
+
return (React.createElement(PopoverContent, null,
|
|
12
|
+
React.createElement(Calendar, { ...calendarProps })));
|
|
19
13
|
};
|
|
20
|
-
|
|
21
|
-
export { DatePickerContent };
|
|
22
|
-
//# sourceMappingURL=date_picker_content.js.map
|
|
14
|
+
//# sourceMappingURL=date_picker_content.js.map
|
package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_content.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
1
|
+
{"version":3,"file":"date_picker_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/date_picker/components/date_picker_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAInD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,cAAc,EAA0B,EAAE,EAAE;IACpH,MAAM,aAAa,GAAkB;QACjC,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,GAAG,cAAc;KACH,CAAC;IAEnB,OAAO,CACH,oBAAC,cAAc;QACX,oBAAC,QAAQ,OAAK,aAAa,GAAI,CAClB,CACpB,CAAC;AACN,CAAC,CAAC"}
|
package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js
CHANGED
|
@@ -1,29 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Input } from '../../input/input
|
|
3
|
-
import { CalendarEventFillIcon } from '
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
placeholder = _ref.placeholder,
|
|
9
|
-
disabled = _ref.disabled,
|
|
10
|
-
errors = _ref.errors;
|
|
11
|
-
return /*#__PURE__*/React__default.createElement(Input, {
|
|
12
|
-
id: id,
|
|
13
|
-
value: value,
|
|
14
|
-
errors: errors,
|
|
15
|
-
readOnly: true,
|
|
16
|
-
disabled: disabled,
|
|
17
|
-
placeholder: placeholder,
|
|
18
|
-
hasCursorPointer: true,
|
|
19
|
-
postElement: /*#__PURE__*/React__default.createElement("div", {
|
|
20
|
-
className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-p-1 aurora-rounded-4 focus:aurora-outline-primary-hover"
|
|
21
|
-
}, /*#__PURE__*/React__default.createElement(CalendarEventFillIcon, {
|
|
22
|
-
size: 14,
|
|
23
|
-
className: "aurora-text"
|
|
24
|
-
}))
|
|
25
|
-
});
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Input } from '../../input/input';
|
|
3
|
+
import { CalendarEventFillIcon } from '@auroraAssets/icons/calendar_event_fill';
|
|
4
|
+
import '@auroraComponents/input/input_types';
|
|
5
|
+
export const DatePickerInput = ({ id, value, placeholder, disabled, errors }) => {
|
|
6
|
+
return (React.createElement(Input, { id: id, value: value, errors: errors, readOnly: true, disabled: disabled, placeholder: placeholder, hasCursorPointer: true, postElement: React.createElement("div", { className: "aurora-flex aurora-h-full aurora-items-center aurora-cursor-pointer aurora-border-0 aurora-bg-transparent aurora-p-1 aurora-rounded-4 focus:aurora-outline-primary-hover" },
|
|
7
|
+
React.createElement(CalendarEventFillIcon, { size: 14, className: "aurora-text" })) }));
|
|
26
8
|
};
|
|
27
|
-
|
|
28
|
-
export { DatePickerInput };
|
|
29
|
-
//# sourceMappingURL=date_picker_input.js.map
|
|
9
|
+
//# sourceMappingURL=date_picker_input.js.map
|
package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
1
|
+
{"version":3,"file":"date_picker_input.js","sourceRoot":"","sources":["../../../../../../../../src/components/date_picker/components/date_picker_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAA4B,qCAAqC,CAAC;AAIlE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAwB,EAAE,EAAE;IAClG,OAAO,CACH,oBAAC,KAAK,IACF,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,QACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,QAChB,WAAW,EACP,6BAAK,SAAS,EAAC,0KAA0K;YACrL,oBAAC,qBAAqB,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,aAAa,GAAG,CACzD,GAEZ,CACL,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,60 +1,29 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
open
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}, [value]);
|
|
29
|
-
var displayValue = useMemo(function () {
|
|
30
|
-
if (!selectedDates) return '';
|
|
31
|
-
return DatePickerUtils.inputFormatValue(selectedDates, mode);
|
|
32
|
-
}, [selectedDates, mode]);
|
|
33
|
-
var handleDateSelect = function handleDateSelect(selected) {
|
|
34
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(selected);
|
|
35
|
-
if (mode === 'single') {
|
|
36
|
-
setOpen(false);
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
return /*#__PURE__*/React__default.createElement(Popover, {
|
|
40
|
-
open: open,
|
|
41
|
-
onOpenChange: setOpen
|
|
42
|
-
}, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
|
|
43
|
-
className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
|
|
44
|
-
disabled: disabled
|
|
45
|
-
}, /*#__PURE__*/React__default.createElement(DatePickerInput, {
|
|
46
|
-
id: id,
|
|
47
|
-
value: displayValue,
|
|
48
|
-
placeholder: placeholder,
|
|
49
|
-
disabled: disabled,
|
|
50
|
-
errors: errors
|
|
51
|
-
})), /*#__PURE__*/React__default.createElement(DatePickerContent, _objectSpread2({
|
|
52
|
-
mode: mode,
|
|
53
|
-
selected: selectedDates,
|
|
54
|
-
onSelect: handleDateSelect,
|
|
55
|
-
disabled: disabledDays
|
|
56
|
-
}, dayPickerProps)));
|
|
1
|
+
import React, { useState, useMemo } from 'react';
|
|
2
|
+
import { Popover } from '../popover/popover';
|
|
3
|
+
import { PopoverTrigger } from '../popover/components/popover_trigger';
|
|
4
|
+
import { DatePickerInput } from './components/date_picker_input';
|
|
5
|
+
import { DatePickerContent } from './components/date_picker_content';
|
|
6
|
+
import { DatePickerUtils } from './date_picker_utils';
|
|
7
|
+
import { cn } from '@auroraUtilities/cn';
|
|
8
|
+
export const DatePicker = ({ id, mode = 'single', placeholder, disabled, errors, value, onChange, disabledDays, ...dayPickerProps }) => {
|
|
9
|
+
const [open, setOpen] = useState(false);
|
|
10
|
+
const selectedDates = useMemo(() => {
|
|
11
|
+
return value;
|
|
12
|
+
}, [value]);
|
|
13
|
+
const displayValue = useMemo(() => {
|
|
14
|
+
if (!selectedDates)
|
|
15
|
+
return '';
|
|
16
|
+
return DatePickerUtils.inputFormatValue(selectedDates, mode);
|
|
17
|
+
}, [selectedDates, mode]);
|
|
18
|
+
const handleDateSelect = (selected) => {
|
|
19
|
+
onChange?.(selected);
|
|
20
|
+
if (mode === 'single') {
|
|
21
|
+
setOpen(false);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
return (React.createElement(Popover, { open: open, onOpenChange: setOpen },
|
|
25
|
+
React.createElement(PopoverTrigger, { className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'), disabled: disabled },
|
|
26
|
+
React.createElement(DatePickerInput, { id: id, value: displayValue, placeholder: placeholder, disabled: disabled, errors: errors })),
|
|
27
|
+
React.createElement(DatePickerContent, { mode: mode, selected: selectedDates, onSelect: handleDateSelect, disabled: disabledDays, ...dayPickerProps })));
|
|
57
28
|
};
|
|
58
|
-
|
|
59
|
-
export { DatePicker };
|
|
60
|
-
//# sourceMappingURL=date_picker.js.map
|
|
29
|
+
//# sourceMappingURL=date_picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
1
|
+
{"version":3,"file":"date_picker.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/date_picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAGzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,EAAE,EACF,IAAI,GAAG,QAAQ,EACf,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,GAAG,cAAc,EACH,EAAE,EAAE;IAClB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,aAAa;YAAE,OAAO,EAAE,CAAC;QAC9B,OAAO,eAAe,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1B,MAAM,gBAAgB,GAAG,CAAC,QAAiC,EAAE,EAAE;QAC3D,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;QAErB,IAAI,IAAI,KAAK,QAAQ,EAAE;YACnB,OAAO,CAAC,KAAK,CAAC,CAAC;SAClB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO;QACtC,oBAAC,cAAc,IAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,QAAQ,IAAI,2BAA2B,CAAC,EAAE,QAAQ,EAAE,QAAQ;YACvG,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CACjG;QAEjB,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,KAAM,cAAc,GAAI,CAC5H,CACb,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,31 +1,25 @@
|
|
|
1
|
-
import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
1
|
import 'react-day-picker';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
return '';
|
|
28
|
-
});
|
|
29
|
-
|
|
30
|
-
export { DatePickerUtils };
|
|
31
|
-
//# sourceMappingURL=date_picker_utils.js.map
|
|
2
|
+
export class DatePickerUtils {
|
|
3
|
+
static inputFormatValue = (selected, mode) => {
|
|
4
|
+
if (!selected)
|
|
5
|
+
return '';
|
|
6
|
+
if (mode === 'single') {
|
|
7
|
+
return selected.toLocaleDateString();
|
|
8
|
+
}
|
|
9
|
+
if (mode === 'multiple') {
|
|
10
|
+
const dates = selected;
|
|
11
|
+
return dates.length > 0 ? dates.map((date) => date.toLocaleDateString()).join(', ') : '';
|
|
12
|
+
}
|
|
13
|
+
if (mode === 'range') {
|
|
14
|
+
const range = selected;
|
|
15
|
+
if (range.from && range.to) {
|
|
16
|
+
return `${range.from.toLocaleDateString()} - ${range.to.toLocaleDateString()}`;
|
|
17
|
+
}
|
|
18
|
+
if (range.from) {
|
|
19
|
+
return `From: ${range.from.toLocaleDateString()}`;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
return '';
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=date_picker_utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
1
|
+
{"version":3,"file":"date_picker_utils.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/date_picker_utils.ts"],"names":[],"mappings":"AAAA,OAAqC,kBAAkB,CAAC;AAGxD,MAAM,OAAO,eAAe;IACjB,MAAM,CAAC,gBAAgB,GAAG,CAAC,QAAiC,EAAE,IAAU,EAAU,EAAE;QACvF,IAAI,CAAC,QAAQ;YAAE,OAAO,EAAE,CAAC;QAEzB,IAAI,IAAI,KAAK,QAAQ,EAAE;YACnB,OAAQ,QAAiB,CAAC,kBAAkB,EAAE,CAAC;SAClD;QAED,IAAI,IAAI,KAAK,UAAU,EAAE;YACrB,MAAM,KAAK,GAAG,QAAkB,CAAC;YACjC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SAC5F;QAED,IAAI,IAAI,KAAK,OAAO,EAAE;YAClB,MAAM,KAAK,GAAG,QAAqB,CAAC;YACpC,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE,EAAE;gBACxB,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,MAAM,KAAK,CAAC,EAAE,CAAC,kBAAkB,EAAE,EAAE,CAAC;aAClF;YACD,IAAI,KAAK,CAAC,IAAI,EAAE;gBACZ,OAAO,SAAS,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;aACrD;SACJ;QAED,OAAO,EAAE,CAAC;IACd,CAAC,CAAC"}
|
package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js
CHANGED
|
@@ -1,29 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { PopoverContent } from '../../popover/components/popover_content
|
|
3
|
-
import { TimePickerTimeSelector } from './time_picker_time_selector
|
|
4
|
-
import { TimePickerFooter } from './time_picker_footer
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
onMinuteChange = _ref.onMinuteChange,
|
|
11
|
-
onCancel = _ref.onCancel,
|
|
12
|
-
onChoose = _ref.onChoose,
|
|
13
|
-
format = _ref.format;
|
|
14
|
-
return /*#__PURE__*/React__default.createElement(PopoverContent, {
|
|
15
|
-
className: "aurora-bg-neutral-0 aurora-w-[264px] aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-overflow-hidden js__aurora-timepicker-dropdown"
|
|
16
|
-
}, /*#__PURE__*/React__default.createElement(TimePickerTimeSelector, {
|
|
17
|
-
hour: hour,
|
|
18
|
-
minute: minute,
|
|
19
|
-
onHourChange: onHourChange,
|
|
20
|
-
onMinuteChange: onMinuteChange,
|
|
21
|
-
format: format
|
|
22
|
-
}), /*#__PURE__*/React__default.createElement(TimePickerFooter, {
|
|
23
|
-
onCancel: onCancel,
|
|
24
|
-
onChoose: onChoose
|
|
25
|
-
}));
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PopoverContent } from '../../popover/components/popover_content';
|
|
3
|
+
import { TimePickerTimeSelector } from './time_picker_time_selector';
|
|
4
|
+
import { TimePickerFooter } from './time_picker_footer';
|
|
5
|
+
import '../time_picker_types';
|
|
6
|
+
export const TimePickerContent = ({ hour, minute, onHourChange, onMinuteChange, onCancel, onChoose, format }) => {
|
|
7
|
+
return (React.createElement(PopoverContent, { className: "aurora-bg-neutral-0 aurora-w-[264px] aurora-rounded-16 aurora-border aurora-border-strong aurora-shadow-l aurora-overflow-hidden js__aurora-timepicker-dropdown" },
|
|
8
|
+
React.createElement(TimePickerTimeSelector, { hour: hour, minute: minute, onHourChange: onHourChange, onMinuteChange: onMinuteChange, format: format }),
|
|
9
|
+
React.createElement(TimePickerFooter, { onCancel: onCancel, onChoose: onChoose })));
|
|
26
10
|
};
|
|
27
|
-
|
|
28
|
-
export { TimePickerContent };
|
|
29
|
-
//# sourceMappingURL=time_picker_content.js.map
|
|
11
|
+
//# sourceMappingURL=time_picker_content.js.map
|
package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
1
|
+
{"version":3,"file":"time_picker_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/time_picker/components/time_picker_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAuC,sBAAsB,CAAC;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAA0B,EAAE,EAAE;IACpI,OAAO,CACH,oBAAC,cAAc,IAAC,SAAS,EAAC,iKAAiK;QACvL,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI;QAClI,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC/C,CACpB,CAAC;AACN,CAAC,CAAC"}
|