@dreamcommerce/aurora 2.9.1 → 2.9.2-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 (18) hide show
  1. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/slide/index.js +8 -2
  3. package/build/cjs/packages/aurora/src/components/slide/index.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/hooks/use_click_outside.js +1 -0
  5. package/build/cjs/packages/aurora/src/hooks/use_click_outside.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/index.js +2 -0
  7. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  8. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +1 -1
  9. package/build/esm/packages/aurora/src/components/slide/index.js +8 -2
  10. package/build/esm/packages/aurora/src/components/slide/index.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/slide/types.d.ts +1 -0
  12. package/build/esm/packages/aurora/src/hooks/use_click_outside.d.ts +1 -0
  13. package/build/esm/packages/aurora/src/hooks/use_click_outside.js +1 -0
  14. package/build/esm/packages/aurora/src/hooks/use_click_outside.js.map +1 -1
  15. package/build/esm/packages/aurora/src/index.d.ts +2 -1
  16. package/build/esm/packages/aurora/src/index.js +1 -0
  17. package/build/esm/packages/aurora/src/index.js.map +1 -1
  18. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js CHANGED
@@ -15,7 +15,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
15
15
  const [isPreview, setPreview] = React.useState(true);
16
16
  const reader = React.useRef(new FileReader());
17
17
  React.useEffect(() => {
18
- setFile(initialFile);
18
+ initialFile && setFile(initialFile);
19
19
  reader.current && getDataUrlFromFile(reader.current.result);
20
20
  reader.current.addEventListener('load', () => getDataUrlFromFile(reader.current.result), false);
21
21
  return () => reader.current.removeEventListener('load', () => getDataUrlFromFile(reader.current.result));
package/build/cjs/packages/aurora/src/components/slide/index.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var directions = require('../../constants/directions.js');
8
+ var use_click_outside = require('../../hooks/use_click_outside.js');
8
9
  var css_classes = require('./css_classes.js');
9
10
  var main_module = require('../../css/slide/main.module.less.js');
10
11
 
@@ -13,7 +14,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
15
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
16
 
16
- const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames = '', children }) => {
17
+ const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames = '', children, onClickOutside }) => {
18
+ const ref = React__default['default'].useRef(null);
19
+ use_click_outside.useClickOutside([ref], () => {
20
+ if (isOpen)
21
+ onClickOutside === null || onClickOutside === void 0 ? void 0 : onClickOutside();
22
+ });
17
23
  if (autoOpen)
18
24
  isOpen = true;
19
25
  let directionClass;
@@ -35,7 +41,7 @@ const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurati
35
41
  [main_module['default'][css_classes['default'].slideIsOpen]]: isOpen,
36
42
  [classNames]: classNames
37
43
  });
