@dreamcommerce/aurora 0.3.4-179 → 0.3.4-182

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 (80) hide show
  1. package/build/cjs/external/react-i18next/dist/es/I18nextProvider.js +21 -0
  2. package/build/cjs/external/react-i18next/dist/es/I18nextProvider.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/color_picker/index.js +4 -2
  4. package/build/cjs/packages/aurora/src/components/color_picker/index.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +27 -5
  6. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/utilities/translation/with_translation.js +21 -0
  8. package/build/cjs/packages/aurora/src/utilities/translation/with_translation.js.map +1 -0
  9. package/build/esm/external/react-i18next/dist/es/I18nextProvider.js +17 -0
  10. package/build/esm/external/react-i18next/dist/es/I18nextProvider.js.map +1 -0
  11. package/build/esm/packages/aurora/src/components/color_picker/index.d.ts +1 -1
  12. package/build/esm/packages/aurora/src/components/color_picker/index.js +4 -2
  13. package/build/esm/packages/aurora/src/components/color_picker/index.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +27 -5
  15. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
  16. package/build/esm/packages/aurora/src/utilities/translation/types.d.ts +2 -0
  17. package/build/esm/packages/aurora/src/utilities/translation/types.js +2 -0
  18. package/build/esm/packages/aurora/src/utilities/translation/types.js.map +1 -0
  19. package/build/esm/packages/aurora/src/utilities/translation/with_translation.d.ts +3 -0
  20. package/build/esm/packages/aurora/src/utilities/translation/with_translation.js +13 -0
  21. package/build/esm/packages/aurora/src/utilities/translation/with_translation.js.map +1 -0
  22. package/package.json +1 -1
  23. package/build/esm/packages/aurora/src/src/components/modal/hoc/absolute_modal/index.d.ts +0 -4
  24. package/build/esm/packages/aurora/src/src/index.d.ts +0 -84
  25. package/build/esm/packages/aurora/src/stories/button/button.stories.d.ts +0 -146
  26. package/build/esm/packages/aurora/src/stories/controls/control_cell_selector/control_cell_selector.stories.d.ts +0 -90
  27. package/build/esm/packages/aurora/src/stories/controls/control_checkbox/checkbox.stories.d.ts +0 -89
  28. package/build/esm/packages/aurora/src/stories/controls/control_checkbox_switch/checkbox_switch.stories.d.ts +0 -89
  29. package/build/esm/packages/aurora/src/stories/controls/control_color_picker/control_color_picker.stories.d.ts +0 -126
  30. package/build/esm/packages/aurora/src/stories/controls/control_date_picker/control_date_picker.stories.d.ts +0 -164
  31. package/build/esm/packages/aurora/src/stories/controls/control_file_picker/control_file_picker.stories.d.ts +0 -128
  32. package/build/esm/packages/aurora/src/stories/controls/control_input/control_input.stories.d.ts +0 -184
  33. package/build/esm/packages/aurora/src/stories/controls/control_multi_select/control_multi_select.stories.d.ts +0 -89
  34. package/build/esm/packages/aurora/src/stories/controls/control_radio/control_radio.stories.d.ts +0 -127
  35. package/build/esm/packages/aurora/src/stories/controls/control_radio_group/control_radio.stories.d.ts +0 -32
  36. package/build/esm/packages/aurora/src/stories/controls/control_range/control_range.stories.d.ts +0 -71
  37. package/build/esm/packages/aurora/src/stories/controls/control_range_picker/control_range_picker.stories.d.ts +0 -108
  38. package/build/esm/packages/aurora/src/stories/controls/control_select/control_select.stories.d.ts +0 -108
  39. package/build/esm/packages/aurora/src/stories/controls/control_tags_selector/control_tags_selector.stories.d.ts +0 -126
  40. package/build/esm/packages/aurora/src/stories/controls/control_textarea/control_textarea.stories.d.ts +0 -146
  41. package/build/esm/packages/aurora/src/stories/data_table/data_table.stories.d.ts +0 -33
  42. package/build/esm/packages/aurora/src/stories/dropdown/dropdown.stories.d.ts +0 -127
  43. package/build/esm/packages/aurora/src/stories/flash_messenger/flash_messanger.stories.d.ts +0 -31
  44. package/build/esm/packages/aurora/src/stories/gallery/gallery.stories.d.ts +0 -33
  45. package/build/esm/packages/aurora/src/stories/grid/col.stories.d.ts +0 -89
  46. package/build/esm/packages/aurora/src/stories/grid/grid.stories.d.ts +0 -32
  47. package/build/esm/packages/aurora/src/stories/grid/main.stories.d.ts +0 -71
  48. package/build/esm/packages/aurora/src/stories/grid/row.stories.d.ts +0 -108
  49. package/build/esm/packages/aurora/src/stories/heading/heading.stories.d.ts +0 -51
  50. package/build/esm/packages/aurora/src/stories/heading/subheadings.stories.d.ts +0 -32
  51. package/build/esm/packages/aurora/src/stories/hint/hint.stories.d.ts +0 -108
  52. package/build/esm/packages/aurora/src/stories/index.d.ts +0 -23
  53. package/build/esm/packages/aurora/src/stories/loader/loader.stories.d.ts +0 -70
  54. package/build/esm/packages/aurora/src/stories/message_box/message_box.stories.d.ts +0 -50
  55. package/build/esm/packages/aurora/src/stories/modal/modal.stories.d.ts +0 -126
  56. package/build/esm/packages/aurora/src/stories/modal/modal_absolute_positioning.stories.d.ts +0 -183
  57. package/build/esm/packages/aurora/src/stories/modal/modal_animations.stories.d.ts +0 -202
  58. package/build/esm/packages/aurora/src/stories/modal/modal_relative_positioning.stories.d.ts +0 -88
  59. package/build/esm/packages/aurora/src/stories/modal/modal_structure.stories.d.ts +0 -50
  60. package/build/esm/packages/aurora/src/stories/multiselect_stories/multiselect.stories.d.ts +0 -281
  61. package/build/esm/packages/aurora/src/stories/select_stories/select.stories.d.ts +0 -281
  62. package/build/esm/packages/aurora/src/stories/spacing/spacing.stories.d.ts +0 -89
  63. package/build/esm/packages/aurora/src/stories/table/table.stories.d.ts +0 -91
  64. package/build/esm/packages/aurora/src/stories/tabs/tabs.stories.d.ts +0 -71
  65. package/build/esm/packages/aurora/src/stories/tag/tag.stories.d.ts +0 -51
  66. package/build/esm/packages/aurora/src/stories/tags_selector/tags_selector.stories.d.ts +0 -108
  67. package/build/esm/packages/aurora/src/stories/tooltip/tooltip.stories.d.ts +0 -89
  68. package/build/esm/packages/aurora/src/stories/with_loader/with_loader.stories.d.ts +0 -51
  69. package/build/esm/packages/aurora/src/tests/unit/components/controls/color_picker/colorpicker.test.d.ts +0 -1
  70. package/build/esm/packages/aurora/src/tests/unit/components/controls/input/control_input.test.d.ts +0 -1
  71. package/build/esm/packages/aurora/src/tests/unit/components/controls/radio/control_radio.test.d.ts +0 -1
  72. package/build/esm/packages/aurora/src/tests/unit/components/datepicker/datepicker.test.d.ts +0 -20
  73. package/build/esm/packages/aurora/src/tests/unit/components/dropdown/dropdown.test.d.ts +0 -1
  74. package/build/esm/packages/aurora/src/tests/unit/components/dropdown/mockData.d.ts +0 -2
  75. package/build/esm/packages/aurora/src/tests/unit/components/dropdown/multiselect/multiselect.test.d.ts +0 -1
  76. package/build/esm/packages/aurora/src/tests/unit/components/dropdown/select/select.test.d.ts +0 -1
  77. package/build/esm/packages/aurora/src/tests/unit/components/modal/modal.test.d.ts +0 -1
  78. package/build/esm/packages/aurora/src/tests/unit/components/rangepicker/rangepicker.test.d.ts +0 -1
  79. package/build/esm/packages/aurora/src/tests/unit/components/with_loader/with_loader.test.d.ts +0 -1
  80. package/build/esm/packages/aurora/src/tests/visual/storybooks.test.d.ts +0 -1
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var context = require('./context.js');
7
+
8
+ function I18nextProvider(_ref) {
9
+ var i18n = _ref.i18n,
10
+ defaultNS = _ref.defaultNS,
11
+ children = _ref.children;
12
+ return React.createElement(context.I18nContext.Provider, {
13
+ value: {
14
+ i18n: i18n,
15
+ defaultNS: defaultNS
16
+ }
17
+ }, children);
18
+ }
19
+
20
+ exports.I18nextProvider = I18nextProvider;
21
+ //# sourceMappingURL=I18nextProvider.js.map
@@ -0,0 +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;"}
@@ -14,6 +14,7 @@ var saturation_lightness_picker = require('./components/saturation_lightness_pic
14
14
  var hue_picker = require('./components/hue_picker.js');
15
15
  var buttons = require('./components/buttons.js');
16
16
  var use_color_picker = require('./use_color_picker.js');
17
+ var with_translation = require('../../utilities/translation/with_translation.js');
17
18
 
18
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
19
20
 
@@ -105,13 +106,14 @@ var PureColorPicker = function (_a) {
105
106
  React__default['default'].createElement(input['default'], { id: "color-picker-id", value: color === null || color === void 0 ? void 0 : color.hex, onChange: inputOnChange }))),
