@dreamcommerce/aurora 2.12.1-30 → 2.12.1-32

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 (51) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js +1 -5
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js +1 -21
  4. package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +2 -12
  6. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/color_picker_new/utilities.js +0 -5
  8. package/build/cjs/packages/aurora/src/components/color_picker_new/utilities.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/index.js +61 -63
  10. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js +25 -26
  12. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map +1 -1
  13. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +30 -31
  14. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map +1 -1
  15. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +31 -33
  16. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
  17. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +11 -13
  18. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js +28 -31
  20. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js +36 -38
  22. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/color_picker_new/constants.js +2 -4
  24. package/build/esm/packages/aurora/src/components/color_picker_new/constants.js.map +1 -1
  25. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js +2 -12
  26. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  27. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +2 -12
  28. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  29. package/build/esm/packages/aurora/src/components/color_picker_new/utilities.js +1 -5
  30. package/build/esm/packages/aurora/src/components/color_picker_new/utilities.js.map +1 -1
  31. package/build/esm/packages/aurora/src/index.d.ts +1 -2
  32. package/build/esm/packages/aurora/src/index.js +0 -1
  33. package/build/esm/packages/aurora/src/index.js.map +1 -1
  34. package/package.json +1 -1
  35. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js +0 -36
  36. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map +0 -1
  37. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +0 -41
  38. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map +0 -1
  39. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +0 -43
  40. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +0 -1
  41. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +0 -24
  42. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +0 -1
  43. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js +0 -41
  44. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js.map +0 -1
  45. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js +0 -48
  46. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js.map +0 -1
  47. package/build/cjs/packages/aurora/src/components/controls/hoc/test/index.js +0 -18
  48. package/build/cjs/packages/aurora/src/components/controls/hoc/test/index.js.map +0 -1
  49. package/build/esm/packages/aurora/src/components/controls/hoc/test/index.d.ts +0 -2
  50. package/build/esm/packages/aurora/src/components/controls/hoc/test/index.js +0 -10
  51. package/build/esm/packages/aurora/src/components/controls/hoc/test/index.js.map +0 -1
@@ -4,13 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const COLOR_PICKER_INITIAL_STATE = '#000000';
6
6
  const COLOR_PICKER_WIDTH = 220;
7
- const COLOR_PICKER_HEIGHT = 200;
8
- const COLOR_PICKER_TYPE_HEX = 'hex';
9
- const COLOR_PICKER_TYPE_RGB = 'rgb';
7
+ const COLOR_PICKER_HEIGHT = 200;
10
8
 
11
9
  exports.COLOR_PICKER_HEIGHT = COLOR_PICKER_HEIGHT;
12
10
  exports.COLOR_PICKER_INITIAL_STATE = COLOR_PICKER_INITIAL_STATE;
13
- exports.COLOR_PICKER_TYPE_HEX = COLOR_PICKER_TYPE_HEX;
14
- exports.COLOR_PICKER_TYPE_RGB = COLOR_PICKER_TYPE_RGB;
15
11
  exports.COLOR_PICKER_WIDTH = COLOR_PICKER_WIDTH;
16
12
  //# sourceMappingURL=constants.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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -5,40 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const cssColorPicker = 'color-picker';
6
6
  const cssColorPickerContainer = 'color-picker__container';
7
7
  const cssColorPickerRbgcp = 'color-picker__rbgcp';
8
- const cssColorPickerHeader = 'color-picker__header';
9
- const cssColorPickerCloseIcon = 'color-picker__close-icon';
10
- const cssColorPickerSwatches = 'color-picker__swatches';
11
- const cssColorPickerSwatchesHeader = 'color-picker__swatches-header';
12
- const cssColorPickerSwatchesContent = 'color-picker__swatches-content';
13
8
  const cssColorPickerSwatch = 'color-picker__swatch';
14
9
  const cssColorPickerSwatchSmall = 'color-picker__swatch_small';
15
10
  const cssColorPickerSwatchBig = 'color-picker__swatch_big';
16
11
  const cssColorPickerSwatchFill = 'color-picker__swatch-fill';
17
12
  const cssColorPickerInputColorSwatchContainer = 'color-picker__input-color-swatch-container';
18
- const cssColorPickerInputContainer = 'color-picker__input-container';
19
- const cssColorPickerInputs = 'color-picker__inputs';
20
- const cssColorPickerInputsType = 'color-picker__inputs-type';
21
- const cssColorPickerInputsValue = 'color-picker__inputs-value';
22
- const cssColorPickerInputsValueContainer = 'color-picker__inputs-value-container';
23
- const cssColorPickerFooter = 'color-picker__footer';
13
+ const cssColorPickerInputContainer = 'color-picker__input-container';
24
14
 