38
- return (React__default['default'].createElement("div", { className: slideClassNames, style: {
44
+ return (React__default['default'].createElement("div", { ref: ref, className: slideClassNames, style: {
39
45
  animationDuration: `${animationDurationMs}ms`,
40
46
  top: (position === null || position === void 0 ? void 0 : position.top) ? `${position.top}px` : '',
41
47
  right: (position === null || position === void 0 ? void 0 : position.right) ? `${position.right}px` : '',
package/build/cjs/packages/aurora/src/components/slide/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/cjs/packages/aurora/src/hooks/use_click_outside.js CHANGED
@@ -26,5 +26,6 @@ function useClickOutside(refs, callback) {
26
26
  });
27
27
  }
28
28
 
29
+ exports.default = useClickOutside;
29
30
  exports.useClickOutside = useClickOutside;
30
31
  //# sourceMappingURL=use_click_outside.js.map
package/build/cjs/packages/aurora/src/hooks/use_click_outside.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/cjs/packages/aurora/src/index.js CHANGED
@@ -12,6 +12,7 @@ var icon_tick = require('./assets/icon_tick.js');
12
12
  var index$8 = require('./components/stack/index.js');
13
13
  var index$7 = require('./components/label/index.js');
14
14
  var index$9 = require('./components/controls/index.js');
15
+ var use_click_outside = require('./hooks/use_click_outside.js');
15
16
  var icon_arrow = require('./assets/icon_arrow.js');
16
17
  var index$b = require('./components/controls/hoc/control_checkbox/index.js');
17
18
  var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
@@ -99,6 +100,7 @@ exports.IconTick = icon_tick['default'];
99
100
  exports.Stack = index$8['default'];
100
101
  exports.Label = index$7['default'];
101
102
  exports.Control = index$9['default'];
103
+ exports.useClickOutside = use_click_outside.useClickOutside;
102
104
  exports.IconArrow = icon_arrow['default'];
103
105
  exports.ControlCheckbox = index$b['default'];
104
106
  exports.useToggle = use_toggle.useToggle;
package/build/cjs/packages/aurora/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js CHANGED
@@ -11,7 +11,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
11
11
  const [isPreview, setPreview] = useState(true);
12
12
  const reader = useRef(new FileReader());
13
13
  useEffect(() => {
14
- setFile(initialFile);
14
+ initialFile && setFile(initialFile);
15
15
  reader.current && getDataUrlFromFile(reader.current.result);
16
16
  reader.current.addEventListener('load', () => getDataUrlFromFile(reader.current.result), false);
17
17
  return () => reader.current.removeEventListener('load', () => getDataUrlFromFile(reader.current.result));
package/build/esm/packages/aurora/src/components/slide/index.js CHANGED
@@ -1,10 +1,16 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
3
  import { DIRECTION } from '../../constants/directions.js';
4
+ import { useClickOutside } from '../../hooks/use_click_outside.js';
4
5
  import CSS_CLASSES from './css_classes.js';
5
6
  import cssClasses from '../../css/slide/main.module.less.js';
6
7
 
7
- const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames = '', children }) => {
8
+ const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames = '', children, onClickOutside }) => {
9
+ const ref = React.useRef(null);
10
+ useClickOutside([ref], () => {
11
+ if (isOpen)
12
+ onClickOutside === null || onClickOutside === void 0 ? void 0 : onClickOutside();
13
+ });
8
14
  if (autoOpen)
9
15
  isOpen = true;
10
16
  let directionClass;
@@ -26,7 +32,7 @@ const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurati
26
32
  [cssClasses[CSS_CLASSES.slideIsOpen]]: isOpen,
27
33
  [classNames]: classNames
28
34
  });
29
- return (React.createElement("div", { className: slideClassNames, style: {
35
+ return (React.createElement("div", { ref: ref, className: slideClassNames, style: {
30
36
  animationDuration: `${animationDurationMs}ms`,
31
37
  top: (position === null || position === void 0 ? void 0 : position.top) ? `${position.top}px` : '',
32
38
  right: (position === null || position === void 0 ? void 0 : position.right) ? `${position.right}px` : '',
package/build/esm/packages/aurora/src/components/slide/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/slide/types.d.ts CHANGED
@@ -8,6 +8,7 @@ export interface ISlideProps {
8
8
  animationDurationMs?: number;
9
9
  classNames?: string;
10
10
  children: ReactNode;
11
+ onClickOutside?: () => void;
11
12
  }
12
13
  export interface ISlideWrapper {
13
14
  classNames?: string;
package/build/esm/packages/aurora/src/hooks/use_click_outside.d.ts CHANGED
@@ -7,3 +7,4 @@
7
7
  * @returns {void} void
8
8
  */
9
9
  export declare function useClickOutside(refs: Array<React.RefObject<HTMLElement>>, callback: () => void): void;
10
+ export default useClickOutside;
package/build/esm/packages/aurora/src/hooks/use_click_outside.js CHANGED
@@ -22,5 +22,6 @@ function useClickOutside(refs, callback) {
22
22
  });
23
23
  }
24
24
 
25
+ export default useClickOutside;
25
26
  export { useClickOutside };
26
27
  //# sourceMappingURL=use_click_outside.js.map
package/build/esm/packages/aurora/src/hooks/use_click_outside.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/esm/packages/aurora/src/index.d.ts CHANGED
@@ -109,13 +109,14 @@ import { Tree } from "./components/tree";
109
109
  import { TreeNode } from "./components/tree/components/tree_node";
110
110
  import { ScrollSyncContainer } from "./components/scroll_sync/components/scroll_sync_container";
111
111
  import { ScrollSync } from "./components/scroll_sync";
112
+ import { useClickOutside } from "./hooks/use_click_outside";
112
113
  /**
113
114
  * export hooks
114
115
  */
115
116
  /**
116
117
  * export components
117
118
  */
118
- export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, 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 };
119
+ export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, 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 };
119
120
  /**
120
121
  * export types
121
122
  */
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -8,6 +8,7 @@ export { default as IconTick } from './assets/icon_tick.js';
8
8
  export { default as Stack } from './components/stack/index.js';
9
9
  export { default as Label } from './components/label/index.js';
10
10
  export { default as Control } from './components/controls/index.js';
11
+ export { useClickOutside } from './hooks/use_click_outside.js';
11
12
  export { default as IconArrow } from './assets/icon_arrow.js';
12
13
  export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
13
14
  export { useToggle } from './components/dropdown/hooks/use_toggle.js';
package/build/esm/packages/aurora/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
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.9.1",
5
+ "version": "2.9.2-1",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",