@navikt/ds-react 7.2.0 → 7.3.0
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/cjs/accordion/AccordionHeader.js +1 -1
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/alert/Alert.d.ts +0 -3
- package/cjs/alert/Alert.js +11 -17
- package/cjs/alert/Alert.js.map +1 -1
- package/cjs/chips/Removable.d.ts +5 -5
- package/cjs/chips/Removable.js +4 -2
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/collapsible/Collapsible.context.d.ts +1 -1
- package/cjs/date/datepicker/DatePicker.d.ts +2 -2
- package/cjs/date/monthpicker/MonthPicker.d.ts +2 -2
- package/cjs/dropdown/Menu/index.js +1 -1
- package/cjs/dropdown/Menu/index.js.map +1 -1
- package/cjs/form/checkbox/useCheckbox.js +3 -2
- package/cjs/form/checkbox/useCheckbox.js.map +1 -1
- package/cjs/form/combobox/ComboboxProvider.js +4 -1
- package/cjs/form/combobox/ComboboxProvider.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/useVirtualFocus.d.ts +3 -0
- package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js +33 -10
- package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +23 -10
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.context.d.ts +1 -1
- package/cjs/form/radio/useRadio.js +3 -2
- package/cjs/form/radio/useRadio.js.map +1 -1
- package/cjs/form/search/Search.js +1 -1
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/switch/Switch.js +2 -1
- package/cjs/form/switch/Switch.js.map +1 -1
- package/cjs/index.d.ts +1 -0
- package/cjs/index.js +4 -2
- package/cjs/index.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.d.ts +3 -0
- package/cjs/layout/base/BasePrimitive.js.map +1 -1
- package/cjs/layout/box/Box.d.ts +2 -2
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/grid/HGrid.d.ts +2 -2
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/stack/Stack.d.ts +2 -2
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/modal/ModalHeader.js +6 -1
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/modal/dialog-polyfill.js +2 -2
- package/cjs/modal/dialog-polyfill.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.d.ts +310 -0
- package/cjs/overlays/action-menu/ActionMenu.js +227 -0
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -0
- package/cjs/overlays/action-menu/index.d.ts +1 -0
- package/cjs/overlays/action-menu/index.js +19 -0
- package/cjs/overlays/action-menu/index.js.map +1 -0
- package/cjs/overlays/floating/Floating.js +9 -10
- package/cjs/overlays/floating/Floating.js.map +1 -1
- package/cjs/overlays/floating/Floating.utils.d.ts +3 -5
- package/cjs/overlays/floating/Floating.utils.js +0 -2
- package/cjs/overlays/floating/Floating.utils.js.map +1 -1
- package/cjs/overlays/floating-menu/Menu.d.ts +15 -21
- package/cjs/overlays/floating-menu/Menu.js +119 -230
- package/cjs/overlays/floating-menu/Menu.js.map +1 -1
- package/cjs/overlays/floating-menu/parts/RovingFocus.d.ts +1 -1
- package/cjs/overlays/floating-menu/parts/RovingFocus.js +4 -4
- package/cjs/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
- package/cjs/pagination/Pagination.d.ts +1 -6
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/provider/i18n/LanguageProvider.d.ts +3 -3
- package/cjs/stepper/context.d.ts +1 -1
- package/cjs/table/Body.d.ts +2 -4
- package/cjs/table/Body.js.map +1 -1
- package/cjs/table/ColumnHeader.d.ts +1 -2
- package/cjs/table/ColumnHeader.js.map +1 -1
- package/cjs/table/ExpandableRow.d.ts +1 -2
- package/cjs/table/ExpandableRow.js.map +1 -1
- package/cjs/table/Header.d.ts +2 -4
- package/cjs/table/Header.js.map +1 -1
- package/cjs/table/HeaderCell.d.ts +1 -2
- package/cjs/table/HeaderCell.js.map +1 -1
- package/cjs/table/Row.d.ts +1 -2
- package/cjs/table/Row.js.map +1 -1
- package/cjs/tabs/Tabs.context.d.ts +1 -1
- package/cjs/tabs/parts/tablist/useScrollButtons.js +1 -1
- package/cjs/tabs/parts/tablist/useScrollButtons.js.map +1 -1
- package/cjs/tabs/parts/tablist/useTabList.js +4 -4
- package/cjs/tabs/parts/tablist/useTabList.js.map +1 -1
- package/cjs/timeline/TimelineRow.js +9 -10
- package/cjs/timeline/TimelineRow.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/cjs/toggle-group/parts/useToggleItem.js +4 -4
- package/cjs/toggle-group/parts/useToggleItem.js.map +1 -1
- package/cjs/util/TextareaAutoSize.js +2 -2
- package/cjs/util/TextareaAutoSize.js.map +1 -1
- package/cjs/util/hooks/descendants/descendant.js +1 -1
- package/cjs/util/hooks/descendants/descendant.js.map +1 -1
- package/cjs/util/hooks/descendants/useDescendant.js +1 -1
- package/cjs/util/hooks/descendants/useDescendant.js.map +1 -1
- package/cjs/util/i18n/get.d.ts +2 -2
- package/cjs/util/i18n/get.js.map +1 -1
- package/cjs/util/i18n/i18n.context.d.ts +2 -3
- package/cjs/util/i18n/i18n.context.js.map +1 -1
- package/cjs/util/i18n/i18n.types.d.ts +5 -9
- package/cjs/util/i18n/locales/en.d.ts +39 -0
- package/cjs/util/i18n/locales/en.js +41 -0
- package/cjs/util/i18n/locales/en.js.map +1 -0
- package/cjs/util/i18n/locales/nb.d.ts +14 -0
- package/cjs/util/i18n/locales/nb.js +14 -0
- package/cjs/util/i18n/locales/nb.js.map +1 -1
- package/cjs/util/i18n/locales/nn.d.ts +39 -0
- package/cjs/util/i18n/locales/nn.js +41 -0
- package/cjs/util/i18n/locales/nn.js.map +1 -0
- package/cjs/util/requireReactElement.d.ts +2 -0
- package/cjs/util/requireReactElement.js +22 -0
- package/cjs/util/requireReactElement.js.map +1 -0
- package/cjs/util/virtualfocus/Context.d.ts +1 -1
- package/cjs/util/virtualfocus/parts/VirtualFocusContent.d.ts +1 -2
- package/cjs/util/virtualfocus/parts/VirtualFocusContent.js.map +1 -1
- package/esm/accordion/AccordionHeader.js +1 -1
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/alert/Alert.d.ts +0 -3
- package/esm/alert/Alert.js +11 -17
- package/esm/alert/Alert.js.map +1 -1
- package/esm/chips/Removable.d.ts +5 -5
- package/esm/chips/Removable.js +4 -2
- package/esm/chips/Removable.js.map +1 -1
- package/esm/collapsible/Collapsible.context.d.ts +1 -1
- package/esm/date/datepicker/DatePicker.d.ts +2 -2
- package/esm/date/monthpicker/MonthPicker.d.ts +2 -2
- package/esm/dropdown/Menu/index.js +1 -1
- package/esm/dropdown/Menu/index.js.map +1 -1
- package/esm/form/checkbox/useCheckbox.js +3 -2
- package/esm/form/checkbox/useCheckbox.js.map +1 -1
- package/esm/form/combobox/ComboboxProvider.js +4 -1
- package/esm/form/combobox/ComboboxProvider.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/useVirtualFocus.d.ts +3 -0
- package/esm/form/combobox/FilteredOptions/useVirtualFocus.js +34 -11
- package/esm/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +23 -10
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/file-upload/FileUpload.context.d.ts +1 -1
- package/esm/form/radio/useRadio.js +3 -2
- package/esm/form/radio/useRadio.js.map +1 -1
- package/esm/form/search/Search.js +1 -1
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/switch/Switch.js +2 -1
- package/esm/form/switch/Switch.js.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/layout/base/BasePrimitive.d.ts +3 -0
- package/esm/layout/base/BasePrimitive.js.map +1 -1
- package/esm/layout/box/Box.d.ts +2 -2
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/grid/HGrid.d.ts +2 -2
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/stack/Stack.d.ts +2 -2
- package/esm/layout/stack/Stack.js.map +1 -1
- package/esm/modal/ModalHeader.js +6 -1
- package/esm/modal/ModalHeader.js.map +1 -1
- package/esm/modal/dialog-polyfill.js +2 -2
- package/esm/modal/dialog-polyfill.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.d.ts +310 -0
- package/esm/overlays/action-menu/ActionMenu.js +197 -0
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -0
- package/esm/overlays/action-menu/index.d.ts +1 -0
- package/esm/overlays/action-menu/index.js +3 -0
- package/esm/overlays/action-menu/index.js.map +1 -0
- package/esm/overlays/floating/Floating.js +9 -10
- package/esm/overlays/floating/Floating.js.map +1 -1
- package/esm/overlays/floating/Floating.utils.d.ts +3 -5
- package/esm/overlays/floating/Floating.utils.js +0 -2
- package/esm/overlays/floating/Floating.utils.js.map +1 -1
- package/esm/overlays/floating-menu/Menu.d.ts +15 -21
- package/esm/overlays/floating-menu/Menu.js +119 -230
- package/esm/overlays/floating-menu/Menu.js.map +1 -1
- package/esm/overlays/floating-menu/parts/RovingFocus.d.ts +1 -1
- package/esm/overlays/floating-menu/parts/RovingFocus.js +4 -4
- package/esm/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
- package/esm/pagination/Pagination.d.ts +1 -6
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/provider/i18n/LanguageProvider.d.ts +3 -3
- package/esm/stepper/context.d.ts +1 -1
- package/esm/table/Body.d.ts +2 -4
- package/esm/table/Body.js.map +1 -1
- package/esm/table/ColumnHeader.d.ts +1 -2
- package/esm/table/ColumnHeader.js.map +1 -1
- package/esm/table/ExpandableRow.d.ts +1 -2
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/table/Header.d.ts +2 -4
- package/esm/table/Header.js.map +1 -1
- package/esm/table/HeaderCell.d.ts +1 -2
- package/esm/table/HeaderCell.js.map +1 -1
- package/esm/table/Row.d.ts +1 -2
- package/esm/table/Row.js.map +1 -1
- package/esm/tabs/Tabs.context.d.ts +1 -1
- package/esm/tabs/parts/tablist/useScrollButtons.js +1 -1
- package/esm/tabs/parts/tablist/useScrollButtons.js.map +1 -1
- package/esm/tabs/parts/tablist/useTabList.js +4 -4
- package/esm/tabs/parts/tablist/useTabList.js.map +1 -1
- package/esm/timeline/TimelineRow.js +9 -10
- package/esm/timeline/TimelineRow.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/esm/toggle-group/parts/useToggleItem.js +4 -4
- package/esm/toggle-group/parts/useToggleItem.js.map +1 -1
- package/esm/util/TextareaAutoSize.js +2 -2
- package/esm/util/TextareaAutoSize.js.map +1 -1
- package/esm/util/hooks/descendants/descendant.js +1 -1
- package/esm/util/hooks/descendants/descendant.js.map +1 -1
- package/esm/util/hooks/descendants/useDescendant.js +1 -1
- package/esm/util/hooks/descendants/useDescendant.js.map +1 -1
- package/esm/util/i18n/get.d.ts +2 -2
- package/esm/util/i18n/get.js.map +1 -1
- package/esm/util/i18n/i18n.context.d.ts +2 -3
- package/esm/util/i18n/i18n.context.js.map +1 -1
- package/esm/util/i18n/i18n.types.d.ts +5 -9
- package/esm/util/i18n/locales/en.d.ts +39 -0
- package/esm/util/i18n/locales/en.js +39 -0
- package/esm/util/i18n/locales/en.js.map +1 -0
- package/esm/util/i18n/locales/nb.d.ts +14 -0
- package/esm/util/i18n/locales/nb.js +14 -0
- package/esm/util/i18n/locales/nb.js.map +1 -1
- package/esm/util/i18n/locales/nn.d.ts +39 -0
- package/esm/util/i18n/locales/nn.js +39 -0
- package/esm/util/i18n/locales/nn.js.map +1 -0
- package/esm/util/requireReactElement.d.ts +2 -0
- package/esm/util/requireReactElement.js +15 -0
- package/esm/util/requireReactElement.js.map +1 -0
- package/esm/util/virtualfocus/Context.d.ts +1 -1
- package/esm/util/virtualfocus/parts/VirtualFocusContent.d.ts +1 -2
- package/esm/util/virtualfocus/parts/VirtualFocusContent.js.map +1 -1
- package/package.json +15 -7
- package/src/accordion/AccordionHeader.tsx +0 -1
- package/src/alert/Alert.tsx +11 -20
- package/src/chips/Removable.tsx +13 -9
- package/src/date/datepicker/DatePicker.tsx +2 -2
- package/src/date/monthpicker/MonthPicker.tsx +2 -2
- package/src/dropdown/Menu/index.tsx +1 -1
- package/src/form/checkbox/Checkbox.test.tsx +2 -3
- package/src/form/checkbox/useCheckbox.ts +2 -2
- package/src/form/combobox/ComboboxProvider.tsx +9 -1
- package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +1 -1
- package/src/form/combobox/FilteredOptions/useVirtualFocus.ts +42 -11
- package/src/form/combobox/Input/Input.tsx +19 -10
- package/src/form/combobox/__tests__/combobox.test.tsx +36 -0
- package/src/form/confirmation-panel/ConfirmationPanel.test.tsx +1 -2
- package/src/form/radio/Radio.test.tsx +4 -5
- package/src/form/radio/useRadio.ts +2 -2
- package/src/form/search/Search.tsx +1 -1
- package/src/form/switch/Switch.tsx +1 -1
- package/src/index.ts +1 -0
- package/src/layout/base/BasePrimitive.tsx +3 -0
- package/src/layout/box/Box.tsx +35 -36
- package/src/layout/grid/HGrid.tsx +26 -27
- package/src/layout/stack/Stack.tsx +53 -54
- package/src/modal/ModalHeader.tsx +6 -0
- package/src/modal/dialog-polyfill.ts +2 -2
- package/src/overlays/action-menu/ActionMenu.tsx +971 -0
- package/src/overlays/action-menu/index.ts +29 -0
- package/src/overlays/floating/Floating.tsx +6 -12
- package/src/overlays/floating/Floating.utils.ts +2 -5
- package/src/overlays/floating-menu/Menu.tsx +183 -332
- package/src/overlays/floating-menu/parts/RovingFocus.tsx +7 -7
- package/src/pagination/Pagination.tsx +4 -1
- package/src/pagination/steps.test.ts +15 -16
- package/src/provider/i18n/LanguageProvider.tsx +3 -3
- package/src/table/Body.tsx +4 -6
- package/src/table/ColumnHeader.tsx +3 -4
- package/src/table/ExpandableRow.tsx +3 -4
- package/src/table/Header.tsx +4 -6
- package/src/table/HeaderCell.tsx +3 -4
- package/src/table/Row.tsx +3 -4
- package/src/tabs/parts/tablist/useScrollButtons.ts +1 -1
- package/src/tabs/parts/tablist/useTabList.ts +4 -4
- package/src/timeline/TimelineRow.tsx +20 -21
- package/src/toggle-group/parts/useToggleItem.ts +4 -4
- package/src/util/TextareaAutoSize.tsx +2 -2
- package/src/util/hooks/descendants/descendant.ts +1 -1
- package/src/util/hooks/descendants/useDescendant.tsx +1 -1
- package/src/util/i18n/get.ts +3 -3
- package/src/util/i18n/i18n.context.ts +2 -3
- package/src/util/i18n/i18n.types.ts +7 -11
- package/src/util/i18n/locales/en.ts +40 -0
- package/src/util/i18n/locales/nb.ts +23 -1
- package/src/util/i18n/locales/nn.ts +40 -0
- package/src/util/i18n/locales.test.tsx +23 -0
- package/src/util/requireReactElement.ts +25 -0
- package/src/util/virtualfocus/parts/VirtualFocusContent.tsx +4 -2
- package/cjs/util/i18n/merge.d.ts +0 -2
- package/cjs/util/i18n/merge.js +0 -28
- package/cjs/util/i18n/merge.js.map +0 -1
- package/esm/util/i18n/merge.d.ts +0 -2
- package/esm/util/i18n/merge.js +0 -25
- package/esm/util/i18n/merge.js.map +0 -1
- package/src/util/i18n/merge.ts +0 -35
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
exports.ActionMenuSubContent = exports.ActionMenuSubTrigger = exports.ActionMenuSub = exports.ActionMenuDivider = exports.ActionMenuRadioItem = exports.ActionMenuRadioGroup = exports.ActionMenuCheckboxItem = exports.ActionMenuItem = exports.ActionMenuGroup = exports.ActionMenuLabel = exports.ActionMenuContent = exports.ActionMenuTrigger = exports.ActionMenu = void 0;
|
|
41
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
42
|
+
const react_1 = __importStar(require("react"));
|
|
43
|
+
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
44
|
+
const Modal_context_1 = require("../../modal/Modal.context");
|
|
45
|
+
const Slot_1 = require("../../slot/Slot");
|
|
46
|
+
const util_1 = require("../../util");
|
|
47
|
+
const composeEventHandlers_1 = require("../../util/composeEventHandlers");
|
|
48
|
+
const create_context_1 = require("../../util/create-context");
|
|
49
|
+
const hooks_1 = require("../../util/hooks");
|
|
50
|
+
const useControllableState_1 = require("../../util/hooks/useControllableState");
|
|
51
|
+
const requireReactElement_1 = require("../../util/requireReactElement");
|
|
52
|
+
const Menu_1 = require("../floating-menu/Menu");
|
|
53
|
+
const [ActionMenuProvider, useActionMenuContext] = (0, create_context_1.createContext)({
|
|
54
|
+
name: "ActionMenuContext",
|
|
55
|
+
errorMessage: "ActionMenu sub-components cannot be rendered outside the ActionMenu component.",
|
|
56
|
+
});
|
|
57
|
+
const ActionMenuRoot = ({ children, open: openProp, onOpenChange, rootElement: rootElementProp, }) => {
|
|
58
|
+
const triggerRef = (0, react_1.useRef)(null);
|
|
59
|
+
const modalContext = (0, Modal_context_1.useModalContext)(false);
|
|
60
|
+
const rootElement = modalContext ? modalContext.ref.current : rootElementProp;
|
|
61
|
+
const [open = false, setOpen] = (0, useControllableState_1.useControllableState)({
|
|
62
|
+
value: openProp,
|
|
63
|
+
defaultValue: false,
|
|
64
|
+
onChange: onOpenChange,
|
|
65
|
+
});
|
|
66
|
+
return (react_1.default.createElement(ActionMenuProvider, { triggerId: (0, util_1.useId)(), triggerRef: triggerRef, contentId: (0, util_1.useId)(), open: open, onOpenChange: setOpen, onOpenToggle: () => setOpen((prevOpen) => !prevOpen), rootElement: rootElement },
|
|
67
|
+
react_1.default.createElement(Menu_1.Menu, { open: open, onOpenChange: setOpen, modal: true }, children)));
|
|
68
|
+
};
|
|
69
|
+
exports.ActionMenu = ActionMenuRoot;
|
|
70
|
+
exports.ActionMenuTrigger = (0, react_1.forwardRef)((_a, ref) => {
|
|
71
|
+
var { children, onKeyDown, style, onClick } = _a, rest = __rest(_a, ["children", "onKeyDown", "style", "onClick"]);
|
|
72
|
+
const context = useActionMenuContext();
|
|
73
|
+
const mergedRefs = (0, hooks_1.useMergeRefs)(ref, context.triggerRef);
|
|
74
|
+
return (react_1.default.createElement(Menu_1.Menu.Anchor, { asChild: true },
|
|
75
|
+
react_1.default.createElement(Slot_1.Slot, Object.assign({ type: "button", id: context.triggerId, "aria-haspopup": "menu", "aria-expanded": context.open, "aria-controls": context.open ? context.contentId : undefined, "data-state": context.open ? "open" : "closed", ref: mergedRefs }, rest, { style: Object.assign(Object.assign({}, style), { pointerEvents: context.open ? "auto" : undefined }), onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, context.onOpenToggle), onKeyDown: (0, composeEventHandlers_1.composeEventHandlers)(onKeyDown, (event) => {
|
|
76
|
+
if (event.key === "ArrowDown") {
|
|
77
|
+
context.onOpenChange(true);
|
|
78
|
+
/* Stop keydown from scrolling window */
|
|
79
|
+
event.preventDefault();
|
|
80
|
+
}
|
|
81
|
+
}) }), (0, requireReactElement_1.requireReactElement)(children))));
|
|
82
|
+
});
|
|
83
|
+
exports.ActionMenuContent = (0, react_1.forwardRef)((_a, ref) => {
|
|
84
|
+
var { children, className, style } = _a, rest = __rest(_a, ["children", "className", "style"]);
|
|
85
|
+
const context = useActionMenuContext();
|
|
86
|
+
return (react_1.default.createElement(Menu_1.Menu.Portal, { rootElement: context.rootElement, asChild: true },
|
|
87
|
+
react_1.default.createElement(Menu_1.Menu.Content, Object.assign({ ref: ref, id: context.contentId, "aria-labelledby": context.triggerId, className: (0, clsx_1.default)("navds-action-menu__content", className) }, rest, { align: "start", sideOffset: 4, collisionPadding: 10, onCloseAutoFocus: () => {
|
|
88
|
+
var _a;
|
|
89
|
+
(_a = context.triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
90
|
+
}, safeZone: { anchor: context.triggerRef.current }, style: Object.assign(Object.assign({}, style), {
|
|
91
|
+
"--__ac-action-menu-content-transform-origin": "var(--ac-floating-transform-origin)",
|
|
92
|
+
"--__ac-action-menu-content-available-height": "var(--ac-floating-available-height)",
|
|
93
|
+
}) }),
|
|
94
|
+
react_1.default.createElement("div", { className: "navds-action-menu__content-inner" }, children))));
|
|
95
|
+
});
|
|
96
|
+
exports.ActionMenuLabel = (0, react_1.forwardRef)((_a, ref) => {
|
|
97
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
98
|
+
return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-action-menu__label", className) }), children));
|
|
99
|
+
});
|
|
100
|
+
exports.ActionMenuGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
101
|
+
var { children, className, label } = _a, rest = __rest(_a, ["children", "className", "label"]);
|
|
102
|
+
const labelId = (0, util_1.useId)();
|
|
103
|
+
return (react_1.default.createElement(Menu_1.Menu.Group, Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-action-menu__group", className), asChild: false, "aria-labelledby": label ? labelId : undefined }),
|
|
104
|
+
label && (react_1.default.createElement(exports.ActionMenu.Label, { id: labelId, "aria-hidden": true }, label)),
|
|
105
|
+
children));
|
|
106
|
+
});
|
|
107
|
+
const Marker = ({ children, className, placement }) => {
|
|
108
|
+
return (react_1.default.createElement("div", { "aria-hidden": true, className: (0, clsx_1.default)(className, "navds-action-menu__marker", `navds-action-menu__marker--${placement}`) }, children));
|
|
109
|
+
};
|
|
110
|
+
const Shortcut = ({ children }) => {
|
|
111
|
+
/**
|
|
112
|
+
* Assumes the user will input either a single keyboard key
|
|
113
|
+
* or keys separated by "+"
|
|
114
|
+
*/
|
|
115
|
+
const parsed = children.split("+").filter((str) => str !== "");
|
|
116
|
+
return (react_1.default.createElement(Marker, { placement: "right" }, parsed.map((char, index) => (react_1.default.createElement("span", { key: char + index, className: "navds-action-menu__shortcut" }, char)))));
|
|
117
|
+
};
|
|
118
|
+
exports.ActionMenuItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
119
|
+
var { children, as: Component = "div", className, icon, shortcut, variant } = _a, rest = __rest(_a, ["children", "as", "className", "icon", "shortcut", "variant"]);
|
|
120
|
+
return (react_1.default.createElement(Menu_1.Menu.Item, Object.assign({}, rest, { className: (0, clsx_1.default)("navds-action-menu__item", className, {
|
|
121
|
+
"navds-action-menu__item--danger": variant === "danger",
|
|
122
|
+
"navds-action-menu__item--has-icon": icon,
|
|
123
|
+
}), "aria-keyshortcuts": shortcut !== null && shortcut !== void 0 ? shortcut : undefined, asChild: true }),
|
|
124
|
+
react_1.default.createElement(Component, { ref: ref },
|
|
125
|
+
children,
|
|
126
|
+
icon && (react_1.default.createElement(Marker, { placement: "left", className: "navds-action-menu__marker-icon" }, icon)),
|
|
127
|
+
shortcut && react_1.default.createElement(Shortcut, null, shortcut))));
|
|
128
|
+
});
|
|
129
|
+
exports.ActionMenuCheckboxItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
130
|
+
var { children, className, shortcut, onSelect } = _a, rest = __rest(_a, ["children", "className", "shortcut", "onSelect"]);
|
|
131
|
+
return (react_1.default.createElement(Menu_1.Menu.CheckboxItem, Object.assign({ ref: ref }, rest, { onSelect: (0, composeEventHandlers_1.composeEventHandlers)(onSelect, (event) => {
|
|
132
|
+
/**
|
|
133
|
+
* Prevent default to avoid the menu from closing when clicking the checkbox
|
|
134
|
+
*/
|
|
135
|
+
event.preventDefault();
|
|
136
|
+
}), asChild: false, className: (0, clsx_1.default)("navds-action-menu__item navds-action-menu__item--has-icon", className), "aria-keyshortcuts": shortcut }),
|
|
137
|
+
children,
|
|
138
|
+
react_1.default.createElement(Marker, { placement: "left" },
|
|
139
|
+
react_1.default.createElement(Menu_1.Menu.ItemIndicator, { className: "navds-action-menu__indicator" },
|
|
140
|
+
react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "navds-action-menu__indicator-icon", "aria-hidden": true },
|
|
141
|
+
react_1.default.createElement("g", { className: "navds-action-menu__indicator-icon--unchecked" },
|
|
142
|
+
react_1.default.createElement("rect", { width: "24", height: "24", rx: "4", fill: "var(--a-border-default)" }),
|
|
143
|
+
react_1.default.createElement("rect", { x: "1", y: "1", width: "22", height: "22", rx: "3", fill: "var(--a-surface-default)", strokeWidth: "2" })),
|
|
144
|
+
react_1.default.createElement("g", { className: "navds-action-menu__indicator-icon--indeterminate" },
|
|
145
|
+
react_1.default.createElement("rect", { width: "24", height: "24", rx: "4", fill: "var(--a-surface-action-selected)" }),
|
|
146
|
+
react_1.default.createElement("rect", { x: "6", y: "10", width: "12", height: "4", rx: "1", fill: "var(--a-surface-default)" })),
|
|
147
|
+
react_1.default.createElement("g", { className: "navds-action-menu__indicator-icon--checked" },
|
|
148
|
+
react_1.default.createElement("rect", { width: "24", height: "24", rx: "4", fill: "var(--a-surface-action-selected)" }),
|
|
149
|
+
react_1.default.createElement("path", { d: "M10.0352 13.4148L16.4752 7.40467C17.0792 6.83965 18.029 6.86933 18.5955 7.47478C19.162 8.08027 19.1296 9.03007 18.5245 9.59621L11.0211 16.5993C10.741 16.859 10.3756 17 10.0002 17C9.60651 17 9.22717 16.8462 8.93914 16.5611L6.43914 14.0611C5.85362 13.4756 5.85362 12.5254 6.43914 11.9399C7.02467 11.3544 7.97483 11.3544 8.56036 11.9399L10.0352 13.4148Z", fill: "var(--a-surface-default)" }))))),
|
|
150
|
+
shortcut && react_1.default.createElement(Shortcut, null, shortcut)));
|
|
151
|
+
});
|
|
152
|
+
exports.ActionMenuRadioGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
153
|
+
var { children, label } = _a, rest = __rest(_a, ["children", "label"]);
|
|
154
|
+
const labelId = (0, util_1.useId)();
|
|
155
|
+
return (react_1.default.createElement(Menu_1.Menu.RadioGroup, Object.assign({ ref: ref }, rest, { asChild: false, "aria-labelledby": label ? labelId : undefined }),
|
|
156
|
+
label && (react_1.default.createElement(exports.ActionMenu.Label, { id: labelId, "aria-hidden": true }, label)),
|
|
157
|
+
children));
|
|
158
|
+
});
|
|
159
|
+
exports.ActionMenuRadioItem = (0, react_1.forwardRef)((_a, ref) => {
|
|
160
|
+
var { children, className, onSelect } = _a, rest = __rest(_a, ["children", "className", "onSelect"]);
|
|
161
|
+
return (react_1.default.createElement(Menu_1.Menu.RadioItem, Object.assign({ ref: ref }, rest, { onSelect: (0, composeEventHandlers_1.composeEventHandlers)(onSelect, (event) => {
|
|
162
|
+
/**
|
|
163
|
+
* Prevent default to avoid the menu from closing when clicking the radio
|
|
164
|
+
*/
|
|
165
|
+
event.preventDefault();
|
|
166
|
+
}), asChild: false, className: (0, clsx_1.default)("navds-action-menu__item navds-action-menu__item--has-icon", className) }),
|
|
167
|
+
children,
|
|
168
|
+
react_1.default.createElement(Marker, { placement: "left" },
|
|
169
|
+
react_1.default.createElement(Menu_1.Menu.ItemIndicator, { className: "navds-action-menu__indicator" },
|
|
170
|
+
react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "navds-action-menu__indicator-icon", "aria-hidden": true },
|
|
171
|
+
react_1.default.createElement("g", { className: "navds-action-menu__indicator-icon--unchecked" },
|
|
172
|
+
react_1.default.createElement("rect", { width: "24", height: "24", rx: "12", fill: "var(--a-border-default)" }),
|
|
173
|
+
react_1.default.createElement("rect", { x: "1", y: "1", width: "22", height: "22", rx: "11", strokeWidth: "2", fill: "var(--a-surface-default)" })),
|
|
174
|
+
react_1.default.createElement("g", { className: "navds-action-menu__indicator-icon--checked" },
|
|
175
|
+
react_1.default.createElement("rect", { x: "1", y: "1", width: "22", height: "22", rx: "11", fill: "var(--a-surface-default)" }),
|
|
176
|
+
react_1.default.createElement("rect", { x: "1", y: "1", width: "22", height: "22", rx: "11", stroke: "var(--a-surface-action-selected)", strokeWidth: "2" }),
|
|
177
|
+
react_1.default.createElement("path", { d: "M20 12C20 16.4178 16.4178 20 12 20C7.58222 20 4 16.4178 4 12C4 7.58222 7.58222 4 12 4C16.4178 4 20 7.58222 20 12Z", fill: "var(--a-surface-action-selected)" })))))));
|
|
178
|
+
});
|
|
179
|
+
exports.ActionMenuDivider = (0, react_1.forwardRef)((_a, ref) => {
|
|
180
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
181
|
+
return (react_1.default.createElement(Menu_1.Menu.Divider, Object.assign({ ref: ref, asChild: false }, rest, { className: (0, clsx_1.default)("navds-action-menu__divider", className) })));
|
|
182
|
+
});
|
|
183
|
+
const ActionMenuSub = (props) => {
|
|
184
|
+
const { children, open: openProp, onOpenChange } = props;
|
|
185
|
+
const [open = false, setOpen] = (0, useControllableState_1.useControllableState)({
|
|
186
|
+
value: openProp,
|
|
187
|
+
defaultValue: false,
|
|
188
|
+
onChange: onOpenChange,
|
|
189
|
+
});
|
|
190
|
+
return (react_1.default.createElement(Menu_1.Menu.Sub, { open: open, onOpenChange: setOpen }, children));
|
|
191
|
+
};
|
|
192
|
+
exports.ActionMenuSub = ActionMenuSub;
|
|
193
|
+
exports.ActionMenuSubTrigger = (0, react_1.forwardRef)((_a, ref) => {
|
|
194
|
+
var { children, className, icon } = _a, rest = __rest(_a, ["children", "className", "icon"]);
|
|
195
|
+
return (react_1.default.createElement(Menu_1.Menu.SubTrigger, Object.assign({ ref: ref }, rest, { asChild: false, className: (0, clsx_1.default)("navds-action-menu__item navds-action-menu__sub-trigger", className, { "navds-action-menu__item--has-icon": icon }) }),
|
|
196
|
+
children,
|
|
197
|
+
icon && (react_1.default.createElement(Marker, { placement: "left", className: "navds-action-menu__marker-icon" }, icon)),
|
|
198
|
+
react_1.default.createElement(Marker, { placement: "right", className: "navds-action-menu__marker-icon" },
|
|
199
|
+
react_1.default.createElement(aksel_icons_1.ChevronRightIcon, { "aria-hidden": true }))));
|
|
200
|
+
});
|
|
201
|
+
exports.ActionMenuSubContent = (0, react_1.forwardRef)((_a, ref) => {
|
|
202
|
+
var { children, className, style } = _a, rest = __rest(_a, ["children", "className", "style"]);
|
|
203
|
+
const context = useActionMenuContext();
|
|
204
|
+
return (react_1.default.createElement(Menu_1.Menu.Portal, { rootElement: context.rootElement },
|
|
205
|
+
react_1.default.createElement(Menu_1.Menu.SubContent, Object.assign({ ref: ref, alignOffset: -4, sideOffset: 1, collisionPadding: 10 }, rest, { className: (0, clsx_1.default)("navds-action-menu__content navds-action-menu__sub-content", className), style: Object.assign(Object.assign({}, style), {
|
|
206
|
+
"--ac-action-menu-content-transform-origin": "var(--ac-floating-transform-origin)",
|
|
207
|
+
"--ac-action-menu-content-available-width": "var(--ac-floating-available-width)",
|
|
208
|
+
"--ac-action-menu-content-available-height": "var(--ac-floating-available-height)",
|
|
209
|
+
"--ac-action-menu-trigger-width": "var(--ac-floating-anchor-width)",
|
|
210
|
+
"--ac-action-menu-trigger-height": "var(--ac-floating-anchor-height)",
|
|
211
|
+
}) }),
|
|
212
|
+
react_1.default.createElement("div", { className: "navds-action-menu__content-inner" }, children))));
|
|
213
|
+
});
|
|
214
|
+
/* -------------------------------------------------------------------------- */
|
|
215
|
+
exports.ActionMenu.Trigger = exports.ActionMenuTrigger;
|
|
216
|
+
exports.ActionMenu.Content = exports.ActionMenuContent;
|
|
217
|
+
exports.ActionMenu.Group = exports.ActionMenuGroup;
|
|
218
|
+
exports.ActionMenu.Label = exports.ActionMenuLabel;
|
|
219
|
+
exports.ActionMenu.Item = exports.ActionMenuItem;
|
|
220
|
+
exports.ActionMenu.CheckboxItem = exports.ActionMenuCheckboxItem;
|
|
221
|
+
exports.ActionMenu.RadioGroup = exports.ActionMenuRadioGroup;
|
|
222
|
+
exports.ActionMenu.RadioItem = exports.ActionMenuRadioItem;
|
|
223
|
+
exports.ActionMenu.Divider = exports.ActionMenuDivider;
|
|
224
|
+
exports.ActionMenu.Sub = exports.ActionMenuSub;
|
|
225
|
+
exports.ActionMenu.SubTrigger = exports.ActionMenuSubTrigger;
|
|
226
|
+
exports.ActionMenu.SubContent = exports.ActionMenuSubContent;
|
|
227
|
+
//# sourceMappingURL=ActionMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionMenu.js","sourceRoot":"","sources":["../../../src/overlays/action-menu/ActionMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ActionMenu, ActionMenuCheckboxItem, ActionMenuContent, ActionMenuGroup, ActionMenuItem, ActionMenuLabel, ActionMenuRadioGroup, ActionMenuRadioItem, ActionMenuDivider, ActionMenuSub, ActionMenuSubContent, ActionMenuSubTrigger, ActionMenuTrigger, type ActionMenuItemProps, type ActionMenuCheckboxItemProps, type ActionMenuContentProps, type ActionMenuGroupProps, type ActionMenuLabelProps, type ActionMenuProps, type ActionMenuRadioGroupProps, type ActionMenuRadioItemProps, type ActionMenuDividerProps, type ActionMenuSubContentProps, type ActionMenuSubProps, type ActionMenuSubTriggerProps, type ActionMenuTriggerProps, } from "./ActionMenu";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.ActionMenuTrigger = exports.ActionMenuSubTrigger = exports.ActionMenuSubContent = exports.ActionMenuSub = exports.ActionMenuDivider = exports.ActionMenuRadioItem = exports.ActionMenuRadioGroup = exports.ActionMenuLabel = exports.ActionMenuItem = exports.ActionMenuGroup = exports.ActionMenuContent = exports.ActionMenuCheckboxItem = exports.ActionMenu = void 0;
|
|
5
|
+
var ActionMenu_1 = require("./ActionMenu");
|
|
6
|
+
Object.defineProperty(exports, "ActionMenu", { enumerable: true, get: function () { return ActionMenu_1.ActionMenu; } });
|
|
7
|
+
Object.defineProperty(exports, "ActionMenuCheckboxItem", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuCheckboxItem; } });
|
|
8
|
+
Object.defineProperty(exports, "ActionMenuContent", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuContent; } });
|
|
9
|
+
Object.defineProperty(exports, "ActionMenuGroup", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuGroup; } });
|
|
10
|
+
Object.defineProperty(exports, "ActionMenuItem", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuItem; } });
|
|
11
|
+
Object.defineProperty(exports, "ActionMenuLabel", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuLabel; } });
|
|
12
|
+
Object.defineProperty(exports, "ActionMenuRadioGroup", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuRadioGroup; } });
|
|
13
|
+
Object.defineProperty(exports, "ActionMenuRadioItem", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuRadioItem; } });
|
|
14
|
+
Object.defineProperty(exports, "ActionMenuDivider", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuDivider; } });
|
|
15
|
+
Object.defineProperty(exports, "ActionMenuSub", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuSub; } });
|
|
16
|
+
Object.defineProperty(exports, "ActionMenuSubContent", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuSubContent; } });
|
|
17
|
+
Object.defineProperty(exports, "ActionMenuSubTrigger", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuSubTrigger; } });
|
|
18
|
+
Object.defineProperty(exports, "ActionMenuTrigger", { enumerable: true, get: function () { return ActionMenu_1.ActionMenuTrigger; } });
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/overlays/action-menu/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,2CA2BsB;AA1BpB,wGAAA,UAAU,OAAA;AACV,oHAAA,sBAAsB,OAAA;AACtB,+GAAA,iBAAiB,OAAA;AACjB,6GAAA,eAAe,OAAA;AACf,4GAAA,cAAc,OAAA;AACd,6GAAA,eAAe,OAAA;AACf,kHAAA,oBAAoB,OAAA;AACpB,iHAAA,mBAAmB,OAAA;AACnB,+GAAA,iBAAiB,OAAA;AACjB,2GAAA,aAAa,OAAA;AACb,kHAAA,oBAAoB,OAAA;AACpB,kHAAA,oBAAoB,OAAA;AACpB,+GAAA,iBAAiB,OAAA"}
|
|
@@ -112,8 +112,6 @@ const FloatingContent = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
112
112
|
var _b, _c, _d, _e, _f, _g;
|
|
113
113
|
var { children, side = "bottom", sideOffset = 0, align = "center", alignOffset = 0, avoidCollisions = true, collisionBoundary = [], collisionPadding: collisionPaddingProp = 0, hideWhenDetached = false, updatePositionStrategy = "optimized", onPlaced, arrow: _arrow } = _a, contentProps = __rest(_a, ["children", "side", "sideOffset", "align", "alignOffset", "avoidCollisions", "collisionBoundary", "collisionPadding", "hideWhenDetached", "updatePositionStrategy", "onPlaced", "arrow"]);
|
|
114
114
|
const context = (0, exports.useFloatingContext)();
|
|
115
|
-
const [content, setContent] = (0, react_1.useState)(null);
|
|
116
|
-
const mergeRefs = (0, hooks_1.useMergeRefs)(forwardedRef, setContent);
|
|
117
115
|
const arrowDefaults = Object.assign({ padding: 5, width: 0, height: 0 }, _arrow);
|
|
118
116
|
const [arrow, setArrow] = (0, react_1.useState)(null);
|
|
119
117
|
const arrowWidth = arrowDefaults.width;
|
|
@@ -138,6 +136,8 @@ const FloatingContent = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
138
136
|
boundary: boundary.filter(isNotNull),
|
|
139
137
|
// with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
|
|
140
138
|
altBoundary: hasExplicitBoundaries,
|
|
139
|
+
/* https://floating-ui.com/docs/flip#fallbackaxissidedirection */
|
|
140
|
+
fallbackAxisSideDirection: "end",
|
|
141
141
|
};
|
|
142
142
|
const { refs, floatingStyles, placement, isPositioned, middlewareData } = (0, react_dom_1.useFloating)({
|
|
143
143
|
// default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
|
|
@@ -158,7 +158,11 @@ const FloatingContent = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
158
158
|
alignmentAxis: alignOffset,
|
|
159
159
|
}),
|
|
160
160
|
avoidCollisions &&
|
|
161
|
-
(0, react_dom_1.shift)(
|
|
161
|
+
(0, react_dom_1.shift)({
|
|
162
|
+
mainAxis: true,
|
|
163
|
+
crossAxis: false,
|
|
164
|
+
limiter: (0, react_dom_1.limitShift)(),
|
|
165
|
+
}),
|
|
162
166
|
avoidCollisions && (0, react_dom_1.flip)(Object.assign({}, detectOverflowOptions)),
|
|
163
167
|
(0, react_dom_1.size)(Object.assign(Object.assign({}, detectOverflowOptions), { apply: ({ elements, rects, availableWidth, availableHeight }) => {
|
|
164
168
|
const { width: anchorWidth, height: anchorHeight } = rects.reference;
|
|
@@ -186,14 +190,9 @@ const FloatingContent = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
186
190
|
const arrowX = (_b = middlewareData.arrow) === null || _b === void 0 ? void 0 : _b.x;
|
|
187
191
|
const arrowY = (_c = middlewareData.arrow) === null || _c === void 0 ? void 0 : _c.y;
|
|
188
192
|
const cannotCenterArrow = ((_d = middlewareData.arrow) === null || _d === void 0 ? void 0 : _d.centerOffset) !== 0;
|
|
189
|
-
const [contentZIndex, setContentZIndex] = (0, react_1.useState)();
|
|
190
|
-
(0, hooks_1.useClientLayoutEffect)(() => {
|
|
191
|
-
if (content)
|
|
192
|
-
setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
193
|
-
}, [content]);
|
|
194
193
|
return (react_1.default.createElement("div", { ref: refs.setFloating, "data-aksel-floating-content-wrapper": "", style: Object.assign(Object.assign({}, floatingStyles), { transform: isPositioned
|
|
195
194
|
? floatingStyles.transform
|
|
196
|
-
: "translate(0, -200%)", minWidth: "max-content", zIndex:
|
|
195
|
+
: "translate(0, -200%)", minWidth: "max-content", zIndex: "9999999", ["--ac-floating-transform-origin"]: [
|
|
197
196
|
(_e = middlewareData.transformOrigin) === null || _e === void 0 ? void 0 : _e.x,
|
|
198
197
|
(_f = middlewareData.transformOrigin) === null || _f === void 0 ? void 0 : _f.y,
|
|
199
198
|
].join(" ") }),
|
|
@@ -201,7 +200,7 @@ const FloatingContent = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
201
200
|
// This attribute is necessary for both portalled and inline calculations.
|
|
202
201
|
dir: "ltr" },
|
|
203
202
|
react_1.default.createElement(FloatingContentProvider, { placedSide: placedSide, onArrowChange: setArrow, arrowX: arrowX, arrowY: arrowY, hideArrow: cannotCenterArrow },
|
|
204
|
-
react_1.default.createElement("div", Object.assign({ ref:
|
|
203
|
+
react_1.default.createElement("div", Object.assign({ ref: forwardedRef, "data-side": placedSide, "data-align": placedAlign }, contentProps, { style: Object.assign(Object.assign({}, contentProps.style), {
|
|
205
204
|
// if the FloatingContent hasn't been placed yet (not all measurements done)
|
|
206
205
|
// we prevent animations so that users's animation don't kick in too early referring wrong sides
|
|
207
206
|
animation: !isPositioned ? "none" : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Floating.js","sourceRoot":"","sources":["../../../src/overlays/floating/Floating.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Floating.js","sourceRoot":"","sources":["../../../src/overlays/floating/Floating.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import type { Middleware, Placement } from "@floating-ui/react-dom";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
type Side = (typeof SIDE_OPTIONS)[number];
|
|
5
|
-
type Align = (typeof ALIGN_OPTIONS)[number];
|
|
2
|
+
type Side = "top" | "right" | "bottom" | "left";
|
|
3
|
+
type Align = "start" | "center" | "end";
|
|
6
4
|
type Measurable = {
|
|
7
5
|
getBoundingClientRect(): DOMRect;
|
|
8
6
|
};
|
|
@@ -13,6 +11,6 @@ declare function transformOrigin(options: {
|
|
|
13
11
|
arrowWidth: number;
|
|
14
12
|
arrowHeight: number;
|
|
15
13
|
}): Middleware;
|
|
16
|
-
declare function getSideAndAlignFromPlacement(placement: Placement): readonly [
|
|
14
|
+
declare function getSideAndAlignFromPlacement(placement: Placement): readonly [Side, Align];
|
|
17
15
|
export { getSideAndAlignFromPlacement, transformOrigin };
|
|
18
16
|
export type { Side, Align, Measurable };
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getSideAndAlignFromPlacement = getSideAndAlignFromPlacement;
|
|
4
4
|
exports.transformOrigin = transformOrigin;
|
|
5
|
-
const SIDE_OPTIONS = ["top", "right", "bottom", "left"];
|
|
6
|
-
const ALIGN_OPTIONS = ["start", "center", "end"];
|
|
7
5
|
/**
|
|
8
6
|
* `transformOrigin` is a custom middleware for floating-ui that calculates the transform origin of the floating-element.
|
|
9
7
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Floating.utils.js","sourceRoot":"","sources":["../../../src/overlays/floating/Floating.utils.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"Floating.utils.js","sourceRoot":"","sources":["../../../src/overlays/floating/Floating.utils.ts"],"names":[],"mappings":";;AA0DS,oEAA4B;AAAE,0CAAe;AApDtD;;GAEG;AACH,SAAS,eAAe,CAAC,OAGxB;IACC,OAAO;QACL,IAAI,EAAE,iBAAiB;QACvB,OAAO;QACP,EAAE,CAAC,IAAI;;YACL,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;YAElD,MAAM,iBAAiB,GAAG,CAAA,MAAA,cAAc,CAAC,KAAK,0CAAE,YAAY,MAAK,CAAC,CAAC;YACnE,MAAM,aAAa,GAAG,iBAAiB,CAAC;YACxC,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;YAC1D,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC;YAE5D,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,4BAA4B,CAAC,SAAS,CAAC,CAAC;YAC1E,MAAM,YAAY,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,CAC9D,WAAW,CACZ,CAAC;YAEF,MAAM,YAAY,GAAG,CAAC,MAAA,MAAA,cAAc,CAAC,KAAK,0CAAE,CAAC,mCAAI,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;YACrE,MAAM,YAAY,GAAG,CAAC,MAAA,MAAA,cAAc,CAAC,KAAK,0CAAE,CAAC,mCAAI,CAAC,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC;YAEtE,IAAI,CAAC,GAAG,EAAE,CAAC;YACX,IAAI,CAAC,GAAG,EAAE,CAAC;YAEX,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;gBAC5B,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC;gBACvD,CAAC,GAAG,GAAG,CAAC,WAAW,IAAI,CAAC;YAC1B,CAAC;iBAAM,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;gBAChC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC;gBACvD,CAAC,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,WAAW,IAAI,CAAC;YACjD,CAAC;iBAAM,IAAI,UAAU,KAAK,OAAO,EAAE,CAAC;gBAClC,CAAC,GAAG,GAAG,CAAC,WAAW,IAAI,CAAC;gBACxB,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC;YACzD,CAAC;iBAAM,IAAI,UAAU,KAAK,MAAM,EAAE,CAAC;gBACjC,CAAC,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,GAAG,WAAW,IAAI,CAAC;gBAC9C,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC;YACzD,CAAC;YACD,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC;AACJ,CAAC;AAED,SAAS,4BAA4B,CAAC,SAAoB;IACxD,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtD,OAAO,CAAC,IAAY,EAAE,KAAc,CAAU,CAAC;AACjD,CAAC"}
|
|
@@ -21,7 +21,7 @@ interface MenuComponent extends React.FC<MenuProps> {
|
|
|
21
21
|
CheckboxItem: typeof MenuCheckboxItem;
|
|
22
22
|
RadioGroup: typeof MenuRadioGroup;
|
|
23
23
|
RadioItem: typeof MenuRadioItem;
|
|
24
|
-
|
|
24
|
+
Divider: typeof MenuDivider;
|
|
25
25
|
Sub: typeof MenuSub;
|
|
26
26
|
SubTrigger: typeof MenuSubTrigger;
|
|
27
27
|
SubContent: typeof MenuSubContent;
|
|
@@ -30,9 +30,8 @@ interface MenuComponent extends React.FC<MenuProps> {
|
|
|
30
30
|
declare const Menu: MenuComponent;
|
|
31
31
|
type MenuAnchorProps = React.ComponentPropsWithoutRef<typeof Floating.Anchor>;
|
|
32
32
|
declare const MenuAnchor: React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
type MenuContentProps = MenuContentInternalTypeProps;
|
|
34
|
+
declare const MenuContent: React.ForwardRefExoticComponent<MenuContentInternalTypeProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
35
|
type FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;
|
|
37
36
|
type DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer>;
|
|
38
37
|
type MenuContentInternalPrivateProps = {
|
|
@@ -51,9 +50,9 @@ interface MenuContentInternalProps extends MenuContentInternalPrivateProps, Omit
|
|
|
51
50
|
onPointerDownOutside?: DismissableLayerProps["onPointerDownOutside"];
|
|
52
51
|
onFocusOutside?: DismissableLayerProps["onFocusOutside"];
|
|
53
52
|
onInteractOutside?: DismissableLayerProps["onInteractOutside"];
|
|
53
|
+
safeZone?: DismissableLayerProps["safeZone"];
|
|
54
54
|
}
|
|
55
|
-
|
|
56
|
-
}
|
|
55
|
+
type MenuContentInternalTypeProps = Omit<MenuContentInternalProps, keyof MenuContentInternalPrivateProps>;
|
|
57
56
|
type MenuItemElement = MenuItemInternalElement;
|
|
58
57
|
interface MenuItemProps extends Omit<MenuItemInternalProps, "onSelect"> {
|
|
59
58
|
onSelect?: (event: Event) => void;
|
|
@@ -63,9 +62,8 @@ type MenuItemInternalElement = SlottedDivElementRef;
|
|
|
63
62
|
interface MenuItemInternalProps extends SlottedDivProps {
|
|
64
63
|
disabled?: boolean;
|
|
65
64
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
declare const MenuGroup: React.ForwardRefExoticComponent<MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
+
type MenuGroupProps = SlottedDivProps;
|
|
66
|
+
declare const MenuGroup: React.ForwardRefExoticComponent<SlottedDivProps & React.RefAttributes<HTMLDivElement>>;
|
|
69
67
|
type PortalProps = React.ComponentPropsWithoutRef<typeof Portal>;
|
|
70
68
|
type MenuPortalProps = PortalProps & {
|
|
71
69
|
children: React.ReactElement;
|
|
@@ -76,9 +74,8 @@ interface MenuRadioGroupProps extends MenuGroupProps {
|
|
|
76
74
|
onValueChange?: (value: string) => void;
|
|
77
75
|
}
|
|
78
76
|
declare const MenuRadioGroup: React.ForwardRefExoticComponent<MenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
declare const MenuItemIndicator: React.ForwardRefExoticComponent<MenuItemIndicatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
77
|
+
type MenuItemIndicatorProps = SlottedDivProps;
|
|
78
|
+
declare const MenuItemIndicator: React.ForwardRefExoticComponent<SlottedDivProps & React.RefAttributes<HTMLDivElement>>;
|
|
82
79
|
interface MenuRadioItemProps extends MenuItemProps {
|
|
83
80
|
value: string;
|
|
84
81
|
}
|
|
@@ -88,19 +85,16 @@ interface MenuCheckboxItemProps extends MenuItemProps {
|
|
|
88
85
|
onCheckedChange?: (checked: boolean) => void;
|
|
89
86
|
}
|
|
90
87
|
declare const MenuCheckboxItem: React.ForwardRefExoticComponent<MenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
declare const MenuSeparator: React.ForwardRefExoticComponent<MenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
88
|
+
type MenuDividerProps = SlottedDivProps;
|
|
89
|
+
declare const MenuDivider: React.ForwardRefExoticComponent<SlottedDivProps & React.RefAttributes<HTMLDivElement>>;
|
|
94
90
|
interface MenuSubProps {
|
|
95
91
|
children?: React.ReactNode;
|
|
96
92
|
open?: boolean;
|
|
97
93
|
onOpenChange?: (open: boolean) => void;
|
|
98
94
|
}
|
|
99
95
|
declare const MenuSub: React.FC<MenuSubProps>;
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
interface MenuSubContentProps extends Omit<MenuContentInternalProps, keyof MenuContentInternalPrivateProps | "onCloseAutoFocus" | "onEntryFocus" | "side" | "align"> {
|
|
104
|
-
}
|
|
96
|
+
type MenuSubTriggerProps = MenuItemInternalProps;
|
|
97
|
+
declare const MenuSubTrigger: React.ForwardRefExoticComponent<MenuItemInternalProps & React.RefAttributes<HTMLDivElement>>;
|
|
98
|
+
type MenuSubContentProps = Omit<MenuContentInternalProps, keyof MenuContentInternalPrivateProps | "onCloseAutoFocus" | "onEntryFocus" | "side" | "align">;
|
|
105
99
|
declare const MenuSubContent: React.ForwardRefExoticComponent<MenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
106
|
-
export { Menu, MenuAnchor, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuItemIndicator, MenuPortal, MenuRadioGroup, MenuRadioItem,
|
|
100
|
+
export { Menu, MenuAnchor, MenuCheckboxItem, MenuContent, MenuDivider, MenuGroup, MenuItem, MenuItemIndicator, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSub, MenuSubContent, MenuSubTrigger, type MenuAnchorProps, type MenuCheckboxItemProps, type MenuContentProps, type MenuDividerProps, type MenuGroupProps, type MenuItemElement, type MenuItemIndicatorProps, type MenuPortalProps, type MenuProps, type MenuRadioGroupProps, type MenuRadioItemProps, type MenuSubContentProps, type MenuSubProps, type MenuSubTriggerProps, };
|