106
107
  !hideChooseCancelButtons && React__default['default'].createElement(buttons['default'], { restoreInitialColor: restoreInitialColor })));
107
108
  };
108
- var index = (function (_a) {
109
+ var ColorPickerWithContext = function (_a) {
109
110
  var initialColor = _a.initialColor, onChange = _a.onChange, hideChooseCancelButtons = _a.hideChooseCancelButtons, name = _a.name;
110
111
  var colorPickerContext = use_color_picker.useColorPicker({ initialColorHex: initialColor || '#ffffff', onChange: onChange });
111
112
  return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: colorPickerContext },
112
113
  React__default['default'].createElement("input", { type: "hidden", name: name }),
113
114
  React__default['default'].createElement(PureColorPicker, { hideChooseCancelButtons: hideChooseCancelButtons })));
114
- });
115
+ };
116
+ var index = with_translation['default'](ColorPickerWithContext);
115
117
 
116
118
  exports.PureColorPicker = PureColorPicker;
117
119
  exports.default = index;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _tslib = require('../../../../../../../_virtual/_tslib.js');
7
7
  var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
8
+ var use_resize = require('../../../../hooks/use_resize.js');
8
9
  var reactDom = require('react-dom');
9
10
  var main_module = require('../../../../css/modal/main.module.less.js');
