@dreamcommerce/aurora 2.12.1-34 → 2.12.1-35

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 (13) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +41 -0
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js +4 -0
  4. package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +2 -0
  6. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +31 -30
  8. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map +1 -1
  9. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js +3 -1
  10. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +2 -0
  12. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  13. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js ADDED
@@ -0,0 +1,41 @@
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 index = require('../../dropdown/context/index.js');
8
+ var css_classes = require('../css_classes.js');
9
+ var context = require('../context.js');
10
+ var main_module = require('../../../css/color_picker_new/main.module.less.js');
11
+ var icon_close = require('../../../assets/icon_close.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 ColorPickerHeader = () => {
18
+ const { handleCancel } = React.useContext(context.ColorPickerNewContext);
19
+ const [t] = useTranslation.useTranslation();
20
+ const { closeDropdown, isOpen } = React.useContext(index.DropdownContext);
21
+ const handleCancelButton = () => {
22
+ closePicker();
23
+ };
24
+ const closePicker = () => {
25
+ closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
26
+ handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
27
+ };
28
+ React.useEffect(() => {
29
+ if (!isOpen)
30
+ return;
31
+ document.addEventListener('visibilitychange', closePicker);
32
+ return () => document.removeEventListener('visibilitychange', closePicker);
33
+ }, [isOpen]);
34
+ return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerHeader]}` },
35
+ t('Select color'),
36
+ React__default['default'].createElement("button", { onClick: handleCancelButton, className: `${main_module['default'][css_classes.cssColorPickerCloseIcon]}` },
37
+ React__default['default'].createElement(icon_close['default'], { size: "m" }))));
38
+ };
39
+
40
+ exports.ColorPickerHeader = ColorPickerHeader;
41
+ //# sourceMappingURL=color-picker-header.js.map
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map ADDED
@@ -0,0 +1 @@
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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js CHANGED
@@ -5,6 +5,8 @@ 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';
8
10
  const cssColorPickerSwatches = 'color-picker__swatches';
9
11
  const cssColorPickerSwatchesHeader = 'color-picker__swatches-header';
10
12
  const cssColorPickerSwatchesContent = 'color-picker__swatches-content';
@@ -21,8 +23,10 @@ const cssColorPickerInputsValueContainer = 'color-picker__inputs-value-container
21
23
  const cssColorPickerFooter = 'color-picker__footer';
22
24
 
23
25
  exports.cssColorPicker = cssColorPicker;
26
+ exports.cssColorPickerCloseIcon = cssColorPickerCloseIcon;
24
27
  exports.cssColorPickerContainer = cssColorPickerContainer;
25
28
  exports.cssColorPickerFooter = cssColorPickerFooter;
29
+ exports.cssColorPickerHeader = cssColorPickerHeader;
26
30
  exports.cssColorPickerInputColorSwatchContainer = cssColorPickerInputColorSwatchContainer;
27
31
  exports.cssColorPickerInputContainer = cssColorPickerInputContainer;
28
32
  exports.cssColorPickerInputs = cssColorPickerInputs;
package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -10,6 +10,7 @@ var index$1 = require('../../../../../external/react-best-gradient-color-picker/
10
10
  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
+ var colorPickerHeader = require('./components/color-picker-header.js');
13
14
  var colorPickerInputs = require('./components/color-picker-inputs/color-picker-inputs.js');
14
15
  var colorPickerSwatch = require('./components/color-picker-swatch.js');
15
16
  var colorPickerSwatches = require('./components/color-picker-swatches.js');
@@ -31,6 +32,7 @@ const ColorPickerNewPure = ({ id, name }) => {
31
32
  React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, { color: color })),
32
33
  React__default['default'].createElement(input['default'], { type: "text", id: id, name: name, value: `# ${color === null || color === void 0 ? void 0 : color.toUpperCase()}`, readOnly: true }))),
33
34
  React__default['default'].createElement(index['default'].Content, null,
35
+ React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null),
34
36
  React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerContainer]}` },
35
37
  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]}` }),
36
38
  React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null),