25
15
  exports.cssColorPicker = cssColorPicker;
26
- exports.cssColorPickerCloseIcon = cssColorPickerCloseIcon;
27
16
  exports.cssColorPickerContainer = cssColorPickerContainer;
28
- exports.cssColorPickerFooter = cssColorPickerFooter;
29
- exports.cssColorPickerHeader = cssColorPickerHeader;
30
17
  exports.cssColorPickerInputColorSwatchContainer = cssColorPickerInputColorSwatchContainer;
31
18
  exports.cssColorPickerInputContainer = cssColorPickerInputContainer;
32
- exports.cssColorPickerInputs = cssColorPickerInputs;
33
- exports.cssColorPickerInputsType = cssColorPickerInputsType;
34
- exports.cssColorPickerInputsValue = cssColorPickerInputsValue;
35
- exports.cssColorPickerInputsValueContainer = cssColorPickerInputsValueContainer;
36
19
  exports.cssColorPickerRbgcp = cssColorPickerRbgcp;
37
20
  exports.cssColorPickerSwatch = cssColorPickerSwatch;
38
21
  exports.cssColorPickerSwatchBig = cssColorPickerSwatchBig;
39
22
  exports.cssColorPickerSwatchFill = cssColorPickerSwatchFill;
40
23
  exports.cssColorPickerSwatchSmall = cssColorPickerSwatchSmall;
41
- exports.cssColorPickerSwatches = cssColorPickerSwatches;
42
- exports.cssColorPickerSwatchesContent = cssColorPickerSwatchesContent;
43
- exports.cssColorPickerSwatchesHeader = cssColorPickerSwatchesHeader;
44
24
  //# sourceMappingURL=css_classes.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;"}
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;"}
@@ -3,17 +3,12 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var input = require('../controls/components/input.js');
7
6
  var constants = require('./constants.js');
8
7
  var css_classes = require('./css_classes.js');
9
8
  var index$1 = require('../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
10
9
  var context = require('./context.js');
11
10
  var main_module = require('../../css/color_picker_new/main.module.less.js');
12
- var colorPickerFooter = require('./components/color-picker-footer.js');
13
- var colorPickerHeader = require('./components/color-picker-header.js');
14
- var colorPickerInputs = require('./components/color-picker-inputs/color-picker-inputs.js');
15
11
  var colorPickerSwatch = require('./components/color-picker-swatch.js');
16
- var colorPickerSwatches = require('./components/color-picker-swatches.js');
17
12
  var index = require('../dropdown/index.js');
18
13
  var use_color_picker = require('./hooks/use_color_picker.js');
19
14
 
@@ -28,15 +23,10 @@ const ColorPickerNewPure = ({ id, name }) => {
28
23
  React__default['default'].createElement(index['default'].CustomLabel, null,
29
24
  React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerInputContainer]}` },
30
25
  React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerInputColorSwatchContainer]}` },
31
- React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, { color: color })),
32
- React__default['default'].createElement(input['default'], { type: "text", id: id, name: name, value: `# ${hex === null || hex === void 0 ? void 0 : hex.toUpperCase()}`, readOnly: true }))),
26
+ React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, { color: color })))),
33
27
  React__default['default'].createElement(index['default'].Content, { onClickOutside: handleCancel },
34
- React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null),
35
28
  React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerContainer]}` },
36
- React__default['default'].createElement(index$1.ColorPicker, { value: color, onChange: setColor, width: constants.COLOR_PICKER_WIDTH, height: constants.COLOR_PICKER_HEIGHT, hideColorTypeBtns: true, hideColorGuide: true, hideAdvancedSliders: true, hideInputType: true, hideInputs: true, hidePresets: true, className: `${main_module['default'][css_classes.cssColorPickerRbgcp]}` }),
37
- React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null),
38
- React__default['default'].createElement(colorPickerSwatches.ColorPickerSwatches, null)),
39
- React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null)))));
29
+ React__default['default'].createElement(index$1.ColorPicker, { value: color, onChange: setColor, width: constants.COLOR_PICKER_WIDTH, height: constants.COLOR_PICKER_HEIGHT, hideColorTypeBtns: true, hideColorGuide: true, hideAdvancedSliders: true, hideInputType: true, hideInputs: true, hidePresets: true, className: `${main_module['default'][css_classes.cssColorPickerRbgcp]}` }))))));
40
30
  };
41
31
  const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
42
32
  const colorPickerNewContext = use_color_picker['default']({
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,uFAA2F;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,uFAA2F;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -17,10 +17,6 @@ const getHexValue = (colorSet) => {
17
17
  const getHexValueString = (colorSet) => {
18
18
  return `#${getHexValue(colorSet)}`;
