@reapit/elements 5.0.0-beta.67 → 5.0.0-beta.68
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/dist/js/{anchor-positioning-CmSZkNof.cjs → anchor-positioning-B-1bVP2v.cjs} +7 -7
- package/dist/js/{anchor-positioning-B3GGsbFM.js → anchor-positioning-mAfJClCi.js} +39 -36
- package/dist/js/{app-switcher-DNyr8R9j.js → app-switcher-B3Gme35H.js} +3 -3
- package/dist/js/{app-switcher-Da0jpH_0.cjs → app-switcher-alq1ioRt.cjs} +1 -1
- package/dist/js/{at-a-glance-N68VKcxo.cjs → at-a-glance-Bowg_R7J.cjs} +1 -1
- package/dist/js/{at-a-glance-B0WukTyX.js → at-a-glance-Bvs_m_s8.js} +1 -1
- package/dist/js/{autocomplete-Cbhl4kCC.cjs → autocomplete-BXNYfkuS.cjs} +1 -1
- package/dist/js/{autocomplete-Cjqj5b4A.js → autocomplete-BY50e2OI.js} +2 -2
- package/dist/js/{autocomplete-control-B1yvpZcw.cjs → autocomplete-control-7AtK271I.cjs} +1 -1
- package/dist/js/{autocomplete-control-tyu0N1_5.js → autocomplete-control-D3qPiyZB.js} +1 -1
- package/dist/js/{badge-C9eQWVc1.cjs → badge-BvLnt-2S.cjs} +1 -1
- package/dist/js/{badge-BH7WvutW.js → badge-C_Za5PMD.js} +1 -1
- package/dist/js/{bottom-bar-CiDA0QAt.js → bottom-bar-DIdKkbsi.js} +1 -1
- package/dist/js/{bottom-bar-y_VAqgE3.cjs → bottom-bar-DeODIkXt.cjs} +1 -1
- package/dist/js/{combobox-BMcjE-Hz.js → combobox-1az8akBD.js} +43 -45
- package/dist/js/combobox-DEZrdZM-.cjs +1 -0
- package/dist/js/{compact-select-CGGyCX2N.cjs → compact-select-BAqO95r3.cjs} +1 -1
- package/dist/js/{compact-select-B-fRAGbk.js → compact-select-Cj_eJ_Gk.js} +3 -3
- package/dist/js/core/app-switcher.cjs +1 -1
- package/dist/js/core/app-switcher.js +1 -1
- package/dist/js/core/at-a-glance.cjs +1 -1
- package/dist/js/core/at-a-glance.js +1 -1
- package/dist/js/core/autocomplete-control.cjs +1 -1
- package/dist/js/core/autocomplete-control.js +1 -1
- package/dist/js/core/autocomplete.cjs +1 -1
- package/dist/js/core/autocomplete.js +1 -1
- package/dist/js/core/badge.cjs +1 -1
- package/dist/js/core/badge.js +1 -1
- package/dist/js/core/bottom-bar.cjs +1 -1
- package/dist/js/core/bottom-bar.js +1 -1
- package/dist/js/core/combobox.cjs +1 -1
- package/dist/js/core/combobox.js +30 -31
- package/dist/js/core/compact-select.cjs +1 -1
- package/dist/js/core/compact-select.js +1 -1
- package/dist/js/core/dialog.cjs +1 -1
- package/dist/js/core/dialog.js +3 -3
- package/dist/js/core/drawer.cjs +1 -1
- package/dist/js/core/drawer.js +12 -12
- package/dist/js/core/features.cjs +1 -1
- package/dist/js/core/features.js +1 -1
- package/dist/js/core/menu.cjs +1 -1
- package/dist/js/core/menu.js +1 -1
- package/dist/js/core/office-switcher.cjs +1 -1
- package/dist/js/core/office-switcher.js +128 -34
- package/dist/js/core/section-message.cjs +1 -1
- package/dist/js/core/section-message.js +1 -1
- package/dist/js/core/select-control.cjs +1 -1
- package/dist/js/core/select-control.js +1 -1
- package/dist/js/core/select.cjs +1 -1
- package/dist/js/core/select.js +1 -1
- package/dist/js/core/side-bar.cjs +1 -1
- package/dist/js/core/side-bar.js +1 -1
- package/dist/js/core/split-button.cjs +1 -1
- package/dist/js/core/split-button.js +1 -1
- package/dist/js/core/table.cjs +1 -1
- package/dist/js/core/table.js +1 -1
- package/dist/js/core/tooltip.cjs +1 -1
- package/dist/js/core/tooltip.js +1 -1
- package/dist/js/core/top-bar.cjs +1 -1
- package/dist/js/core/top-bar.js +1 -1
- package/dist/js/dialog-X9q5RTrQ.js +121 -0
- package/dist/js/dialog-j6m9UOwL.cjs +1 -0
- package/dist/js/drawer-DeMe2YSy.cjs +1 -0
- package/dist/js/drawer-n8sZIGeL.js +202 -0
- package/dist/js/{features-xa9s_F2X.cjs → features-DDWY0bS-.cjs} +1 -1
- package/dist/js/{features-DPy7FK5b.js → features-xSaxyxVa.js} +1 -1
- package/dist/js/index.cjs +1 -1
- package/dist/js/index.js +473 -472
- package/dist/js/lab/select-custom.cjs +1 -1
- package/dist/js/lab/select-custom.js +2 -2
- package/dist/js/{line-clamp-CcqDlxOD.js → line-clamp-B8Z8vzU2.js} +1 -1
- package/dist/js/{line-clamp-BHxcW-g_.cjs → line-clamp-xEX76LvR.cjs} +1 -1
- package/dist/js/{listbox-DaqNCLTr.js → listbox-LxpZYH0B.js} +7 -7
- package/dist/js/listbox-uSbN6RQG.cjs +1 -0
- package/dist/js/{menu-BB1lyDsI.cjs → menu-C5zczNsx.cjs} +1 -1
- package/dist/js/{menu-DUQjcwNM.js → menu-CP0Bep1V.js} +1 -1
- package/dist/js/popover-Xyg0sgru.cjs +1 -0
- package/dist/js/{popover-BWnbK_dO.js → popover-dzUc2bK7.js} +21 -19
- package/dist/js/{section-message-79DbPIVf.cjs → section-message-Bn33yi2F.cjs} +1 -1
- package/dist/js/{section-message-DhkYCDQk.js → section-message-CEzwuyor.js} +1 -1
- package/dist/js/{select-C9m1ujim.js → select-BUeFgouh.js} +2 -2
- package/dist/js/{select-C8XEaJmE.cjs → select-BlpaGf5-.cjs} +1 -1
- package/dist/js/{select-control-CNKEx3wt.js → select-control-BlU3KNOJ.js} +3 -3
- package/dist/js/{select-control-C5inPWYx.cjs → select-control-DlaKfZ3x.cjs} +1 -1
- package/dist/js/{side-bar-q0Dapddc.cjs → side-bar-BkE4eONG.cjs} +1 -1
- package/dist/js/{side-bar-CsPEFLGc.js → side-bar-D6aRZHCV.js} +1 -1
- package/dist/js/{split-button-GzVuhKx-.cjs → split-button-Bnyv8DHF.cjs} +1 -1
- package/dist/js/{split-button-DHHUZ-41.js → split-button-CrofNP3Q.js} +1 -1
- package/dist/js/style.css +1 -1
- package/dist/js/{table-BVLzp-xe.js → table-2CxL0Pev.js} +1 -1
- package/dist/js/{table-skEBWgL8.cjs → table-WHyA-HQG.cjs} +1 -1
- package/dist/js/{tooltip-9vKZqx5w.cjs → tooltip-BU8hYqZ9.cjs} +1 -1
- package/dist/js/{tooltip-C2y49rDB.js → tooltip-Bj7DqYdo.js} +1 -1
- package/dist/js/{top-bar-BnR_HVWD.js → top-bar-BvxpBZri.js} +2 -2
- package/dist/js/{top-bar-CXJfqax_.cjs → top-bar-CjUR7fhL.cjs} +1 -1
- package/dist/js/utils/anchor-positioning.cjs +1 -1
- package/dist/js/utils/anchor-positioning.js +1 -1
- package/dist/js/utils/dialog.cjs +1 -0
- package/dist/js/utils/dialog.js +9 -0
- package/dist/js/utils/line-clamp.cjs +1 -1
- package/dist/js/utils/line-clamp.js +1 -1
- package/dist/js/utils/listbox.cjs +1 -1
- package/dist/js/utils/listbox.js +1 -1
- package/dist/js/utils/popover.cjs +1 -1
- package/dist/js/utils/popover.js +2 -2
- package/dist/types/core/combobox/popup-dialog/event-handlers.d.ts +0 -15
- package/dist/types/core/combobox/popup-dialog/event-handlers.d.ts.map +1 -1
- package/dist/types/core/combobox/popup-dialog/popup-dialog.d.ts.map +1 -1
- package/dist/types/core/dialog/dialog.d.ts +13 -18
- package/dist/types/core/dialog/dialog.d.ts.map +1 -1
- package/dist/types/core/dialog/dialog.stories.d.ts +25 -0
- package/dist/types/core/dialog/dialog.stories.d.ts.map +1 -1
- package/dist/types/core/dialog/styles.d.ts +1 -6
- package/dist/types/core/dialog/styles.d.ts.map +1 -1
- package/dist/types/core/drawer/drawer.d.ts +13 -18
- package/dist/types/core/drawer/drawer.d.ts.map +1 -1
- package/dist/types/core/drawer/drawer.stories.d.ts +25 -0
- package/dist/types/core/drawer/drawer.stories.d.ts.map +1 -1
- package/dist/types/core/drawer/styles.d.ts +1 -1
- package/dist/types/core/drawer/styles.d.ts.map +1 -1
- package/dist/types/core/office-switcher/__tests__/office-switcher-select-optgroup.test.d.ts +2 -0
- package/dist/types/core/office-switcher/__tests__/office-switcher-select-optgroup.test.d.ts.map +1 -0
- package/dist/types/core/office-switcher/__tests__/office-switcher-select-option.test.d.ts +2 -0
- package/dist/types/core/office-switcher/__tests__/office-switcher-select-option.test.d.ts.map +1 -0
- package/dist/types/core/office-switcher/index.d.ts +4 -0
- package/dist/types/core/office-switcher/index.d.ts.map +1 -1
- package/dist/types/core/office-switcher/office-group/__tests__/office-group-summary.test.d.ts +2 -0
- package/dist/types/core/office-switcher/office-group/__tests__/office-group-summary.test.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-group/__tests__/office-group.test.d.ts +2 -0
- package/dist/types/core/office-switcher/office-group/__tests__/office-group.test.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-group/index.d.ts +4 -0
- package/dist/types/core/office-switcher/office-group/index.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-group/office-group-summary.d.ts +22 -0
- package/dist/types/core/office-switcher/office-group/office-group-summary.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-group/office-group.d.ts +20 -0
- package/dist/types/core/office-switcher/office-group/office-group.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-group/office-group.stories.d.ts +20 -0
- package/dist/types/core/office-switcher/office-group/office-group.stories.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-group/styles.d.ts +5 -0
- package/dist/types/core/office-switcher/office-group/styles.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-item/__tests__/office-item.test.d.ts +2 -0
- package/dist/types/core/office-switcher/office-item/__tests__/office-item.test.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-item/index.d.ts +3 -0
- package/dist/types/core/office-switcher/office-item/index.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-item/office-item.d.ts +18 -0
- package/dist/types/core/office-switcher/office-item/office-item.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-item/office-item.stories.d.ts +42 -0
- package/dist/types/core/office-switcher/office-item/office-item.stories.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-item/styles.d.ts +6 -0
- package/dist/types/core/office-switcher/office-item/styles.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-switcher-popup.figma.d.ts +2 -0
- package/dist/types/core/office-switcher/office-switcher-popup.figma.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-switcher-select-optgroup.d.ts +24 -0
- package/dist/types/core/office-switcher/office-switcher-select-optgroup.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-switcher-select-optgroup.figma.d.ts +2 -0
- package/dist/types/core/office-switcher/office-switcher-select-optgroup.figma.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-switcher-select-option.d.ts +15 -0
- package/dist/types/core/office-switcher/office-switcher-select-option.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-switcher-select-option.figma.d.ts +2 -0
- package/dist/types/core/office-switcher/office-switcher-select-option.figma.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-switcher-select.figma.d.ts +2 -0
- package/dist/types/core/office-switcher/office-switcher-select.figma.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-switcher.d.ts +23 -3
- package/dist/types/core/office-switcher/office-switcher.d.ts.map +1 -1
- package/dist/types/core/office-switcher/office-switcher.figma.d.ts +2 -0
- package/dist/types/core/office-switcher/office-switcher.figma.d.ts.map +1 -0
- package/dist/types/core/office-switcher/office-switcher.stories.d.ts +4 -0
- package/dist/types/core/office-switcher/office-switcher.stories.d.ts.map +1 -1
- package/dist/types/utils/anchor-positioning/anchor-positioning.d.ts +1 -1
- package/dist/types/utils/anchor-positioning/anchor-positioning.d.ts.map +1 -1
- package/dist/types/utils/anchor-positioning/anchor-positioning.stories.d.ts.map +1 -1
- package/dist/types/utils/anchor-positioning/build-anchor-positioning-css.d.ts +5 -1
- package/dist/types/utils/anchor-positioning/build-anchor-positioning-css.d.ts.map +1 -1
- package/dist/types/utils/dialog/__tests__/close-on-backdrop-click.test.d.ts +2 -0
- package/dist/types/utils/dialog/__tests__/close-on-backdrop-click.test.d.ts.map +1 -0
- package/dist/types/utils/dialog/close-on-backdrop-click.d.ts +24 -0
- package/dist/types/utils/dialog/close-on-backdrop-click.d.ts.map +1 -0
- package/dist/types/utils/dialog/index.d.ts +2 -0
- package/dist/types/utils/dialog/index.d.ts.map +1 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/utils/index.d.ts.map +1 -1
- package/dist/types/utils/listbox/dom-helpers/selectors.d.ts +8 -2
- package/dist/types/utils/listbox/dom-helpers/selectors.d.ts.map +1 -1
- package/dist/types/utils/popover/popover.d.ts +6 -2
- package/dist/types/utils/popover/popover.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/js/combobox-ykwrJ8qP.cjs +0 -1
- package/dist/js/dialog-CjN2Nll1.js +0 -116
- package/dist/js/dialog-oPE93fe0.cjs +0 -1
- package/dist/js/drawer-DcgSXF1g.cjs +0 -1
- package/dist/js/drawer-GNG7AmHl.js +0 -197
- package/dist/js/listbox-BGrp52Hs.cjs +0 -1
- package/dist/js/popover-CA0t-z5e.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../anchor-positioning-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../anchor-positioning-B-1bVP2v.cjs");exports.AnchorPositioning=n.AnchorPositioning;exports.buildAnchorPositioningCSS=n.buildAnchorPositioningCSS;exports.mapPlacementToCSS=n.mapPlacementToCSS;exports.placements=n.placements;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){const o=e.currentTarget;if(!(o.getAttribute("closedby")==="any"))return;!("closedBy"in HTMLDialogElement.prototype)&&e.target===e.currentTarget&&o.close()}exports.maybeCloseOnBackdropClick=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../line-clamp-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../line-clamp-xEX76LvR.cjs");exports.LineClamp=e.LineClamp;exports.elLineClampDisclosureButton=e.elLineClampDisclosureButton;exports.elLineClampText=e.elLineClampText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../listbox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../listbox-uSbN6RQG.cjs");function o(e){return e.ariaChecked==="true"||e.ariaSelected==="true"}exports.Listbox=t.Listbox;exports.ListboxContext=t.ListboxContext;exports.ListboxOptgroup=t.ListboxOptgroup;exports.ListboxOption=t.ListboxOption;exports.ListboxRenderContext=t.ListboxRenderContext;exports.OPTION_SELECTOR=t.OPTION_SELECTOR;exports.SELECTED_OPTION_SELECTOR=t.SELECTED_OPTION_SELECTOR;exports.clearListboxValue=t.clearListboxValue;exports.getListboxSelectId=t.getListboxSelectId;exports.getListboxSelectedOptions=t.getListboxSelectedOptions;exports.getListboxValue=t.getListboxValue;exports.setListboxOptionSelectedState=t.setListboxOptionSelectedState;exports.useFocusManagement=t.useFocusManagement;exports.useListboxContext=t.useListboxContext;exports.useListboxRenderContext=t.useListboxRenderContext;exports.useListboxSelectState=t.useListboxSelectState;exports.useListboxSelectionObserver=t.useListboxSelectionObserver;exports.useListboxState=t.useListboxState;exports.isListboxOptionSelected=o;
|
package/dist/js/utils/listbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as o, L as i, e as x, f as L, h as b, O as n, S as r, c as u, b as S, a as O, g as c, s as l, j as d, u as C, i as p, l as E, k as g, m as T } from "../listbox-
|
|
1
|
+
import { d as o, L as i, e as x, f as L, h as b, O as n, S as r, c as u, b as S, a as O, g as c, s as l, j as d, u as C, i as p, l as E, k as g, m as T } from "../listbox-LxpZYH0B.js";
|
|
2
2
|
function t(e) {
|
|
3
3
|
return e.ariaChecked === "true" || e.ariaSelected === "true";
|
|
4
4
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../popover-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../popover-Xyg0sgru.cjs");require("react/jsx-runtime");const o=require("../anchor-positioning-B-1bVP2v.cjs");require("react");exports.Popover=e.Popover;exports.elPopover=e.elPopover;exports.getPopoverTriggerProps=e.getPopoverTriggerProps;exports.popoverPlacements=o.placements;
|
package/dist/js/utils/popover.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { P as s, e as t, g as P } from "../popover-
|
|
1
|
+
import { P as s, e as t, g as P } from "../popover-dzUc2bK7.js";
|
|
2
2
|
import "react/jsx-runtime";
|
|
3
|
-
import { p as m } from "../anchor-positioning-
|
|
3
|
+
import { p as m } from "../anchor-positioning-mAfJClCi.js";
|
|
4
4
|
import "react";
|
|
5
5
|
export {
|
|
6
6
|
s as Popover,
|
|
@@ -24,21 +24,6 @@ export type CloseOnSelection = (typeof CLOSE_ON_SELECTION)[keyof typeof CLOSE_ON
|
|
|
24
24
|
* }
|
|
25
25
|
*/
|
|
26
26
|
export declare function maybeCloseOnSelection(event: MouseEvent<HTMLDialogElement>): void;
|
|
27
|
-
/**
|
|
28
|
-
* Closes the dialog when clicking on the backdrop (Safari workaround).
|
|
29
|
-
*
|
|
30
|
-
* Safari doesn't support the closedby attribute, so we handle backdrop clicks manually.
|
|
31
|
-
* This function checks if the click target is the dialog element itself (not its children),
|
|
32
|
-
* which indicates a backdrop click.
|
|
33
|
-
*
|
|
34
|
-
* @param event The click event from the dialog element
|
|
35
|
-
*
|
|
36
|
-
* @example
|
|
37
|
-
* const handleClick = (event: MouseEvent<HTMLDialogElement>) => {
|
|
38
|
-
* closeOnBackdropClick(event)
|
|
39
|
-
* }
|
|
40
|
-
*/
|
|
41
|
-
export declare function closeOnBackdropClick(event: MouseEvent<HTMLDialogElement>): void;
|
|
42
27
|
/**
|
|
43
28
|
* Finds the closest option element from a click target.
|
|
44
29
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"event-handlers.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/event-handlers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAA;AAE3F;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAoChF;AAED
|
|
1
|
+
{"version":3,"file":"event-handlers.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/event-handlers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAA;AAE3F;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAoChF;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAKrE;AAuBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAgBtF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup-dialog.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/popup-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"popup-dialog.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/popup-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAA;AAKrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAIhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/E,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;QACpE,+CAA+C;QAC/C,iBAAiB,EAAE,MAAM,CAAA;QACzB,qBAAqB;QACrB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;WAIG;QACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;QACnC,+BAA+B;QAC/B,EAAE,EAAE,MAAM,CAAA;QACV,4EAA4E;QAC5E,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB;;;;WAIG;QACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;QAC/B,8FAA8F;QAC9F,MAAM,CAAC,EAAE,SAAS,CAAA;QAClB;;;;;WAKG;QACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;KACxC;CACF;AAGD,eAAO,MAAM,iBAAiB,iEAAiE,CAAA;AAC/F,eAAO,MAAM,qBAAqB,uDAAuD,CAAA;AACzF,eAAO,MAAM,oBAAoB,sDAAsD,CAAA;AAEvF;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,gBAAyB,EACzB,EAAE,EACF,SAAS,EACT,QAA4B,EAC5B,QAA4B,EAC5B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,qBAA6B,EAC7B,MAAM,EACN,KAAK,EACL,OAAgB,EAChB,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,KAAK,2CAgE3B;yBAjFe,mBAAmB"}
|
|
@@ -10,33 +10,28 @@ export declare namespace Dialog {
|
|
|
10
10
|
children: ReactNode;
|
|
11
11
|
/**
|
|
12
12
|
* Specifies the types of user actions that can be used to close the dialog. This property distinguishes
|
|
13
|
-
*
|
|
13
|
+
* three methods by which a dialog can be closed:
|
|
14
14
|
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
15
|
+
* - A _light dismiss user action_, in which the dialog is closed when the user clicks or taps
|
|
16
|
+
* outside it. This is equivalent to the "light dismiss" behavior of "auto" state popovers.
|
|
17
|
+
* - A _platform-specific user action_, such as pressing the `Esc` key on desktop platforms, or a "back"
|
|
18
|
+
* or "dismiss" gesture on mobile platforms.
|
|
19
|
+
* - A developer-specified mechanism such as a `<button>` with a `click` handler that invokes
|
|
20
|
+
* `HTMLDialogElement.close()` or a `<form>` submission.
|
|
19
21
|
*
|
|
20
22
|
* Possible values are:
|
|
21
23
|
*
|
|
24
|
+
* - `any`: The dialog can be closed by clicking on the backdrop, pressing the `Esc` key, or a
|
|
25
|
+
* developer-specified mechanism. This is useful for lightweight dismissible dialogs.
|
|
22
26
|
* - `closerequest`: The dialog can be dismissed with a platform-specific user action or a
|
|
23
27
|
* developer-specified mechanism. This is what detail dialogs should use.
|
|
24
|
-
*
|
|
25
28
|
* - `none`: The dialog cannot be closed by the user (e.g. via the close button). This is what form dialogs
|
|
26
29
|
* should use.
|
|
27
30
|
*
|
|
28
|
-
* **
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
* **Note 2:** The HTML `<dialog>` element distinguishes a third method, `any`, for closing a dialog element,
|
|
32
|
-
* but Dialog does not currently support it. See MDN's
|
|
33
|
-
* [closedBy](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closedby)
|
|
34
|
-
* attribute docs for more information.
|
|
35
|
-
*
|
|
36
|
-
* **Note 3:** The `closedBy` attribute is not supported in all browsers. We currently approximate its behaviour
|
|
37
|
-
* internally, but we are not using the attribute itself.
|
|
31
|
+
* **note:** Safari does not currently support `closedBy`. `Dialog` attempts to polyfill its behaviour,
|
|
32
|
+
* but it's not perfect. Namely, "back" or "dismiss" gestures on mobile platforms are not supported.
|
|
38
33
|
*/
|
|
39
|
-
closedBy?: 'closerequest' | 'none';
|
|
34
|
+
closedBy?: 'any' | 'closerequest' | 'none';
|
|
40
35
|
/** Indicates whether the dialog is open or not */
|
|
41
36
|
isOpen?: boolean;
|
|
42
37
|
/** The size of the dialog. */
|
|
@@ -56,7 +51,7 @@ export declare namespace Dialog {
|
|
|
56
51
|
* the drawer. See the [accessibility](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#accessibility)
|
|
57
52
|
* section of MDN's `<dialog>` documentation.
|
|
58
53
|
*/
|
|
59
|
-
export declare function Dialog({ 'aria-labelledby': ariaLabelledBy, children, closedBy, isOpen: isOpenProp, onCancel: onCancelProp, onClose: onCloseProp, size, ...rest }: Dialog.Props): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
export declare function Dialog({ 'aria-labelledby': ariaLabelledBy, children, className, closedBy, isOpen: isOpenProp, onCancel: onCancelProp, onClose: onCloseProp, onClick: onClickProp, size, ...rest }: Dialog.Props): import("react/jsx-runtime").JSX.Element;
|
|
60
55
|
export declare namespace Dialog {
|
|
61
56
|
var Body: typeof DialogBody;
|
|
62
57
|
var Footer: typeof DialogFooter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"/","sources":["core/dialog/dialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"/","sources":["core/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAYvC,OAAO,KAAK,EAAE,oBAAoB,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/E,yBAAiB,MAAM,CAAC;IAItB,KAAK,gBAAgB,GAAG,MAAM,CAAA;IAE9B,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,yBAAyB;QACzB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;;;;;;;;;;;;;;;;;;;WAsBG;QACH,QAAQ,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,MAAM,CAAA;QAC1C,kDAAkD;QAClD,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,8BAA8B;QAC9B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAA;KACnD;;CACF;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,QAAyB,EACzB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,MAAM,CAAC,KAAK,2CAgDd;yBA3De,MAAM"}
|
|
@@ -26,6 +26,31 @@ type Story = StoryObj<typeof meta>;
|
|
|
26
26
|
* which will simply require some local component state.
|
|
27
27
|
*/
|
|
28
28
|
export declare const Example: Story;
|
|
29
|
+
/**
|
|
30
|
+
* The `closedBy` prop specifies the types of user actions that can be used to close the dialog. It
|
|
31
|
+
* distinguishes three methods:
|
|
32
|
+
*
|
|
33
|
+
* - A _light dismiss user action_, in which the dialog is closed when the user clicks or taps
|
|
34
|
+
* outside it. This is equivalent to the "light dismiss" behavior of "auto" state popovers.
|
|
35
|
+
* - A _platform-specific user action_, such as pressing the `Esc` key on desktop platforms, or a "back"
|
|
36
|
+
* or "dismiss" gesture on mobile platforms.
|
|
37
|
+
* - A developer-specified mechanism such as a `<button>` with a `click` handler that invokes
|
|
38
|
+
* `HTMLDialogElement.close()` or a `<form>` submission.
|
|
39
|
+
*
|
|
40
|
+
* Possible values are:
|
|
41
|
+
*
|
|
42
|
+
* - `any`, the dialog can be dismissed using any of the three methods.
|
|
43
|
+
* - `closerequest`, the dialog can be dismissed with a platform-specific user action or a
|
|
44
|
+
* developer-specified mechanism.
|
|
45
|
+
* - `none`, the dialog can only be dismissed with a developer-specified mechanism.
|
|
46
|
+
*
|
|
47
|
+
* **note:** Safari does not currently support `closedBy`. `Dialog` attempts to polyfill its behaviour,
|
|
48
|
+
* but it's not perfect. Namely, "back" or "dismiss" gestures on mobile platforms are not supported.
|
|
49
|
+
*
|
|
50
|
+
* In this example, the dialog is using `closedBy="any"`, meaning any of the three methods can be used
|
|
51
|
+
* to dismiss it.
|
|
52
|
+
*/
|
|
53
|
+
export declare const ClosedBy: Story;
|
|
29
54
|
/**
|
|
30
55
|
* In future, we expect to enable the opening and closing of dialogs using the new
|
|
31
56
|
* [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.stories.d.ts","sourceRoot":"/","sources":["core/dialog/dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"dialog.stories.d.ts","sourceRoot":"/","sources":["core/dialog/dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAKjC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAgBqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAA"}
|
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
/** The size of the dialog. */
|
|
3
|
-
'data-size': 'small' | 'medium' | 'large' | 'full-screen';
|
|
4
|
-
}
|
|
5
|
-
export declare const ElDialog: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDialogElement> & import("react").DialogHTMLAttributes<HTMLDialogElement> & ElDialogContainerProps>;
|
|
6
|
-
export {};
|
|
1
|
+
export declare const elDialog: import("@linaria/core").LinariaClassName;
|
|
7
2
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/dialog/styles.ts"],"names":[],"mappings":"AASA,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/dialog/styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,0CAuGpB,CAAA"}
|
|
@@ -10,33 +10,28 @@ export declare namespace Drawer {
|
|
|
10
10
|
children: ReactNode;
|
|
11
11
|
/**
|
|
12
12
|
* Specifies the types of user actions that can be used to close the drawer. This property distinguishes
|
|
13
|
-
*
|
|
13
|
+
* three methods by which a drawer can be closed:
|
|
14
14
|
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
15
|
+
* - A _light dismiss user action_, in which the drawer is closed when the user clicks or taps
|
|
16
|
+
* outside it. This is equivalent to the "light dismiss" behavior of "auto" state popovers.
|
|
17
|
+
* - A _platform-specific user action_, such as pressing the `Esc` key on desktop platforms, or a "back"
|
|
18
|
+
* or "dismiss" gesture on mobile platforms.
|
|
19
|
+
* - A developer-specified mechanism such as a `<button>` with a `click` handler that invokes
|
|
20
|
+
* `HTMLDialogElement.close()` or a `<form>` submission.
|
|
19
21
|
*
|
|
20
22
|
* Possible values are:
|
|
21
23
|
*
|
|
24
|
+
* - `any`: The drawer can be closed by clicking on the backdrop, pressing the `Esc` key, or a
|
|
25
|
+
* developer-specified mechanism. This is useful for lightweight dismissible drawers.
|
|
22
26
|
* - `closerequest`: The drawer can be dismissed with a platform-specific user action or a
|
|
23
27
|
* developer-specified mechanism. This is what detail drawers should use.
|
|
24
|
-
*
|
|
25
28
|
* - `none`: The drawer cannot be closed by the user (e.g. via the close button). This is what form drawers
|
|
26
29
|
* should use.
|
|
27
30
|
*
|
|
28
|
-
* **
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
* **Note 2:** The HTML `<dialog>` element distinguishes a third method, `any`, for closing a dialog element,
|
|
32
|
-
* but Drawer does not currently support it. See MDN's
|
|
33
|
-
* [closedBy](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closedby)
|
|
34
|
-
* attribute docs for more information.
|
|
35
|
-
*
|
|
36
|
-
* **Note 3:** The `closedBy` attribute is not supported in all browsers. We currently approximate its behaviour
|
|
37
|
-
* internally, but we are not using the attribute itself.
|
|
31
|
+
* **note:** Safari does not currently support `closedBy`. `Drawer` attempts to polyfill its behaviour,
|
|
32
|
+
* but it's not perfect. Namely, "back" or "dismiss" gestures on mobile platforms are not supported.
|
|
38
33
|
*/
|
|
39
|
-
closedBy?: 'closerequest' | 'none';
|
|
34
|
+
closedBy?: 'any' | 'closerequest' | 'none';
|
|
40
35
|
/** Indicates whether the Drawer is open or not */
|
|
41
36
|
isOpen?: boolean;
|
|
42
37
|
}
|
|
@@ -52,7 +47,7 @@ export declare namespace Drawer {
|
|
|
52
47
|
* the drawer. See the [accessibility](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#accessibility)
|
|
53
48
|
* section of MDN's `<dialog>` documentation.
|
|
54
49
|
*/
|
|
55
|
-
export declare function Drawer({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, closedBy, isOpen: isOpenProp, onCancel: onCancelProp, onClose: onCloseProp, ...rest }: Drawer.Props): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export declare function Drawer({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, className, closedBy, isOpen: isOpenProp, onCancel: onCancelProp, onClick: onClickProp, onClose: onCloseProp, ...rest }: Drawer.Props): import("react/jsx-runtime").JSX.Element;
|
|
56
51
|
export declare namespace Drawer {
|
|
57
52
|
var Body: typeof DrawerBody;
|
|
58
53
|
var Footer: typeof DrawerFooter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"/","sources":["core/drawer/drawer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"/","sources":["core/drawer/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAUvC,OAAO,KAAK,EAAE,oBAAoB,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAK/E,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,yBAAiB,MAAM,CAAC;IACtB,UAAiB,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,yBAAyB;QACzB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;;;;;;;;;;;;;;;;;;;WAsBG;QACH,QAAQ,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,MAAM,CAAA;QAC1C,kDAAkD;QAClD,MAAM,CAAC,EAAE,OAAO,CAAA;KACjB;CACF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,EACrB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,QAAyB,EACzB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,GAAG,IAAI,EACR,EAAE,MAAM,CAAC,KAAK,2CAkDd;yBA7De,MAAM"}
|
|
@@ -24,6 +24,31 @@ type Story = StoryObj<typeof meta>;
|
|
|
24
24
|
* the page.
|
|
25
25
|
*/
|
|
26
26
|
export declare const Example: Story;
|
|
27
|
+
/**
|
|
28
|
+
* The `closedBy` prop specifies the types of user actions that can be used to close the drawer. It
|
|
29
|
+
* distinguishes three methods:
|
|
30
|
+
*
|
|
31
|
+
* - A _light dismiss user action_, in which the drawer is closed when the user clicks or taps
|
|
32
|
+
* outside it. This is equivalent to the "light dismiss" behavior of "auto" state popovers.
|
|
33
|
+
* - A _platform-specific user action_, such as pressing the `Esc` key on desktop platforms, or a "back"
|
|
34
|
+
* or "dismiss" gesture on mobile platforms.
|
|
35
|
+
* - A developer-specified mechanism such as a `<button>` with a `click` handler that invokes
|
|
36
|
+
* `HTMLDialogElement.close()` or a `<form>` submission.
|
|
37
|
+
*
|
|
38
|
+
* Possible values are:
|
|
39
|
+
*
|
|
40
|
+
* - `any`, the drawer can be dismissed using any of the three methods.
|
|
41
|
+
* - `closerequest`, the drawer can be dismissed with a platform-specific user action or a
|
|
42
|
+
* developer-specified mechanism.
|
|
43
|
+
* - `none`, the drawer can only be dismissed with a developer-specified mechanism.
|
|
44
|
+
*
|
|
45
|
+
* **note:** Safari does not currently support `closedBy`. `Drawer` attempts to polyfill its behaviour,
|
|
46
|
+
* but it's not perfect. Namely, "back" or "dismiss" gestures on mobile platforms are not supported.
|
|
47
|
+
*
|
|
48
|
+
* In this example, the drawer is using `closedBy="any"`, meaning any of the three methods can be used
|
|
49
|
+
* to dismiss it.
|
|
50
|
+
*/
|
|
51
|
+
export declare const ClosedBy: Story;
|
|
27
52
|
/**
|
|
28
53
|
* In future, we expect to enable the opening and closing of drawers using the new
|
|
29
54
|
* [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.stories.d.ts","sourceRoot":"/","sources":["core/drawer/drawer.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"drawer.stories.d.ts","sourceRoot":"/","sources":["core/drawer/drawer.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAQjC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAeqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAqB7B,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,QAwBzB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const elDrawer: import("@linaria/core").LinariaClassName;
|
|
2
2
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/drawer/styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/drawer/styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ,0CAqGpB,CAAA"}
|
package/dist/types/core/office-switcher/__tests__/office-switcher-select-optgroup.test.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-switcher-select-optgroup.test.d.ts","sourceRoot":"/","sources":["core/office-switcher/__tests__/office-switcher-select-optgroup.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-switcher-select-option.test.d.ts","sourceRoot":"/","sources":["core/office-switcher/__tests__/office-switcher-select-option.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/office-switcher/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/office-switcher/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,mCAAmC,CAAA"}
|
package/dist/types/core/office-switcher/office-group/__tests__/office-group-summary.test.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-group-summary.test.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/__tests__/office-group-summary.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-group.test.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/__tests__/office-group.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,UAAU,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export declare namespace OfficeSwitcherOfficeGroupSummary {
|
|
3
|
+
interface Props extends HTMLAttributes<HTMLElement> {
|
|
4
|
+
/**
|
|
5
|
+
* The label text for the office group summary
|
|
6
|
+
*/
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* The summary element for the `OfficeSwitcherOfficeGroup`. Displays the group label with a
|
|
12
|
+
* chevron icon that rotates when the group is expanded.
|
|
13
|
+
*
|
|
14
|
+
* The summary creates a separate label ID internally and uses `aria-labelledby` to associate
|
|
15
|
+
* the summary element with its label text, allowing the parent `<details>` element to reference
|
|
16
|
+
* the summary via its `id`.
|
|
17
|
+
*
|
|
18
|
+
* ⚠️ **Important**: `<summary>` elements are only interactive within a parent `<details>` element.
|
|
19
|
+
* This component should only be used as part of an `OfficeSwitcherOfficeGroup` component.
|
|
20
|
+
*/
|
|
21
|
+
export declare function OfficeSwitcherOfficeGroupSummary({ 'aria-labelledby': ariaLabelledBy, children, className, id, ...props }: OfficeSwitcherOfficeGroupSummary.Props): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
//# sourceMappingURL=office-group-summary.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-group-summary.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/office-group-summary.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,yBAAiB,gCAAgC,CAAC;IAChD,UAAiB,KAAM,SAAQ,cAAc,CAAC,WAAW,CAAC;QACxD;;WAEG;QACH,QAAQ,EAAE,SAAS,CAAA;KACpB;CACF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gCAAgC,CAAC,EAC/C,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EAAE,gCAAgC,CAAC,KAAK,2CAWxC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { DetailsHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export declare namespace OfficeSwitcherOfficeGroup {
|
|
3
|
+
interface Props extends DetailsHTMLAttributes<HTMLDetailsElement> {
|
|
4
|
+
/**
|
|
5
|
+
* The office items to display within the group. Typically a collection of
|
|
6
|
+
* `OfficeSwitcher.Option` components.
|
|
7
|
+
*/
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* The label text for the office group
|
|
11
|
+
*/
|
|
12
|
+
label?: string;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* A collapsible group component for the OfficeSwitcher. Uses a `<details>` element to provide
|
|
17
|
+
* a native disclosure widget for showing and hiding grouped office items.
|
|
18
|
+
*/
|
|
19
|
+
export declare function OfficeSwitcherOfficeGroup({ 'aria-labelledby': ariaLabelledBy, children, className, label, ...rest }: OfficeSwitcherOfficeGroup.Props): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=office-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-group.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/office-group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7D,yBAAiB,yBAAyB,CAAC;IACzC,UAAiB,KAAM,SAAQ,qBAAqB,CAAC,kBAAkB,CAAC;QACtE;;;WAGG;QACH,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAA;KACf;CACF;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,yBAAyB,CAAC,KAAK,2CAQjC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { OfficeSwitcherOfficeGroup } from './office-group';
|
|
2
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof OfficeSwitcherOfficeGroup;
|
|
6
|
+
argTypes: {
|
|
7
|
+
children: {
|
|
8
|
+
control: false;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof OfficeSwitcherOfficeGroup>;
|
|
14
|
+
export declare const Example: Story;
|
|
15
|
+
/**
|
|
16
|
+
* A group can be initially open by passing the `open` prop. Generally, there should be no need to control
|
|
17
|
+
* this prop.
|
|
18
|
+
*/
|
|
19
|
+
export declare const Open: Story;
|
|
20
|
+
//# sourceMappingURL=office-group.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-group.stories.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/office-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAG1D,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;CAQwC,CAAA;AAElD,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAEvD,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const elOfficeSwitcherOfficeGroup: import("@linaria/core").LinariaClassName;
|
|
2
|
+
export declare const elOfficeSwitcherOfficeGroupSummary: import("@linaria/core").LinariaClassName;
|
|
3
|
+
export declare const ElOfficeSwitcherOfficeGroupLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
|
4
|
+
export declare const ElOfficeSwitcherOfficeGroupChevron: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
|
5
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B,0CAEvC,CAAA;AAED,eAAO,MAAM,kCAAkC,0CA0B9C,CAAA;AAED,eAAO,MAAM,gCAAgC,uKAM5C,CAAA;AAED,eAAO,MAAM,kCAAkC,uKAW9C,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-item.test.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-item/__tests__/office-item.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
type AttributesToOmit = 'role';
|
|
3
|
+
export declare namespace OfficeItem {
|
|
4
|
+
interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, AttributesToOmit> {
|
|
5
|
+
/** Badge displayed after the label */
|
|
6
|
+
badge?: ReactNode;
|
|
7
|
+
/** Office label text */
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
/** Office value */
|
|
10
|
+
value: string;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* An office switcher item. Use via `OfficeSwitcher.Option`.
|
|
15
|
+
*/
|
|
16
|
+
export declare function OfficeItem({ badge, children, ...rest }: OfficeItem.Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=office-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-item.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-item/office-item.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5D,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,yBAAiB,UAAU,CAAC;IAC1B,UAAiB,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,sCAAsC;QACtC,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,wBAAwB;QACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,mBAAmB;QACnB,KAAK,EAAE,MAAM,CAAA;KACd;CACF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,CAAC,KAAK,2CAoBxE"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { OfficeItem } from './office-item';
|
|
2
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof OfficeItem;
|
|
6
|
+
argTypes: {
|
|
7
|
+
'aria-selected': {
|
|
8
|
+
control: "boolean";
|
|
9
|
+
};
|
|
10
|
+
badge: {
|
|
11
|
+
control: "radio";
|
|
12
|
+
options: string[];
|
|
13
|
+
mapping: {
|
|
14
|
+
None: undefined;
|
|
15
|
+
Badge: import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
children: {
|
|
19
|
+
control: "text";
|
|
20
|
+
};
|
|
21
|
+
value: {
|
|
22
|
+
control: "text";
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default meta;
|
|
27
|
+
type Story = StoryObj<typeof meta>;
|
|
28
|
+
export declare const Example: Story;
|
|
29
|
+
/**
|
|
30
|
+
* Each office item manages its selection state internally. Office switchers use the
|
|
31
|
+
* `aria-selected` attribute to mark selected offices.
|
|
32
|
+
*/
|
|
33
|
+
export declare const Selected: Story;
|
|
34
|
+
/**
|
|
35
|
+
* Badges provide additional context. Place them after the office label.
|
|
36
|
+
*/
|
|
37
|
+
export declare const WithBadge: Story;
|
|
38
|
+
/**
|
|
39
|
+
* When there is insufficient space, the office name will truncate.
|
|
40
|
+
*/
|
|
41
|
+
export declare const Truncation: Story;
|
|
42
|
+
//# sourceMappingURL=office-item.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-item.stories.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-item/office-item.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI1C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsByB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KA0CxB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const ElOfficeItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
|
|
2
|
+
export declare const ElOfficeItemLeftContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
|
3
|
+
export declare const ElOfficeItemTextContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
|
4
|
+
export declare const ElOfficeItemBadgeContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
|
5
|
+
export declare const ElOfficeItemCheckIconContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-item/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,iLAyCxB,CAAA;AAED,eAAO,MAAM,uBAAuB,uKAMnC,CAAA;AAED,eAAO,MAAM,yBAAyB,uKAOrC,CAAA;AAED,eAAO,MAAM,0BAA0B,uKAItC,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAU1C,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"office-switcher-popup.figma.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-switcher-popup.figma.tsx"],"names":[],"mappings":""}
|