@dreamcommerce/aurora 2.9.0-7 → 2.9.0-8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/packages/aurora/src/components/dropdown/components/custom_label.js +3 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/custom_label.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.js +1 -0
- package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/stack/index.js +4 -2
- package/build/cjs/packages/aurora/src/components/stack/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/custom_label.js +3 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/custom_label.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.js +1 -0
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.js.map +1 -1
- package/build/esm/packages/aurora/src/components/stack/index.js +4 -2
- package/build/esm/packages/aurora/src/components/stack/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts +2 -0
- package/package.json +1 -1
|
@@ -14,9 +14,11 @@ const CustomLabel = ({ children, disabled }) => {
|
|
|
14
14
|
const { toggleDropdown, isOpen } = index.useDropdownContext();
|
|
15
15
|
const ref = React.useRef(null);
|
|
16
16
|
use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
17
|
-
const handleOnClick = () => {
|
|
17
|
+
const handleOnClick = (ev) => {
|
|
18
18
|
if (disabled)
|
|
19
19
|
return;
|
|
20
|
+
ev.preventDefault();
|
|
21
|
+
ev.stopPropagation();
|
|
20
22
|
toggleDropdown && toggleDropdown();
|
|
21
23
|
};
|
|
22
24
|
return (React__default['default'].createElement("div", { onClick: handleOnClick, ref: ref, tabIndex: 0 }, children));
|
|
@@ -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;AACA;"}
|
|
@@ -10,5 +10,6 @@ const useKeyboardOpenClose = (toggleDropdown, isOpen, ref) => {
|
|
|
10
10
|
use_key_down.useKeyDown(['Esc|Escape'], () => isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()), ref);
|
|
11
11
|
};
|
|
12
12
|
|
|
13
|
+
exports.default = useKeyboardOpenClose;
|
|
13
14
|
exports.useKeyboardOpenClose = useKeyboardOpenClose;
|
|
14
15
|
//# sourceMappingURL=use_keyboard_open_close.js.map
|
package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.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;"}
|
|
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;"}
|
|
@@ -13,11 +13,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
15
15
|
|
|
16
|
-
const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false, style = {} }) => {
|
|
16
|
+
const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter }) => {
|
|
17
17
|
const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
|
|
18
18
|
return React__default['default'].createElement(as, {
|
|
19
19
|
className: `${stackClass}`,
|
|
20
|
-
style: { gap: `${spacing}px`, ...style }
|
|
20
|
+
style: { gap: `${spacing}px`, ...style },
|
|
21
|
+
onMouseEnter,
|
|
22
|
+
onMouseLeave
|
|
21
23
|
}, children);
|
|
22
24
|
};
|
|
23
25
|
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -6,9 +6,11 @@ const CustomLabel = ({ children, disabled }) => {
|
|
|
6
6
|
const { toggleDropdown, isOpen } = useDropdownContext();
|
|
7
7
|
const ref = useRef(null);
|
|
8
8
|
useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
9
|
-
const handleOnClick = () => {
|
|
9
|
+
const handleOnClick = (ev) => {
|
|
10
10
|
if (disabled)
|
|
11
11
|
return;
|
|
12
|
+
ev.preventDefault();
|
|
13
|
+
ev.stopPropagation();
|
|
12
14
|
toggleDropdown && toggleDropdown();
|
|
13
15
|
};
|
|
14
16
|
return (React.createElement("div", { onClick: handleOnClick, ref: ref, tabIndex: 0 }, children));
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -6,5 +6,6 @@ const useKeyboardOpenClose = (toggleDropdown, isOpen, ref) => {
|
|
|
6
6
|
useKeyDown(['Esc|Escape'], () => isOpen && (toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown()), ref);
|
|
7
7
|
};
|
|
8
8
|
|
|
9
|
+
export default useKeyboardOpenClose;
|
|
9
10
|
export { useKeyboardOpenClose };
|
|
10
11
|
//# sourceMappingURL=use_keyboard_open_close.js.map
|
package/build/esm/packages/aurora/src/components/dropdown/hooks/use_keyboard_open_close.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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,11 +4,13 @@ import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, S
|
|
|
4
4
|
import cssClasses from '../../css/stack/main.module.less.js';
|
|
5
5
|
import { cssStack } from './css_classes.js';
|
|
6
6
|
|
|
7
|
-
const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false, style = {} }) => {
|
|
7
|
+
const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter }) => {
|
|
8
8
|
const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
|
|
9
9
|
return React.createElement(as, {
|
|
10
10
|
className: `${stackClass}`,
|
|
11
|
-
style: { gap: `${spacing}px`, ...style }
|
|
11
|
+
style: { gap: `${spacing}px`, ...style },
|
|
12
|
+
onMouseEnter,
|
|
13
|
+
onMouseLeave
|
|
12
14
|
}, children);
|
|
13
15
|
};
|
|
14
16
|
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -12,6 +12,8 @@ export declare type TStackProps = {
|
|
|
12
12
|
as?: string;
|
|
13
13
|
inline?: boolean;
|
|
14
14
|
style?: Record<any, any>;
|
|
15
|
+
onMouseEnter?: (event: React.MouseEvent) => void;
|
|
16
|
+
onMouseLeave?: (event: React.MouseEvent) => void;
|
|
15
17
|
};
|
|
16
18
|
export declare type TStackJustify = Any.Keys<typeof STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP>;
|
|
17
19
|
export declare type TStackDirection = Any.Keys<typeof STACK_DIRECTIONS_TO_CSS_CLASSES_MAP>;
|