@dreamcommerce/aurora 2.22.0 → 2.23.1
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/color_picker_utils.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_label_input.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_swatch.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +2 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/tree/css_classes.js +1 -10
- package/build/cjs/packages/aurora/src/components/tree/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/tree/main.module.less.js +2 -8
- package/build/cjs/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +0 -2
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color_label_input.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_swatch.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/index.js +2 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tree/css_classes.d.ts +0 -9
- package/build/esm/packages/aurora/src/components/tree/css_classes.js +1 -10
- package/build/esm/packages/aurora/src/components/tree/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/tree/main.module.less.js +2 -8
- package/build/esm/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +2 -3
- 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/assets/icon_plus.js +0 -34
- package/build/cjs/packages/aurora/src/assets/icon_plus.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js +0 -45
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +0 -22
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js +0 -53
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/tree/context/tree_node_add_context.js +0 -12
- package/build/cjs/packages/aurora/src/components/tree/context/tree_node_add_context.js.map +0 -1
- package/build/esm/packages/aurora/src/assets/icon_plus.d.ts +0 -4
- package/build/esm/packages/aurora/src/assets/icon_plus.js +0 -26
- package/build/esm/packages/aurora/src/assets/icon_plus.js.map +0 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts +0 -10
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js +0 -37
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +0 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.d.ts +0 -6
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +0 -14
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map +0 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.d.ts +0 -6
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js +0 -45
- package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js.map +0 -1
- package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.d.ts +0 -5
- package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.js +0 -8
- package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.js.map +0 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
5
|
var constants = require('./constants.js');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var tinycolor = require('../../../../../external/tinycolor2/esm/tinycolor.js');
|
|
8
8
|
|
|
9
9
|
var _ColorPickerUtils;
|
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_label_input.js
CHANGED
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
|
|
7
|
-
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
8
7
|
var constants = require('../constants.js');
|
|
8
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
9
9
|
var input = require('../../controls/components/input.js');
|
|
10
10
|
var use_color_picker = require('../hooks/use_color_picker.js');
|
|
11
11
|
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
6
|
var constants = require('../../constants.js');
|
|
7
|
+
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
8
8
|
var index = require('../../../stack/index.js');
|
|
9
9
|
var css_classes = require('../../css_classes.js');
|
|
10
10
|
var main_module = require('../../../../css/color_picker_new/main.module.less.js');
|
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_swatch.js
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
6
|
var constants = require('../constants.js');
|
|
7
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
8
8
|
var classnames = require('classnames');
|
|
9
9
|
var css_classes = require('../css_classes.js');
|
|
10
10
|
var main_module = require('../../../css/color_picker_new/main.module.less.js');
|
package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
6
|
var constants = require('../constants.js');
|
|
7
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
8
8
|
var isEqual = require('../../../../../../external/lodash/isEqual.js');
|
|
9
9
|
var color_picker_utils = require('../color_picker_utils.js');
|
|
10
10
|
var useColorPicker = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
|
|
@@ -26,7 +26,8 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
|
|
|
26
26
|
initialColor: initialColor,
|
|
27
27
|
onChange: onChange,
|
|
28
28
|
onCancel: onCancel,
|
|
29
|
-
onSave: onSave
|
|
29
|
+
onSave: onSave,
|
|
30
|
+
withGradient: isWithGradient
|
|
30
31
|
}),
|
|
31
32
|
color = _useSetupColorPicker.color,
|
|
32
33
|
setColor = _useSetupColorPicker.setColor,
|
|
@@ -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;AACA;AACA;"}
|
|
@@ -24,16 +24,7 @@ var TREE_NODE_CSS_CLASSES = {
|
|
|
24
24
|
treeNodeExpanded: "".concat(treeNodeBaseCssClass, "_expanded"),
|
|
25
25
|
treeNodeDisabled: "".concat(treeNodeBaseCssClass, "_disabled"),
|
|
26
26
|
treeNodeFocused: "".concat(treeNodeBaseCssClass, "_focused"),
|
|
27
|
-
treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children")
|
|
28
|
-
treeNodeAdd: "".concat(treeNodeBaseCssClass, "__add"),
|
|
29
|
-
treeNodeAddWrapper: "".concat(treeNodeBaseCssClass, "__add-wrapper"),
|
|
30
|
-
treeNodeAddLabel: "".concat(treeNodeBaseCssClass, "__add-label"),
|
|
31
|
-
treeNodeAddLabelIcon: "".concat(treeNodeBaseCssClass, "__add-label_icon"),
|
|
32
|
-
treeNodeAddSection: "".concat(treeNodeBaseCssClass, "__add_section"),
|
|
33
|
-
treeNodeAddRow: "".concat(treeNodeBaseCssClass, "__add_row"),
|
|
34
|
-
treeNodeAddColumn: "".concat(treeNodeBaseCssClass, "__add_column"),
|
|
35
|
-
treeNodeAddActions: "".concat(treeNodeBaseCssClass, "__add_actions"),
|
|
36
|
-
treeNodeAddActionsItem: "".concat(treeNodeBaseCssClass, "__add_actions-item")
|
|
27
|
+
treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children")
|
|
37
28
|
};
|
|
38
29
|
|
|
39
30
|
exports.TREE_CSS_CLASSES = TREE_CSS_CLASSES;
|
|
@@ -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;
|
|
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;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker-impl__1W-fs {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'],\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] {\n cursor: pointer;\n border-radius: 4px;\n width: 24px !important;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f3f4f8;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn']:hover > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn']:hover > svg * {\n stroke: #2d3748 !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'] > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] > svg * {\n stroke: #5c657e !important;\n}\n.main-module_color-picker-impl__1W-fs [id='gradient-bar'] {\n margin-top: 4px !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] {\n margin: 0 !important;\n padding: 0 !important;\n display: flex;\n width: auto;\n height: auto;\n border-radius: 4px;\n justify-content: center;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] > div:nth-child(1) {\n display: none;\n}\n.main-module_color-picker-mode-toggler__1f2oJ {\n list-style: none;\n display: flex;\n}\n.main-module_color-picker-mode-toggler__button__3vyH- {\n cursor: pointer;\n display: block;\n width: 24px;\n height: 24px;\n border: 1px solid #2d3748;\n border-radius: 4px;\n}\n.main-module_color-picker-mode-toggler__button_solid___X6iZ {\n background: #5c657e;\n}\n.main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB {\n background: linear-gradient(90deg, #fff 0%, #5c657e 81.67%);\n}\n.main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE {\n background: radial-gradient(64.58% 64.58% at 50% 50%, #fff 0%, #9197a8 57.17%, #9197a8 57.18%, #5c657e 100%);\n}\n.main-module_color-picker-mode-toggler__button_active__wWPPx {\n border: 2px solid #3c83ec;\n}\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__hue__1ow3q > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__opacity__232os > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__current-color-preview__mxKEu {\n display: block;\n border-radius: 4px;\n border: 1px solid #f3f4f8;\n width: 28px;\n height: 28px;\n}\n.main-module_color-picker__gradient-angle__1dUul {\n padding: 0;\n display: flex;\n justify-content: space-between;\n gap: 6px;\n height: 24px;\n border: 2px solid #f3f4f8;\n border-radius: 4px;\n background: #f3f4f8;\n position: relative;\n}\n.main-module_color-picker__gradient-angle__1dUul > svg * {\n stroke: #5c657e;\n}\n.main-module_color-picker__gradient-angle-input__1nVDi {\n background: #fff;\n height: 20px;\n border-radius: 4px;\n width: 34px;\n text-align: center;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__square__omS4M > div > div > div:first-child {\n pointer-events: none;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__inputs__3Cmmw .main-module_color-picker__current-color-preview__mxKEu {\n -ms-grid-row-align: stretch;\n align-self: stretch;\n width: 32px;\n height: 32px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker-impl__1W-fs {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'],\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] {\n cursor: pointer;\n border-radius: 4px;\n width: 24px !important;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f3f4f8;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn']:hover > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn']:hover > svg * {\n stroke: #2d3748 !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'] > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] > svg * {\n stroke: #5c657e !important;\n}\n.main-module_color-picker-impl__1W-fs [id='gradient-bar'] {\n margin-top: 4px !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] {\n margin: 0 !important;\n padding: 0 !important;\n display: flex;\n width: auto;\n height: auto !important;\n border-radius: 4px;\n justify-content: center;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] > div:nth-child(1) {\n display: none;\n}\n.main-module_color-picker-mode-toggler__1f2oJ {\n list-style: none;\n display: flex;\n}\n.main-module_color-picker-mode-toggler__button__3vyH- {\n cursor: pointer;\n display: block;\n width: 24px;\n height: 24px;\n border: 1px solid #2d3748;\n border-radius: 4px;\n}\n.main-module_color-picker-mode-toggler__button_solid___X6iZ {\n background: #5c657e;\n}\n.main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB {\n background: linear-gradient(90deg, #fff 0%, #5c657e 81.67%);\n}\n.main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE {\n background: radial-gradient(64.58% 64.58% at 50% 50%, #fff 0%, #9197a8 57.17%, #9197a8 57.18%, #5c657e 100%);\n}\n.main-module_color-picker-mode-toggler__button_active__wWPPx {\n border: 2px solid #3c83ec;\n}\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__hue__1ow3q > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__opacity__232os > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__current-color-preview__mxKEu {\n display: block;\n border-radius: 4px;\n border: 1px solid #f3f4f8;\n width: 28px;\n height: 28px;\n}\n.main-module_color-picker__gradient-angle__1dUul {\n padding: 0;\n display: flex;\n justify-content: space-between;\n gap: 6px;\n height: 24px;\n border: 2px solid #f3f4f8;\n border-radius: 4px;\n background: #f3f4f8;\n position: relative;\n}\n.main-module_color-picker__gradient-angle__1dUul > svg * {\n stroke: #5c657e;\n}\n.main-module_color-picker__gradient-angle-input__1nVDi {\n background: #fff;\n height: 20px;\n border-radius: 4px;\n width: 34px;\n text-align: center;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__square__omS4M > div > div > div:first-child {\n pointer-events: none;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__inputs__3Cmmw .main-module_color-picker__current-color-preview__mxKEu {\n -ms-grid-row-align: stretch;\n align-self: stretch;\n width: 32px;\n height: 32px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
|
|
8
8
|
var styles = {
|
|
9
9
|
"color-picker-impl": "main-module_color-picker-impl__1W-fs",
|
|
10
10
|
"color-picker-mode-toggler": "main-module_color-picker-mode-toggler__1f2oJ",
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding-top: 15px;\n padding-bottom: 10px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 11px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding-top: 15px;\n padding-bottom: 10px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 11px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n";
|
|
8
8
|
var cssClasses = {
|
|
9
9
|
"tree": "main-module_tree__3D4e3",
|
|
10
10
|
"tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
|
|
@@ -16,13 +16,7 @@ var cssClasses = {
|
|
|
16
16
|
"tree-node__children-enter": "main-module_tree-node__children-enter__vxFO-",
|
|
17
17
|
"tree-node__children-enter-active": "main-module_tree-node__children-enter-active__T6XIS",
|
|
18
18
|
"tree-node__children-exit": "main-module_tree-node__children-exit__1NXHe",
|
|
19
|
-
"tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI"
|
|
20
|
-
"tree-node__add": "main-module_tree-node__add__2SAM_",
|
|
21
|
-
"tree-node__add-wrapper": "main-module_tree-node__add-wrapper__2LbV9",
|
|
22
|
-
"tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
|
|
23
|
-
"tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
|
|
24
|
-
"tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
|
|
25
|
-
"tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
|
|
19
|
+
"tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI"
|
|
26
20
|
};
|
|
27
21
|
styleInject_es['default'](css_248z);
|
|
28
22
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;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,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -93,7 +93,6 @@ var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js')
|
|
|
93
93
|
var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
|
|
94
94
|
var index$Q = require('./components/tree/index.js');
|
|
95
95
|
var tree_node = require('./components/tree/components/tree_node.js');
|
|
96
|
-
var tree_node_add = require('./components/tree/components/tree_node_add/tree_node_add.js');
|
|
97
96
|
var values_syncer = require('./components/controls/components/values_syncer.js');
|
|
98
97
|
var index$M = require('./components/with_loader/index.js');
|
|
99
98
|
|
|
@@ -193,7 +192,6 @@ exports.TabsPanelList = tabs_panel_list.TabsPanelList;
|
|
|
193
192
|
exports.TabsWrapper = tabs_wrapper['default'];
|
|
194
193
|
exports.Tree = index$Q.Tree;
|
|
195
194
|
exports.TreeNode = tree_node.TreeNode;
|
|
196
|
-
exports.TreeNodeAdd = tree_node_add.TreeNodeAdd;
|
|
197
195
|
exports.ValuesSyncer = values_syncer['default'];
|
|
198
196
|
exports.WithLoader = index$M['default'];
|
|
199
197
|
//# 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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { createClass as _createClass, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, classCallCheck as _classCallCheck } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
1
|
import { COLOR_PICKER_INITIAL_STATE, GRADIENT_TYPES, GRADIENT_RADIAL_SHAPES } from './constants.js';
|
|
2
|
+
import { createClass as _createClass, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, classCallCheck as _classCallCheck } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import tinycolor from '../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
4
4
|
|
|
5
5
|
var _ColorPickerUtils;
|
package/build/esm/packages/aurora/src/components/color_picker_new/components/color_label_input.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
3
|
-
import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
3
|
import { GRADIENT_TYPES } from '../constants.js';
|
|
4
|
+
import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
5
5
|
import Input from '../../controls/components/input.js';
|
|
6
6
|
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
7
7
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
-
import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
2
|
import { COLOR_PICKER_TYPES } from '../../constants.js';
|
|
3
|
+
import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
4
|
import Stack from '../../../stack/index.js';
|
|
5
5
|
import { cssColorPickerInputs, cssColorPickerInputsType, cssColorPickerInputsValue, cssColorPickerInputsValueContainer } from '../../css_classes.js';
|
|
6
6
|
import styles from '../../../../css/color_picker_new/main.module.less.js';
|
package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_swatch.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
2
|
import { ColorPickerSwatch_SIZES } from '../constants.js';
|
|
3
|
+
import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { cssColorPickerSwatch, cssColorPickerSwatchBig, cssColorPickerSwatchSmall, cssColorPickerSwatchFill } from '../css_classes.js';
|
|
6
6
|
import styles from '../../../css/color_picker_new/main.module.less.js';
|
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useState, useEffect } from 'react';
|
|
2
|
-
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
2
|
import { COLOR_PICKER_ALPHA_MAX_VALUE } from '../constants.js';
|
|
3
|
+
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
4
|
import isEqual_1 from '../../../../../../external/lodash/isEqual.js';
|
|
5
5
|
import { ColorPickerUtils } from '../color_picker_utils.js';
|
|
6
6
|
import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
|
|
@@ -18,7 +18,8 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
|
|
|
18
18
|
initialColor: initialColor,
|
|
19
19
|
onChange: onChange,
|
|
20
20
|
onCancel: onCancel,
|
|
21
|
-
onSave: onSave
|
|
21
|
+
onSave: onSave,
|
|
22
|
+
withGradient: isWithGradient
|
|
22
23
|
}),
|
|
23
24
|
color = _useSetupColorPicker.color,
|
|
24
25
|
setColor = _useSetupColorPicker.setColor,
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -19,13 +19,4 @@ export declare const TREE_NODE_CSS_CLASSES: {
|
|
|
19
19
|
readonly treeNodeDisabled: "tree-node_disabled";
|
|
20
20
|
readonly treeNodeFocused: "tree-node_focused";
|
|
21
21
|
readonly treeNodeWithoutChildren: "tree-node_without-children";
|
|
22
|
-
readonly treeNodeAdd: "tree-node__add";
|
|
23
|
-
readonly treeNodeAddWrapper: "tree-node__add-wrapper";
|
|
24
|
-
readonly treeNodeAddLabel: "tree-node__add-label";
|
|
25
|
-
readonly treeNodeAddLabelIcon: "tree-node__add-label_icon";
|
|
26
|
-
readonly treeNodeAddSection: "tree-node__add_section";
|
|
27
|
-
readonly treeNodeAddRow: "tree-node__add_row";
|
|
28
|
-
readonly treeNodeAddColumn: "tree-node__add_column";
|
|
29
|
-
readonly treeNodeAddActions: "tree-node__add_actions";
|
|
30
|
-
readonly treeNodeAddActionsItem: "tree-node__add_actions-item";
|
|
31
22
|
};
|
|
@@ -20,16 +20,7 @@ var TREE_NODE_CSS_CLASSES = {
|
|
|
20
20
|
treeNodeExpanded: "".concat(treeNodeBaseCssClass, "_expanded"),
|
|
21
21
|
treeNodeDisabled: "".concat(treeNodeBaseCssClass, "_disabled"),
|
|
22
22
|
treeNodeFocused: "".concat(treeNodeBaseCssClass, "_focused"),
|
|
23
|
-
treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children")
|
|
24
|
-
treeNodeAdd: "".concat(treeNodeBaseCssClass, "__add"),
|
|
25
|
-
treeNodeAddWrapper: "".concat(treeNodeBaseCssClass, "__add-wrapper"),
|
|
26
|
-
treeNodeAddLabel: "".concat(treeNodeBaseCssClass, "__add-label"),
|
|
27
|
-
treeNodeAddLabelIcon: "".concat(treeNodeBaseCssClass, "__add-label_icon"),
|
|
28
|
-
treeNodeAddSection: "".concat(treeNodeBaseCssClass, "__add_section"),
|
|
29
|
-
treeNodeAddRow: "".concat(treeNodeBaseCssClass, "__add_row"),
|
|
30
|
-
treeNodeAddColumn: "".concat(treeNodeBaseCssClass, "__add_column"),
|
|
31
|
-
treeNodeAddActions: "".concat(treeNodeBaseCssClass, "__add_actions"),
|
|
32
|
-
treeNodeAddActionsItem: "".concat(treeNodeBaseCssClass, "__add_actions-item")
|
|
23
|
+
treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children")
|
|
33
24
|
};
|
|
34
25
|
|
|
35
26
|
export { TREE_CSS_CLASSES, TREE_NODE_CSS_CLASSES };
|
|
@@ -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;
|
|
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;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker-impl__1W-fs {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'],\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] {\n cursor: pointer;\n border-radius: 4px;\n width: 24px !important;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f3f4f8;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn']:hover > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn']:hover > svg * {\n stroke: #2d3748 !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'] > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] > svg * {\n stroke: #5c657e !important;\n}\n.main-module_color-picker-impl__1W-fs [id='gradient-bar'] {\n margin-top: 4px !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] {\n margin: 0 !important;\n padding: 0 !important;\n display: flex;\n width: auto;\n height: auto;\n border-radius: 4px;\n justify-content: center;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] > div:nth-child(1) {\n display: none;\n}\n.main-module_color-picker-mode-toggler__1f2oJ {\n list-style: none;\n display: flex;\n}\n.main-module_color-picker-mode-toggler__button__3vyH- {\n cursor: pointer;\n display: block;\n width: 24px;\n height: 24px;\n border: 1px solid #2d3748;\n border-radius: 4px;\n}\n.main-module_color-picker-mode-toggler__button_solid___X6iZ {\n background: #5c657e;\n}\n.main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB {\n background: linear-gradient(90deg, #fff 0%, #5c657e 81.67%);\n}\n.main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE {\n background: radial-gradient(64.58% 64.58% at 50% 50%, #fff 0%, #9197a8 57.17%, #9197a8 57.18%, #5c657e 100%);\n}\n.main-module_color-picker-mode-toggler__button_active__wWPPx {\n border: 2px solid #3c83ec;\n}\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__hue__1ow3q > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__opacity__232os > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__current-color-preview__mxKEu {\n display: block;\n border-radius: 4px;\n border: 1px solid #f3f4f8;\n width: 28px;\n height: 28px;\n}\n.main-module_color-picker__gradient-angle__1dUul {\n padding: 0;\n display: flex;\n justify-content: space-between;\n gap: 6px;\n height: 24px;\n border: 2px solid #f3f4f8;\n border-radius: 4px;\n background: #f3f4f8;\n position: relative;\n}\n.main-module_color-picker__gradient-angle__1dUul > svg * {\n stroke: #5c657e;\n}\n.main-module_color-picker__gradient-angle-input__1nVDi {\n background: #fff;\n height: 20px;\n border-radius: 4px;\n width: 34px;\n text-align: center;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__square__omS4M > div > div > div:first-child {\n pointer-events: none;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__inputs__3Cmmw .main-module_color-picker__current-color-preview__mxKEu {\n -ms-grid-row-align: stretch;\n align-self: stretch;\n width: 32px;\n height: 32px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker-impl__1W-fs {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'],\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] {\n cursor: pointer;\n border-radius: 4px;\n width: 24px !important;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f3f4f8;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn']:hover > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn']:hover > svg * {\n stroke: #2d3748 !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'] > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] > svg * {\n stroke: #5c657e !important;\n}\n.main-module_color-picker-impl__1W-fs [id='gradient-bar'] {\n margin-top: 4px !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] {\n margin: 0 !important;\n padding: 0 !important;\n display: flex;\n width: auto;\n height: auto !important;\n border-radius: 4px;\n justify-content: center;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] > div:nth-child(1) {\n display: none;\n}\n.main-module_color-picker-mode-toggler__1f2oJ {\n list-style: none;\n display: flex;\n}\n.main-module_color-picker-mode-toggler__button__3vyH- {\n cursor: pointer;\n display: block;\n width: 24px;\n height: 24px;\n border: 1px solid #2d3748;\n border-radius: 4px;\n}\n.main-module_color-picker-mode-toggler__button_solid___X6iZ {\n background: #5c657e;\n}\n.main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB {\n background: linear-gradient(90deg, #fff 0%, #5c657e 81.67%);\n}\n.main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE {\n background: radial-gradient(64.58% 64.58% at 50% 50%, #fff 0%, #9197a8 57.17%, #9197a8 57.18%, #5c657e 100%);\n}\n.main-module_color-picker-mode-toggler__button_active__wWPPx {\n border: 2px solid #3c83ec;\n}\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__hue__1ow3q > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__opacity__232os > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__current-color-preview__mxKEu {\n display: block;\n border-radius: 4px;\n border: 1px solid #f3f4f8;\n width: 28px;\n height: 28px;\n}\n.main-module_color-picker__gradient-angle__1dUul {\n padding: 0;\n display: flex;\n justify-content: space-between;\n gap: 6px;\n height: 24px;\n border: 2px solid #f3f4f8;\n border-radius: 4px;\n background: #f3f4f8;\n position: relative;\n}\n.main-module_color-picker__gradient-angle__1dUul > svg * {\n stroke: #5c657e;\n}\n.main-module_color-picker__gradient-angle-input__1nVDi {\n background: #fff;\n height: 20px;\n border-radius: 4px;\n width: 34px;\n text-align: center;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__square__omS4M > div > div > div:first-child {\n pointer-events: none;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__inputs__3Cmmw .main-module_color-picker__current-color-preview__mxKEu {\n -ms-grid-row-align: stretch;\n align-self: stretch;\n width: 32px;\n height: 32px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
|
|
4
4
|
var styles = {
|
|
5
5
|
"color-picker-impl": "main-module_color-picker-impl__1W-fs",
|
|
6
6
|
"color-picker-mode-toggler": "main-module_color-picker-mode-toggler__1f2oJ",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding-top: 15px;\n padding-bottom: 10px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 11px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding-top: 15px;\n padding-bottom: 10px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n display: flex;\n align-items: center;\n padding: 8px 12px 8px 0;\n cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n transition: rotate 250ms ease-out;\n rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n display: flex;\n}\n.main-module_tree-node__label__DT728 {\n display: flex;\n align-items: center;\n background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n display: flex;\n flex-direction: column;\n gap: 11px;\n margin-top: 8px;\n transform-origin: top center;\n transition: opacity 250ms ease-out, scale 250ms ease-out;\n padding-left: 16px;\n list-style: none;\n will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n opacity: 0;\n scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n opacity: 1;\n scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n opacity: 0;\n scale: 1 0;\n}\n";
|
|
4
4
|
var cssClasses = {
|
|
5
5
|
"tree": "main-module_tree__3D4e3",
|
|
6
6
|
"tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
|
|
@@ -12,13 +12,7 @@ var cssClasses = {
|
|
|
12
12
|
"tree-node__children-enter": "main-module_tree-node__children-enter__vxFO-",
|
|
13
13
|
"tree-node__children-enter-active": "main-module_tree-node__children-enter-active__T6XIS",
|
|
14
14
|
"tree-node__children-exit": "main-module_tree-node__children-exit__1NXHe",
|
|
15
|
-
"tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI"
|
|
16
|
-
"tree-node__add": "main-module_tree-node__add__2SAM_",
|
|
17
|
-
"tree-node__add-wrapper": "main-module_tree-node__add-wrapper__2LbV9",
|
|
18
|
-
"tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
|
|
19
|
-
"tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
|
|
20
|
-
"tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
|
|
21
|
-
"tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
|
|
15
|
+
"tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI"
|
|
22
16
|
};
|
|
23
17
|
styleInject(css_248z);
|
|
24
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;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,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import './i18n';
|
|
2
2
|
import { ICellProps, IIRowProps, ITableProps } from "./components/table/types";
|
|
3
|
+
import { IColorPickerColor, TGradientColorStop, TGradientObject, TGradientRadialShape, TGradientType } from "./components/color_picker_new/types";
|
|
3
4
|
/**
|
|
4
5
|
* import types for export
|
|
5
6
|
*/
|
|
@@ -7,7 +8,6 @@ import { IDropdownProps, ISelectOption } from "./components/dropdown/types";
|
|
|
7
8
|
import { IImageEditorProps, TUploadedImageData } from "./components/xhr_image_picker/types";
|
|
8
9
|
import { TFlashMessage, TFlashMessageExtended } from "./components/flash_messenger/types";
|
|
9
10
|
import { TImagePickerFile, TImageSize } from "./components/image_picker/types";
|
|
10
|
-
import { IColorPickerColor, TGradientObject, TGradientColorStop, TGradientRadialShape, TGradientType } from "./components/color_picker_new/types";
|
|
11
11
|
import AbsoluteModal from "./components/modal/hoc/absolute_modal";
|
|
12
12
|
/**
|
|
13
13
|
* import components for export
|
|
@@ -110,7 +110,6 @@ import TagsSelector from "./components/tags_selector";
|
|
|
110
110
|
import Tooltip from "./components/tooltip";
|
|
111
111
|
import { Tree } from "./components/tree";
|
|
112
112
|
import { TreeNode } from "./components/tree/components/tree_node";
|
|
113
|
-
import { TreeNodeAdd } from "./components/tree/components/tree_node_add/tree_node_add";
|
|
114
113
|
import { Typography } from "./components/typography";
|
|
115
114
|
import ValuesSyncer from "./components/controls/components/values_syncer";
|
|
116
115
|
import WithLoader from "./components/with_loader";
|
|
@@ -127,7 +126,7 @@ import { useToggle } from "./components/dropdown/hooks";
|
|
|
127
126
|
/**
|
|
128
127
|
* export components
|
|
129
128
|
*/
|
|
130
|
-
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ColorPickerUtils, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModalsContext, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, DropdownsManager, 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,
|
|
129
|
+
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ColorPickerUtils, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModalsContext, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, DropdownsManager, 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 };
|
|
131
130
|
/**
|
|
132
131
|
* export constants
|
|
133
132
|
*/
|
|
@@ -89,7 +89,6 @@ export { TabsPanelList } from './components/tabs/components/tabs_panel_list.js';
|
|
|
89
89
|
export { default as TabsWrapper } from './components/tabs/components/tabs_wrapper.js';
|
|
90
90
|
export { Tree } from './components/tree/index.js';
|
|
91
91
|
export { TreeNode } from './components/tree/components/tree_node.js';
|
|
92
|
-
export { TreeNodeAdd } from './components/tree/components/tree_node_add/tree_node_add.js';
|
|
93
92
|
export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';
|
|
94
93
|
export { default as WithLoader } from './components/with_loader/index.js';
|
|
95
94
|
//# 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;
|
|
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;"}
|
package/package.json
CHANGED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var main_module = require('../css/icons/main.module.less.js');
|
|
7
|
-
var icon = require('./icon.js');
|
|
8
|
-
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
-
|
|
13
|
-
var IconPlus = function IconPlus(_ref) {
|
|
14
|
-
var className = _ref.className,
|
|
15
|
-
onClick = _ref.onClick,
|
|
16
|
-
size = _ref.size;
|
|
17
|
-
return /*#__PURE__*/React__default['default'].createElement(icon['default'], null, /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
18
|
-
width: "7",
|
|
19
|
-
height: "7",
|
|
20
|
-
viewBox: "0 0 7 7",
|
|
21
|
-
className: "".concat(className || '', " ").concat(main_module['default']["icon_".concat(size)]),
|
|
22
|
-
onClick: onClick,
|
|
23
|
-
fill: "none",
|
|
24
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
25
|
-
}, /*#__PURE__*/React__default['default'].createElement("path", {
|
|
26
|
-
fillRule: "evenodd",
|
|
27
|
-
clipRule: "evenodd",
|
|
28
|
-
d: "M3.5 0C3.74162 0 3.9375 0.223858 3.9375 0.5V3.0625H6.5C6.77614 3.0625 7 3.25838 7 3.5C7 3.74162 6.77614 3.9375 6.5 3.9375H3.9375V6.5C3.9375 6.77614 3.74162 7 3.5 7C3.25838 7 3.0625 6.77614 3.0625 6.5V3.9375H0.5C0.223858 3.9375 0 3.74162 0 3.5C0 3.25838 0.223858 3.0625 0.5 3.0625H3.0625V0.5C3.0625 0.223858 3.25838 0 3.5 0Z",
|
|
29
|
-
fill: "white"
|
|
30
|
-
})));
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
exports.default = IconPlus;
|
|
34
|
-
//# sourceMappingURL=icon_plus.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;"}
|
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var css_classes = require('../../css_classes.js');
|
|
8
|
-
var main_module = require('../../../../css/tree/main.module.less.js');
|
|
9
|
-
var tree_node_add_actions = require('./tree_node_add_actions.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
|
-
var TreeNodeAdd = function TreeNodeAdd(_ref) {
|
|
16
|
-
var label = _ref.label,
|
|
17
|
-
onClick = _ref.onClick,
|
|
18
|
-
actions = _ref.actions,
|
|
19
|
-
isTreeNodeAddDropdownOpened = _ref.isTreeNodeAddDropdownOpened;
|
|
20
|
-
|
|
21
|
-
var _useState = React.useState(false),
|
|
22
|
-
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
23
|
-
isNodeHovered = _useState2[0],
|
|
24
|
-
setIsNodeHovered = _useState2[1];
|
|
25
|
-
|
|
26
|
-
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
27
|
-
className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddWrapper],
|
|
28
|
-
onMouseEnter: function onMouseEnter() {
|
|
29
|
-
return setIsNodeHovered(true);
|
|
30
|
-
},
|
|
31
|
-
onMouseLeave: function onMouseLeave() {
|
|
32
|
-
return setIsNodeHovered(false);
|
|
33
|
-
}
|
|
34
|
-
}, isNodeHovered && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
35
|
-
className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAdd],
|
|
36
|
-
onClick: onClick
|
|
37
|
-
}, label ? /*#__PURE__*/React__default['default'].createElement("span", {
|
|
38
|
-
className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
|
|
39
|
-
}, label) : /*#__PURE__*/React__default['default'].createElement(tree_node_add_actions.TreeNodeAddActions, {
|
|
40
|
-
actions: actions
|
|
41
|
-
})));
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
exports.TreeNodeAdd = TreeNodeAdd;
|
|
45
|
-
//# sourceMappingURL=tree_node_add.js.map
|
package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map
DELETED
|
@@ -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;AACA;AACA;"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var dropdown = require('../../../dropdown/components/dropdown.js');
|
|
7
|
-
var tree_node_add_actions_content = require('./tree_node_add_actions_content.js');
|
|
8
|
-
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
-
|
|
13
|
-
var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
|
|
14
|
-
var actions = _ref.actions;
|
|
15
|
-
return /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(tree_node_add_actions_content.TreeNodeAddActionsContent, {
|
|
16
|
-
actions: actions
|
|
17
|
-
}));
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
exports.TreeNodeAddActions = TreeNodeAddActions;
|
|
21
|
-
exports.default = TreeNodeAddActions;
|
|
22
|
-
//# sourceMappingURL=tree_node_add_actions.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;"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var index$1 = require('../../../stack/index.js');
|
|
7
|
-
var index = require('../../../dropdown/context/index.js');
|
|
8
|
-
var dropdown = require('../../../dropdown/components/dropdown.js');
|
|
9
|
-
var css_classes = require('../../css_classes.js');
|
|
10
|
-
var main_module = require('../../../../css/tree/main.module.less.js');
|
|
11
|
-
var tree_node_add_context = require('../../context/tree_node_add_context.js');
|
|
12
|
-
var icon_plus = require('../../../../assets/icon_plus.js');
|
|
13
|
-
|
|
14
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
-
|
|
16
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
-
|
|
18
|
-
var TreeNodeAddActionsContent = function TreeNodeAddActionsContent(_ref) {
|
|
19
|
-
var actions = _ref.actions;
|
|
20
|
-
|
|
21
|
-
var _useContext = React.useContext(tree_node_add_context.TreeNodeAddContext),
|
|
22
|
-
setIsTreeNodeAddDropdownOpened = _useContext.setIsTreeNodeAddDropdownOpened;
|
|
23
|
-
|
|
24
|
-
var _useDropdownContext = index.useDropdownContext(),
|
|
25
|
-
isOpen = _useDropdownContext.isOpen;
|
|
26
|
-
|
|
27
|
-
React.useEffect(function () {
|
|
28
|
-
setIsTreeNodeAddDropdownOpened(!!isOpen);
|
|
29
|
-
}, [isOpen]);
|
|
30
|
-
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
31
|
-
className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel], " ").concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabelIcon])
|
|
32
|
-
}, /*#__PURE__*/React__default['default'].createElement(icon_plus['default'], null))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].MemoizedContent, {
|
|
33
|
-
shouldCloseOnScroll: false,
|
|
34
|
-
shouldCloseOthersOnOpen: true
|
|
35
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
36
|
-
className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActions]
|
|
37
|
-
}, actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2, index) {
|
|
38
|
-
var Icon = _ref2.Icon,
|
|
39
|
-
label = _ref2.label,
|
|
40
|
-
onClick = _ref2.onClick;
|
|
41
|
-
return /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
|
|
42
|
-
align: "center",
|
|
43
|
-
spacing: 12,
|
|
44
|
-
key: "tree-node-action-".concat(index),
|
|
45
|
-
className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
|
|
46
|
-
onClick: onClick
|
|
47
|
-
}, /*#__PURE__*/React__default['default'].createElement(Icon, null), label);
|
|
48
|
-
}))));
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
exports.TreeNodeAddActionsContent = TreeNodeAddActionsContent;
|
|
52
|
-
exports.default = TreeNodeAddActionsContent;
|
|
53
|
-
//# sourceMappingURL=tree_node_add_actions_content.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
|
|
7
|
-
var TreeNodeAddContext = /*#__PURE__*/React.createContext({
|
|
8
|
-
setIsTreeNodeAddDropdownOpened: function setIsTreeNodeAddDropdownOpened() {}
|
|
9
|
-
});
|
|
10
|
-
|
|
11
|
-
exports.TreeNodeAddContext = TreeNodeAddContext;
|
|
12
|
-
//# sourceMappingURL=tree_node_add_context.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;"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import cssClasses from '../css/icons/main.module.less.js';
|
|
3
|
-
import Icon from './icon.js';
|
|
4
|
-
|
|
5
|
-
var IconPlus = function IconPlus(_ref) {
|
|
6
|
-
var className = _ref.className,
|
|
7
|
-
onClick = _ref.onClick,
|
|
8
|
-
size = _ref.size;
|
|
9
|
-
return /*#__PURE__*/React.createElement(Icon, null, /*#__PURE__*/React.createElement("svg", {
|
|
10
|
-
width: "7",
|
|
11
|
-
height: "7",
|
|
12
|
-
viewBox: "0 0 7 7",
|
|
13
|
-
className: "".concat(className || '', " ").concat(cssClasses["icon_".concat(size)]),
|
|
14
|
-
onClick: onClick,
|
|
15
|
-
fill: "none",
|
|
16
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
18
|
-
fillRule: "evenodd",
|
|
19
|
-
clipRule: "evenodd",
|
|
20
|
-
d: "M3.5 0C3.74162 0 3.9375 0.223858 3.9375 0.5V3.0625H6.5C6.77614 3.0625 7 3.25838 7 3.5C7 3.74162 6.77614 3.9375 6.5 3.9375H3.9375V6.5C3.9375 6.77614 3.74162 7 3.5 7C3.25838 7 3.0625 6.77614 3.0625 6.5V3.9375H0.5C0.223858 3.9375 0 3.74162 0 3.5C0 3.25838 0.223858 3.0625 0.5 3.0625H3.0625V0.5C3.0625 0.223858 3.25838 0 3.5 0Z",
|
|
21
|
-
fill: "white"
|
|
22
|
-
})));
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export default IconPlus;
|
|
26
|
-
//# sourceMappingURL=icon_plus.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;"}
|
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ITreeNodeAddAction } from "../../types";
|
|
2
|
-
declare type TTreeNodeAddProps = {
|
|
3
|
-
label?: string;
|
|
4
|
-
onClick?: () => void;
|
|
5
|
-
actions?: ITreeNodeAddAction[];
|
|
6
|
-
isTreeNodeAddDropdownOpened?: boolean;
|
|
7
|
-
};
|
|
8
|
-
export declare const TreeNodeAdd: ({ label, onClick, actions, isTreeNodeAddDropdownOpened }: TTreeNodeAddProps) => JSX.Element;
|
|
9
|
-
export declare const TreeNodeAddWithProvider: ({ label, onClick, actions }: TTreeNodeAddProps) => JSX.Element;
|
|
10
|
-
export default TreeNodeAddWithProvider;
|
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
|
|
4
|
-
import cssClasses from '../../../../css/tree/main.module.less.js';
|
|
5
|
-
import { TreeNodeAddActions } from './tree_node_add_actions.js';
|
|
6
|
-
|
|
7
|
-
var TreeNodeAdd = function TreeNodeAdd(_ref) {
|
|
8
|
-
var label = _ref.label,
|
|
9
|
-
onClick = _ref.onClick,
|
|
10
|
-
actions = _ref.actions,
|
|
11
|
-
isTreeNodeAddDropdownOpened = _ref.isTreeNodeAddDropdownOpened;
|
|
12
|
-
|
|
13
|
-
var _useState = useState(false),
|
|
14
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
15
|
-
isNodeHovered = _useState2[0],
|
|
16
|
-
setIsNodeHovered = _useState2[1];
|
|
17
|
-
|
|
18
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
19
|
-
className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddWrapper],
|
|
20
|
-
onMouseEnter: function onMouseEnter() {
|
|
21
|
-
return setIsNodeHovered(true);
|
|
22
|
-
},
|
|
23
|
-
onMouseLeave: function onMouseLeave() {
|
|
24
|
-
return setIsNodeHovered(false);
|
|
25
|
-
}
|
|
26
|
-
}, isNodeHovered && /*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAdd],
|
|
28
|
-
onClick: onClick
|
|
29
|
-
}, label ? /*#__PURE__*/React.createElement("span", {
|
|
30
|
-
className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
|
|
31
|
-
}, label) : /*#__PURE__*/React.createElement(TreeNodeAddActions, {
|
|
32
|
-
actions: actions
|
|
33
|
-
})));
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export { TreeNodeAdd };
|
|
37
|
-
//# sourceMappingURL=tree_node_add.js.map
|
package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map
DELETED
|
@@ -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;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Dropdown from '../../../dropdown/components/dropdown.js';
|
|
3
|
-
import { TreeNodeAddActionsContent } from './tree_node_add_actions_content.js';
|
|
4
|
-
|
|
5
|
-
var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
|
|
6
|
-
var actions = _ref.actions;
|
|
7
|
-
return /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(TreeNodeAddActionsContent, {
|
|
8
|
-
actions: actions
|
|
9
|
-
}));
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export default TreeNodeAddActions;
|
|
13
|
-
export { TreeNodeAddActions };
|
|
14
|
-
//# sourceMappingURL=tree_node_add_actions.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;"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ITreeNodeAddAction } from "../../types";
|
|
2
|
-
declare type TTreeNodeAddActionsContentProps = {
|
|
3
|
-
actions?: ITreeNodeAddAction[];
|
|
4
|
-
};
|
|
5
|
-
export declare const TreeNodeAddActionsContent: ({ actions }: TTreeNodeAddActionsContentProps) => JSX.Element;
|
|
6
|
-
export default TreeNodeAddActionsContent;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React, { useContext, useEffect } from 'react';
|
|
2
|
-
import Stack from '../../../stack/index.js';
|
|
3
|
-
import { useDropdownContext } from '../../../dropdown/context/index.js';
|
|
4
|
-
import Dropdown from '../../../dropdown/components/dropdown.js';
|
|
5
|
-
import { TREE_NODE_CSS_CLASSES } from '../../css_classes.js';
|
|
6
|
-
import cssClasses from '../../../../css/tree/main.module.less.js';
|
|
7
|
-
import { TreeNodeAddContext } from '../../context/tree_node_add_context.js';
|
|
8
|
-
import IconPlus from '../../../../assets/icon_plus.js';
|
|
9
|
-
|
|
10
|
-
var TreeNodeAddActionsContent = function TreeNodeAddActionsContent(_ref) {
|
|
11
|
-
var actions = _ref.actions;
|
|
12
|
-
|
|
13
|
-
var _useContext = useContext(TreeNodeAddContext),
|
|
14
|
-
setIsTreeNodeAddDropdownOpened = _useContext.setIsTreeNodeAddDropdownOpened;
|
|
15
|
-
|
|
16
|
-
var _useDropdownContext = useDropdownContext(),
|
|
17
|
-
isOpen = _useDropdownContext.isOpen;
|
|
18
|
-
|
|
19
|
-
useEffect(function () {
|
|
20
|
-
setIsTreeNodeAddDropdownOpened(!!isOpen);
|
|
21
|
-
}, [isOpen]);
|
|
22
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown.CustomLabel, null, /*#__PURE__*/React.createElement("span", {
|
|
23
|
-
className: "".concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabel], " ").concat(cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddLabelIcon])
|
|
24
|
-
}, /*#__PURE__*/React.createElement(IconPlus, null))), /*#__PURE__*/React.createElement(Dropdown.MemoizedContent, {
|
|
25
|
-
shouldCloseOnScroll: false,
|
|
26
|
-
shouldCloseOthersOnOpen: true
|
|
27
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActions]
|
|
29
|
-
}, actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2, index) {
|
|
30
|
-
var Icon = _ref2.Icon,
|
|
31
|
-
label = _ref2.label,
|
|
32
|
-
onClick = _ref2.onClick;
|
|
33
|
-
return /*#__PURE__*/React.createElement(Stack, {
|
|
34
|
-
align: "center",
|
|
35
|
-
spacing: 12,
|
|
36
|
-
key: "tree-node-action-".concat(index),
|
|
37
|
-
className: cssClasses[TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
|
|
38
|
-
onClick: onClick
|
|
39
|
-
}, /*#__PURE__*/React.createElement(Icon, null), label);
|
|
40
|
-
}))));
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
export default TreeNodeAddActionsContent;
|
|
44
|
-
export { TreeNodeAddActionsContent };
|
|
45
|
-
//# sourceMappingURL=tree_node_add_actions_content.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;AACA;AACA;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { createContext } from 'react';
|
|
2
|
-
|
|
3
|
-
var TreeNodeAddContext = /*#__PURE__*/createContext({
|
|
4
|
-
setIsTreeNodeAddDropdownOpened: function setIsTreeNodeAddDropdownOpened() {}
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
export { TreeNodeAddContext };
|
|
8
|
-
//# sourceMappingURL=tree_node_add_context.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|