@dreamcommerce/aurora 2.12.1-30 → 2.12.1-31

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 (43) 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 +0 -14
  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 +1 -5
  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-inputs/color-picker-inputs-hex.js +31 -33
  12. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
  13. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +11 -13
  14. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
  15. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js +28 -31
  16. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js.map +1 -1
  17. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js +36 -38
  18. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/color_picker_new/constants.js +2 -4
  20. package/build/esm/packages/aurora/src/components/color_picker_new/constants.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js +1 -8
  22. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +1 -5
  24. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  25. package/build/esm/packages/aurora/src/components/color_picker_new/utilities.js +1 -5
  26. package/build/esm/packages/aurora/src/components/color_picker_new/utilities.js.map +1 -1
  27. package/build/esm/packages/aurora/src/index.d.ts +1 -2
  28. package/build/esm/packages/aurora/src/index.js +0 -1
  29. package/build/esm/packages/aurora/src/index.js.map +1 -1
  30. package/package.json +1 -1
  31. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +0 -43
  32. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +0 -1
  33. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +0 -24
  34. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +0 -1
  35. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js +0 -41
  36. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js.map +0 -1
  37. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js +0 -48
  38. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js.map +0 -1
  39. package/build/cjs/packages/aurora/src/components/controls/hoc/test/index.js +0 -18
  40. package/build/cjs/packages/aurora/src/components/controls/hoc/test/index.js.map +0 -1
  41. package/build/esm/packages/aurora/src/components/controls/hoc/test/index.d.ts +0 -2
  42. package/build/esm/packages/aurora/src/components/controls/hoc/test/index.js +0 -10
  43. 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;"}
@@ -7,19 +7,12 @@ const cssColorPickerContainer = 'color-picker__container';
7
7
  const cssColorPickerRbgcp = 'color-picker__rbgcp';
8
8
  const cssColorPickerHeader = 'color-picker__header';
9
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
10
  const cssColorPickerSwatch = 'color-picker__swatch';
14
11
  const cssColorPickerSwatchSmall = 'color-picker__swatch_small';
15
12
  const cssColorPickerSwatchBig = 'color-picker__swatch_big';
16
13
  const cssColorPickerSwatchFill = 'color-picker__swatch-fill';
17
14
  const cssColorPickerInputColorSwatchContainer = 'color-picker__input-color-swatch-container';
18
15
  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
16
  const cssColorPickerFooter = 'color-picker__footer';
24
17
 
25
18
  exports.cssColorPicker = cssColorPicker;
@@ -29,16 +22,9 @@ exports.cssColorPickerFooter = cssColorPickerFooter;
29
22
  exports.cssColorPickerHeader = cssColorPickerHeader;
30
23
  exports.cssColorPickerInputColorSwatchContainer = cssColorPickerInputColorSwatchContainer;
31
24
  exports.cssColorPickerInputContainer = cssColorPickerInputContainer;
32
- exports.cssColorPickerInputs = cssColorPickerInputs;
33
- exports.cssColorPickerInputsType = cssColorPickerInputsType;
34
- exports.cssColorPickerInputsValue = cssColorPickerInputsValue;
35
- exports.cssColorPickerInputsValueContainer = cssColorPickerInputsValueContainer;
36
25
  exports.cssColorPickerRbgcp = cssColorPickerRbgcp;
37
26
  exports.cssColorPickerSwatch = cssColorPickerSwatch;
38
27
  exports.cssColorPickerSwatchBig = cssColorPickerSwatchBig;
39
28
  exports.cssColorPickerSwatchFill = cssColorPickerSwatchFill;
40
29
  exports.cssColorPickerSwatchSmall = cssColorPickerSwatchSmall;
41
- exports.cssColorPickerSwatches = cssColorPickerSwatches;
42
- exports.cssColorPickerSwatchesContent = cssColorPickerSwatchesContent;
43
- exports.cssColorPickerSwatchesHeader = cssColorPickerSwatchesHeader;
44
30
  //# 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;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -11,9 +11,7 @@ var context = require('./context.js');
11
11
  var main_module = require('../../css/color_picker_new/main.module.less.js');
12
12
  var colorPickerFooter = require('./components/color-picker-footer.js');
13
13
  var colorPickerHeader = require('./components/color-picker-header.js');
14
- var colorPickerInputs = require('./components/color-picker-inputs/color-picker-inputs.js');
15
14
  var colorPickerSwatch = require('./components/color-picker-swatch.js');