package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,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;"}
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;AACA;"}
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js CHANGED
@@ -1,32 +1,33 @@
1
1
  import React, { useContext, useEffect } from 'react';
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" }))));
2
+ import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
+ import { DropdownContext } from '../../dropdown/context/index.js';
4
+ import { cssColorPickerHeader, cssColorPickerCloseIcon } from '../css_classes.js';
5
+ import { ColorPickerNewContext } from '../context.js';
6
+ import styles from '../../../css/color_picker_new/main.module.less.js';
7
+ import IconClose from '../../../assets/icon_close.js';
8
+
9
+ const ColorPickerHeader = () => {
10
+ const { handleCancel } = useContext(ColorPickerNewContext);
11
+ const [t] = useTranslation();
12
+ const { closeDropdown, isOpen } = useContext(DropdownContext);
13
+ const handleCancelButton = () => {
14
+ closePicker();
15
+ };
16
+ const closePicker = () => {
17
+ closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
18
+ handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
19
+ };
20
+ useEffect(() => {
21
+ if (!isOpen)
22
+ return;
23
+ document.addEventListener('visibilitychange', closePicker);
24
+ return () => document.removeEventListener('visibilitychange', closePicker);
25
+ }, [isOpen]);
26
+ return (React.createElement("div", { className: `${styles[cssColorPickerHeader]}` },
27
+ t('Select color'),
28
+ React.createElement("button", { onClick: handleCancelButton, className: `${styles[cssColorPickerCloseIcon]}` },
29
+ React.createElement(IconClose, { size: "m" }))));
31
30
  };
32
- //# sourceMappingURL=color-picker-header.js.map
31
+
32
+ export { ColorPickerHeader };
33
+ //# sourceMappingURL=color-picker-header.js.map
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map CHANGED
@@ -1 +1 @@
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
+ {"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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js CHANGED
@@ -1,6 +1,8 @@
1
1
  const cssColorPicker = 'color-picker';
2
2
  const cssColorPickerContainer = 'color-picker__container';
3
3
  const cssColorPickerRbgcp = 'color-picker__rbgcp';
4
+ const cssColorPickerHeader = 'color-picker__header';
5
+ const cssColorPickerCloseIcon = 'color-picker__close-icon';
4
6
  const cssColorPickerSwatches = 'color-picker__swatches';
5
7
  const cssColorPickerSwatchesHeader = 'color-picker__swatches-header';
6
8
  const cssColorPickerSwatchesContent = 'color-picker__swatches-content';
@@ -16,5 +18,5 @@ const cssColorPickerInputsValue = 'color-picker__inputs-value';
16
18
  const cssColorPickerInputsValueContainer = 'color-picker__inputs-value-container';
17
19
  const cssColorPickerFooter = 'color-picker__footer';
18
20
 
19
- export { cssColorPicker, cssColorPickerContainer, cssColorPickerFooter, cssColorPickerInputColorSwatchContainer, cssColorPickerInputContainer, cssColorPickerInputs, cssColorPickerInputsType, cssColorPickerInputsValue, cssColorPickerInputsValueContainer, cssColorPickerRbgcp, cssColorPickerSwatch, cssColorPickerSwatchBig, cssColorPickerSwatchFill, cssColorPickerSwatchSmall, cssColorPickerSwatches, cssColorPickerSwatchesContent, cssColorPickerSwatchesHeader };
21
+ export { cssColorPicker, cssColorPickerCloseIcon, cssColorPickerContainer, cssColorPickerFooter, cssColorPickerHeader, cssColorPickerInputColorSwatchContainer, cssColorPickerInputContainer, cssColorPickerInputs, cssColorPickerInputsType, cssColorPickerInputsValue, cssColorPickerInputsValueContainer, cssColorPickerRbgcp, cssColorPickerSwatch, cssColorPickerSwatchBig, cssColorPickerSwatchFill, cssColorPickerSwatchSmall, cssColorPickerSwatches, cssColorPickerSwatchesContent, cssColorPickerSwatchesHeader };
20
22
  //# sourceMappingURL=css_classes.js.map
package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -6,6 +6,7 @@ import { ColorPicker } from '../../../../../external/react-best-gradient-color-p
6
6
  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
+ import { ColorPickerHeader } from './components/color-picker-header.js';
9
10
  import { ColorPickerInputs } from './components/color-picker-inputs/color-picker-inputs.js';
10
11
  import { ColorPickerSwatch } from './components/color-picker-swatch.js';
11
12
  import { ColorPickerSwatches } from './components/color-picker-swatches.js';
@@ -23,6 +24,7 @@ const ColorPickerNewPure = ({ id, name }) => {
23
24
  React.createElement(ColorPickerSwatch, { color: color })),
24
25
  React.createElement(Input, { type: "text", id: id, name: name, value: `# ${color === null || color === void 0 ? void 0 : color.toUpperCase()}`, readOnly: true }))),
25
26
  React.createElement(Dropdown.Content, null,
27
+ React.createElement(ColorPickerHeader, null),
26
28
  React.createElement("div", { className: `${styles[cssColorPickerContainer]}` },
27
29
  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]}` }),
28
30
  React.createElement(ColorPickerInputs, null),
package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map CHANGED
@@ -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;"}
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;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-34",
5
+ "version": "2.12.1-35",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",