10
11
  var modal = require('../../components/modal.js');
@@ -48,7 +49,8 @@ var useStyles = reactJss_esm.createUseStyles({
48
49
  var AbsoluteModal = function (_a) {
49
50
  var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, withBackground = _a.withBackground, rest = _tslib.__rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
50
51
  var modalRef = React.useRef(null);
51
- var _d = React.useState({}), position = _d[0], setPosition = _d[1];
52
+ var _d = React.useState(0), updater = _d[0], setUpdater = _d[1];
53
+ var _e = React.useState({}), position = _e[0], setPosition = _e[1];
52
54
  var classes = useStyles(_tslib.__assign(_tslib.__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
53
55
  React.useEffect(function () {
54
56
  var _a, _b;
@@ -60,10 +62,30 @@ var AbsoluteModal = function (_a) {
60
62
  transformLength: transformLength,
61
63
  animationDirection: animationDirection
62
64
  }));
63
- }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);
64
- return (React__default['default'].createElement(React__default['default'].Fragment, null,
65
- reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
66
- isVisible && withBackground && reactDom.createPortal(React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] }), document.body)));
65
+ }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible, updater]);
66
+ use_resize.useResize(function () {
67
+ var _a, _b;
68
+ setPosition(utilities.calculateAbsolutePosition({
69
+ vPosition: vPosition,
70
+ hPosition: hPosition,
71
+ modalRect: (_b = (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a),
72
+ offset: offset,
73
+ transformLength: transformLength,
74
+ animationDirection: animationDirection
75
+ }));
76
+ }, 50);
77
+ React.useEffect(function () {
78
+ var observer = new MutationObserver(function () {
79
+ setUpdater(function (updater) { return updater + 1; });
80
+ });
81
+ if (modalRef.current) {
82
+ observer.observe(modalRef.current, { childList: true, subtree: true });
83
+ }
84
+ return function () { return observer.disconnect(); };
85
+ }, []);
86
+ return reactDom.createPortal(React__default['default'].createElement(React__default['default'].Fragment, null,
87
+ React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children),
88
+ isVisible && withBackground && React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] })), document.body);
67
89
  };
