@dreamcommerce/aurora 3.0.0-56 → 3.0.0-58
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/sidebar/sidebar.js +15 -21
- package/build/cjs/packages/aurora/src/components/sidebar/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/sidebar/context/sidebar_context_types.d.ts +8 -0
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.js +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.d.ts +2 -2
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.js +16 -22
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts +4 -7
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js +1 -0
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js.map +1 -1
- 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;"}
|
|
@@ -13,30 +13,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
|
|
16
|
-
var _excluded = ["children", "variant", "
|
|
16
|
+
var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen"];
|
|
17
17
|
var Sidebar = function Sidebar(_ref) {
|
|
18
18
|
var children = _ref.children,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
container = _ref.container,
|
|
26
|
-
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
27
|
-
return /*#__PURE__*/React__default['default'].createElement(sidebar_prvider.SidebarProvider, _rollupPluginBabelHelpers.objectSpread2({
|
|
19
|
+
variant = _ref.variant,
|
|
20
|
+
open = _ref.open,
|
|
21
|
+
onOpenChange = _ref.onOpenChange,
|
|
22
|
+
defaultOpen = _ref.defaultOpen,
|
|
23
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
24
|
+
return /*#__PURE__*/React__default['default'].createElement(sidebar_prvider.SidebarProvider, {
|
|
28
25
|
variant: variant,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}, children)) : (/*#__PURE__*/React__default['default'].createElement(temporal_sidebar.TemporalSidebar, {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
width: width,
|
|
38
|
-
className: className
|
|
39
|
-
}, children)));
|
|
26
|
+
open: open,
|
|
27
|
+
onOpenChange: onOpenChange,
|
|
28
|
+
defaultOpen: defaultOpen
|
|
29
|
+
}, variant === sidebar_constants.SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default['default'].createElement(persistent_sidebar.PersistentSidebar, _rollupPluginBabelHelpers.objectSpread2({
|
|
30
|
+
variant: variant
|
|
31
|
+
}, rest), children)) : (/*#__PURE__*/React__default['default'].createElement(temporal_sidebar.TemporalSidebar, _rollupPluginBabelHelpers.objectSpread2({
|
|
32
|
+
variant: variant
|
|
33
|
+
}, rest), children)));
|
|
40
34
|
};
|
|
41
35
|
|
|
42
36
|
exports.Sidebar = Sidebar;
|
|
@@ -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;"}
|
|
@@ -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,5 +1,13 @@
|
|
|
1
|
+
import { TSidebarVariant } from "../sidebar_types_types";
|
|
1
2
|
export declare type TSidebarContext = {
|
|
2
3
|
toggle: () => void;
|
|
3
4
|
close: () => void;
|
|
4
5
|
open: boolean;
|
|
5
6
|
};
|
|
7
|
+
export declare type TSidebarProviderProps = {
|
|
8
|
+
variant?: TSidebarVariant;
|
|
9
|
+
open?: boolean;
|
|
10
|
+
onOpenChange?: (open: boolean) => void;
|
|
11
|
+
defaultOpen?: boolean;
|
|
12
|
+
persistentKey?: string;
|
|
13
|
+
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import '@auroraComponents/sidebar/sidebar_types_types';
|
|
2
2
|
//# sourceMappingURL=sidebar_context_types.js.map
|
package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar_context_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/context/sidebar_context_types.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"sidebar_context_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/context/sidebar_context_types.ts"],"names":[],"mappings":"AAAA,OAAgC,+CAA+C,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { PropsWithChildren } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
export declare const SidebarProvider: ({ open, defaultOpen, onOpenChange, children, persistentKey, variant }: PropsWithChildren<
|
|
3
|
+
import { TSidebarProviderProps } from "./sidebar_context_types";
|
|
4
|
+
export declare const SidebarProvider: ({ open, defaultOpen, onOpenChange, children, persistentKey, variant }: PropsWithChildren<TSidebarProviderProps>) => React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TSidebarProps } from "./sidebar_types_types";
|
|
2
2
|
import React, { PropsWithChildren } from 'react';
|
|
3
|
-
export declare const Sidebar: ({ children, variant,
|
|
3
|
+
export declare const Sidebar: <T extends "persistent" | "temporal">({ children, variant, open, onOpenChange, defaultOpen, ...rest }: React.PropsWithChildren<TSidebarProps<T>>) => React.JSX.Element;
|
|
@@ -1,34 +1,28 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import { SIDEBAR_VARIANTS
|
|
3
|
+
import { SIDEBAR_VARIANTS } from './sidebar_constants.js';
|
|
4
4
|
import { PersistentSidebar } from './components/persistent_sidebar.js';
|
|
5
5
|
import { SidebarProvider } from './context/sidebar_prvider.js';
|
|
6
6
|
import { TemporalSidebar } from './components/temporal_sidebar.js';
|
|
7
7
|
|
|
8
|
-
var _excluded = ["children", "variant", "
|
|
8
|
+
var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen"];
|
|
9
9
|
var Sidebar = function Sidebar(_ref) {
|
|
10
10
|
var children = _ref.children,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
container = _ref.container,
|
|
18
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
return /*#__PURE__*/React.createElement(SidebarProvider, _objectSpread2({
|
|
11
|
+
variant = _ref.variant,
|
|
12
|
+
open = _ref.open,
|
|
13
|
+
onOpenChange = _ref.onOpenChange,
|
|
14
|
+
defaultOpen = _ref.defaultOpen,
|
|
15
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
16
|
+
return /*#__PURE__*/React.createElement(SidebarProvider, {
|
|
20
17
|
variant: variant,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}, children)) : (/*#__PURE__*/React.createElement(TemporalSidebar, {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
width: width,
|
|
30
|
-
className: className
|
|
31
|
-
}, children)));
|
|
18
|
+
open: open,
|
|
19
|
+
onOpenChange: onOpenChange,
|
|
20
|
+
defaultOpen: defaultOpen
|
|
21
|
+
}, variant === SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React.createElement(PersistentSidebar, _objectSpread2({
|
|
22
|
+
variant: variant
|
|
23
|
+
}, rest), children)) : (/*#__PURE__*/React.createElement(TemporalSidebar, _objectSpread2({
|
|
24
|
+
variant: variant
|
|
25
|
+
}, rest), children)));
|
|
32
26
|
};
|
|
33
27
|
|
|
34
28
|
export { Sidebar };
|
|
@@ -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;
|
|
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;"}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SIDEBAR_SIDE, SIDEBAR_VARIANTS } from "./sidebar_constants";
|
|
3
3
|
import { Any } from 'ts-toolbelt';
|
|
4
|
+
import { TPersistentSidebarProps, TTemporalSidebar } from "./components/sidebar_components_types";
|
|
4
5
|
export declare type TSidebarVariant = Any.Keys<typeof SIDEBAR_VARIANTS>;
|
|
5
6
|
export declare type TSidebarSide = Any.Keys<typeof SIDEBAR_SIDE>;
|
|
6
|
-
export declare type TSidebarProps = {
|
|
7
|
-
variant
|
|
7
|
+
export declare type TSidebarProps<T extends TSidebarVariant> = {
|
|
8
|
+
variant: T;
|
|
8
9
|
open?: boolean;
|
|
9
10
|
onOpenChange?: (open: boolean) => void;
|
|
10
11
|
defaultOpen?: boolean;
|
|
11
|
-
side?: TSidebarSide;
|
|
12
|
-
width?: string;
|
|
13
|
-
className?: string;
|
|
14
12
|
persistentKey?: string;
|
|
15
|
-
|
|
16
|
-
} & React.HTMLAttributes<HTMLHtmlElement>;
|
|
13
|
+
} & React.HTMLAttributes<HTMLHtmlElement> & (T extends typeof SIDEBAR_VARIANTS.persistent ? TPersistentSidebarProps : TTemporalSidebar);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+C,6CAA6C,CAAC;AAC7F,OAAoB,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+C,6CAA6C,CAAC;AAC7F,OAAoB,aAAa,CAAC;AAClC,OAA0D,+DAA+D,CAAC"}
|
|
@@ -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;"}
|