@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.
- package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js +1 -5
- package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js +1 -21
- package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +2 -12
- package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/utilities.js +0 -5
- package/build/cjs/packages/aurora/src/components/color_picker_new/utilities.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +61 -63
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js +25 -26
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +30 -31
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +31 -33
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +11 -13
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js +28 -31
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js +36 -38
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/constants.js +2 -4
- package/build/esm/packages/aurora/src/components/color_picker_new/constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js +2 -12
- package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/index.js +2 -12
- package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/utilities.js +1 -5
- package/build/esm/packages/aurora/src/components/color_picker_new/utilities.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +1 -2
- package/build/esm/packages/aurora/src/index.js +0 -1
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js +0 -36
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +0 -41
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +0 -43
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +0 -24
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js +0 -41
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js +0 -48
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/test/index.js +0 -18
- package/build/cjs/packages/aurora/src/components/controls/hoc/test/index.js.map +0 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/test/index.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/test/index.js +0 -10
- 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;
|
|
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;
|
|
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
|
|
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;
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
31
|
-
var index$
|
|
32
|
-
var index$
|
|
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$
|
|
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$
|
|
41
|
-
var index$
|
|
42
|
-
var index$
|
|
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$
|
|
45
|
-
var index$
|
|
46
|
-
var index$
|
|
47
|
-
var index$
|
|
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$
|
|
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$
|
|
52
|
+
var index$J = require('./components/flash_messenger/index.js');
|
|
53
53
|
var index$i = require('./components/gallery/index.js');
|
|
54
|
-
var index$
|
|
55
|
-
var index$
|
|
56
|
-
var index$
|
|
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$
|
|
63
|
-
var index$
|
|
64
|
-
var index$
|
|
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$
|
|
68
|
-
var index$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
91
|
+
var index$L = require('./components/with_loader/index.js');
|
|
93
92
|
|
|
94
93
|
|
|
95
94
|
|
|
96
|
-
exports.AbsoluteModal = index$
|
|
95
|
+
exports.AbsoluteModal = index$u['default'];
|
|
97
96
|
exports.Accordion = index['default'];
|
|
98
97
|
exports.Stack = index$8['default'];
|
|
99
|
-
exports.Breadcrumbs = index$
|
|
98
|
+
exports.Breadcrumbs = index$R.Breadcrumbs;
|
|
100
99
|
exports.Button = index$1['default'];
|
|
101
100
|
exports.ButtonsGroup = index$3['default'];
|
|
102
|
-
exports.DropdownContext = index$
|
|
103
|
-
exports.useDropdownContext = index$
|
|
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$
|
|
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$
|
|
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$
|
|
123
|
-
exports.FilePicker = index$
|
|
124
|
-
exports.ControlFilePicker = index$
|
|
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$
|
|
128
|
+
exports.ControlRadioGroup = index$H['default'];
|
|
130
129
|
exports.ControlRange = index$f['default'];
|
|
131
130
|
exports.ControlSelect = index$e['default'];
|
|
132
|
-
exports.Tag = index$
|
|
133
|
-
exports.TagsSelector = index$
|
|
134
|
-
exports.ControlTagsSelector = index$
|
|
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$
|
|
137
|
-
exports.XhrImagePicker = index$
|
|
138
|
-
exports.ControlXhrImagePicker = index$
|
|
139
|
-
exports.Table = index$
|
|
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$
|
|
142
|
+
exports.MessageBox = index$I['default'];
|
|
144
143
|
exports.FlashMessagesList = flash_messages_list['default'];
|
|
145
|
-
exports.FlashMessenger = index$
|
|
144
|
+
exports.FlashMessenger = index$J['default'];
|
|
146
145
|
exports.Gallery = index$i['default'];
|
|
147
|
-
exports.Grid = index$
|
|
148
|
-
exports.Typography = index$
|
|
149
|
-
exports.Heading = index$
|
|
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$
|
|
156
|
-
exports.Loader = index$
|
|
157
|
-
exports.Modal = index$
|
|
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$
|
|
161
|
-
exports.ScrollSync = index$
|
|
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$
|
|
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$
|
|
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$
|
|
180
|
+
exports.Tree = index$P.Tree;
|
|
183
181
|
exports.TreeNode = tree_node.TreeNode;
|
|
184
182
|
exports.ValuesSyncer = values_syncer['default'];
|
|
185
|
-
exports.WithLoader = index$
|
|
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;
|
|
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;"}
|
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js
CHANGED
|
@@ -1,28 +1,27 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { DropdownContext } from '
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const {
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
React.createElement(Button, { size: "small", onClick:
|
|
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":
|
|
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"}
|
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js
CHANGED
|
@@ -1,33 +1,32 @@
|
|
|
1
1
|
import React, { useContext, useEffect } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import IconClose from '
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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":
|
|
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,
|
|
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
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
-
const
|
|
19
|
-
setDisable(
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
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":
|
|
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"}
|