68
90
 
69
91
  exports.default = AbsoluteModal;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var i18next = require('../../../../../external/i18next/dist/esm/i18next.js');
6
+ var React = require('react');
7
+ var I18nextProvider = require('../../../../../external/react-i18next/dist/es/I18nextProvider.js');
8
+ require('../../i18n.js');
9
+ var _tslib = require('../../../../../_virtual/_tslib.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 withTranslation = function (ChildComponent) { return function (props) {
16
+ return (React__default['default'].createElement(I18nextProvider.I18nextProvider, { i18n: i18next['default'] },
17
+ React__default['default'].createElement(ChildComponent, _tslib.__assign({}, props))));
18
+ }; };
19
+
20
+ exports.default = withTranslation;
21
+ //# sourceMappingURL=with_translation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,sBAAsB,qDAAyD;AAC/E;AACA,8BAA8B,kEAAsE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,17 @@
1
+ import { createElement } from 'react';
2
+ import { I18nContext } from './context.js';
3
+
4
+ function I18nextProvider(_ref) {
5
+ var i18n = _ref.i18n,
6
+ defaultNS = _ref.defaultNS,
7
+ children = _ref.children;
8
+ return createElement(I18nContext.Provider, {
9
+ value: {
10
+ i18n: i18n,
11
+ defaultNS: defaultNS
12
+ }
13
+ }, children);
14
+ }
15
+
16
+ export { I18nextProvider };
17
+ //# sourceMappingURL=I18nextProvider.js.map
@@ -0,0 +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;"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { IColorPickerProps, IPureColorPickerProps } from './types';
3
3
  export declare const PureColorPicker: React.FC<IPureColorPickerProps>;
4
- declare const _default: ({ initialColor, onChange, hideChooseCancelButtons, name }: IColorPickerProps) => JSX.Element;
4
+ declare const _default: React.FC<IColorPickerProps>;
5
5
  export default _default;
@@ -10,6 +10,7 @@ import SaturationLightnessPicker from './components/saturation_lightness_picker.
10
10
  import HuePicker from './components/hue_picker.js';
11
11
  import ColorPickerButtons from './components/buttons.js';
12
12
  import { useColorPicker } from './use_color_picker.js';
13
+ import withTranslation from '../../utilities/translation/with_translation.js';
13
14
 
