@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.
Files changed (86) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +9 -73
  2. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js +0 -99
  4. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +3 -3
  6. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl.js +2 -5
  7. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js +6 -7
  9. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js.map +1 -1
  10. 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
  11. 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
  12. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +9 -19
  13. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  14. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +54 -68
  15. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  16. package/build/cjs/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js +46 -0
  17. package/build/cjs/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js.map +1 -0
  18. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +112 -0
  19. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -0
  20. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js +78 -0
  21. package/build/cjs/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map +1 -0
  22. package/build/cjs/packages/aurora/src/components/select/components/select_item.js +1 -1
  23. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js +2 -4
  24. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +1 -1
  25. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +3 -4
  26. package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +1 -1
  27. package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js +2 -5
  28. package/build/cjs/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
  29. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js +0 -8
  30. package/build/cjs/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
  31. package/build/cjs/packages/aurora/src/index.js +4 -0
  32. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  33. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +10 -74
  34. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  35. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +41 -6
  36. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts +0 -6
  37. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js +1 -100
  38. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
  39. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +3 -3
  40. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_impl.js +2 -5
  41. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_impl.js.map +1 -1
  42. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_input.js +6 -7
  43. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_input.js.map +1 -1
  44. 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
  45. 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
  46. 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
  47. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +10 -20
  48. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  49. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +3 -6
  50. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +55 -69
  51. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  52. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.d.ts +3 -0
  53. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js +38 -0
  54. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js.map +1 -0
  55. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.d.ts +9 -0
  56. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.js +3 -0
  57. package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control_types.js.map +1 -0
  58. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.d.ts +3 -0
  59. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js +104 -0
  60. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker.js.map +1 -0
  61. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.d.ts +7 -0
  62. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.js +2 -0
  63. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_types.js.map +1 -0
  64. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.d.ts +7 -0
  65. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js +74 -0
  66. package/build/esm/packages/aurora/src/components/date_and_time_picker/date_time_picker_utils.js.map +1 -0
  67. package/build/esm/packages/aurora/src/components/input/input_types.d.ts +2 -0
  68. package/build/esm/packages/aurora/src/components/select/components/select_item.js +1 -1
  69. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.d.ts +1 -1
  70. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js +2 -4
  71. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_content.js.map +1 -1
  72. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.d.ts +1 -2
  73. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js +3 -4
  74. package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_time_selector.js.map +1 -1
  75. package/build/esm/packages/aurora/src/components/time_picker/time_picker.d.ts +1 -1
  76. package/build/esm/packages/aurora/src/components/time_picker/time_picker.js +2 -5
  77. package/build/esm/packages/aurora/src/components/time_picker/time_picker.js.map +1 -1
  78. package/build/esm/packages/aurora/src/components/time_picker/time_picker_types.d.ts +0 -2
  79. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.d.ts +1 -1
  80. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js +0 -8
  81. package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js.map +1 -1
  82. package/build/esm/packages/aurora/src/index.d.ts +3 -0
  83. package/build/esm/packages/aurora/src/index.js +2 -0
  84. package/build/esm/packages/aurora/src/index.js.map +1 -1
  85. package/build/index.css +1 -1
  86. package/package.json +1 -1
@@ -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;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;"}
@@ -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
@@ -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: {
@@ -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
@@ -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;"}
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;"}
@@ -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
- format = _ref.format;
19
- var hourOptions = time_picker_utils.TimePickerUtils.generateTimeOptions('hour', format);
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;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;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;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, { useMemo } from 'react';
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 _useSetupColorPicker = useSetupColorPicker({
22
- colorVariables: colorVariables,
23
- value: value,
24
- onChange: onChange,
25
- onCancel: onCancel,
26
- onSave: onSave,
27
- withGradient: isWithGradient
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: contextVal
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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, shadeName?: string, variableName?: string) => void;
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;