19
19
  };
20
- const isHexChar = (value) => {
21
- const hexRegEx = /^$|[0-9a-fA-F]+$/;
22
- return hexRegEx.test(value);
23
- };
24
20
  const getAllColorTypes = (color) => {
25
21
  const tinyColor = getTinyColorInstance(color);
26
22
  const rgba = getRgbaValue(tinyColor);
@@ -43,5 +39,4 @@ exports.getHexValue = getHexValue;
43
39
  exports.getHexValueString = getHexValueString;
44
40
  exports.getRgbaValue = getRgbaValue;
45
41
  exports.getTinyColorInstance = getTinyColorInstance;
46
- exports.isHexChar = isHexChar;
47
42
  //# sourceMappingURL=utilities.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -2,13 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var index$v = require('./components/modal/hoc/absolute_modal/index.js');
5
+ var index$u = require('./components/modal/hoc/absolute_modal/index.js');
6
6
  var index = require('./components/accordion/index.js');
7
7
  var index$8 = require('./components/stack/index.js');
8
- var index$S = require('./components/breadcrumbs/index.js');
8
+ var index$R = require('./components/breadcrumbs/index.js');
9
9
  var index$1 = require('./components/button/index.js');
10
10
  var index$3 = require('./components/buttons_group/index.js');
11
- var index$C = require('./components/dropdown/context/index.js');
11
+ var index$B = require('./components/dropdown/context/index.js');
12
12
  var index$k = require('./components/color_picker/index.js');
13
13
  var use_click_outside = require('./hooks/use_click_outside.js');
14
14
  var icon_arrow = require('./assets/icon_arrow.js');
@@ -16,91 +16,90 @@ var icon_tick = require('./assets/icon_tick.js');
16
16
  var index$7 = require('./components/label/index.js');
17
17
  var index$9 = require('./components/controls/index.js');
18
18
  var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
19
- var index$H = require('./components/hint/index.js');
19
+ var index$G = require('./components/hint/index.js');
20
20
  var index$b = require('./components/controls/hoc/control_checkbox/index.js');
21
21
  var index$4 = require('./components/dropdown/index.js');
22
22
  var index$l = require('./components/color_picker_new/index.js');
23
- var index$G = require('./components/controls/hoc/control_cell_selector/index.js');
23
+ var index$F = require('./components/controls/hoc/control_cell_selector/index.js');
24
24
  var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
25
25
  var index$m = require('./components/controls/hoc/control_color_picker/index.js');
26
26
  var index$n = require('./components/controls/hoc/control_color_picker_new/index.js');
27
27
  var index$5 = require('./components/dropdown/hoc/select/index.js');
28
28
  var index$j = require('./components/date_picker/index.js');
29
29
  var icon_calendar = require('./assets/icon_calendar.js');
30
- var index$p = require('./components/controls/hoc/control_date_picker/index.js');
31
- var index$E = require('./components/file_picker/index.js');
32
- var index$q = require('./components/controls/hoc/control_file_picker/index.js');
30
+ var index$o = require('./components/controls/hoc/control_date_picker/index.js');
31
+ var index$D = require('./components/file_picker/index.js');
32
+ var index$p = require('./components/controls/hoc/control_file_picker/index.js');
33
33
  var index$a = require('./components/controls/hoc/control_input/index.js');
34
34
  var index$6 = require('./components/dropdown/hoc/multiselect/index.js');
35
35
  var index$g = require('./components/controls/hoc/control_multi_select/index.js');
36
36
  var index$d = require('./components/controls/hoc/control_radio/index.js');
37
- var index$I = require('./components/controls/hoc/control_radio_group/index.js');
37
+ var index$H = require('./components/controls/hoc/control_radio_group/index.js');
38
38
  var index$f = require('./components/controls/hoc/control_range/index.js');
39
39
  var index$e = require('./components/controls/hoc/control_select/index.js');
40
- var index$x = require('./components/tag/index.js');
41
- var index$y = require('./components/tags_selector/index.js');
42
- var index$z = require('./components/controls/hoc/control_tags_selector/index.js');
40
+ var index$w = require('./components/tag/index.js');
41
+ var index$x = require('./components/tags_selector/index.js');
42
+ var index$y = require('./components/controls/hoc/control_tags_selector/index.js');
43
43
  var index$h = require('./components/controls/hoc/control_textarea/index.js');
44
- var index$F = require('./components/image_picker/index.js');
45
- var index$P = require('./components/xhr_image_picker/index.js');
46
- var index$r = require('./components/controls/hoc/control_xhr_image_picker/index.js');
47
- var index$A = require('./components/table/index.js');
44
+ var index$E = require('./components/image_picker/index.js');
45
+ var index$O = require('./components/xhr_image_picker/index.js');
46
+ var index$q = require('./components/controls/hoc/control_xhr_image_picker/index.js');
47
+ var index$z = require('./components/table/index.js');
48
48
  var dataTable = require('./components/table/hoc/data-table.js');
49
49
  var context = require('./components/flash_messenger/context.js');
50
- var index$J = require('./components/message-box/index.js');
50
+ var index$I = require('./components/message-box/index.js');
51
51
  var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
52
- var index$K = require('./components/flash_messenger/index.js');
52
+ var index$J = require('./components/flash_messenger/index.js');
53
53
  var index$i = require('./components/gallery/index.js');
54
- var index$B = require('./components/grid/index.js');
55
- var index$t = require('./components/typography/index.js');
56
- var index$s = require('./components/heading/index.js');
54
+ var index$A = require('./components/grid/index.js');
55
+ var index$s = require('./components/typography/index.js');
56
+ var index$r = require('./components/heading/index.js');
57
57
  var icon_desktop = require('./assets/icon_desktop.js');
58
58
  var icon_laptop = require('./assets/icon_laptop.js');
59
59
  var icon_mobile = require('./assets/icon_mobile.js');
60
60
  var icon_tablet = require('./assets/icon_tablet.js');
61
61
  var icon_warning = require('./assets/icon_warning.js');
62
- var index$N = require('./components/link/index.js');
63
- var index$L = require('./components/loader/index.js');
64
- var index$u = require('./components/modal/index.js');
62
+ var index$M = require('./components/link/index.js');
63
+ var index$K = require('./components/loader/index.js');
64
+ var index$t = require('./components/modal/index.js');
65
65
  var modal_context = require('./components/modal/context/modal_context.js');
66
66
  var modal_provider = require('./components/modal/hoc/modal_provider.js');
67
- var index$w = require('./components/modal/hoc/relative_modal/index.js');
68
- var index$R = require('./components/scroll_sync/index.js');
67
+ var index$v = require('./components/modal/hoc/relative_modal/index.js');
68
+ var index$Q = require('./components/scroll_sync/index.js');
69
69
  var scroll_sync_container = require('./components/scroll_sync/components/scroll_sync_container.js');
70
70
  var search_list = require('./components/search_list/components/search_list.js');
71
71
  var use_search_list = require('./components/search_list/use_search_list.js');
72
72
  var search_list_input = require('./components/search_list/components/search_list_input.js');
73
73
  var search_list_results = require('./components/search_list/components/search_list_results.js');
74
- var index$O = require('./components/slide/index.js');
74
+ var index$N = require('./components/slide/index.js');
75
75
  var slide_content = require('./components/slide/components/slide_content.js');
76
76
  var slide_footer = require('./components/slide/components/slide_footer.js');
77
77
  var slide_header = require('./components/slide/components/slide_header.js');
78
78
  var slide_sub_header = require('./components/slide/components/slide_sub_header.js');
79
79
  var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
80
- var index$D = require('./components/spacing/index.js');
80
+ var index$C = require('./components/spacing/index.js');
81
81
  var tabs = require('./components/tabs/components/tabs.js');
82
82
  var tabs_item = require('./components/tabs/components/tabs_item.js');
83
83
  var tabs_item_list = require('./components/tabs/components/tabs_item_list.js');
84
84
  var tabs_panel = require('./components/tabs/components/tabs_panel.js');
85
85
  var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js');
86
86
  var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
87
- var index$o = require('./components/controls/hoc/test/index.js');
88
87
  var index$2 = require('./components/tooltip/index.js');
89
- var index$Q = require('./components/tree/index.js');
88
+ var index$P = require('./components/tree/index.js');
90
89
  var tree_node = require('./components/tree/components/tree_node.js');
91
90
  var values_syncer = require('./components/controls/components/values_syncer.js');
92
- var index$M = require('./components/with_loader/index.js');
91
+ var index$L = require('./components/with_loader/index.js');
93
92
 
94
93
 
95
94
 
96
- exports.AbsoluteModal = index$v['default'];
95
+ exports.AbsoluteModal = index$u['default'];
97
96
  exports.Accordion = index['default'];
98
97
  exports.Stack = index$8['default'];
99
- exports.Breadcrumbs = index$S.Breadcrumbs;
98
+ exports.Breadcrumbs = index$R.Breadcrumbs;
100
99
  exports.Button = index$1['default'];
101
100
  exports.ButtonsGroup = index$3['default'];
102
- exports.DropdownContext = index$C.DropdownContext;
103
- exports.useDropdownContext = index$C.useDropdownContext;
101
+ exports.DropdownContext = index$B.DropdownContext;
102
+ exports.useDropdownContext = index$B.useDropdownContext;
104
103
  exports.ColorPicker = index$k['default'];
105
104
  exports.useClickOutside = use_click_outside.useClickOutside;
106
105
  exports.IconArrow = icon_arrow['default'];
@@ -108,79 +107,78 @@ exports.IconTick = icon_tick['default'];
108
107
  exports.Label = index$7['default'];
109
108
  exports.Control = index$9['default'];
110
109
  exports.useToggle = use_toggle.useToggle;
111
- exports.Hint = index$H['default'];
110
+ exports.Hint = index$G['default'];
112
111
  exports.ControlCheckbox = index$b['default'];
113
112
  exports.Dropdown = index$4['default'];
114
113
  exports.ColorPickerNew = index$l['default'];
115
- exports.ControlCellSelector = index$G['default'];
114
+ exports.ControlCellSelector = index$F['default'];
116
115
  exports.ControlCheckboxSwitch = index$c['default'];
117
116
  exports.ControlColorPicker = index$m['default'];
118
117
  exports.ControlColorPickerNew = index$n['default'];
119
118
  exports.Select = index$5['default'];
120
119
  exports.Datepicker = index$j['default'];
121
120
  exports.IconCalendar = icon_calendar['default'];
122
- exports.ControlDatepicker = index$p['default'];
123
- exports.FilePicker = index$E['default'];
124
- exports.ControlFilePicker = index$q['default'];
121
+ exports.ControlDatepicker = index$o['default'];
122
+ exports.FilePicker = index$D['default'];
123
+ exports.ControlFilePicker = index$p['default'];
125
124
  exports.ControlInput = index$a['default'];
126
125
  exports.MultiSelect = index$6['default'];
127
126
  exports.ControlMultiSelect = index$g['default'];
128
127
  exports.ControlRadio = index$d['default'];
129
- exports.ControlRadioGroup = index$I['default'];
128
+ exports.ControlRadioGroup = index$H['default'];
130
129
  exports.ControlRange = index$f['default'];
131
130
  exports.ControlSelect = index$e['default'];
132
- exports.Tag = index$x['default'];
133
- exports.TagsSelector = index$y['default'];
134
- exports.ControlTagsSelector = index$z['default'];
131
+ exports.Tag = index$w['default'];
132
+ exports.TagsSelector = index$x['default'];
133
+ exports.ControlTagsSelector = index$y['default'];
135
134
  exports.ControlTextarea = index$h['default'];
136
- exports.ImagePicker = index$F['default'];
137
- exports.XhrImagePicker = index$P['default'];
138
- exports.ControlXhrImagePicker = index$r['default'];
139
- exports.Table = index$A['default'];
135
+ exports.ImagePicker = index$E['default'];
136
+ exports.XhrImagePicker = index$O['default'];
137
+ exports.ControlXhrImagePicker = index$q['default'];
138
+ exports.Table = index$z['default'];
140
139
  exports.DataTable = dataTable['default'];
141
140
  exports.FlashMessengerContext = context.FlashMessengerContext;
142
141
  exports.useFlashMessenger = context.useFlashMessenger;
143
- exports.MessageBox = index$J['default'];
142
+ exports.MessageBox = index$I['default'];
144
143
  exports.FlashMessagesList = flash_messages_list['default'];
145
- exports.FlashMessenger = index$K['default'];
144
+ exports.FlashMessenger = index$J['default'];
146
145
  exports.Gallery = index$i['default'];
147
- exports.Grid = index$B['default'];
148
- exports.Typography = index$t.Typography;
149
- exports.Heading = index$s['default'];
146
+ exports.Grid = index$A['default'];
147
+ exports.Typography = index$s.Typography;
148
+ exports.Heading = index$r['default'];
150
149
  exports.IconDesktop = icon_desktop['default'];
151
150
  exports.IconLaptop = icon_laptop['default'];
152
151
  exports.IconMobile = icon_mobile['default'];
153
152
  exports.IconTablet = icon_tablet['default'];
154
153
  exports.IconWarning = icon_warning['default'];
155
- exports.Link = index$N['default'];
156
- exports.Loader = index$L['default'];
157
- exports.Modal = index$u['default'];
154
+ exports.Link = index$M['default'];
155
+ exports.Loader = index$K['default'];
156
+ exports.Modal = index$t['default'];
158
157
  exports.ModalContext = modal_context.ModalContext;
159
158
  exports.ModalProvider = modal_provider['default'];
160
- exports.RelativeModal = index$w['default'];
161
- exports.ScrollSync = index$R.ScrollSync;
159
+ exports.RelativeModal = index$v['default'];
160
+ exports.ScrollSync = index$Q.ScrollSync;
162
161
  exports.ScrollSyncContainer = scroll_sync_container.ScrollSyncContainer;
163
162
  exports.SearchList = search_list.SearchList;
164
163
  exports.useSearchList = use_search_list.useSearchList;
165
164
  exports.SearchListInput = search_list_input.SearchListInput;
166
165
  exports.SearchListResults = search_list_results.SearchListResults;
167
- exports.Slide = index$O['default'];
166
+ exports.Slide = index$N['default'];
168
167
  exports.SlideContent = slide_content.SlideContent;
169
168
  exports.SlideFooter = slide_footer.SlideFooter;
170
169
  exports.SlideHeader = slide_header.SlideHeader;
171
170
  exports.SlideSubHeader = slide_sub_header.SlideSubHeader;
172
171
  exports.SlideWrapper = slide_wrapper.SlideWrapper;
173
- exports.Spacing = index$D['default'];
172
+ exports.Spacing = index$C['default'];
174
173
  exports.Tabs = tabs['default'];
175
174
  exports.TabsItem = tabs_item.TabsItem;
176
175
  exports.TabsItemList = tabs_item_list.TabsItemList;
177
176
  exports.TabsPanel = tabs_panel.TabsPanel;
178
177
  exports.TabsPanelList = tabs_panel_list.TabsPanelList;
179
178
  exports.TabsWrapper = tabs_wrapper['default'];
180
- exports.TestControl = index$o['default'];
181
179
  exports.Tooltip = index$2['default'];
182
- exports.Tree = index$Q.Tree;
180
+ exports.Tree = index$P.Tree;
183
181
  exports.TreeNode = tree_node.TreeNode;
184
182
  exports.ValuesSyncer = values_syncer['default'];
185
- exports.WithLoader = index$M['default'];
183
+ exports.WithLoader = index$L['default'];
186
184
  //# 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;"}
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;"}
@@ -1,28 +1,27 @@
1
1
  import React, { useContext } from 'react';
2
- import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
- import Button from '../../button/index.js';
4
- import { DropdownContext } from '../../dropdown/context/index.js';
5
- import { cssColorPickerFooter } from '../css_classes.js';
6
- import { ColorPickerNewContext } from '../context.js';
7
- import { getAllColorTypes } from '../utilities.js';
8
- import styles from '../../../css/color_picker_new/main.module.less.js';
9
-
10
- const ColorPickerFooter = () => {
11
- const { closeDropdown } = useContext(DropdownContext);
12
- const { color, handleCancel, handleSave } = useContext(ColorPickerNewContext);
13
- const [t] = useTranslation();
14
- const handleCancelButton = () => {
15
- closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
16
- handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
17
- };
18
- const handleSaveButton = () => {
19
- closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
20
- handleSave(getAllColorTypes(color));
21
- };
22
- return (React.createElement("div", { className: `${styles[cssColorPickerFooter]}` },
23
- React.createElement(Button, { size: "small", variant: "outline", onClick: handleCancelButton }, t('cancel')),
24
- React.createElement(Button, { size: "small", onClick: handleSaveButton }, t('save'))));
2
+ import Button from '@auroraComponents/button';
3
+ import { ColorPickerNewContext } from '../context';
4
+ import { DropdownContext } from '@auroraComponents/dropdown/context';
5
+ import '../types';
6
+ import '@auroraComponents/dropdown/context/types';
7
+ import { cssColorPickerFooter } from '../css_classes';
8
+ import { getAllColorTypes } from '../utilities';
9
+ import styles from '@auroraCss/color_picker_new/main.module.less';
10
+ import { useTranslation } from 'react-i18next';
11
+ export const ColorPickerFooter = () => {
12
+ const { closeDropdown } = useContext(DropdownContext);
13
+ const { color, handleCancel, handleSave } = useContext(ColorPickerNewContext);
14
+ const [t] = useTranslation();
15
+ const handleCancelButton = () => {
16
+ closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
17
+ handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
18
+ };
19
+ const handleSaveButton = () => {
20
+ closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
21
+ handleSave(getAllColorTypes(color));
22
+ };
23
+ return (React.createElement("div", { className: `${styles[cssColorPickerFooter]}` },
24
+ React.createElement(Button, { size: "small", variant: "outline", onClick: handleCancelButton }, t('cancel')),
25
+ React.createElement(Button, { size: "small", onClick: handleSaveButton }, t('save'))));
25
26
  };
26
-
27
- export { ColorPickerFooter };
28
- //# sourceMappingURL=color-picker-footer.js.map
27
+ //# sourceMappingURL=color-picker-footer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;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":"color-picker-footer.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker_new/components/color-picker-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAA4C,UAAU,CAAC;AACvD,OAAiC,0CAA0C,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,MAAM,MAAM,8CAA8C,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,aAAa,EAAE,GAAqB,UAAU,CAAC,eAAe,CAAC,CAAC;IACxE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,UAAU,CAA8B,qBAAqB,CAAC,CAAC;IAC3G,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;QAClB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;QAClB,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,CAAC,EAAE;QAC7C,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,kBAAkB,IAC7D,CAAC,CAAC,QAAQ,CAAC,CACP;QAET,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,gBAAgB,IACzC,CAAC,CAAC,MAAM,CAAC,CACL,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,33 +1,32 @@
1
1
  import React, { useContext, useEffect } from 'react';
2
- import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
- import { DropdownContext } from '../../dropdown/context/index.js';
4
- import { cssColorPickerHeader, cssColorPickerCloseIcon } from '../css_classes.js';
5
- import { ColorPickerNewContext } from '../context.js';
6
- import styles from '../../../css/color_picker_new/main.module.less.js';
7
- import IconClose from '../../../assets/icon_close.js';
8
-
9
- const ColorPickerHeader = () => {
10
- const { handleCancel } = useContext(ColorPickerNewContext);
11
- const [t] = useTranslation();
12
- const { closeDropdown, isOpen } = useContext(DropdownContext);
13
- const handleCancelButton = () => {
14
- closePicker();
15
- };
16
- const closePicker = () => {
17
- closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
18
- handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
19
- };
20
- useEffect(() => {
21
- if (!isOpen)
22
- return;
23
- document.addEventListener('visibilitychange', closePicker);
24
- return () => document.removeEventListener('visibilitychange', closePicker);
25
- }, [isOpen]);
26
- return (React.createElement("div", { className: `${styles[cssColorPickerHeader]}` },
27
- t('Select color'),
28
- React.createElement("button", { onClick: handleCancelButton, className: `${styles[cssColorPickerCloseIcon]}` },
29
- React.createElement(IconClose, { size: "m" }))));
2
+ import { cssColorPickerCloseIcon, cssColorPickerHeader } from '../css_classes';
3
+ import { ColorPickerNewContext } from '../context';
4
+ import { DropdownContext } from '@auroraComponents/dropdown/context';
5
+ import '../types';
6
+ import '@auroraComponents/dropdown/context/types';
7
+ import IconClose from '@auroraAssets/icon_close';
8
+ import styles from '@auroraCss/color_picker_new/main.module.less';
9
+ import { useTranslation } from 'react-i18next';
10
+ export const ColorPickerHeader = () => {
11
+ const { handleCancel } = useContext(ColorPickerNewContext);
12
+ const [t] = useTranslation();
13
+ const { closeDropdown, isOpen } = useContext(DropdownContext);
14
+ const handleCancelButton = () => {
15
+ closePicker();
16
+ };
17
+ const closePicker = () => {
18
+ closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
19
+ handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
20
+ };
21
+ useEffect(() => {
22
+ if (!isOpen)
23
+ return;
24
+ document.addEventListener('visibilitychange', closePicker);
25
+ return () => document.removeEventListener('visibilitychange', closePicker);
26
+ }, [isOpen]);
27
+ return (React.createElement("div", { className: `${styles[cssColorPickerHeader]}` },
28
+ t('Select color'),
29
+ React.createElement("button", { onClick: handleCancelButton, className: `${styles[cssColorPickerCloseIcon]}` },
30
+ React.createElement(IconClose, { size: "m" }))));
30
31
  };
31
-
32
- export { ColorPickerHeader };
33
- //# sourceMappingURL=color-picker-header.js.map
32
+ //# sourceMappingURL=color-picker-header.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;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":"color-picker-header.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker_new/components/color-picker-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAA4C,UAAU,CAAC;AACvD,OAAiC,0CAA0C,CAAC;AAC5E,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,MAAM,MAAM,8CAA8C,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAA8B,qBAAqB,CAAC,CAAC;IACxF,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,GAAqB,UAAU,CAAC,eAAe,CAAC,CAAC;IAEhF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,WAAW,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;QAClB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;IACrB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,CAAC,EAAE;QAC5C,CAAC,CAAC,cAAc,CAAC;QAElB,gCAAQ,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,CAAC,EAAE;YAChF,oBAAC,SAAS,IAAC,IAAI,EAAC,GAAG,GAAG,CACjB,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,35 +1,33 @@
1
- import React, { useContext, useState, useEffect } from 'react';
1
+ import React, { useContext, useEffect, useState } from 'react';
2
+ import { ColorPickerNewContext } from '@auroraComponents/color_picker_new/context';
3
+ import '@auroraComponents/color_picker_new/types';
4
+ import Input from '@auroraComponents/controls/components/input';
2
5
  import { InputUtils } from '@dreamcommerce/utilities';
3
- import Input from '../../../controls/components/input.js';
4
- import { ColorPickerNewContext } from '../../context.js';
5
- import { isHexChar } from '../../utilities.js';
6
-
7
- const ColorPickerInputsHex = () => {
8
- const { setColor, hex, handleOnChangeAlpha, alphaValue } = useContext(ColorPickerNewContext);
9
- const [value, setValue] = useState(hex);
10
- const [disable, setDisable] = useState(false);
11
- const handleOnChange = (event) => {
12
- const inputValue = event.target.value.replace('%', '');
13
- if (isHexChar(inputValue)) {
14
- setValue(inputValue);
15
- setColor(inputValue);
16
- }
17
- };
18
- const hexFocus = () => {
19
- setDisable(true);
20
- };
21
- const hexBlur = () => {
22
- setDisable(false);
23
- };
24
- useEffect(() => {
25
- if (!disable) {
26
- setValue(hex);
27
- }
28
- }, [hex, disable]);
29
- return (React.createElement(React.Fragment, null,
30
- React.createElement(Input, { padding: "small", type: "text", maxLength: 8, value: value.toUpperCase(), onChange: handleOnChange, onBlur: hexBlur, onFocus: hexFocus }),
31
- React.createElement(Input, { padding: "small", type: "text", value: alphaValue, onChange: handleOnChangeAlpha, onKeyPress: InputUtils.preventTypingLetters })));
6
+ import { isHexChar } from '@auroraComponents/color_picker_new/utilities';
7
+ export const ColorPickerInputsHex = () => {
8
+ const { setColor, hex, handleOnChangeAlpha, alphaValue } = useContext(ColorPickerNewContext);
9
+ const [value, setValue] = useState(hex);
10
+ const [disable, setDisable] = useState(false);
11
+ const handleOnChange = (event) => {
12
+ const inputValue = event.target.value.replace('%', '');
13
+ if (isHexChar(inputValue)) {
14
+ setValue(inputValue);
15
+ setColor(inputValue);
16
+ }
17
+ };
18
+ const hexFocus = () => {
19
+ setDisable(true);
20
+ };
21
+ const hexBlur = () => {
22
+ setDisable(false);
23
+ };
24
+ useEffect(() => {
25
+ if (!disable) {
26
+ setValue(hex);
27
+ }
28
+ }, [hex, disable]);
29
+ return (React.createElement(React.Fragment, null,
30
+ React.createElement(Input, { padding: "small", type: "text", maxLength: 8, value: value.toUpperCase(), onChange: handleOnChange, onBlur: hexBlur, onFocus: hexFocus }),
31
+ React.createElement(Input, { padding: "small", type: "text", value: alphaValue, onChange: handleOnChangeAlpha, onKeyPress: InputUtils.preventTypingLetters })));
32
32
  };
33
-
34
- export { ColorPickerInputsHex };
35
- //# sourceMappingURL=color-picker-inputs-hex.js.map
33
+ //# sourceMappingURL=color-picker-inputs-hex.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;"}
1
+ {"version":3,"file":"color-picker-inputs-hex.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAA4C,0CAA0C,CAAC;AACvF,OAAO,KAAK,MAAM,6CAA6C,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AAEzE,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,mBAAmB,EAAE,UAAU,EAAE,GAAG,UAAU,CAA8B,qBAAqB,CAAC,CAAC;IAE1H,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAEvD,IAAI,SAAS,CAAC,UAAU,CAAC,EAAE;YACvB,QAAQ,CAAC,UAAU,CAAC,CAAC;YACrB,QAAQ,CAAC,UAAU,CAAC,CAAC;SACxB;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO,EAAE;YACV,QAAQ,CAAC,GAAG,CAAC,CAAC;SACjB;IACL,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnB,OAAO,CACH;QACI,oBAAC,KAAK,IACF,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,QAAQ,GACnB;QACF,oBAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,UAAU,EAAE,UAAU,CAAC,oBAAoB,GAAI,CACrI,CACN,CAAC;AACN,CAAC,CAAC"}