14
15
  var useStyles = createUseStyles({
15
16
  saturationLightnessPanel: {
@@ -97,13 +98,14 @@ var PureColorPicker = function (_a) {
97
98
  React.createElement(Input, { id: "color-picker-id", value: color === null || color === void 0 ? void 0 : color.hex, onChange: inputOnChange }))),
98
99
  !hideChooseCancelButtons && React.createElement(ColorPickerButtons, { restoreInitialColor: restoreInitialColor })));
99
100
  };
100
- var index = (function (_a) {
101
+ var ColorPickerWithContext = function (_a) {
101
102
  var initialColor = _a.initialColor, onChange = _a.onChange, hideChooseCancelButtons = _a.hideChooseCancelButtons, name = _a.name;
102
103
  var colorPickerContext = useColorPicker({ initialColorHex: initialColor || '#ffffff', onChange: onChange });
103
104
  return (React.createElement(ColorPickerContext.Provider, { value: colorPickerContext },
104
105
  React.createElement("input", { type: "hidden", name: name }),
105
106
  React.createElement(PureColorPicker, { hideChooseCancelButtons: hideChooseCancelButtons })));
106
- });
107
+ };
108
+ var index = withTranslation(ColorPickerWithContext);
107
109
 
108
110
  export default index;
109
111
  export { PureColorPicker };
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,7 @@
1
1
  import React, { useRef, useState, useEffect } from 'react';
2
2
  import { __rest, __assign } from '../../../../../../../_virtual/_tslib.js';
3
3
  import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
4
+ import { useResize } from '../../../../hooks/use_resize.js';
4
5
  import { createPortal } from 'react-dom';
5
6
  import cssClasses from '../../../../css/modal/main.module.less.js';
6
7
  import Modal from '../../components/modal.js';
@@ -40,7 +41,8 @@ var useStyles = createUseStyles({
40
41
  var AbsoluteModal = function (_a) {
41
42
  var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, withBackground = _a.withBackground, rest = __rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
42
43
  var modalRef = useRef(null);
43
- var _d = useState({}), position = _d[0], setPosition = _d[1];
44
+ var _d = useState(0), updater = _d[0], setUpdater = _d[1];
45
+ var _e = useState({}), position = _e[0], setPosition = _e[1];
44
46
  var classes = useStyles(__assign(__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
45
47
  useEffect(function () {
46
48
  var _a, _b;
@@ -52,10 +54,30 @@ var AbsoluteModal = function (_a) {
52
54
  transformLength: transformLength,
53
55
  animationDirection: animationDirection
54
56
  }));
55
- }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);
56
- return (React.createElement(React.Fragment, null,
57
- createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
58
- isVisible && withBackground && createPortal(React.createElement("div", { className: cssClasses['modal-window-mask'] }), document.body)));
57
+ }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible, updater]);
58
+ useResize(function () {
59
+ var _a, _b;
60
+ setPosition(calculateAbsolutePosition({
61
+ vPosition: vPosition,
62
+ hPosition: hPosition,
63
+ modalRect: (_b = (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a),
64
+ offset: offset,
65
+ transformLength: transformLength,
66
+ animationDirection: animationDirection
67
+ }));
68
+ }, 50);
69
+ useEffect(function () {
70
+ var observer = new MutationObserver(function () {
71
+ setUpdater(function (updater) { return updater + 1; });
72
+ });
73
+ if (modalRef.current) {
74
+ observer.observe(modalRef.current, { childList: true, subtree: true });
75
+ }
76
+ return function () { return observer.disconnect(); };
77
+ }, []);
78
+ return createPortal(React.createElement(React.Fragment, null,
79
+ React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children),
80
+ isVisible && withBackground && React.createElement("div", { className: cssClasses['modal-window-mask'] })), document.body);
59
81
  };
60
82
 
61
83
  export default AbsoluteModal;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare type TWithTranslation = <T>(children: React.FC<T>) => React.FC<T>;