16
- var colorPickerSwatches = require('./components/color-picker-swatches.js');
17
15
  var index = require('../dropdown/index.js');
18
16
  var use_color_picker = require('./hooks/use_color_picker.js');
19
17
 
@@ -33,9 +31,7 @@ const ColorPickerNewPure = ({ id, name }) => {
33
31
  React__default['default'].createElement(index['default'].Content, { onClickOutside: handleCancel },
34
32
  React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null),
35
33
  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)),
34
+ 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]}` })),
39
35
  React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null)))));
40
36
  };
41
37
  const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
@@ -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;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;"}
@@ -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,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"}
@@ -1,16 +1,14 @@
1
1
  import React, { useContext } 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
-
6
- const ColorPickerInputsRgba = () => {
7
- const { setR, setG, setB, handleOnChangeAlpha, alphaValue, rgbaArr } = useContext(ColorPickerNewContext);
8
- return (React.createElement(React.Fragment, null,
9
- React.createElement(Input, { padding: "small", type: "text", value: rgbaArr[0], onChange: (e) => setR(Number(e.target.value)), onKeyPress: InputUtils.preventTypingLetters }),
10
- React.createElement(Input, { padding: "small", type: "text", value: rgbaArr[1], onChange: (e) => setG(Number(e.target.value)), onKeyPress: InputUtils.preventTypingLetters }),
11
- React.createElement(Input, { padding: "small", type: "text", value: rgbaArr[2], onChange: (e) => setB(Number(e.target.value)), onKeyPress: InputUtils.preventTypingLetters }),
12
- React.createElement(Input, { padding: "small", type: "text", value: alphaValue, onChange: handleOnChangeAlpha, onKeyPress: InputUtils.preventTypingLetters })));
6
+ export const ColorPickerInputsRgba = () => {
7
+ const { setR, setG, setB, handleOnChangeAlpha, alphaValue, rgbaArr } = useContext(ColorPickerNewContext);
8
+ return (React.createElement(React.Fragment, null,
9
+ React.createElement(Input, { padding: "small", type: "text", value: rgbaArr[0], onChange: (e) => setR(Number(e.target.value)), onKeyPress: InputUtils.preventTypingLetters }),
10
+ React.createElement(Input, { padding: "small", type: "text", value: rgbaArr[1], onChange: (e) => setG(Number(e.target.value)), onKeyPress: InputUtils.preventTypingLetters }),
11
+ React.createElement(Input, { padding: "small", type: "text", value: rgbaArr[2], onChange: (e) => setB(Number(e.target.value)), onKeyPress: InputUtils.preventTypingLetters }),
12
+ React.createElement(Input, { padding: "small", type: "text", value: alphaValue, onChange: handleOnChangeAlpha, onKeyPress: InputUtils.preventTypingLetters })));
13
13
  };
14
-
15
- export { ColorPickerInputsRgba };
16
- //# sourceMappingURL=color-picker-inputs-rgba.js.map
14
+ //# sourceMappingURL=color-picker-inputs-rgba.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":"color-picker-inputs-rgba.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,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;AAEtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,mBAAmB,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,UAAU,CAA8B,qBAAqB,CAAC,CAAC;IAEtI,OAAO,CACH;QACI,oBAAC,KAAK,IACF,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAC7C,UAAU,EAAE,UAAU,CAAC,oBAAoB,GAC7C;QACF,oBAAC,KAAK,IACF,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAC7C,UAAU,EAAE,UAAU,CAAC,oBAAoB,GAC7C;QACF,oBAAC,KAAK,IACF,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAC7C,UAAU,EAAE,UAAU,CAAC,oBAAoB,GAC7C;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"}
@@ -1,33 +1,30 @@
1
+ import { COLOR_PICKER_TYPE_HEX, COLOR_PICKER_TYPE_RGB } from '../../constants';
1
2
  import React, { useState } from 'react';
2
- import { COLOR_PICKER_TYPE_HEX, COLOR_PICKER_TYPE_RGB } from '../../constants.js';
3
- import { cssColorPickerInputs, cssColorPickerInputsType, cssColorPickerInputsValue, cssColorPickerInputsValueContainer } from '../../css_classes.js';
4
- import styles from '../../../../css/color_picker_new/main.module.less.js';
5
- import { ColorPickerInputsHex } from './color-picker-inputs-hex.js';
6
- import { ColorPickerInputsRgba } from './color-picker-inputs-rgba.js';
7
-
8
- const ColorPickerInputs = () => {
9
- const [type, setType] = useState(COLOR_PICKER_TYPE_HEX);
10
- const handleSelectType = (e) => {
11
- setType(e.target.value);
12
- };
13
- const inputs = () => {
14
- switch (type) {
15
- case COLOR_PICKER_TYPE_HEX:
16
- return React.createElement(ColorPickerInputsHex, null);
17
- case COLOR_PICKER_TYPE_RGB:
18
- return React.createElement(ColorPickerInputsRgba, null);
19
- default:
20
- return false;
21
- }
22
- };
23
- return (React.createElement("div", { className: `${styles[cssColorPickerInputs]}` },
24
- React.createElement("div", { className: `${styles[cssColorPickerInputsType]}` },
25
- React.createElement("select", { value: type, onChange: handleSelectType },
26
- React.createElement("option", { value: COLOR_PICKER_TYPE_HEX }, COLOR_PICKER_TYPE_HEX),
27
- React.createElement("option", { value: COLOR_PICKER_TYPE_RGB }, COLOR_PICKER_TYPE_RGB))),
28
- React.createElement("div", { className: `${styles[cssColorPickerInputsValue]}` },
29
- React.createElement("div", { className: `${styles[cssColorPickerInputsValueContainer]}` }, inputs()))));
3
+ import { cssColorPickerInputs, cssColorPickerInputsType, cssColorPickerInputsValue, cssColorPickerInputsValueContainer } from '../../css_classes';
4
+ import { ColorPickerInputsHex } from './color-picker-inputs-hex';
5
+ import { ColorPickerInputsRgba } from './color-picker-inputs-rgba';
6
+ import styles from '@auroraCss/color_picker_new/main.module.less';
7
+ export const ColorPickerInputs = () => {
8
+ const [type, setType] = useState(COLOR_PICKER_TYPE_HEX);
9
+ const handleSelectType = (e) => {
10
+ setType(e.target.value);
11
+ };
12
+ const inputs = () => {
13
+ switch (type) {
14
+ case COLOR_PICKER_TYPE_HEX:
15
+ return React.createElement(ColorPickerInputsHex, null);
16
+ case COLOR_PICKER_TYPE_RGB:
17
+ return React.createElement(ColorPickerInputsRgba, null);
18
+ default:
19
+ return false;
20
+ }
21
+ };
22
+ return (React.createElement("div", { className: `${styles[cssColorPickerInputs]}` },
23
+ React.createElement("div", { className: `${styles[cssColorPickerInputsType]}` },
24
+ React.createElement("select", { value: type, onChange: handleSelectType },
25
+ React.createElement("option", { value: COLOR_PICKER_TYPE_HEX }, COLOR_PICKER_TYPE_HEX),
26
+ React.createElement("option", { value: COLOR_PICKER_TYPE_RGB }, COLOR_PICKER_TYPE_RGB))),
27
+ React.createElement("div", { className: `${styles[cssColorPickerInputsValue]}` },
28
+ React.createElement("div", { className: `${styles[cssColorPickerInputsValueContainer]}` }, inputs()))));
30
29
  };
31
-
32
- export { ColorPickerInputs };
33
- //# sourceMappingURL=color-picker-inputs.js.map
30
+ //# sourceMappingURL=color-picker-inputs.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;"}
1
+ {"version":3,"file":"color-picker-inputs.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EACH,oBAAoB,EACpB,wBAAwB,EACxB,yBAAyB,EACzB,kCAAkC,EACrC,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,MAAM,MAAM,8CAA8C,CAAC;AAElE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAExD,MAAM,gBAAgB,GAAG,CAAC,CAAuC,EAAE,EAAE;QACjE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,QAAQ,IAAI,EAAE;YACV,KAAK,qBAAqB;gBACtB,OAAO,oBAAC,oBAAoB,OAAG,CAAC;YACpC,KAAK,qBAAqB;gBACtB,OAAO,oBAAC,qBAAqB,OAAG,CAAC;YACrC;gBACI,OAAO,KAAK,CAAC;SACpB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,CAAC,EAAE;QAC7C,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,wBAAwB,CAAC,EAAE;YACjD,gCAAQ,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB;gBAC3C,gCAAQ,KAAK,EAAE,qBAAqB,IAAG,qBAAqB,CAAU;gBACtE,gCAAQ,KAAK,EAAE,qBAAqB,IAAG,qBAAqB,CAAU,CACjE,CACP;QAEN,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,yBAAyB,CAAC,EAAE;YAClD,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,kCAAkC,CAAC,EAAE,IAAG,MAAM,EAAE,CAAO,CAC/E,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,40 +1,38 @@
1
1
  import React, { useContext } from 'react';
2
- import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
- import { cssColorPickerSwatches, cssColorPickerSwatchesHeader, cssColorPickerSwatchesContent } from '../css_classes.js';
4
- import { ColorPickerNewContext } from '../context.js';
5
- import { getTinyColorInstance, getHexValue } from '../utilities.js';
6
- import styles from '../../../css/color_picker_new/main.module.less.js';
7
- import { ColorPickerSwatch } from './color-picker-swatch.js';
8
-
9
- const ColorPickerSwatches = () => {
10
- const { hslArr, handlePickSwatch } = useContext(ColorPickerNewContext);
11
- const [t] = useTranslation();
12
- const [h, s] = hslArr;
13
- const shades = [
14
- { h, s, l: 95 },
15
- { h, s, l: 90 },
16
- { h, s, l: 80 },
17
- { h, s, l: 70 },
18
- { h, s, l: 60 },
19
- { h, s, l: 50 },
20
- { h, s, l: 40 },
21
- { h, s, l: 30 },
22
- { h, s, l: 20 },
23
- { h, s, l: 10 },
24
- { h, s, l: 5 }
25
- ];
26
- return (React.createElement("div", { className: styles[cssColorPickerSwatches] },
27
- React.createElement("div", { className: styles[cssColorPickerSwatchesHeader] },
28
- React.createElement("p", null, t('Shades of color'))),
29
- React.createElement("div", { className: styles[cssColorPickerSwatchesContent] }, shades.map((shade, index) => {
30
- const colorTiny = getTinyColorInstance(shade);
31
- const colorHex = getHexValue(colorTiny);
32
- const handleOnClick = () => {
33
- handlePickSwatch === null || handlePickSwatch === void 0 ? void 0 : handlePickSwatch(colorHex);
34
- };
35
- return React.createElement(ColorPickerSwatch, { size: "small", onClick: handleOnClick, key: `${shade}-${index}`, color: colorHex });
36
- }))));
2
+ import { cssColorPickerSwatches, cssColorPickerSwatchesContent, cssColorPickerSwatchesHeader } from '../css_classes';
3
+ import { getHexValue, getTinyColorInstance } from '../utilities';
4
+ import { ColorPickerNewContext } from '../context';
5
+ import { ColorPickerSwatch } from './color-picker-swatch';
6
+ import '../types';
7
+ import styles from '@auroraCss/color_picker_new/main.module.less';
8
+ import { useTranslation } from 'react-i18next';
9
+ export const ColorPickerSwatches = () => {
10
+ const { hslArr, handlePickSwatch } = useContext(ColorPickerNewContext);
11
+ const [t] = useTranslation();
12
+ const [h, s] = hslArr;
13
+ const shades = [
14
+ { h, s, l: 95 },
15
+ { h, s, l: 90 },
16
+ { h, s, l: 80 },
17
+ { h, s, l: 70 },
18
+ { h, s, l: 60 },
19
+ { h, s, l: 50 },
20
+ { h, s, l: 40 },
21
+ { h, s, l: 30 },
22
+ { h, s, l: 20 },
23
+ { h, s, l: 10 },
24
+ { h, s, l: 5 }
25
+ ];
26
+ return (React.createElement("div", { className: styles[cssColorPickerSwatches] },
27
+ React.createElement("div", { className: styles[cssColorPickerSwatchesHeader] },
28
+ React.createElement("p", null, t('Shades of color'))),
29
+ React.createElement("div", { className: styles[cssColorPickerSwatchesContent] }, shades.map((shade, index) => {
30
+ const colorTiny = getTinyColorInstance(shade);
31
+ const colorHex = getHexValue(colorTiny);
32
+ const handleOnClick = () => {
33
+ handlePickSwatch === null || handlePickSwatch === void 0 ? void 0 : handlePickSwatch(colorHex);
34
+ };
35
+ return React.createElement(ColorPickerSwatch, { size: "small", onClick: handleOnClick, key: `${shade}-${index}`, color: colorHex });
36
+ }))));
37
37
  };
38
-
39
- export { ColorPickerSwatches };
40
- //# sourceMappingURL=color-picker-swatches.js.map
38
+ //# sourceMappingURL=color-picker-swatches.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":"color-picker-swatches.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker_new/components/color-picker-swatches.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,6BAA6B,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AACrH,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAA4C,UAAU,CAAC;AACvD,OAAO,MAAM,MAAM,8CAA8C,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAA8B,qBAAqB,CAAC,CAAC;IACpG,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC;IACtB,MAAM,MAAM,GAAG;QACX,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACjB,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;QAC1C,6BAAK,SAAS,EAAE,MAAM,CAAC,4BAA4B,CAAC;YAChD,+BAAI,CAAC,CAAC,iBAAiB,CAAC,CAAK,CAC3B;QAEN,6BAAK,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC,IAChD,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,SAAS,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC9C,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;YAExC,MAAM,aAAa,GAAG,GAAG,EAAE;gBACvB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,QAAQ,CAAC,CAAC;YACjC,CAAC,CAAC;YAEF,OAAO,oBAAC,iBAAiB,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,GAAI,CAAC;QACjH,CAAC,CAAC,CACA,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,8 +1,6 @@
1
1
  const COLOR_PICKER_INITIAL_STATE = '#000000';
2
2
  const COLOR_PICKER_WIDTH = 220;
3
- const COLOR_PICKER_HEIGHT = 200;
4
- const COLOR_PICKER_TYPE_HEX = 'hex';
5
- const COLOR_PICKER_TYPE_RGB = 'rgb';
3
+ const COLOR_PICKER_HEIGHT = 200;
6
4
 
7
- export { COLOR_PICKER_HEIGHT, COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_TYPE_HEX, COLOR_PICKER_TYPE_RGB, COLOR_PICKER_WIDTH };
5
+ export { COLOR_PICKER_HEIGHT, COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_WIDTH };
8
6
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
@@ -3,20 +3,13 @@ const cssColorPickerContainer = 'color-picker__container';
3
3
  const cssColorPickerRbgcp = 'color-picker__rbgcp';
4
4
  const cssColorPickerHeader = 'color-picker__header';
5
5
  const cssColorPickerCloseIcon = 'color-picker__close-icon';
6
- const cssColorPickerSwatches = 'color-picker__swatches';
7
- const cssColorPickerSwatchesHeader = 'color-picker__swatches-header';
8
- const cssColorPickerSwatchesContent = 'color-picker__swatches-content';
9
6
  const cssColorPickerSwatch = 'color-picker__swatch';
10
7
  const cssColorPickerSwatchSmall = 'color-picker__swatch_small';
11
8
  const cssColorPickerSwatchBig = 'color-picker__swatch_big';
12
9
  const cssColorPickerSwatchFill = 'color-picker__swatch-fill';
13
10
  const cssColorPickerInputColorSwatchContainer = 'color-picker__input-color-swatch-container';
14
11
  const cssColorPickerInputContainer = 'color-picker__input-container';
15
- const cssColorPickerInputs = 'color-picker__inputs';
16
- const cssColorPickerInputsType = 'color-picker__inputs-type';
17
- const cssColorPickerInputsValue = 'color-picker__inputs-value';
18
- const cssColorPickerInputsValueContainer = 'color-picker__inputs-value-container';
19
12
  const cssColorPickerFooter = 'color-picker__footer';
20
13
 
21
- export { cssColorPicker, cssColorPickerCloseIcon, cssColorPickerContainer, cssColorPickerFooter, cssColorPickerHeader, cssColorPickerInputColorSwatchContainer, cssColorPickerInputContainer, cssColorPickerInputs, cssColorPickerInputsType, cssColorPickerInputsValue, cssColorPickerInputsValueContainer, cssColorPickerRbgcp, cssColorPickerSwatch, cssColorPickerSwatchBig, cssColorPickerSwatchFill, cssColorPickerSwatchSmall, cssColorPickerSwatches, cssColorPickerSwatchesContent, cssColorPickerSwatchesHeader };
14
+ export { cssColorPicker, cssColorPickerCloseIcon, cssColorPickerContainer, cssColorPickerFooter, cssColorPickerHeader, cssColorPickerInputColorSwatchContainer, cssColorPickerInputContainer, cssColorPickerRbgcp, cssColorPickerSwatch, cssColorPickerSwatchBig, cssColorPickerSwatchFill, cssColorPickerSwatchSmall };
22
15
  //# 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;"}
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;"}
@@ -7,9 +7,7 @@ import { ColorPickerNewContext } from './context.js';
7
7
  import styles from '../../css/color_picker_new/main.module.less.js';
8
8
  import { ColorPickerFooter } from './components/color-picker-footer.js';
9
9
  import { ColorPickerHeader } from './components/color-picker-header.js';
10
- import { ColorPickerInputs } from './components/color-picker-inputs/color-picker-inputs.js';
11
10
  import { ColorPickerSwatch } from './components/color-picker-swatch.js';
12
- import { ColorPickerSwatches } from './components/color-picker-swatches.js';
13
11
  import Dropdown from '../dropdown/index.js';
14
12
  import useColorPicker from './hooks/use_color_picker.js';
15
13
 
@@ -25,9 +23,7 @@ const ColorPickerNewPure = ({ id, name }) => {
25
23
  React.createElement(Dropdown.Content, { onClickOutside: handleCancel },
26
24
  React.createElement(ColorPickerHeader, null),
27
25
  React.createElement("div", { className: `${styles[cssColorPickerContainer]}` },
28
- React.createElement(ColorPicker, { value: color, onChange: setColor, width: COLOR_PICKER_WIDTH, height: COLOR_PICKER_HEIGHT, hideColorTypeBtns: true, hideColorGuide: true, hideAdvancedSliders: true, hideInputType: true, hideInputs: true, hidePresets: true, className: `${styles[cssColorPickerRbgcp]}` }),
29
- React.createElement(ColorPickerInputs, null),
30
- React.createElement(ColorPickerSwatches, null)),
26
+ React.createElement(ColorPicker, { value: color, onChange: setColor, width: COLOR_PICKER_WIDTH, height: COLOR_PICKER_HEIGHT, hideColorTypeBtns: true, hideColorGuide: true, hideAdvancedSliders: true, hideInputType: true, hideInputs: true, hidePresets: true, className: `${styles[cssColorPickerRbgcp]}` })),
31
27
  React.createElement(ColorPickerFooter, null)))));
32
28
  };
33
29
  const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,4BAA4B,uFAA2F;AACvH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4BAA4B,uFAA2F;AACvH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -13,10 +13,6 @@ const getHexValue = (colorSet) => {
13
13
  const getHexValueString = (colorSet) => {
14
14
  return `#${getHexValue(colorSet)}`;
