@dreamcommerce/aurora 3.1.36-5 → 3.1.36-7
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/components/controls/date_and_time_picker_control/date_time_picker_control.js +46 -0
- package/build/cjs/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +112 -0
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js +78 -0
- package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/select/components/select_item.js +1 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js +2 -4
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +3 -4
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js +2 -5
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js +0 -8
- package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +4 -0
- package/build/cjs/packages/aurora/src/index.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_and_time_picker_control/date_time_picker_control.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js +38 -0
- package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.js +3 -0
- package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +104 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.d.ts +7 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.js +2 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.d.ts +7 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js +74 -0
- package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map +1 -0
- package/build/esm/packages/aurora/src/components/input/input_types.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/select/components/select_item.js +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js +2 -4
- 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_time_selector.d.ts +1 -2
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +3 -4
- 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.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +2 -5
- 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_types.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +0 -8
- 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 +3 -0
- package/build/esm/packages/aurora/src/index.js +2 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -1
package/build/cjs/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;AACA;AACA;AACA;AACA,oBAAoB,qFAAyF;AAC7G,6BAA6B,8FAAkG;AAC/H;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;AACA;AACA;AACA;AACA,oBAAoB,qFAAyF;AAC7G,6BAA6B,8FAAkG;AAC/H;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;"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var control = require('../../control/control.js');
|
|
8
|
+
var error_list = require('../../error_list/error_list.js');
|
|
9
|
+
var helper_text = require('../../helper_text/helper_text.js');
|
|
10
|
+
var label = require('../../label/label.js');
|
|
11
|
+
var date_time_picker = require('../../date_and_time_picker/date_time_picker.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
|
|
17
|
+
var _excluded = ["id", "label", "helperText", "tooltip", "required", "errors", "disabled"];
|
|
18
|
+
var DateTimePickerControl = function DateTimePickerControl(_ref) {
|
|
19
|
+
var id = _ref.id,
|
|
20
|
+
label$1 = _ref.label,
|
|
21
|
+
helperText = _ref.helperText,
|
|
22
|
+
tooltip = _ref.tooltip,
|
|
23
|
+
required = _ref.required,
|
|
24
|
+
errors = _ref.errors,
|
|
25
|
+
disabled = _ref.disabled,
|
|
26
|
+
dateTimePickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
27
|
+
return /*#__PURE__*/React__default['default'].createElement(control.Control, {
|
|
28
|
+
classname: "aurora-flex-col"
|
|
29
|
+
}, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
|
|
30
|
+
htmlFor: id,
|
|
31
|
+
disabled: disabled,
|
|
32
|
+
tooltip: tooltip,
|
|
33
|
+
className: "aurora-text",
|
|
34
|
+
required: required
|
|
35
|
+
}, label$1)) : null, /*#__PURE__*/React__default['default'].createElement(date_time_picker.DateTimePicker, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
36
|
+
id: id,
|
|
37
|
+
disabled: disabled
|
|
38
|
+
}, dateTimePickerProps), {}, {
|
|
39
|
+
errors: errors
|
|
40
|
+
})), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
|
|
41
|
+
errors: errors
|
|
42
|
+
}) : null);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
exports.DateTimePickerControl = DateTimePickerControl;
|
|
46
|
+
//# sourceMappingURL=date_time_picker_control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var stack = require('../stack/stack.js');
|
|
8
|
+
var date_picker = require('../date_picker/date_picker.js');
|
|
9
|
+
var time_picker = require('../time_picker/time_picker.js');
|
|
10
|
+
var date_time_picker_utils = require('./date_time_picker_utils.js');
|
|
11
|
+
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
+
|
|
14
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
+
|
|
16
|
+
var _excluded = ["id", "datePlaceholder", "timePlaceholder", "disabled", "errors", "value", "onChange", "disabledDays"];
|
|
17
|
+
var DateTimePicker = function DateTimePicker(_ref) {
|
|
18
|
+
var id = _ref.id,
|
|
19
|
+
datePlaceholder = _ref.datePlaceholder,
|
|
20
|
+
timePlaceholder = _ref.timePlaceholder,
|
|
21
|
+
disabled = _ref.disabled,
|
|
22
|
+
errors = _ref.errors,
|
|
23
|
+
value = _ref.value,
|
|
24
|
+
onChange = _ref.onChange,
|
|
25
|
+
disabledDays = _ref.disabledDays,
|
|
26
|
+
dayPickerProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
27
|
+
var parsedValue = React.useMemo(function () {
|
|
28
|
+
return value ? date_time_picker_utils.DateTimePickerUtils.parseDateTimeString(value) : {
|
|
29
|
+
date: undefined,
|
|
30
|
+
time: undefined
|
|
31
|
+
};
|
|
32
|
+
}, [value]);
|
|
33
|
+
var _useState = React.useState(parsedValue.date),
|
|
34
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
35
|
+
internalDate = _useState2[0],
|
|
36
|
+
setInternalDate = _useState2[1];
|
|
37
|
+
var _useState3 = React.useState(parsedValue.time),
|
|
38
|
+
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
39
|
+
internalTime = _useState4[0],
|
|
40
|
+
setInternalTime = _useState4[1];
|
|
41
|
+
var dateRef = React.useRef(parsedValue.date);
|
|
42
|
+
var timeRef = React.useRef(parsedValue.time);
|
|
43
|
+
var lastValueRef = React.useRef(value);
|
|
44
|
+
React.useEffect(function () {
|
|
45
|
+
if (value !== lastValueRef.current) {
|
|
46
|
+
lastValueRef.current = value;
|
|
47
|
+
setInternalDate(parsedValue.date);
|
|
48
|
+
setInternalTime(parsedValue.time);
|
|
49
|
+
dateRef.current = parsedValue.date;
|
|
50
|
+
timeRef.current = parsedValue.time;
|
|
51
|
+
}
|
|
52
|
+
}, [value, parsedValue]);
|
|
53
|
+
var handleDateChange = React.useCallback(function (date) {
|
|
54
|
+
dateRef.current = date;
|
|
55
|
+
setInternalDate(date);
|
|
56
|
+
var currentTime = timeRef.current;
|
|
57
|
+
if (date && currentTime) {
|
|
58
|
+
var formattedValue = date_time_picker_utils.DateTimePickerUtils.formatDateTimeToString(date, currentTime);
|
|
59
|
+
lastValueRef.current = formattedValue;
|
|
60
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
|
|
61
|
+
} else {
|
|
62
|
+
lastValueRef.current = '';
|
|
63
|
+
onChange === null || onChange === void 0 ? void 0 : onChange('');
|
|
64
|
+
}
|
|
65
|
+
}, [onChange]);
|
|
66
|
+
var handleTimeChange = React.useCallback(function (time) {
|
|
67
|
+
var timeValue = time || undefined;
|
|
68
|
+
timeRef.current = timeValue;
|
|
69
|
+
setInternalTime(timeValue);
|
|
70
|
+
var currentDate = dateRef.current;
|
|
71
|
+
if (currentDate && timeValue) {
|
|
72
|
+
var formattedValue = date_time_picker_utils.DateTimePickerUtils.formatDateTimeToString(currentDate, timeValue);
|
|
73
|
+
lastValueRef.current = formattedValue;
|
|
74
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
|
|
75
|
+
} else {
|
|
76
|
+
lastValueRef.current = '';
|
|
77
|
+
onChange === null || onChange === void 0 ? void 0 : onChange('');
|
|
78
|
+
}
|
|
79
|
+
}, [onChange]);
|
|
80
|
+
return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
|
|
81
|
+
direction: "row",
|
|
82
|
+
spacing: "3",
|
|
83
|
+
className: "aurora-w-full"
|
|
84
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
85
|
+
style: {
|
|
86
|
+
width: '60%'
|
|
87
|
+
}
|
|
88
|
+
}, /*#__PURE__*/React__default['default'].createElement(date_picker.DatePicker, _rollupPluginBabelHelpers.objectSpread2({
|
|
89
|
+
id: "".concat(id, "-date"),
|
|
90
|
+
mode: "single",
|
|
91
|
+
placeholder: datePlaceholder,
|
|
92
|
+
disabled: disabled,
|
|
93
|
+
errors: errors,
|
|
94
|
+
value: internalDate,
|
|
95
|
+
onChange: handleDateChange,
|
|
96
|
+
disabledDays: disabledDays
|
|
97
|
+
}, dayPickerProps))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
98
|
+
style: {
|
|
99
|
+
width: '40%'
|
|
100
|
+
}
|
|
101
|
+
}, /*#__PURE__*/React__default['default'].createElement(time_picker.TimePicker, {
|
|
102
|
+
id: "".concat(id, "-time"),
|
|
103
|
+
placeholder: timePlaceholder,
|
|
104
|
+
disabled: disabled,
|
|
105
|
+
errors: errors,
|
|
106
|
+
value: internalTime,
|
|
107
|
+
onChange: handleTimeChange
|
|
108
|
+
})));
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
exports.DateTimePicker = DateTimePicker;
|
|
112
|
+
//# sourceMappingURL=date_time_picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
|
|
7
|
+
var DateTimePickerUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function DateTimePickerUtils() {
|
|
8
|
+
_rollupPluginBabelHelpers.classCallCheck(this, DateTimePickerUtils);
|
|
9
|
+
});
|
|
10
|
+
_rollupPluginBabelHelpers.defineProperty(DateTimePickerUtils, "parseDateTimeString", function (value) {
|
|
11
|
+
if (!value) return {
|
|
12
|
+
date: undefined,
|
|
13
|
+
time: undefined
|
|
14
|
+
};
|
|
15
|
+
var parts = value.split(' ');
|
|
16
|
+
if (parts.length !== 2) return {
|
|
17
|
+
date: undefined,
|
|
18
|
+
time: undefined
|
|
19
|
+
};
|
|
20
|
+
var _parts = _rollupPluginBabelHelpers.slicedToArray(parts, 2),
|
|
21
|
+
datePart = _parts[0],
|
|
22
|
+
timePart = _parts[1];
|
|
23
|
+
var dateMatch = datePart.match(/^(\d{4})-(\d{2})-(\d{2})$/);
|
|
24
|
+
if (!dateMatch) return {
|
|
25
|
+
date: undefined,
|
|
26
|
+
time: undefined
|
|
27
|
+
};
|
|
28
|
+
var year = parseInt(dateMatch[1], 10);
|
|
29
|
+
var month = parseInt(dateMatch[2], 10) - 1;
|
|
30
|
+
var day = parseInt(dateMatch[3], 10);
|
|
31
|
+
if (isNaN(year) || isNaN(month) || isNaN(day)) return {
|
|
32
|
+
date: undefined,
|
|
33
|
+
time: undefined
|
|
34
|
+
};
|
|
35
|
+
var timeMatch = timePart.match(/^(\d{2}):(\d{2}):(\d{2})$/);
|
|
36
|
+
if (!timeMatch) return {
|
|
37
|
+
date: undefined,
|
|
38
|
+
time: undefined
|
|
39
|
+
};
|
|
40
|
+
var hour = parseInt(timeMatch[1], 10);
|
|
41
|
+
var minute = parseInt(timeMatch[2], 10);
|
|
42
|
+
var second = parseInt(timeMatch[3], 10);
|
|
43
|
+
if (isNaN(hour) || isNaN(minute) || isNaN(second)) return {
|
|
44
|
+
date: undefined,
|
|
45
|
+
time: undefined
|
|
46
|
+
};
|
|
47
|
+
if (hour < 0 || hour > 23) return {
|
|
48
|
+
date: undefined,
|
|
49
|
+
time: undefined
|
|
50
|
+
};
|
|
51
|
+
if (minute < 0 || minute > 59) return {
|
|
52
|
+
date: undefined,
|
|
53
|
+
time: undefined
|
|
54
|
+
};
|
|
55
|
+
if (second < 0 || second > 59) return {
|
|
56
|
+
date: undefined,
|
|
57
|
+
time: undefined
|
|
58
|
+
};
|
|
59
|
+
var date = new Date(year, month, day, hour, minute, second);
|
|
60
|
+
if (isNaN(date.getTime())) return {
|
|
61
|
+
date: undefined,
|
|
62
|
+
time: undefined
|
|
63
|
+
};
|
|
64
|
+
return {
|
|
65
|
+
date: date,
|
|
66
|
+
time: timePart
|
|
67
|
+
};
|
|
68
|
+
});
|
|
69
|
+
_rollupPluginBabelHelpers.defineProperty(DateTimePickerUtils, "formatDateTimeToString", function (date, time) {
|
|
70
|
+
if (!date || !time) return '';
|
|
71
|
+
var year = date.getFullYear();
|
|
72
|
+
var month = String(date.getMonth() + 1).padStart(2, '0');
|
|
73
|
+
var day = String(date.getDate()).padStart(2, '0');
|
|
74
|
+
return "".concat(year, "-").concat(month, "-").concat(day, " ").concat(time);
|
|
75
|
+
});
|
|
76
|
+
|
|
77
|
+
exports.DateTimePickerUtils = DateTimePickerUtils;
|
|
78
|
+
//# sourceMappingURL=date_time_picker_utils.js.map
|
package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -21,7 +21,7 @@ var SelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_re
|
|
|
21
21
|
additionalInfo = _ref.additionalInfo,
|
|
22
22
|
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
23
23
|
return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
|
|
24
|
-
className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
|
|
24
|
+
className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[highlighted]:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
|
|
25
25
|
'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
|
|
26
26
|
}, className),
|
|
27
27
|
style: {
|
package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js
CHANGED
|
@@ -17,16 +17,14 @@ var TimePickerContent = function TimePickerContent(_ref) {
|
|
|
17
17
|
onHourChange = _ref.onHourChange,
|
|
18
18
|
onMinuteChange = _ref.onMinuteChange,
|
|
19
19
|
onCancel = _ref.onCancel,
|
|
20
|
-
onChoose = _ref.onChoose
|
|
21
|
-
format = _ref.format;
|
|
20
|
+
onChoose = _ref.onChoose;
|
|
22
21
|
return /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, {
|
|
23
22
|
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"
|
|
24
23
|
}, /*#__PURE__*/React__default['default'].createElement(time_picker_time_selector.TimePickerTimeSelector, {
|
|
25
24
|
hour: hour,
|
|
26
25
|
minute: minute,
|
|
27
26
|
onHourChange: onHourChange,
|
|
28
|
-
onMinuteChange: onMinuteChange
|
|
29
|
-
format: format
|
|
27
|
+
onMinuteChange: onMinuteChange
|
|
30
28
|
}), /*#__PURE__*/React__default['default'].createElement(time_picker_footer.TimePickerFooter, {
|
|
31
29
|
onCancel: onCancel,
|
|
32
30
|
onChoose: onChoose
|
package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;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/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js
CHANGED
|
@@ -14,10 +14,9 @@ var TimePickerTimeSelector = function TimePickerTimeSelector(_ref) {
|
|
|
14
14
|
var hour = _ref.hour,
|
|
15
15
|
minute = _ref.minute,
|
|
16
16
|
onHourChange = _ref.onHourChange,
|
|
17
|
-
onMinuteChange = _ref.onMinuteChange
|
|
18
|
-
|
|
19
|
-
var
|
|
20
|
-
var minuteOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('minute', format);
|
|
17
|
+
onMinuteChange = _ref.onMinuteChange;
|
|
18
|
+
var hourOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('hour');
|
|
19
|
+
var minuteOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('minute');
|
|
21
20
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
22
21
|
className: "aurora-flex aurora-items-center aurora-h-[270px]"
|
|
23
22
|
}, /*#__PURE__*/React__default['default'].createElement(time_picker_scroll_column.TimePickerScrollColumn, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;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;"}
|
|
@@ -22,9 +22,7 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
22
22
|
disabled = _ref.disabled,
|
|
23
23
|
errors = _ref.errors,
|
|
24
24
|
value = _ref.value,
|
|
25
|
-
onChange = _ref.onChange
|
|
26
|
-
_ref$format = _ref.format,
|
|
27
|
-
format = _ref$format === void 0 ? '24h' : _ref$format;
|
|
25
|
+
onChange = _ref.onChange;
|
|
28
26
|
var _useState = React.useState(false),
|
|
29
27
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
30
28
|
open = _useState2[0],
|
|
@@ -128,8 +126,7 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
128
126
|
onHourChange: handleHourChange,
|
|
129
127
|
onMinuteChange: handleMinuteChange,
|
|
130
128
|
onCancel: handleCancel,
|
|
131
|
-
onChoose: handleChoose
|
|
132
|
-
format: format
|
|
129
|
+
onChoose: handleChoose
|
|
133
130
|
}));
|
|
134
131
|
};
|
|
135
132
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;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;"}
|
|
@@ -40,15 +40,7 @@ _rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "formatTimeStringForDi
|
|
|
40
40
|
return _TimePickerUtils.formatTimeForDisplay(time.hour, time.minute);
|
|
41
41
|
});
|
|
42
42
|
_rollupPluginBabelHelpers.defineProperty(TimePickerUtils, "generateTimeOptions", function (type) {
|
|
43
|
-
var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '24h';
|
|
44
43
|
if (type === 'hour') {
|
|
45
|
-
if (format === '12h') {
|
|
46
|
-
return Array.from({
|
|
47
|
-
length: 12
|
|
48
|
-
}, function (_, i) {
|
|
49
|
-
return String(i + 1).padStart(2, '0');
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
44
|
return Array.from({
|
|
53
45
|
length: 24
|
|
54
46
|
}, function (_, i) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;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;"}
|
|
@@ -137,6 +137,8 @@ var date_picker = require('./components/date_picker/date_picker.js');
|
|
|
137
137
|
var date_picker_control = require('./components/controls/date_picker_control/date_picker_control.js');
|
|
138
138
|
var time_picker = require('./components/time_picker/time_picker.js');
|
|
139
139
|
var time_picker_control = require('./components/controls/time_picker_control/time_picker_control.js');
|
|
140
|
+
var date_time_picker = require('./components/date_and_time_picker/date_time_picker.js');
|
|
141
|
+
var date_time_picker_control = require('./components/controls/date_and_time_picker_control/date_time_picker_control.js');
|
|
140
142
|
|
|
141
143
|
|
|
142
144
|
|
|
@@ -295,4 +297,6 @@ exports.DatePicker = date_picker.DatePicker;
|
|
|
295
297
|
exports.DatePickerControl = date_picker_control.DatePickerControl;
|
|
296
298
|
exports.TimePicker = time_picker.TimePicker;
|
|
297
299
|
exports.TimePickerControl = time_picker_control.TimePickerControl;
|
|
300
|
+
exports.DateTimePicker = date_time_picker.DateTimePicker;
|
|
301
|
+
exports.DateTimePickerControl = date_time_picker_control.DateTimePickerControl;
|
|
298
302
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;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;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { ColorPickerContext } from './color_picker_context.js';
|
|
4
4
|
import ColorPickerPure from './components/pure_color_picker.js';
|
|
@@ -18,80 +18,16 @@ var ColorPicker = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
18
18
|
isWithGradient = _ref.withGradient,
|
|
19
19
|
disabled = _ref.disabled,
|
|
20
20
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
color = _useSetupColorPicker.color,
|
|
30
|
-
setColor = _useSetupColorPicker.setColor,
|
|
31
|
-
hex = _useSetupColorPicker.hex,
|
|
32
|
-
hslArr = _useSetupColorPicker.hslArr,
|
|
33
|
-
handleOnChangeAlpha = _useSetupColorPicker.handleOnChangeAlpha,
|
|
34
|
-
alpha = _useSetupColorPicker.alpha,
|
|
35
|
-
rgbaArr = _useSetupColorPicker.rgbaArr,
|
|
36
|
-
setR = _useSetupColorPicker.setR,
|
|
37
|
-
setG = _useSetupColorPicker.setG,
|
|
38
|
-
setB = _useSetupColorPicker.setB,
|
|
39
|
-
handleCancel = _useSetupColorPicker.handleCancel,
|
|
40
|
-
handleSave = _useSetupColorPicker.handleSave,
|
|
41
|
-
previousSolidColor = _useSetupColorPicker.previousSolidColor,
|
|
42
|
-
isCurrentValueGradient = _useSetupColorPicker.isCurrentValueGradient,
|
|
43
|
-
setLinear = _useSetupColorPicker.setLinear,
|
|
44
|
-
setRadial = _useSetupColorPicker.setRadial,
|
|
45
|
-
gradientType = _useSetupColorPicker.gradientType,
|
|
46
|
-
previousGradientColor = _useSetupColorPicker.previousGradientColor,
|
|
47
|
-
setSolid = _useSetupColorPicker.setSolid,
|
|
48
|
-
withGradient = _useSetupColorPicker.withGradient,
|
|
49
|
-
isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
|
|
50
|
-
setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
|
|
51
|
-
typedInputValue = _useSetupColorPicker.typedInputValue,
|
|
52
|
-
setTypedInputValue = _useSetupColorPicker.setTypedInputValue,
|
|
53
|
-
isColorPickerCurrentlyUsed = _useSetupColorPicker.isColorPickerCurrentlyUsed,
|
|
54
|
-
setIsColorPickerCurrentlyUsed = _useSetupColorPicker.setIsColorPickerCurrentlyUsed,
|
|
55
|
-
degrees = _useSetupColorPicker.degrees,
|
|
56
|
-
shadeName = _useSetupColorPicker.shadeName,
|
|
57
|
-
currentSelectedVariable = _useSetupColorPicker.currentSelectedVariable;
|
|
58
|
-
var contextVal = useMemo(function () {
|
|
59
|
-
return {
|
|
60
|
-
color: color,
|
|
61
|
-
setColor: setColor,
|
|
62
|
-
hex: hex,
|
|
63
|
-
hslArr: hslArr,
|
|
64
|
-
handleOnChangeAlpha: handleOnChangeAlpha,
|
|
65
|
-
alpha: alpha,
|
|
66
|
-
rgbaArr: rgbaArr,
|
|
67
|
-
setR: setR,
|
|
68
|
-
setG: setG,
|
|
69
|
-
setB: setB,
|
|
70
|
-
handleCancel: handleCancel,
|
|
71
|
-
handleSave: handleSave,
|
|
72
|
-
colorVariables: colorVariables,
|
|
73
|
-
previousSolidColor: previousSolidColor,
|
|
74
|
-
isCurrentValueGradient: isCurrentValueGradient,
|
|
75
|
-
setLinear: setLinear,
|
|
76
|
-
setRadial: setRadial,
|
|
77
|
-
gradientType: gradientType,
|
|
78
|
-
setSolid: setSolid,
|
|
79
|
-
previousGradientColor: previousGradientColor,
|
|
80
|
-
withGradient: withGradient,
|
|
81
|
-
isColorPickerOpened: isColorPickerOpened,
|
|
82
|
-
setIsColorPickerOpened: setIsColorPickerOpened,
|
|
83
|
-
typedInputValue: typedInputValue,
|
|
84
|
-
setTypedInputValue: setTypedInputValue,
|
|
85
|
-
isColorPickerCurrentlyUsed: isColorPickerCurrentlyUsed,
|
|
86
|
-
setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
|
|
87
|
-
degrees: degrees,
|
|
88
|
-
shadeName: shadeName,
|
|
89
|
-
onPickShade: onPickShade,
|
|
90
|
-
currentSelectedVariable: currentSelectedVariable
|
|
91
|
-
};
|
|
92
|
-
}, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade, currentSelectedVariable]);
|
|
21
|
+
var colorPicker = useSetupColorPicker({
|
|
22
|
+
colorVariables: colorVariables,
|
|
23
|
+
value: value,
|
|
24
|
+
onChange: onChange,
|
|
25
|
+
onCancel: onCancel,
|
|
26
|
+
onSave: onSave,
|
|
27
|
+
withGradient: isWithGradient
|
|
28
|
+
});
|
|
93
29
|
return /*#__PURE__*/React__default.createElement(ColorPickerContext.Provider, {
|
|
94
|
-
value:
|
|
30
|
+
value: colorPicker
|
|
95
31
|
}, /*#__PURE__*/React__default.createElement(ColorPickerPure, _objectSpread2({
|
|
96
32
|
id: id,
|
|
97
33
|
name: name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;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;"}
|
|
@@ -16,8 +16,46 @@ export interface IColorPickerColorVariables {
|
|
|
16
16
|
}
|
|
17
17
|
export interface IColorPickerColorVariablesType {
|
|
18
18
|
primary: ColorPickerVariable;
|
|
19
|
+
primary10: ColorPickerVariable;
|
|
20
|
+
primary20: ColorPickerVariable;
|
|
21
|
+
primary50: ColorPickerVariable;
|
|
22
|
+
primary100: ColorPickerVariable;
|
|
23
|
+
primary200: ColorPickerVariable;
|
|
24
|
+
primary300: ColorPickerVariable;
|
|
25
|
+
primary400: ColorPickerVariable;
|
|
26
|
+
primary500: ColorPickerVariable;
|
|
27
|
+
primary600: ColorPickerVariable;
|
|
28
|
+
primary700: ColorPickerVariable;
|
|
29
|
+
primary800: ColorPickerVariable;
|
|
30
|
+
primary900: ColorPickerVariable;
|
|
19
31
|
secondary: ColorPickerVariable;
|
|
32
|
+
secondary10: ColorPickerVariable;
|
|
33
|
+
secondary20: ColorPickerVariable;
|
|
34
|
+
secondary50: ColorPickerVariable;
|
|
35
|
+
secondary100: ColorPickerVariable;
|
|
36
|
+
secondary200: ColorPickerVariable;
|
|
37
|
+
secondary300: ColorPickerVariable;
|
|
38
|
+
secondary400: ColorPickerVariable;
|
|
39
|
+
secondary500: ColorPickerVariable;
|
|
40
|
+
secondary600: ColorPickerVariable;
|
|
41
|
+
secondary700: ColorPickerVariable;
|
|
42
|
+
secondary800: ColorPickerVariable;
|
|
43
|
+
secondary900: ColorPickerVariable;
|
|
20
44
|
neutral: ColorPickerVariable;
|
|
45
|
+
neutral0: ColorPickerVariable;
|
|
46
|
+
neutral10: ColorPickerVariable;
|
|
47
|
+
neutral20: ColorPickerVariable;
|
|
48
|
+
neutral50: ColorPickerVariable;
|
|
49
|
+
neutral100: ColorPickerVariable;
|
|
50
|
+
neutral200: ColorPickerVariable;
|
|
51
|
+
neutral300: ColorPickerVariable;
|
|
52
|
+
neutral400: ColorPickerVariable;
|
|
53
|
+
neutral500: ColorPickerVariable;
|
|
54
|
+
neutral600: ColorPickerVariable;
|
|
55
|
+
neutral700: ColorPickerVariable;
|
|
56
|
+
neutral800: ColorPickerVariable;
|
|
57
|
+
neutral900: ColorPickerVariable;
|
|
58
|
+
neutral1000: ColorPickerVariable;
|
|
21
59
|
font: ColorPickerVariable;
|
|
22
60
|
background: ColorPickerVariable;
|
|
23
61
|
}
|
|
@@ -37,7 +75,7 @@ export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
|
|
|
37
75
|
}
|
|
38
76
|
export interface IColorPickerContext {
|
|
39
77
|
color: string;
|
|
40
|
-
setColor: (newColor: string,
|
|
78
|
+
setColor: (newColor: string, variableName?: string) => void;
|
|
41
79
|
hex: string;
|
|
42
80
|
hslArr: number[];
|
|
43
81
|
handleOnChangeAlpha: (val: number) => void;
|
|
@@ -59,14 +97,11 @@ export interface IColorPickerContext {
|
|
|
59
97
|
previousGradientColor?: string;
|
|
60
98
|
isColorPickerOpened: boolean;
|
|
61
99
|
setIsColorPickerOpened: (isOpened: boolean) => void;
|
|
62
|
-
typedInputValue: string;
|
|
63
|
-
setTypedInputValue: (newValue: string) => void;
|
|
64
|
-
isColorPickerCurrentlyUsed: boolean;
|
|
65
|
-
setIsColorPickerCurrentlyUsed: (isUsed: boolean) => void;
|
|
66
100
|
degrees: number;
|
|
67
|
-
shadeName: string;
|
|
68
101
|
onPickShade?: (shadeValue: string) => void;
|
|
69
102
|
currentSelectedVariable?: string;
|
|
103
|
+
setInputRef: (input: HTMLInputElement) => void;
|
|
104
|
+
blurInput: () => void;
|
|
70
105
|
}
|
|
71
106
|
export declare type ColorPickerColorTypes = {
|
|
72
107
|
hex: string;
|
|
@@ -7,14 +7,8 @@ export declare class ColorPickerUtils {
|
|
|
7
7
|
static isGradient(color: string): boolean;
|
|
8
8
|
static getRgbaValue: (colorSet: tinycolor.Instance) => tinycolor.ColorFormats.RGBA;
|
|
9
9
|
static getHexValue: (colorSet: tinycolor.Instance) => string;
|
|
10
|
-
static getHexValueWithoutHash: (color: string) => string;
|
|
11
10
|
static getHexValueString: (colorSet: tinycolor.Instance) => string;
|
|
12
11
|
static getAllColorTypes: (color: ColorPickerVariable) => IColorPickerColor;
|
|
13
|
-
static getVariableShades: ({ color, name }: {
|
|
14
|
-
color: ColorPickerColors;
|
|
15
|
-
name: string;
|
|
16
|
-
}) => ColorPickerVariable[];
|
|
17
|
-
private static convertVariableShadesToHex;
|
|
18
12
|
static updateGradientWithActiveColor: (colors: GradientProps[], index: number, newColor: string) => GradientProps[];
|
|
19
13
|
static findVariable: (variables: IColorPickerColorVariablesType | ColorPickerVariable[], color: string) => string | undefined;
|
|
20
14
|
static findVariableByName: (variables: IColorPickerColorVariablesType | ColorPickerVariable[], name: string) => string | undefined;
|