@dreamcommerce/aurora 3.0.0-53 → 3.0.0-54
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/modal/components/modal/modal.js +1 -1
- package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js +1 -1
- package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +45 -0
- package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/sidebar/components/sidebar_toggle.js +22 -0
- package/build/cjs/packages/aurora/src/components/sidebar/components/sidebar_toggle.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +23 -0
- package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_context.js +14 -0
- package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_context.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_prvider.js +57 -0
- package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/sidebar/hooks/use_sidebar.js +21 -0
- package/build/cjs/packages/aurora/src/components/sidebar/hooks/use_sidebar.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/sidebar/sidebar.js +36 -0
- package/build/cjs/packages/aurora/src/components/sidebar/sidebar.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/sidebar/sidebar_constants.js +21 -0
- package/build/cjs/packages/aurora/src/components/sidebar/sidebar_constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/index.js +9 -1
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/context/accordion_context.js +2 -2
- package/build/esm/packages/aurora/src/components/action_list/action_list.js +2 -2
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_content.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_divider.js +2 -2
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_group.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_item.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.js +5 -5
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_group.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_item.js +4 -4
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_content.js +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js +5 -5
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js +3 -3
- package/build/esm/packages/aurora/src/components/box/box.js +3 -3
- package/build/esm/packages/aurora/src/components/button/button.js +3 -3
- package/build/esm/packages/aurora/src/components/control/control.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js +5 -5
- package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.js +5 -5
- package/build/esm/packages/aurora/src/components/divider/divider.js +3 -3
- package/build/esm/packages/aurora/src/components/icon_button/icon_button.js +4 -4
- package/build/esm/packages/aurora/src/components/input/input.js +6 -6
- package/build/esm/packages/aurora/src/components/label/components/label_content.js +4 -4
- package/build/esm/packages/aurora/src/components/link/link.js +3 -3
- package/build/esm/packages/aurora/src/components/loader/loader.js +2 -2
- package/build/esm/packages/aurora/src/components/message_box/message_box.js +11 -11
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js +6 -6
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.js +3 -3
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.js +2 -2
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.js +4 -4
- package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js +5 -5
- package/build/esm/packages/aurora/src/components/modal/modals_manager.js +3 -3
- package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +4 -4
- package/build/esm/packages/aurora/src/components/segmented_control/context/segmented_control_context.js +2 -2
- package/build/esm/packages/aurora/src/components/segmented_control/segmented_control.js +4 -4
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.d.ts +5 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +37 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts +14 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.js +3 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_toggle.d.ts +2 -3
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_toggle.js +12 -22
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_toggle.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +15 -0
- package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -0
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context.js +5 -3
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.d.ts +0 -8
- 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/context/sidebar_prvider.js +51 -38
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/hooks/use_sidebar.js +11 -8
- package/build/esm/packages/aurora/src/components/sidebar/hooks/use_sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.d.ts +3 -3
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.js +28 -27
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.d.ts +7 -3
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.js +13 -7
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts +18 -0
- package/build/esm/packages/aurora/src/components/sidebar/{sidebar_types.js → sidebar_types_types.js} +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/stack/stack.js +3 -3
- package/build/esm/packages/aurora/src/components/switch/switch.js +4 -4
- package/build/esm/packages/aurora/src/components/tabs/context/tabs_context.js +2 -2
- package/build/esm/packages/aurora/src/components/tabs/tabs.js +4 -4
- package/build/esm/packages/aurora/src/components/typography/typography.js +2 -2
- package/build/esm/packages/aurora/src/index.d.ts +4 -1
- package/build/esm/packages/aurora/src/index.js +4 -1
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -2
- package/build/cjs/external/react-pro-sidebar/dist/index.es.js +0 -5453
- package/build/cjs/external/react-pro-sidebar/dist/index.es.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/sidebar_new/sidebar.js +0 -18
- package/build/cjs/packages/aurora/src/components/sidebar_new/sidebar.js.map +0 -1
- package/build/esm/external/react-pro-sidebar/dist/index.es.js +0 -5415
- package/build/esm/external/react-pro-sidebar/dist/index.es.js.map +0 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types.d.ts +0 -21
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types.js.map +0 -1
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar.js +0 -10
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar.js.map +0 -1
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar_types_types.d.ts +0 -21
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar_types_types.js +0 -3
- package/build/esm/packages/aurora/src/components/sidebar_new/sidebar_types_types.js.map +0 -1
|
@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var cn = require('../../../../utilities/cn.js');
|
|
8
|
+
var reactDom = require('react-dom');
|
|
8
9
|
var modal_constants = require('../../modal_constants.js');
|
|
9
10
|
var modal_footer = require('./modal_footer.js');
|
|
10
11
|
var modal_header = require('./modal_header.js');
|
|
11
|
-
var reactDom = require('react-dom');
|
|
12
12
|
var modal_variants = require('../../modal_variants.js');
|
|
13
13
|
var use_modals_context = require('../../hooks/use_modals_context.js');
|
|
14
14
|
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var modal_constants = require('../modal_constants.js');
|
|
8
7
|
var reactDom = require('react-dom');
|
|
8
|
+
var modal_constants = require('../modal_constants.js');
|
|
9
9
|
var use_modals_context = require('../hooks/use_modals_context.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -0,0 +1,45 @@
|
|
|
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 use_sidebar = require('../hooks/use_sidebar.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
|
|
14
|
+
var _excluded = ["className", "width", "children"];
|
|
15
|
+
var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
|
|
16
|
+
var className = _ref.className,
|
|
17
|
+
width = _ref.width,
|
|
18
|
+
children = _ref.children,
|
|
19
|
+
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
20
|
+
var _useSidebar = use_sidebar.useSidebar(),
|
|
21
|
+
open = _useSidebar.open;
|
|
22
|
+
var sidebarRef = React.useRef(null);
|
|
23
|
+
React.useImperativeHandle(ref, function () {
|
|
24
|
+
return sidebarRef.current;
|
|
25
|
+
});
|
|
26
|
+
return /*#__PURE__*/React__default['default'].createElement("aside", _rollupPluginBabelHelpers.objectSpread2({
|
|
27
|
+
"aria-expanded": open,
|
|
28
|
+
ref: sidebarRef,
|
|
29
|
+
className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200', className),
|
|
30
|
+
style: {
|
|
31
|
+
width: open ? width : 0,
|
|
32
|
+
maxWidth: open ? width : 0,
|
|
33
|
+
minWidth: open ? width : 0
|
|
34
|
+
}
|
|
35
|
+
}, props), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
36
|
+
className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
|
|
37
|
+
'aurora-opacity-0': !open,
|
|
38
|
+
'aurora-opacity-100': open
|
|
39
|
+
})
|
|
40
|
+
}, children));
|
|
41
|
+
});
|
|
42
|
+
PersistentSidebar.displayName = 'PersistentSidebar';
|
|
43
|
+
|
|
44
|
+
exports.PersistentSidebar = PersistentSidebar;
|
|
45
|
+
//# sourceMappingURL=persistent_sidebar.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;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 React = require('react');
|
|
6
|
+
var use_sidebar = require('../hooks/use_sidebar.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 SidebarToggle = function SidebarToggle(_ref) {
|
|
13
|
+
var children = _ref.children;
|
|
14
|
+
var _useSidebar = use_sidebar.useSidebar(),
|
|
15
|
+
toggleSidebar = _useSidebar.toggleSidebar;
|
|
16
|
+
return /*#__PURE__*/React__default['default'].createElement("button", {
|
|
17
|
+
onClick: toggleSidebar
|
|
18
|
+
}, children);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.SidebarToggle = SidebarToggle;
|
|
22
|
+
//# sourceMappingURL=sidebar_toggle.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;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var cn = require('../../../utilities/cn.js');
|
|
7
|
+
var reactDom = require('react-dom');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
|
|
13
|
+
var TemporalSidebar = function TemporalSidebar(_ref) {
|
|
14
|
+
var children = _ref.children,
|
|
15
|
+
_ref$container = _ref.container,
|
|
16
|
+
container = _ref$container === void 0 ? document.body : _ref$container;
|
|
17
|
+
return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("aside", {
|
|
18
|
+
className: cn.cn('aurora-absolute aurora-top-0 aurora-h-full aurora-left-0')
|
|
19
|
+
}, " ", children), container);
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
exports.TemporalSidebar = TemporalSidebar;
|
|
23
|
+
//# sourceMappingURL=temporal_sidebar.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;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
|
|
7
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
+
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
+
|
|
11
|
+
var SidebarContext = /*#__PURE__*/React__default['default'].createContext(null);
|
|
12
|
+
|
|
13
|
+
exports.SidebarContext = SidebarContext;
|
|
14
|
+
//# sourceMappingURL=sidebar_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;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
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 sidebar_constants = require('../sidebar_constants.js');
|
|
8
|
+
var sidebar_context = require('./sidebar_context.js');
|
|
9
|
+
|
|
10
|
+
var SidebarProvider = function SidebarProvider(_ref) {
|
|
11
|
+
var open = _ref.open,
|
|
12
|
+
defaultOpen = _ref.defaultOpen,
|
|
13
|
+
onOpenChange = _ref.onOpenChange,
|
|
14
|
+
children = _ref.children,
|
|
15
|
+
persistentKey = _ref.persistentKey,
|
|
16
|
+
variant = _ref.variant;
|
|
17
|
+
var setPersistedState = function setPersistedState(value) {
|
|
18
|
+
if (!persistentKey) return;
|
|
19
|
+
try {
|
|
20
|
+
localStorage.setItem(persistentKey, String(value));
|
|
21
|
+
} catch (error) {
|
|
22
|
+
console.error('Failed to set persisted state', error);
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
var initialOpen = variant === sidebar_constants.SIDEBAR_VARIANTS.persistent;
|
|
26
|
+
var _React$useState = React.useState(onOpenChange ? open !== null && open !== void 0 ? open : initialOpen : defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : initialOpen),
|
|
27
|
+
_React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
|
|
28
|
+
_open = _React$useState2[0],
|
|
29
|
+
_setOpen = _React$useState2[1];
|
|
30
|
+
React.useEffect(function () {
|
|
31
|
+
setPersistedState(_open);
|
|
32
|
+
}, [_open]);
|
|
33
|
+
React.useEffect(function () {
|
|
34
|
+
_setOpen(open !== null && open !== void 0 ? open : initialOpen);
|
|
35
|
+
}, [open]);
|
|
36
|
+
if (open !== undefined && onOpenChange === undefined) {
|
|
37
|
+
console.error('The controlled open state of the popover. Must be used in conjunction with onOpenChange.');
|
|
38
|
+
}
|
|
39
|
+
var setOpen = function setOpen(nextOpen) {
|
|
40
|
+
_setOpen(nextOpen);
|
|
41
|
+
};
|
|
42
|
+
var toggleSidebar = function toggleSidebar() {
|
|
43
|
+
onOpenChange ? onOpenChange(!_open) : setOpen(!_open);
|
|
44
|
+
};
|
|
45
|
+
var contextValue = React.useMemo(function () {
|
|
46
|
+
return {
|
|
47
|
+
open: _open,
|
|
48
|
+
toggleSidebar: toggleSidebar
|
|
49
|
+
};
|
|
50
|
+
}, [open, toggleSidebar]);
|
|
51
|
+
return /*#__PURE__*/React.createElement(sidebar_context.SidebarContext.Provider, {
|
|
52
|
+
value: contextValue
|
|
53
|
+
}, children);
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
exports.SidebarProvider = SidebarProvider;
|
|
57
|
+
//# sourceMappingURL=sidebar_prvider.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var sidebar_context = require('../context/sidebar_context.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 useSidebar = function useSidebar() {
|
|
13
|
+
var context = React__default['default'].useContext(sidebar_context.SidebarContext);
|
|
14
|
+
if (!context) {
|
|
15
|
+
throw new Error('useSidebar must be used within a SidebarProvider.');
|
|
16
|
+
}
|
|
17
|
+
return context;
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
exports.useSidebar = useSidebar;
|
|
21
|
+
//# sourceMappingURL=use_sidebar.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;"}
|
|
@@ -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 sidebar_constants = require('./sidebar_constants.js');
|
|
8
|
+
var persistent_sidebar = require('./components/persistent_sidebar.js');
|
|
9
|
+
var sidebar_prvider = require('./context/sidebar_prvider.js');
|
|
10
|
+
var temporal_sidebar = require('./components/temporal_sidebar.js');
|
|
11
|
+
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
+
|
|
14
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
+
|
|
16
|
+
var _excluded = ["children", "variant", "side", "width", "className"];
|
|
17
|
+
var Sidebar = function Sidebar(_ref) {
|
|
18
|
+
var children = _ref.children,
|
|
19
|
+
_ref$variant = _ref.variant,
|
|
20
|
+
variant = _ref$variant === void 0 ? sidebar_constants.SIDEBAR_VARIANTS.persistent : _ref$variant,
|
|
21
|
+
_ref$side = _ref.side,
|
|
22
|
+
width = _ref.width,
|
|
23
|
+
className = _ref.className,
|
|
24
|
+
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
return /*#__PURE__*/React__default['default'].createElement(sidebar_prvider.SidebarProvider, _rollupPluginBabelHelpers.objectSpread2({
|
|
26
|
+
variant: variant,
|
|
27
|
+
width: width,
|
|
28
|
+
className: className
|
|
29
|
+
}, props), variant === sidebar_constants.SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default['default'].createElement(persistent_sidebar.PersistentSidebar, {
|
|
30
|
+
width: width,
|
|
31
|
+
className: className
|
|
32
|
+
}, children)) : (/*#__PURE__*/React__default['default'].createElement(temporal_sidebar.TemporalSidebar, null, children)));
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
exports.Sidebar = Sidebar;
|
|
36
|
+
//# sourceMappingURL=sidebar.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,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var SIDEBAR_VARIANTS = {
|
|
6
|
+
persistent: 'persistent',
|
|
7
|
+
temporal: 'temporal'
|
|
8
|
+
};
|
|
9
|
+
var SIDEBAR_SIDE = {
|
|
10
|
+
left: 'left',
|
|
11
|
+
right: 'right'
|
|
12
|
+
};
|
|
13
|
+
var SIDEBAR_SLIDE_DIRECTION = {
|
|
14
|
+
leftToRight: 'leftToRight',
|
|
15
|
+
rightToLeft: 'rightToLeft'
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
exports.SIDEBAR_SIDE = SIDEBAR_SIDE;
|
|
19
|
+
exports.SIDEBAR_SLIDE_DIRECTION = SIDEBAR_SLIDE_DIRECTION;
|
|
20
|
+
exports.SIDEBAR_VARIANTS = SIDEBAR_VARIANTS;
|
|
21
|
+
//# sourceMappingURL=sidebar_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -47,7 +47,10 @@ var action_list_trigger = require('./components/action_list/components/action_li
|
|
|
47
47
|
var action_list_sub_content = require('./components/action_list/components/action_list_sub_content.js');
|
|
48
48
|
var badge_constants = require('./components/badge/badge_constants.js');
|
|
49
49
|
var badge = require('./components/badge/badge.js');
|
|
50
|
-
var
|
|
50
|
+
var sidebar_constants = require('./components/sidebar/sidebar_constants.js');
|
|
51
|
+
var use_sidebar = require('./components/sidebar/hooks/use_sidebar.js');
|
|
52
|
+
var sidebar = require('./components/sidebar/sidebar.js');
|
|
53
|
+
var sidebar_toggle = require('./components/sidebar/components/sidebar_toggle.js');
|
|
51
54
|
var tooltip = require('./components/tooltip/tooltip.js');
|
|
52
55
|
var tooltip_trigger = require('./components/tooltip/components/tooltip_trigger.js');
|
|
53
56
|
var tooltip_constants = require('./components/tooltip/tooltip_constants.js');
|
|
@@ -142,7 +145,12 @@ exports.ActionListTrigger = action_list_trigger.ActionListTrigger;
|
|
|
142
145
|
exports.ActionListSubContent = action_list_sub_content.ActionListSubContent;
|
|
143
146
|
exports.BADGE_VARIANTS = badge_constants.BADGE_VARIANTS;
|
|
144
147
|
exports.Badge = badge.Badge;
|
|
148
|
+
exports.SIDEBAR_SIDE = sidebar_constants.SIDEBAR_SIDE;
|
|
149
|
+
exports.SIDEBAR_SLIDE_DIRECTION = sidebar_constants.SIDEBAR_SLIDE_DIRECTION;
|
|
150
|
+
exports.SIDEBAR_VARIANTS = sidebar_constants.SIDEBAR_VARIANTS;
|
|
151
|
+
exports.useSidebar = use_sidebar.useSidebar;
|
|
145
152
|
exports.Sidebar = sidebar.Sidebar;
|
|
153
|
+
exports.SidebarToggle = sidebar_toggle.SidebarToggle;
|
|
146
154
|
exports.Tooltip = tooltip.Tooltip;
|
|
147
155
|
exports.TooltipTrigger = tooltip_trigger.TooltipTrigger;
|
|
148
156
|
exports.TOOLTIP_VARIANT_TYPES = tooltip_constants.TOOLTIP_VARIANT_TYPES;
|
|
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ACCORDION_VARIANTS } from '../accordion_constants.js';
|
|
3
3
|
|
|
4
|
-
var AccordionContext = /*#__PURE__*/
|
|
4
|
+
var AccordionContext = /*#__PURE__*/React.createContext({
|
|
5
5
|
variant: ACCORDION_VARIANTS.default
|
|
6
6
|
});
|
|
7
7
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { Root } from '@radix-ui/react-dropdown-menu';
|
|
4
4
|
|
|
@@ -7,7 +7,7 @@ var ActionList = function ActionList(_ref) {
|
|
|
7
7
|
var children = _ref.children,
|
|
8
8
|
handleOpenChange = _ref.onOpenChange,
|
|
9
9
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
10
|
-
return /*#__PURE__*/
|
|
10
|
+
return /*#__PURE__*/React.createElement(Root, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
11
11
|
onOpenChange: function onOpenChange(isOpen) {
|
|
12
12
|
handleOpenChange === null || handleOpenChange === void 0 ? void 0 : handleOpenChange(isOpen);
|
|
13
13
|
}
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_content.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../../utilities/cn.js';
|
|
4
4
|
import { Portal, Content } from '@radix-ui/react-dropdown-menu';
|
|
5
5
|
|
|
6
6
|
var _excluded = ["className", "sideOffset"];
|
|
7
|
-
var ActionListContent = /*#__PURE__*/
|
|
7
|
+
var ActionListContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8
8
|
var className = _ref.className,
|
|
9
9
|
_ref$sideOffset = _ref.sideOffset,
|
|
10
10
|
sideOffset = _ref$sideOffset === void 0 ? 4 : _ref$sideOffset,
|
|
11
11
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
12
|
-
return /*#__PURE__*/
|
|
12
|
+
return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Content, _objectSpread2({
|
|
13
13
|
"data-test-el": "action-list-content",
|
|
14
14
|
ref: ref,
|
|
15
15
|
sideOffset: sideOffset,
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_divider.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { Divider } from '../../divider/divider.js';
|
|
4
4
|
|
|
5
5
|
var ActionListDivider = function ActionListDivider(props) {
|
|
6
|
-
return /*#__PURE__*/
|
|
6
|
+
return /*#__PURE__*/React.createElement(Divider, _objectSpread2({}, props));
|
|
7
7
|
};
|
|
8
8
|
|
|
9
9
|
export { ActionListDivider };
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_group.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../../utilities/cn.js';
|
|
4
4
|
import { Group } from '@radix-ui/react-dropdown-menu';
|
|
5
5
|
|
|
6
6
|
var _excluded = ["className", "inset"];
|
|
7
|
-
var ActionListGroup = /*#__PURE__*/
|
|
7
|
+
var ActionListGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8
8
|
var className = _ref.className,
|
|
9
9
|
inset = _ref.inset,
|
|
10
10
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
-
return /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/React.createElement(Group, _objectSpread2({
|
|
12
12
|
"data-test-el": "action-list-group",
|
|
13
13
|
ref: ref,
|
|
14
14
|
className: cn('aurora-flex aurora-flex-col aurora-gap-1', className)
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../../utilities/cn.js';
|
|
4
4
|
import { Item } from '@radix-ui/react-dropdown-menu';
|
|
5
5
|
|
|
6
6
|
var _excluded = ["className", "inset"];
|
|
7
|
-
var ActionListItem = /*#__PURE__*/
|
|
7
|
+
var ActionListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8
8
|
var className = _ref.className,
|
|
9
9
|
inset = _ref.inset,
|
|
10
10
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
-
return /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/React.createElement(Item, _objectSpread2({
|
|
12
12
|
ref: ref,
|
|
13
13
|
"data-test-el": "action-list-item",
|
|
14
14
|
className: cn('aurora-relative aurora-outline-none aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 aurora-py-1.5 aurora-px-3 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className)
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { Stack } from '../../stack/stack.js';
|
|
4
4
|
import { Box } from '../../box/box.js';
|
|
@@ -9,23 +9,23 @@ var _excluded = ["children"];
|
|
|
9
9
|
var ActionListLabel = function ActionListLabel(_ref) {
|
|
10
10
|
var children = _ref.children,
|
|
11
11
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
12
|
-
return /*#__PURE__*/
|
|
12
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
13
13
|
paddings: {
|
|
14
14
|
pl: '3',
|
|
15
15
|
pt: '2',
|
|
16
16
|
pb: '2',
|
|
17
17
|
pr: '0'
|
|
18
18
|
}
|
|
19
|
-
}, /*#__PURE__*/
|
|
19
|
+
}, /*#__PURE__*/React.createElement(Stack, {
|
|
20
20
|
align: "center",
|
|
21
21
|
justify: "center",
|
|
22
22
|
spacing: "2.5"
|
|
23
|
-
}, /*#__PURE__*/
|
|
23
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
24
24
|
className: "aurora-whitespace-nowrap",
|
|
25
25
|
size: "s",
|
|
26
26
|
color: "subtle",
|
|
27
27
|
weight: "bold"
|
|
28
|
-
}, children), /*#__PURE__*/
|
|
28
|
+
}, children), /*#__PURE__*/React.createElement(Divider, _objectSpread2({}, props))));
|
|
29
29
|
};
|
|
30
30
|
|
|
31
31
|
export { ActionListLabel };
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_group.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../../utilities/cn.js';
|
|
4
4
|
import { RadioGroup } from '@radix-ui/react-dropdown-menu';
|
|
5
5
|
|
|
6
6
|
var _excluded = ["className", "inset"];
|
|
7
|
-
var ActionListRadioGroup = /*#__PURE__*/
|
|
7
|
+
var ActionListRadioGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8
8
|
var className = _ref.className,
|
|
9
9
|
inset = _ref.inset,
|
|
10
10
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
-
return /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/React.createElement(RadioGroup, _objectSpread2({
|
|
12
12
|
"data-test-el": "action-list-radio-group",
|
|
13
13
|
ref: ref,
|
|
14
14
|
className: cn('aurora-flex aurora-flex-col aurora-gap-1', className)
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_item.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
|
|
4
4
|
import { cn } from '../../../utilities/cn.js';
|
|
@@ -6,17 +6,17 @@ import { RadioItem, ItemIndicator } from '@radix-ui/react-dropdown-menu';
|
|
|
6
6
|
import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
|
|
7
7
|
|
|
8
8
|
var _excluded = ["className", "children", "disabled"];
|
|
9
|
-
var ActionListRadioItem = /*#__PURE__*/
|
|
9
|
+
var ActionListRadioItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
10
10
|
var className = _ref.className,
|
|
11
11
|
children = _ref.children,
|
|
12
12
|
disabled = _ref.disabled,
|
|
13
13
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
-
return /*#__PURE__*/
|
|
14
|
+
return /*#__PURE__*/React.createElement(RadioItem, _objectSpread2({
|
|
15
15
|
ref: ref,
|
|
16
16
|
"data-test-el": "action-list-radio-item",
|
|
17
17
|
className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold', className),
|
|
18
18
|
disabled: disabled
|
|
19
|
-
}, props), /*#__PURE__*/
|
|
19
|
+
}, props), /*#__PURE__*/React.createElement(ItemIndicator, null, /*#__PURE__*/React.createElement(CheckFillIcon, {
|
|
20
20
|
size: 20,
|
|
21
21
|
color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
|
|
22
22
|
})), children);
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_content.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../../utilities/cn.js';
|
|
4
4
|
import { SubContent } from '@radix-ui/react-dropdown-menu';
|
|
5
5
|
|
|
6
6
|
var _excluded = ["className"];
|
|
7
|
-
var ActionListSubContent = /*#__PURE__*/
|
|
7
|
+
var ActionListSubContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8
8
|
var className = _ref.className,
|
|
9
9
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
10
|
-
return /*#__PURE__*/
|
|
10
|
+
return /*#__PURE__*/React.createElement(SubContent, _objectSpread2({
|
|
11
11
|
ref: ref,
|
|
12
12
|
"data-test-el": "action-list-sub-content",
|
|
13
13
|
className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-min-w-[8rem] aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-3 aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', className)
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
|
|
4
4
|
import { cn } from '../../../utilities/cn.js';
|
|
@@ -7,21 +7,21 @@ import { ArrowRightLineIcon } from '../../../assets/icons/arrow_right_line_icon.
|
|
|
7
7
|
import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
|
|
8
8
|
|
|
9
9
|
var _excluded = ["className", "inset", "children", "selected", "disabled"];
|
|
10
|
-
var ActionListSubTrigger = /*#__PURE__*/
|
|
10
|
+
var ActionListSubTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
11
11
|
var className = _ref.className,
|
|
12
12
|
inset = _ref.inset,
|
|
13
13
|
children = _ref.children,
|
|
14
14
|
selected = _ref.selected,
|
|
15
15
|
disabled = _ref.disabled,
|
|
16
16
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/React.createElement(SubTrigger, _objectSpread2({
|
|
18
18
|
ref: ref,
|
|
19
19
|
className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className),
|
|
20
20
|
"data-test-el": "action-list-sub-trigger"
|
|
21
|
-
}, props), selected ? (/*#__PURE__*/
|
|
21
|
+
}, props), selected ? (/*#__PURE__*/React.createElement(CheckFillIcon, {
|
|
22
22
|
size: 20,
|
|
23
23
|
color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
|
|
24
|
-
})) : null, children, /*#__PURE__*/
|
|
24
|
+
})) : null, children, /*#__PURE__*/React.createElement(ArrowRightLineIcon, {
|
|
25
25
|
size: 20,
|
|
26
26
|
color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
|
|
27
27
|
}));
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../../utilities/cn.js';
|
|
4
4
|
import '@radix-ui/react-dropdown-menu';
|
|
@@ -10,10 +10,10 @@ var ActionListTrigger = function ActionListTrigger(_ref) {
|
|
|
10
10
|
var children = _ref.children,
|
|
11
11
|
className = _ref.className,
|
|
12
12
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
-
return /*#__PURE__*/
|
|
13
|
+
return /*#__PURE__*/React.createElement(ActionListGenericTrigger, _objectSpread2({
|
|
14
14
|
className: cn('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-py aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', className),
|
|
15
15
|
"data-test-el": "action-list-trigger"
|
|
16
|
-
}, props), /*#__PURE__*/
|
|
16
|
+
}, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
|
|
17
17
|
className: "group-hover:aurora-fill group-data-[state=open]:aurora-fill group-data-[state=closed]:aurora-fill-subtle",
|
|
18
18
|
size: 20
|
|
19
19
|
})));
|