15
15
  };
16
- const isHexChar = (value) => {
17
- const hexRegEx = /^$|[0-9a-fA-F]+$/;
18
- return hexRegEx.test(value);
19
- };
20
16
  const getAllColorTypes = (color) => {
21
17
  const tinyColor = getTinyColorInstance(color);
22
18
  const rgba = getRgbaValue(tinyColor);
@@ -34,5 +30,5 @@ const getAllColorTypes = (color) => {
34
30
  };
35
31
  };
36
32
 
37
- export { getAllColorTypes, getHexValue, getHexValueString, getRgbaValue, getTinyColorInstance, isHexChar };
33
+ export { getAllColorTypes, getHexValue, getHexValueString, getRgbaValue, getTinyColorInstance };
38
34
  //# sourceMappingURL=utilities.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,sBAAsB,qDAAyD;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,qDAAyD;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -102,7 +102,6 @@ import TabsPanelList from "./components/tabs/components/tabs_panel_list";
102
102
  import TabsWrapper from "./components/tabs/components/tabs_wrapper";
103
103
  import Tag from "./components/tag";
104
104
  import TagsSelector from "./components/tags_selector";
105
- import TestControl from "./components/controls/hoc/test";
106
105
  import Tooltip from "./components/tooltip";
107
106
  import { Tree } from "./components/tree";