@@ -0,0 +1,2 @@
1
+ import 'react';
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/utilities/translation/types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { TWithTranslation } from "./types";
2
+ declare const withTranslation: TWithTranslation;
3
+ export default withTranslation;
@@ -0,0 +1,13 @@
1
+ import i18next from '../../../../../external/i18next/dist/esm/i18next.js';
2
+ import React from 'react';
3
+ import { I18nextProvider } from '../../../../../external/react-i18next/dist/es/I18nextProvider.js';
4
+ import '../../i18n.js';
5
+ import { __assign } from '../../../../../_virtual/_tslib.js';
6
+
7
+ var withTranslation = function (ChildComponent) { return function (props) {
8
+ return (React.createElement(I18nextProvider, { i18n: i18next },
9
+ React.createElement(ChildComponent, __assign({}, props))));
10
+ }; };
11
+
12
+ export default withTranslation;
13
+ //# sourceMappingURL=with_translation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,qDAAyD;AAC7E;AACA,gCAAgC,kEAAsE;AACtG;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.1.1",
4
4
  "sideEffects": false,
5
- "version": "0.3.4-179",
5
+ "version": "0.3.4-182",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -1,4 +0,0 @@
1
- import { FC } from 'react';
2
- import { IAbsoluteModalProps, IModalProps } from '@auroraComponents/modal/types';
3
- declare const AbsoluteModal: FC<IAbsoluteModalProps & IModalProps>;
4
- export default AbsoluteModal;
@@ -1,84 +0,0 @@
1
- import './i18n';
2
- /**
3
- * import components for export
4
- */
5
- import Button from '@auroraComponents/button';
6
- import ButtonsGroup from '@auroraComponents/buttons_group';
7
- import ColorPicker from '@auroraComponents/color_picker';
8
- import ControlInput from '@auroraComponents/controls/hoc/control_input';
9
- import ControlCheckbox from '@auroraComponents/controls/hoc/control_checkbox';
10
- import ControlCheckboxSwitch from '@auroraComponents/controls/hoc/control_checkbox_switch';
11
- import ControlRadio from '@auroraComponents/controls/hoc/control_radio';
12
- import ControlRange from '@auroraComponents/controls/hoc/control_range';
13
- import ControlDatepicker from '@auroraComponents/controls/hoc/control_date_picker';
14
- import ControlColorPicker from '@auroraComponents/controls/hoc/control_color_picker';
15
- import ControlTagsSelector from '@auroraComponents/controls/hoc/control_tags_selector';
16
- import ControlTextarea from '@auroraComponents/controls/hoc/control_textarea';
17
- import ControlSelect from '@auroraComponents/controls/hoc/control_select';
18
- import ControlMultiSelect from '@auroraComponents/controls/hoc/control_multi_select';
19
- import ControlFilePicker from '@auroraComponents/controls/hoc/control_file_picker';
20
- import ControlCellSelector from '@auroraComponents/controls/hoc/control_cell_selector';
21
- import Datepicker from '@auroraComponents/date_picker';
22
- import Dropdown from '@auroraComponents/dropdown';
23
- import Gallery from '@auroraComponents/gallery';
24
- import Grid from '@auroraComponents/grid';
25
- import Heading from '@auroraComponents/heading';
26
- import Label from '@auroraComponents/label';
27
- import FilePicker from '@auroraComponents/file_picker';
28
- import ModalProvider from '@auroraComponents/modal/hoc/modal_provider';
29
- import AbsoluteModal from '@auroraComponents/modal/hoc/absolute_modal';
30
- import RelativeModal from '@auroraComponents/modal/hoc/relative_modal';
31
- import MultiSelect from '@auroraComponents/dropdown/hoc/multiselect';
32
- import Modal from '@auroraComponents/modal';
33
- import Select from '@auroraComponents/dropdown/hoc/select';
34
- import Spacing from '@auroraComponents/spacing';
35
- import Table from '@auroraComponents/table';
36
- import DataTable from '@auroraComponents/table/hoc/data-table';
37
- import { TabItem, Tabs } from '@auroraComponents/tabs';
38
- import Tag from '@auroraComponents/tag';
39
- import TagsSelector from '@auroraComponents/tags_selector';
40
- import Hint from '@auroraComponents/hint';
41
- import Loader from '@auroraComponents/loader';
42
- import WithLoader from '@auroraComponents/with_loader';
43
- import Tooltip from '@auroraComponents/tooltip';
44
- /**
45
- * Assets
46
- */
47
- import IconCalendar from '@auroraAssets/icon_calendar';
48
- import IconArrow from '@auroraAssets/icon_arrow';
49
- import IconTick from '@auroraAssets/icon_tick';
50
- /**
51
- * import context for export
52
- */
53
- import { DropdownContext } from '@auroraComponents/dropdown/context';
54
- import { ModalContext } from '@auroraComponents/modal/context/modal_context';
55
- /**
56
- * import types for export
57
- */
58
- import { IDropdownProps, ISelectOption } from '@auroraComponents/dropdown/types';
59
- import { IHeadingProps } from '@auroraComponents/heading/types';
60
- import { ICellProps, IIRowProps, ITableProps } from '@auroraComponents/table/types';
61
- import { IDropdownContext } from '@auroraComponents/dropdown/context/types';
62
- import ControlRadioGroup from '@auroraComponents/controls/hoc/control_radio_group';
63
- import { IControlRadioGroupOption } from '@auroraComponents/controls/types';
64
- import { IColor } from '@auroraComponents/color_picker/types';
65
- import { IDatepickerRange } from '@auroraComponents/date_picker/types';
66
- import { TFilePickerFile } from '@auroraComponents/file_picker/types';
67
- import MessageBox from '@auroraComponents/message-box';
68
- import FlashMessenger from '@auroraComponents/flash_messenger';
69
- import { TMessageBoxType } from '@auroraComponents/message-box/types';
70
- import { useFlashMessenger } from '@auroraComponents/flash_messenger/context';
71
- import { ILoaderProps } from '@auroraComponents/loader/types';
72
- import { IWithLoader } from '@auroraComponents/with_loader/types';
73
- /**
74
- * export hooks
75
- */
76
- import { useDropdownContext } from '@auroraComponents/dropdown/context';
77
- /**
78
- * export components
79
- */
80
- export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext };
81
- /**
82
- * export types
83
- */
84
- export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader };
@@ -1,146 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- parameters: {
4
- storySource: {
5
- source: string;
6
- locationsMap: {
7
- "standard-button": {
8
- startLoc: {
9
- col: number;
10
- line: number;
11
- };
12
- endLoc: {
13
- col: number;
14
- line: number;
15
- };
16
- startBody: {
17
- col: number;
18
- line: number;
19
- };
20
- endBody: {
21
- col: number;
22
- line: number;
23
- };
24
- };
25
- "small-button": {
26
- startLoc: {
27
- col: number;
28
- line: number;
29
- };
30
- endLoc: {
31
- col: number;
32
- line: number;
33
- };
34
- startBody: {
35
- col: number;
36
- line: number;
37
- };
38
- endBody: {
39
- col: number;
40
- line: number;
41
- };
42
- };
43
- "outline-button": {
44
- startLoc: {
45
- col: number;
46
- line: number;
47
- };
48
- endLoc: {
49
- col: number;
50
- line: number;
51
- };
52
- startBody: {
53
- col: number;
54
- line: number;
55
- };
56
- endBody: {
57
- col: number;
58
- line: number;
59
- };
60
- };
61
- "button-link": {
62
- startLoc: {
63
- col: number;
64
- line: number;
65
- };
66
- endLoc: {
67
- col: number;
68
- line: number;
69
- };
70
- startBody: {
71
- col: number;
72
- line: number;
73
- };
74
- endBody: {
75
- col: number;
76
- line: number;
77
- };
78
- };
79
- "button-link-small": {
80
- startLoc: {
81
- col: number;
82
- line: number;
83
- };
84
- endLoc: {
85
- col: number;
86
- line: number;
87
- };
88
- startBody: {
89
- col: number;
90
- line: number;
91
- };
92
- endBody: {
93
- col: number;
94
- line: number;
95
- };
96
- };
97
- "link-button": {
98
- startLoc: {
99
- col: number;
100
- line: number;
101
- };
102
- endLoc: {
103
- col: number;
104
- line: number;
105
- };
106
- startBody: {
107
- col: number;
108
- line: number;
109
- };
110
- endBody: {
111
- col: number;
112
- line: number;
113
- };
114
- };
115
- "link-button-with-onclick-function": {
116
- startLoc: {
117
- col: number;
118
- line: number;
119
- };
120
- endLoc: {
121
- col: number;
122
- line: number;
123
- };
124
- startBody: {
125
- col: number;
126
- line: number;
127
- };
128
- endBody: {
129
- col: number;
130
- line: number;
131
- };
132
- };
133
- };
134
- };
135
- };
136
- title: string;
137
- component: React.FC<import("../../src/components/button/types").IButtonProps>;
138
- };
139
- export default _default;
140
- export declare const StandardButton: () => JSX.Element;
141
- export declare const SmallButton: () => JSX.Element;
142
- export declare const OutlineButton: () => JSX.Element;
143
- export declare const ButtonLink: () => JSX.Element;
144
- export declare const ButtonLinkSmall: () => JSX.Element;
145
- export declare const LinkButton: () => JSX.Element;
146
- export declare const LinkButtonWithOnclickFunction: () => JSX.Element;
@@ -1,90 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- parameters: {
4
- storySource: {
5
- source: string;
6
- locationsMap: {
7
- "standard-cell-selector": {
8
- startLoc: {
9
- col: number;
10
- line: number;
11
- };
12
- endLoc: {
13
- col: number;
14
- line: number;
15
- };
16
- startBody: {
17
- col: number;
18
- line: number;
19
- };
20
- endBody: {
21
- col: number;
22
- line: number;
23
- };
24
- };
25
- "standard-control-cell-selector": {
26
- startLoc: {
27
- col: number;
28
- line: number;
29
- };
30
- endLoc: {
31
- col: number;
32
- line: number;
33
- };
34
- startBody: {
35
- col: number;
36
- line: number;
37
- };
38
- endBody: {
39
- col: number;
40
- line: number;
41
- };
42
- };
43
- "control-cell-selector-with-label": {
44
- startLoc: {
45
- col: number;
46
- line: number;
47
- };
48
- endLoc: {
49
- col: number;
50
- line: number;
51
- };
52
- startBody: {
53
- col: number;
54
- line: number;
55
- };
56
- endBody: {
57
- col: number;
58
- line: number;
59
- };
60
- };
61
- "control-cell-selector-with-knobs": {
62
- startLoc: {
63
- col: number;
64
- line: number;
65
- };
66
- endLoc: {
67
- col: number;
68
- line: number;
69
- };
70
- startBody: {
71
- col: number;
72
- line: number;
73
- };
74
- endBody: {
75
- col: number;
76
- line: number;
77
- };
78
- };
79
- };
80
- };
81
- };
82
- title: string;
83
- component: React.FC<import("../../../src/components/controls/types").ICellSelector>;
84
- decorators: ((...args: any) => any)[];
85
- };
86
- export default _default;
87
- export declare const StandardCellSelector: () => JSX.Element;
88
- export declare const StandardControlCellSelector: () => JSX.Element;
89
- export declare const ControlCellSelectorWithLabel: () => JSX.Element;
90
- export declare const ControlCellSelectorWithKnobs: () => JSX.Element;