@dreamcommerce/aurora 2.12.1-32 → 2.12.1-33

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 (5) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +6 -3
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +7 -4
  4. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  5. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var input = require('../controls/components/input.js');
6
7
  var constants = require('./constants.js');
7
8
  var css_classes = require('./css_classes.js');
8
9
  var index$1 = require('../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
@@ -17,14 +18,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
18
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
19
 
19
20
  const ColorPickerNewPure = ({ id, name }) => {
20
- const { color, setColor, hex, handleCancel } = React.useContext(context.ColorPickerNewContext);
21
+ // const { color, setColor, hex, handleCancel } = useContext<IColorPickerNewContextProps>(ColorPickerNewContext);
22
+ const [color, setColor] = React.useState('rgba(255,255,255,1)');
21
23
  return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPicker]}` },
22
24
  React__default['default'].createElement(index['default'], null,
23
25
  React__default['default'].createElement(index['default'].CustomLabel, null,
24
26
  React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerInputContainer]}` },
25
27
  React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerInputColorSwatchContainer]}` },
26
- React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, { color: color })))),
27
- React__default['default'].createElement(index['default'].Content, { onClickOutside: handleCancel },
28
+ React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, { color: color })),
29
+ React__default['default'].createElement(input['default'], { type: "text", id: id, name: name, value: `# ${color === null || color === void 0 ? void 0 : color.toUpperCase()}`, readOnly: true }))),
30
+ React__default['default'].createElement(index['default'].Content, null,
28
31
  React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerContainer]}` },
29
32
  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]}` }))))));
30
33
  };
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,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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -1,4 +1,5 @@
1
- import React, { useContext } from 'react';
1
+ import React, { useState } from 'react';
2
+ import Input from '../controls/components/input.js';
2
3
  import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from './constants.js';
3
4
  import { cssColorPicker, cssColorPickerInputContainer, cssColorPickerInputColorSwatchContainer, cssColorPickerContainer, cssColorPickerRbgcp } from './css_classes.js';
4
5
  import { ColorPicker } from '../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js';
@@ -9,14 +10,16 @@ import Dropdown from '../dropdown/index.js';
9
10
  import useColorPicker from './hooks/use_color_picker.js';
10
11
 
11
12
  const ColorPickerNewPure = ({ id, name }) => {
12
- const { color, setColor, hex, handleCancel } = useContext(ColorPickerNewContext);
13
+ // const { color, setColor, hex, handleCancel } = useContext<IColorPickerNewContextProps>(ColorPickerNewContext);
14
+ const [color, setColor] = useState('rgba(255,255,255,1)');
13
15
  return (React.createElement("div", { className: `${styles[cssColorPicker]}` },
14
16
  React.createElement(Dropdown, null,
15
17
  React.createElement(Dropdown.CustomLabel, null,
16
18
  React.createElement("div", { className: `${styles[cssColorPickerInputContainer]}` },
17
19
  React.createElement("div", { className: `${styles[cssColorPickerInputColorSwatchContainer]}` },
18
- React.createElement(ColorPickerSwatch, { color: color })))),
19
- React.createElement(Dropdown.Content, { onClickOutside: handleCancel },
20
+ React.createElement(ColorPickerSwatch, { color: color })),
21
+ React.createElement(Input, { type: "text", id: id, name: name, value: `# ${color === null || color === void 0 ? void 0 : color.toUpperCase()}`, readOnly: true }))),
22
+ React.createElement(Dropdown.Content, null,
20
23
  React.createElement("div", { className: `${styles[cssColorPickerContainer]}` },
21
24
  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]}` }))))));
22
25
  };
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,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;"}
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;"}
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-32",
5
+ "version": "2.12.1-33",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",