108
107
  import { TreeNode } from "./components/tree/components/tree_node";
@@ -121,7 +120,7 @@ import { useToggle } from "./components/dropdown/hooks";
121
120
  /**
122
121
  * export components
123
122
  */
124
- export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ControlColorPicker, ControlColorPickerNew, TestControl, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
123
+ export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
125
124
  /**
126
125
  * export types
127
126
  */
@@ -80,7 +80,6 @@ export { TabsItemList } from './components/tabs/components/tabs_item_list.js';
80
80
  export { TabsPanel } from './components/tabs/components/tabs_panel.js';
81
81
  export { TabsPanelList } from './components/tabs/components/tabs_panel_list.js';
82
82
  export { default as TabsWrapper } from './components/tabs/components/tabs_wrapper.js';
83
- export { default as TestControl } from './components/controls/hoc/test/index.js';
84
83
  export { default as Tooltip } from './components/tooltip/index.js';
85
84
  export { Tree } from './components/tree/index.js';
86
85
  export { TreeNode } from './components/tree/components/tree_node.js';
@@ -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;"}
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.12.1-30",
5
+ "version": "2.12.1-31",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -1,43 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var utilities = require('@dreamcommerce/utilities');
7
- var input = require('../../../controls/components/input.js');
8
- var context = require('../../context.js');
9
- var utilities$1 = require('../../utilities.js');
10
-
11
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
-
13
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
-
15
- const ColorPickerInputsHex = () => {
16
- const { setColor, hex, handleOnChangeAlpha, alphaValue } = React.useContext(context.ColorPickerNewContext);
17
- const [value, setValue] = React.useState(hex);
18
- const [disable, setDisable] = React.useState(false);
19
- const handleOnChange = (event) => {
20
- const inputValue = event.target.value.replace('%', '');
21
- if (utilities$1.isHexChar(inputValue)) {
22
- setValue(inputValue);
23
- setColor(inputValue);
24
- }
25
- };
26
- const hexFocus = () => {
27
- setDisable(true);
28
- };
29
- const hexBlur = () => {
30
- setDisable(false);
31
- };
32
- React.useEffect(() => {
33
- if (!disable) {
34
- setValue(hex);
35
- }
36
- }, [hex, disable]);
37
- return (React__default['default'].createElement(React__default['default'].Fragment, null,
38
- React__default['default'].createElement(input['default'], { padding: "small", type: "text", maxLength: 8, value: value.toUpperCase(), onChange: handleOnChange, onBlur: hexBlur, onFocus: hexFocus }),
39
- React__default['default'].createElement(input['default'], { padding: "small", type: "text", value: alphaValue, onChange: handleOnChangeAlpha, onKeyPress: utilities.InputUtils.preventTypingLetters })));
40
- };
41
-
42
- exports.ColorPickerInputsHex = ColorPickerInputsHex;
43
- //# sourceMappingURL=color-picker-inputs-hex.js.map
@@ -1 +0,0 @@
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;"}
@@ -1,24 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var utilities = require('@dreamcommerce/utilities');
7
- var input = require('../../../controls/components/input.js');
8
- var context = require('../../context.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
-
14
- const ColorPickerInputsRgba = () => {
15
- const { setR, setG, setB, handleOnChangeAlpha, alphaValue, rgbaArr } = React.useContext(context.ColorPickerNewContext);
16
- return (React__default['default'].createElement(React__default['default'].Fragment, null,
17
- React__default['default'].createElement(input['default'], { padding: "small", type: "text", value: rgbaArr[0], onChange: (e) => setR(Number(e.target.value)), onKeyPress: utilities.InputUtils.preventTypingLetters }),
18
- React__default['default'].createElement(input['default'], { padding: "small", type: "text", value: rgbaArr[1], onChange: (e) => setG(Number(e.target.value)), onKeyPress: utilities.InputUtils.preventTypingLetters }),
19
- React__default['default'].createElement(input['default'], { padding: "small", type: "text", value: rgbaArr[2], onChange: (e) => setB(Number(e.target.value)), onKeyPress: utilities.InputUtils.preventTypingLetters }),
20
- React__default['default'].createElement(input['default'], { padding: "small", type: "text", value: alphaValue, onChange: handleOnChangeAlpha, onKeyPress: utilities.InputUtils.preventTypingLetters })));
21
- };
22
-
23
- exports.ColorPickerInputsRgba = ColorPickerInputsRgba;
24
- //# sourceMappingURL=color-picker-inputs-rgba.js.map
@@ -1 +0,0 @@
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;"}
@@ -1,41 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var constants = require('../../constants.js');
7
- var css_classes = require('../../css_classes.js');
8
- var main_module = require('../../../../css/color_picker_new/main.module.less.js');
9
- var colorPickerInputsHex = require('./color-picker-inputs-hex.js');
10
- var colorPickerInputsRgba = require('./color-picker-inputs-rgba.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
- const ColorPickerInputs = () => {
17
- const [type, setType] = React.useState(constants.COLOR_PICKER_TYPE_HEX);
18
- const handleSelectType = (e) => {
19
- setType(e.target.value);
20
- };
21
- const inputs = () => {
22
- switch (type) {
23
- case constants.COLOR_PICKER_TYPE_HEX:
24
- return React__default['default'].createElement(colorPickerInputsHex.ColorPickerInputsHex, null);
25
- case constants.COLOR_PICKER_TYPE_RGB:
26
- return React__default['default'].createElement(colorPickerInputsRgba.ColorPickerInputsRgba, null);
27
- default:
28
- return false;
29
- }
30
- };
31
- return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerInputs]}` },
32
- React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerInputsType]}` },
33
- React__default['default'].createElement("select", { value: type, onChange: handleSelectType },
34
- React__default['default'].createElement("option", { value: constants.COLOR_PICKER_TYPE_HEX }, constants.COLOR_PICKER_TYPE_HEX),
35
- React__default['default'].createElement("option", { value: constants.COLOR_PICKER_TYPE_RGB }, constants.COLOR_PICKER_TYPE_RGB))),
36
- React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerInputsValue]}` },
37
- React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerInputsValueContainer]}` }, inputs()))));
38
- };
39
-
40
- exports.ColorPickerInputs = ColorPickerInputs;
41
- //# sourceMappingURL=color-picker-inputs.js.map
@@ -1 +0,0 @@
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;"}
@@ -1,48 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
7
- var css_classes = require('../css_classes.js');
8
- var context = require('../context.js');
9
- var utilities = require('../utilities.js');
10
- var main_module = require('../../../css/color_picker_new/main.module.less.js');
11
- var colorPickerSwatch = require('./color-picker-swatch.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
- const ColorPickerSwatches = () => {
18
- const { hslArr, handlePickSwatch } = React.useContext(context.ColorPickerNewContext);
19
- const [t] = useTranslation.useTranslation();
20
- const [h, s] = hslArr;
21
- const shades = [
22
- { h, s, l: 95 },
23
- { h, s, l: 90 },
24
- { h, s, l: 80 },
25
- { h, s, l: 70 },
26
- { h, s, l: 60 },
27
- { h, s, l: 50 },
28
- { h, s, l: 40 },
29
- { h, s, l: 30 },
30
- { h, s, l: 20 },
31
- { h, s, l: 10 },
32
- { h, s, l: 5 }
33
- ];
34
- return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerSwatches] },
35
- React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerSwatchesHeader] },
36
- React__default['default'].createElement("p", null, t('Shades of color'))),
37
- React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerSwatchesContent] }, shades.map((shade, index) => {
38
- const colorTiny = utilities.getTinyColorInstance(shade);
39
- const colorHex = utilities.getHexValue(colorTiny);
40
- const handleOnClick = () => {
41
- handlePickSwatch === null || handlePickSwatch === void 0 ? void 0 : handlePickSwatch(colorHex);
42
- };
43
- return React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, { size: "small", onClick: handleOnClick, key: `${shade}-${index}`, color: colorHex });
44
- }))));
45
- };
46
-
47
- exports.ColorPickerSwatches = ColorPickerSwatches;
48
- //# sourceMappingURL=color-picker-swatches.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,18 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var index = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
7
-
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
-
12
- const TestControl = () => {
13
- const [color, setColor] = React.useState('rgba(255,255,255,1)');
14
- return React__default['default'].createElement(index.ColorPicker, { value: color, onChange: setColor });
15
- };
16
-
17
- exports.default = TestControl;
18
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,oBAAoB,6FAAiG;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,2 +0,0 @@
1
- declare const TestControl: () => JSX.Element;
2
- export default TestControl;
@@ -1,10 +0,0 @@
1
- import React, { useState } from 'react';
2
- import { ColorPicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js';
3
-
4
- const TestControl = () => {
5
- const [color, setColor] = useState('rgba(255,255,255,1)');
6
- return React.createElement(ColorPicker, { value: color, onChange: setColor });
7
- };
8
-
9
- export default TestControl;
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,4BAA4B,6FAAiG;AAC7H;AACA;AACA;AACA;AACA;AACA;AACA;"}