@dreamcommerce/aurora 3.0.0-40 → 3.0.0-41
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/drawer/components/drawer_close.js +10 -0
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_close.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_content.js +30 -0
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_content.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_portal.js +10 -0
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_portal.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_title.js +36 -0
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_title.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_trigger.js +10 -0
- package/build/cjs/packages/aurora/src/components/drawer/components/drawer_trigger.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/drawer/context/drawer_context.js +17 -0
- package/build/cjs/packages/aurora/src/components/drawer/context/drawer_context.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/drawer/drawer.js +29 -0
- package/build/cjs/packages/aurora/src/components/drawer/drawer.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/drawer/drawer_constants.js +13 -0
- package/build/cjs/packages/aurora/src/components/drawer/drawer_constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/drawer/drawer_variants.js +22 -0
- package/build/cjs/packages/aurora/src/components/drawer/drawer_variants.js.map +1 -0
- package/build/cjs/packages/aurora/src/index.js +12 -0
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_close.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_close.js +6 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_close.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_content.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_content.js +26 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_content.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_header.d.ts +5 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_header.js +5 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_header.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_overlay.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_overlay.js +6 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_overlay.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_portal.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_portal.js +6 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_portal.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_title.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_title.js +32 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_title.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_trigger.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_trigger.js +6 -0
- package/build/esm/packages/aurora/src/components/drawer/components/drawer_trigger.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/context/drawer_context.d.ts +5 -0
- package/build/esm/packages/aurora/src/components/drawer/context/drawer_context.js +9 -0
- package/build/esm/packages/aurora/src/components/drawer/context/drawer_context.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer.js +25 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer_constants.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer_constants.js +9 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer_constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer_types.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer_types.js +3 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer_variants.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer_variants.js +18 -0
- package/build/esm/packages/aurora/src/components/drawer/drawer_variants.js.map +1 -0
- package/build/esm/packages/aurora/src/index.d.ts +6 -0
- package/build/esm/packages/aurora/src/index.js +6 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +5 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var cn = require('../../../utilities/cn.js');
|
|
8
|
+
var vaul = require('vaul');
|
|
9
|
+
var drawer_variants = require('../drawer_variants.js');
|
|
10
|
+
var drawer_context = require('../context/drawer_context.js');
|
|
11
|
+
var drawer_portal = require('./drawer_portal.js');
|
|
12
|
+
|
|
13
|
+
var _excluded = ["offset", "className", "children"];
|
|
14
|
+
var DrawerContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
15
|
+
var offset = _ref.offset,
|
|
16
|
+
className = _ref.className,
|
|
17
|
+
children = _ref.children,
|
|
18
|
+
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
19
|
+
var drawerContext = React.useContext(drawer_context.DrawerContext);
|
|
20
|
+
return /*#__PURE__*/React.createElement(drawer_portal.DrawerPortal, null, /*#__PURE__*/React.createElement(vaul.Drawer.Content, _rollupPluginBabelHelpers.objectSpread2({
|
|
21
|
+
ref: ref,
|
|
22
|
+
className: cn.cn('aurora-fixed aurora-bg aurora-z-50 aurora-flex aurora-flex-col', drawer_variants.drawerVariants({
|
|
23
|
+
direction: drawerContext.direction
|
|
24
|
+
}), className)
|
|
25
|
+
}, props), children));
|
|
26
|
+
});
|
|
27
|
+
DrawerContent.displayName = 'DrawerContent';
|
|
28
|
+
|
|
29
|
+
exports.DrawerContent = DrawerContent;
|
|
30
|
+
//# sourceMappingURL=drawer_content.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var cn = require('../../../utilities/cn.js');
|
|
8
|
+
var stack = require('../../stack/stack.js');
|
|
9
|
+
var typography = require('../../typography/typography.js');
|
|
10
|
+
var close_icon = require('../../../assets/icons/close_icon.js');
|
|
11
|
+
var vaul = require('vaul');
|
|
12
|
+
var drawer_close = require('./drawer_close.js');
|
|
13
|
+
|
|
14
|
+
var _excluded = ["className", "children"];
|
|
15
|
+
var DrawerTitle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
16
|
+
var className = _ref.className,
|
|
17
|
+
children = _ref.children,
|
|
18
|
+
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
19
|
+
return /*#__PURE__*/React.createElement(vaul.Drawer.Title, _rollupPluginBabelHelpers.objectSpread2({
|
|
20
|
+
ref: ref,
|
|
21
|
+
className: cn.cn('', className)
|
|
22
|
+
}, props), /*#__PURE__*/React.createElement(stack.Stack, {
|
|
23
|
+
justify: "between",
|
|
24
|
+
align: "center",
|
|
25
|
+
spacing: "3"
|
|
26
|
+
}, /*#__PURE__*/React.createElement(typography.Typography, {
|
|
27
|
+
size: "lg",
|
|
28
|
+
weight: "semibold"
|
|
29
|
+
}, children), /*#__PURE__*/React.createElement(drawer_close.DrawerClose, null, /*#__PURE__*/React.createElement(close_icon.CloseLineIcon, {
|
|
30
|
+
size: 24
|
|
31
|
+
}))));
|
|
32
|
+
});
|
|
33
|
+
DrawerTitle.displayName = vaul.Drawer.Title.displayName;
|
|
34
|
+
|
|
35
|
+
exports.DrawerTitle = DrawerTitle;
|
|
36
|
+
//# sourceMappingURL=drawer_title.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var drawer_constants = require('../drawer_constants.js');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
+
|
|
12
|
+
var DrawerContext = /*#__PURE__*/React__default['default'].createContext({
|
|
13
|
+
direction: drawer_constants.DRAWER_DIRECTIONS.left
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
exports.DrawerContext = DrawerContext;
|
|
17
|
+
//# sourceMappingURL=drawer_context.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;"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var vaul = require('vaul');
|
|
8
|
+
var drawer_context = require('./context/drawer_context.js');
|
|
9
|
+
|
|
10
|
+
var _excluded = ["shouldScaleBackground", "direction"];
|
|
11
|
+
var Drawer = function Drawer(_ref) {
|
|
12
|
+
var _ref$shouldScaleBackg = _ref.shouldScaleBackground,
|
|
13
|
+
shouldScaleBackground = _ref$shouldScaleBackg === void 0 ? true : _ref$shouldScaleBackg,
|
|
14
|
+
_ref$direction = _ref.direction,
|
|
15
|
+
direction = _ref$direction === void 0 ? 'left' : _ref$direction,
|
|
16
|
+
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
17
|
+
return /*#__PURE__*/React.createElement(drawer_context.DrawerContext.Provider, {
|
|
18
|
+
value: {
|
|
19
|
+
direction: direction
|
|
20
|
+
}
|
|
21
|
+
}, /*#__PURE__*/React.createElement(vaul.Drawer.Root, _rollupPluginBabelHelpers.objectSpread2({
|
|
22
|
+
shouldScaleBackground: shouldScaleBackground,
|
|
23
|
+
direction: direction
|
|
24
|
+
}, props)));
|
|
25
|
+
};
|
|
26
|
+
Drawer.displayName = 'Drawer';
|
|
27
|
+
|
|
28
|
+
exports.Drawer = Drawer;
|
|
29
|
+
//# sourceMappingURL=drawer.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DRAWER_DIRECTIONS = {
|
|
6
|
+
left: 'left',
|
|
7
|
+
right: 'right',
|
|
8
|
+
top: 'top',
|
|
9
|
+
bottom: 'bottom'
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
exports.DRAWER_DIRECTIONS = DRAWER_DIRECTIONS;
|
|
13
|
+
//# sourceMappingURL=drawer_constants.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;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
|
|
6
|
+
|
|
7
|
+
var drawerVariants = index.cva('', {
|
|
8
|
+
variants: {
|
|
9
|
+
direction: {
|
|
10
|
+
left: 'aurora-left-0 aurora-top-0',
|
|
11
|
+
right: 'aurora-right-0 aurora-top-0',
|
|
12
|
+
top: 'aurora-top-0',
|
|
13
|
+
bottom: 'aurora-bottom-0'
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: {
|
|
17
|
+
direction: 'left'
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
exports.drawerVariants = drawerVariants;
|
|
22
|
+
//# sourceMappingURL=drawer_variants.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -76,6 +76,12 @@ var message_box_constants = require('./components/message_box/message_box_consta
|
|
|
76
76
|
var message_box = require('./components/message_box/message_box.js');
|
|
77
77
|
var helper_text = require('./components/helper_text/helper_text.js');
|
|
78
78
|
var error_list = require('./components/error_list/error_list.js');
|
|
79
|
+
var drawer_constants = require('./components/drawer/drawer_constants.js');
|
|
80
|
+
var drawer = require('./components/drawer/drawer.js');
|
|
81
|
+
var drawer_trigger = require('./components/drawer/components/drawer_trigger.js');
|
|
82
|
+
var drawer_content = require('./components/drawer/components/drawer_content.js');
|
|
83
|
+
var drawer_close = require('./components/drawer/components/drawer_close.js');
|
|
84
|
+
var drawer_title = require('./components/drawer/components/drawer_title.js');
|
|
79
85
|
|
|
80
86
|
|
|
81
87
|
|
|
@@ -170,4 +176,10 @@ exports.MESSAGE_BOX_VARIANTS = message_box_constants.MESSAGE_BOX_VARIANTS;
|
|
|
170
176
|
exports.MessageBox = message_box.MessageBox;
|
|
171
177
|
exports.HelperText = helper_text.HelperText;
|
|
172
178
|
exports.ErrorList = error_list.ErrorList;
|
|
179
|
+
exports.DRAWER_DIRECTIONS = drawer_constants.DRAWER_DIRECTIONS;
|
|
180
|
+
exports.Drawer = drawer.Drawer;
|
|
181
|
+
exports.DrawerTrigger = drawer_trigger.DrawerTrigger;
|
|
182
|
+
exports.DrawerContent = drawer_content.DrawerContent;
|
|
183
|
+
exports.DrawerClose = drawer_close.DrawerClose;
|
|
184
|
+
exports.DrawerTitle = drawer_title.DrawerTitle;
|
|
173
185
|
//# sourceMappingURL=index.js.map
|
|
@@ -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;"}
|
|
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { forwardRef, useContext, createElement } from 'react';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { cn } from '../../../utilities/cn.js';
|
|
4
|
+
import { Drawer } from 'vaul';
|
|
5
|
+
import { drawerVariants } from '../drawer_variants.js';
|
|
6
|
+
import { DrawerContext } from '../context/drawer_context.js';
|
|
7
|
+
import { DrawerPortal } from './drawer_portal.js';
|
|
8
|
+
|
|
9
|
+
var _excluded = ["offset", "className", "children"];
|
|
10
|
+
var DrawerContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
11
|
+
var offset = _ref.offset,
|
|
12
|
+
className = _ref.className,
|
|
13
|
+
children = _ref.children,
|
|
14
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
+
var drawerContext = useContext(DrawerContext);
|
|
16
|
+
return /*#__PURE__*/createElement(DrawerPortal, null, /*#__PURE__*/createElement(Drawer.Content, _objectSpread2({
|
|
17
|
+
ref: ref,
|
|
18
|
+
className: cn('aurora-fixed aurora-bg aurora-z-50 aurora-flex aurora-flex-col', drawerVariants({
|
|
19
|
+
direction: drawerContext.direction
|
|
20
|
+
}), className)
|
|
21
|
+
}, props), children));
|
|
22
|
+
});
|
|
23
|
+
DrawerContent.displayName = 'DrawerContent';
|
|
24
|
+
|
|
25
|
+
export { DrawerContent };
|
|
26
|
+
//# sourceMappingURL=drawer_content.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;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cn } from '@auroraUtilities/cn';
|
|
3
|
+
export const DrawerHeader = ({ className, ...props }) => React.createElement("div", { className: cn('', className), ...props });
|
|
4
|
+
DrawerHeader.displayName = 'DrawerHeader';
|
|
5
|
+
//# sourceMappingURL=drawer_header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer_header.js","sourceRoot":"","sources":["../../../../../../../../src/components/drawer/components/drawer_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAEhJ,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Drawer as DrawerPrimitive } from 'vaul';
|
|
3
|
+
import { cn } from '@auroraUtilities/cn';
|
|
4
|
+
export const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DrawerPrimitive.Overlay, { ref: ref, className: cn('aurora-fixed aurora-inset-0 aurora-z-50 aurora-bg-[--dark-transparent-70] aurora-opacity-20', className), ...props })));
|
|
5
|
+
DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
|
|
6
|
+
//# sourceMappingURL=drawer_overlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer_overlay.js","sourceRoot":"","sources":["../../../../../../../../src/components/drawer/components/drawer_overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,oBAAC,eAAe,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,6FAA6F,EAAE,SAAS,CAAC,KACnH,KAAK,GACX,CACL,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DrawerPortal: typeof import("vaul").Portal;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { forwardRef, createElement } from 'react';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { cn } from '../../../utilities/cn.js';
|
|
4
|
+
import { Stack } from '../../stack/stack.js';
|
|
5
|
+
import { Typography } from '../../typography/typography.js';
|
|
6
|
+
import { CloseLineIcon } from '../../../assets/icons/close_icon.js';
|
|
7
|
+
import { Drawer } from 'vaul';
|
|
8
|
+
import { DrawerClose } from './drawer_close.js';
|
|
9
|
+
|
|
10
|
+
var _excluded = ["className", "children"];
|
|
11
|
+
var DrawerTitle = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
12
|
+
var className = _ref.className,
|
|
13
|
+
children = _ref.children,
|
|
14
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
+
return /*#__PURE__*/createElement(Drawer.Title, _objectSpread2({
|
|
16
|
+
ref: ref,
|
|
17
|
+
className: cn('', className)
|
|
18
|
+
}, props), /*#__PURE__*/createElement(Stack, {
|
|
19
|
+
justify: "between",
|
|
20
|
+
align: "center",
|
|
21
|
+
spacing: "3"
|
|
22
|
+
}, /*#__PURE__*/createElement(Typography, {
|
|
23
|
+
size: "lg",
|
|
24
|
+
weight: "semibold"
|
|
25
|
+
}, children), /*#__PURE__*/createElement(DrawerClose, null, /*#__PURE__*/createElement(CloseLineIcon, {
|
|
26
|
+
size: 24
|
|
27
|
+
}))));
|
|
28
|
+
});
|
|
29
|
+
DrawerTitle.displayName = Drawer.Title.displayName;
|
|
30
|
+
|
|
31
|
+
export { DrawerTitle };
|
|
32
|
+
//# sourceMappingURL=drawer_title.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
export declare const DrawerContext: React.Context<VariantProps<(props?: ({
|
|
4
|
+
direction?: "left" | "right" | "top" | "bottom" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DRAWER_DIRECTIONS } from '../drawer_constants.js';
|
|
3
|
+
|
|
4
|
+
var DrawerContext = /*#__PURE__*/React.createContext({
|
|
5
|
+
direction: DRAWER_DIRECTIONS.left
|
|
6
|
+
});
|
|
7
|
+
|
|
8
|
+
export { DrawerContext };
|
|
9
|
+
//# sourceMappingURL=drawer_context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
4
|
+
import { DrawerContext } from './context/drawer_context.js';
|
|
5
|
+
|
|
6
|
+
var _excluded = ["shouldScaleBackground", "direction"];
|
|
7
|
+
var Drawer = function Drawer(_ref) {
|
|
8
|
+
var _ref$shouldScaleBackg = _ref.shouldScaleBackground,
|
|
9
|
+
shouldScaleBackground = _ref$shouldScaleBackg === void 0 ? true : _ref$shouldScaleBackg,
|
|
10
|
+
_ref$direction = _ref.direction,
|
|
11
|
+
direction = _ref$direction === void 0 ? 'left' : _ref$direction,
|
|
12
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
+
return /*#__PURE__*/createElement(DrawerContext.Provider, {
|
|
14
|
+
value: {
|
|
15
|
+
direction: direction
|
|
16
|
+
}
|
|
17
|
+
}, /*#__PURE__*/createElement(Drawer$1.Root, _objectSpread2({
|
|
18
|
+
shouldScaleBackground: shouldScaleBackground,
|
|
19
|
+
direction: direction
|
|
20
|
+
}, props)));
|
|
21
|
+
};
|
|
22
|
+
Drawer.displayName = 'Drawer';
|
|
23
|
+
|
|
24
|
+
export { Drawer };
|
|
25
|
+
//# sourceMappingURL=drawer.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;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Drawer as DrawerPrimitive } from 'vaul';
|
|
3
|
+
export declare type TDrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>;
|
|
4
|
+
export declare type TDrawerContentProps = React.ComponentProps<typeof DrawerPrimitive.Content> & {
|
|
5
|
+
offset?: number;
|
|
6
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer_types.js","sourceRoot":"","sources":["../../../../../../../src/components/drawer/drawer_types.ts"],"names":[],"mappings":"AAAA,OAAuB,OAAO,CAAC;AAC/B,OAA0C,MAAM,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
|
|
2
|
+
|
|
3
|
+
var drawerVariants = cva('', {
|
|
4
|
+
variants: {
|
|
5
|
+
direction: {
|
|
6
|
+
left: 'aurora-left-0 aurora-top-0',
|
|
7
|
+
right: 'aurora-right-0 aurora-top-0',
|
|
8
|
+
top: 'aurora-top-0',
|
|
9
|
+
bottom: 'aurora-bottom-0'
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
defaultVariants: {
|
|
13
|
+
direction: 'left'
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { drawerVariants };
|
|
18
|
+
//# sourceMappingURL=drawer_variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -75,3 +75,9 @@ export { MessageBox } from "./components/message_box/message_box";
|
|
|
75
75
|
export { MESSAGE_BOX_VARIANTS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_ICONS } from "./components/message_box/message_box_constants";
|
|
76
76
|
export { HelperText } from './components/helper_text/helper_text';
|
|
77
77
|
export { ErrorList } from "./components/error_list/error_list";
|
|
78
|
+
export { Drawer } from "./components/drawer/drawer";
|
|
79
|
+
export { DrawerTrigger } from "./components/drawer/components/drawer_trigger";
|
|
80
|
+
export { DrawerContent } from "./components/drawer/components/drawer_content";
|
|
81
|
+
export { DrawerTitle } from "./components/drawer/components/drawer_title";
|
|
82
|
+
export { DrawerClose } from "./components/drawer/components/drawer_close";
|
|
83
|
+
export { DRAWER_DIRECTIONS } from "./components/drawer/drawer_constants";
|
|
@@ -72,4 +72,10 @@ export { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from
|
|
|
72
72
|
export { MessageBox } from './components/message_box/message_box.js';
|
|
73
73
|
export { HelperText } from './components/helper_text/helper_text.js';
|
|
74
74
|
export { ErrorList } from './components/error_list/error_list.js';
|
|
75
|
+
export { DRAWER_DIRECTIONS } from './components/drawer/drawer_constants.js';
|
|
76
|
+
export { Drawer } from './components/drawer/drawer.js';
|
|
77
|
+
export { DrawerTrigger } from './components/drawer/components/drawer_trigger.js';
|
|
78
|
+
export { DrawerContent } from './components/drawer/components/drawer_content.js';
|
|
79
|
+
export { DrawerClose } from './components/drawer/components/drawer_close.js';
|
|
80
|
+
export { DrawerTitle } from './components/drawer/components/drawer_title.js';
|
|
75
81
|
//# sourceMappingURL=index.js.map
|
|
@@ -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;"}
|
|
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;"}
|