@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.
Files changed (56) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/color_picker_utils.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_label_input.js +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs.js +1 -1
  4. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_swatch.js +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js +1 -1
  6. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +2 -1
  7. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/tree/css_classes.js +1 -10
  9. package/build/cjs/packages/aurora/src/components/tree/css_classes.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
  11. package/build/cjs/packages/aurora/src/css/tree/main.module.less.js +2 -8
  12. package/build/cjs/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/index.js +0 -2
  14. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  15. package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js +1 -1
  16. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_label_input.js +1 -1
  17. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs.js +1 -1
  18. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_swatch.js +1 -1
  19. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js +1 -1
  20. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +2 -1
  21. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  22. package/build/esm/packages/aurora/src/components/tree/css_classes.d.ts +0 -9
  23. package/build/esm/packages/aurora/src/components/tree/css_classes.js +1 -10
  24. package/build/esm/packages/aurora/src/components/tree/css_classes.js.map +1 -1
  25. package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
  26. package/build/esm/packages/aurora/src/css/tree/main.module.less.js +2 -8
  27. package/build/esm/packages/aurora/src/css/tree/main.module.less.js.map +1 -1
  28. package/build/esm/packages/aurora/src/index.d.ts +2 -3
  29. package/build/esm/packages/aurora/src/index.js +0 -1
  30. package/build/esm/packages/aurora/src/index.js.map +1 -1
  31. package/package.json +1 -1
  32. package/build/cjs/packages/aurora/src/assets/icon_plus.js +0 -34
  33. package/build/cjs/packages/aurora/src/assets/icon_plus.js.map +0 -1
  34. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js +0 -45
  35. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +0 -1
  36. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +0 -22
  37. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map +0 -1
  38. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js +0 -53
  39. package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js.map +0 -1
  40. package/build/cjs/packages/aurora/src/components/tree/context/tree_node_add_context.js +0 -12
  41. package/build/cjs/packages/aurora/src/components/tree/context/tree_node_add_context.js.map +0 -1
  42. package/build/esm/packages/aurora/src/assets/icon_plus.d.ts +0 -4
  43. package/build/esm/packages/aurora/src/assets/icon_plus.js +0 -26
  44. package/build/esm/packages/aurora/src/assets/icon_plus.js.map +0 -1
  45. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.d.ts +0 -10
  46. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js +0 -37
  47. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map +0 -1
  48. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.d.ts +0 -6
  49. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js +0 -14
  50. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map +0 -1
  51. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.d.ts +0 -6
  52. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js +0 -45
  53. package/build/esm/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions_content.js.map +0 -1
  54. package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.d.ts +0 -5
  55. package/build/esm/packages/aurora/src/components/tree/context/tree_node_add_context.js +0 -8
  56. 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;
@@ -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');
@@ -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');
@@ -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;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.main-module_tree-node__add__2SAM_ {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 2px;\n background-color: #2d3748;\n}\n.main-module_tree-node__add-wrapper__2LbV9 {\n width: 100%;\n margin: -5px 0;\n padding: 3px 0;\n transform: translateY(-1px);\n}\n.main-module_tree-node__add-label__iKmMX {\n position: absolute;\n padding: 2px 8px;\n font-size: 12px;\n color: #fff;\n background-color: #2d3748;\n border-radius: 12px;\n z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n top: -10px;\n padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n cursor: pointer;\n color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n margin-bottom: 15px;\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;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;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;
@@ -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';
@@ -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';
@@ -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;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.main-module_tree-node__add__2SAM_ {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 2px;\n background-color: #2d3748;\n}\n.main-module_tree-node__add-wrapper__2LbV9 {\n width: 100%;\n margin: -5px 0;\n padding: 3px 0;\n transform: translateY(-1px);\n}\n.main-module_tree-node__add-label__iKmMX {\n position: absolute;\n padding: 2px 8px;\n font-size: 12px;\n color: #fff;\n background-color: #2d3748;\n border-radius: 12px;\n z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n top: -10px;\n padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n cursor: pointer;\n color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n margin-bottom: 15px;\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;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, TreeNodeAdd, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
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;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
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.22.0",
5
+ "version": "2.23.1",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -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;"}
@@ -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
@@ -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,4 +0,0 @@
1
- import { IIconProps } from './types';
2
- import React from 'react';
3
- declare const IconPlus: React.FC<IIconProps>;
4
- export default IconPlus;
@@ -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;"}
@@ -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;
@@ -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
@@ -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,6 +0,0 @@
1
- import { ITreeNodeAddAction } from "../../types";
2
- declare type TTreeNodeAddActionsProps = {
3
- actions?: ITreeNodeAddAction[];
4
- };
5
- export declare const TreeNodeAddActions: ({ actions }: TTreeNodeAddActionsProps) => JSX.Element;
6
- export default TreeNodeAddActions;
@@ -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,5 +0,0 @@
1
- /// <reference types="react" />
2
- export interface ITreeNodeAddContext {
3
- setIsTreeNodeAddDropdownOpened: (isOpen: boolean) => void;
4
- }
5
- export declare const TreeNodeAddContext: import("react").Context<ITreeNodeAddContext>;
@@ -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;"}