@dreamcommerce/aurora 3.0.0-56 → 3.0.0-57
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/sidebar/components/persistent_sidebar.js +7 -6
- package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/stack/stack.js +1 -12
- package/build/cjs/packages/aurora/src/components/stack/stack.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +7 -6
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/stack/stack.js +3 -14
- package/build/esm/packages/aurora/src/components/stack/stack.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,11 +11,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
var _excluded = ["className", "width", "children"];
|
|
14
|
+
var _excluded = ["className", "width", "children", "TriggerButton", "side"];
|
|
15
15
|
var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
|
|
16
16
|
var className = _ref.className,
|
|
17
17
|
width = _ref.width,
|
|
18
18
|
children = _ref.children,
|
|
19
|
+
TriggerButton = _ref.TriggerButton,
|
|
20
|
+
side = _ref.side,
|
|
19
21
|
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
20
22
|
var _useSidebar = use_sidebar.useSidebar(),
|
|
21
23
|
open = _useSidebar.open;
|
|
@@ -32,11 +34,10 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
|
|
|
32
34
|
maxWidth: open ? width : 0,
|
|
33
35
|
minWidth: open ? width : 0
|
|
34
36
|
}
|
|
35
|
-
}, props), /*#__PURE__*/React__default['default'].createElement(
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
})
|
|
37
|
+
}, props), TriggerButton ? /*#__PURE__*/React__default['default'].createElement(TriggerButton, {
|
|
38
|
+
side: side
|
|
39
|
+
}) : null, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
40
|
+
className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full')
|
|
40
41
|
}, children));
|
|
41
42
|
});
|
|
42
43
|
PersistentSidebar.displayName = 'PersistentSidebar';
|
package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.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;"}
|
|
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;"}
|
|
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
|
|
15
|
-
var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "
|
|
15
|
+
var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
|
|
16
16
|
var stackVariants = index.cva('aurora-flex', {
|
|
17
17
|
variants: {
|
|
18
18
|
direction: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), stack_constants.STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), stack_constants.STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), stack_constants.STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
|
|
@@ -40,7 +40,6 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
|
|
|
40
40
|
as = _ref$as === void 0 ? 'div' : _ref$as,
|
|
41
41
|
_ref$inline = _ref.inline,
|
|
42
42
|
inline = _ref$inline === void 0 ? false : _ref$inline,
|
|
43
|
-
attributes = _ref.attributes,
|
|
44
43
|
width = _ref.width,
|
|
45
44
|
minWidth = _ref.minWidth,
|
|
46
45
|
maxWidth = _ref.maxWidth,
|
|
@@ -53,16 +52,6 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
|
|
|
53
52
|
React.useImperativeHandle(ref, function () {
|
|
54
53
|
return internalRef.current;
|
|
55
54
|
}, []);
|
|
56
|
-
React.useEffect(function () {
|
|
57
|
-
if (!internalRef.current || !attributes) return;
|
|
58
|
-
Object.entries(attributes).forEach(function (_ref2) {
|
|
59
|
-
var _internalRef$current;
|
|
60
|
-
var _ref3 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 2),
|
|
61
|
-
key = _ref3[0],
|
|
62
|
-
value = _ref3[1];
|
|
63
|
-
(_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.setAttribute(key, value);
|
|
64
|
-
});
|
|
65
|
-
}, [attributes]);
|
|
66
55
|
var display = inline ? 'inline' : null;
|
|
67
56
|
return /*#__PURE__*/React__default['default'].createElement(as, _rollupPluginBabelHelpers.objectSpread2({
|
|
68
57
|
ref: internalRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -2,4 +2,8 @@ import React from 'react';
|
|
|
2
2
|
export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
3
3
|
width?: string | undefined;
|
|
4
4
|
className?: string | undefined;
|
|
5
|
+
side?: "left" | "right" | undefined;
|
|
6
|
+
TriggerButton?: React.ComponentType<{
|
|
7
|
+
side?: "left" | "right" | undefined;
|
|
8
|
+
}> | undefined;
|
|
5
9
|
}, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
|
|
@@ -3,11 +3,13 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
|
|
|
3
3
|
import { cn } from '../../../utilities/cn.js';
|
|
4
4
|
import { useSidebar } from '../hooks/use_sidebar.js';
|
|
5
5
|
|
|
6
|
-
var _excluded = ["className", "width", "children"];
|
|
6
|
+
var _excluded = ["className", "width", "children", "TriggerButton", "side"];
|
|
7
7
|
var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8
8
|
var className = _ref.className,
|
|
9
9
|
width = _ref.width,
|
|
10
10
|
children = _ref.children,
|
|
11
|
+
TriggerButton = _ref.TriggerButton,
|
|
12
|
+
side = _ref.side,
|
|
11
13
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
12
14
|
var _useSidebar = useSidebar(),
|
|
13
15
|
open = _useSidebar.open;
|
|
@@ -24,11 +26,10 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
24
26
|
maxWidth: open ? width : 0,
|
|
25
27
|
minWidth: open ? width : 0
|
|
26
28
|
}
|
|
27
|
-
}, props), /*#__PURE__*/React.createElement(
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
})
|
|
29
|
+
}, props), TriggerButton ? /*#__PURE__*/React.createElement(TriggerButton, {
|
|
30
|
+
side: side
|
|
31
|
+
}) : null, /*#__PURE__*/React.createElement("div", {
|
|
32
|
+
className: cn('aurora-overflow-auto aurora-h-full aurora-w-full')
|
|
32
33
|
}, children));
|
|
33
34
|
});
|
|
34
35
|
PersistentSidebar.displayName = 'PersistentSidebar';
|
package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.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;"}
|
|
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;"}
|
package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts
CHANGED
|
@@ -3,6 +3,10 @@ import { TSidebarSide } from "../sidebar_types_types";
|
|
|
3
3
|
export declare type TPersistentSidebarProps = {
|
|
4
4
|
width?: string;
|
|
5
5
|
className?: string;
|
|
6
|
+
side?: TSidebarSide;
|
|
7
|
+
TriggerButton?: React.ComponentType<{
|
|
8
|
+
side?: TSidebarSide;
|
|
9
|
+
}>;
|
|
6
10
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
7
11
|
export declare type TTemporalSidebar = React.PropsWithoutRef<{
|
|
8
12
|
width?: string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React, { useRef, useImperativeHandle
|
|
2
|
-
import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties,
|
|
1
|
+
import React, { useRef, useImperativeHandle } from 'react';
|
|
2
|
+
import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../utilities/cn.js';
|
|
4
4
|
import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
|
|
5
5
|
import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
|
|
6
6
|
|
|
7
|
-
var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "
|
|
7
|
+
var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
|
|
8
8
|
var stackVariants = cva('aurora-flex', {
|
|
9
9
|
variants: {
|
|
10
10
|
direction: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
|
|
@@ -32,7 +32,6 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
32
32
|
as = _ref$as === void 0 ? 'div' : _ref$as,
|
|
33
33
|
_ref$inline = _ref.inline,
|
|
34
34
|
inline = _ref$inline === void 0 ? false : _ref$inline,
|
|
35
|
-
attributes = _ref.attributes,
|
|
36
35
|
width = _ref.width,
|
|
37
36
|
minWidth = _ref.minWidth,
|
|
38
37
|
maxWidth = _ref.maxWidth,
|
|
@@ -45,16 +44,6 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
45
44
|
useImperativeHandle(ref, function () {
|
|
46
45
|
return internalRef.current;
|
|
47
46
|
}, []);
|
|
48
|
-
useEffect(function () {
|
|
49
|
-
if (!internalRef.current || !attributes) return;
|
|
50
|
-
Object.entries(attributes).forEach(function (_ref2) {
|
|
51
|
-
var _internalRef$current;
|
|
52
|
-
var _ref3 = _slicedToArray(_ref2, 2),
|
|
53
|
-
key = _ref3[0],
|
|
54
|
-
value = _ref3[1];
|
|
55
|
-
(_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.setAttribute(key, value);
|
|
56
|
-
});
|
|
57
|
-
}, [attributes]);
|
|
58
47
|
var display = inline ? 'inline' : null;
|
|
59
48
|
return /*#__PURE__*/React.createElement(as, _objectSpread2({
|
|
60
49
|
ref: internalRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|