@allxsmith/bestax-bulma 5.67.1 → 5.67.3
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/bestax.css +1 -1
- package/dist/bestax.css.map +1 -1
- package/dist/esm/components/Card.js +3 -14
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/Command.js +14 -3
- package/dist/esm/components/Command.js.map +1 -1
- package/dist/esm/components/ContextMenu.js +10 -10
- package/dist/esm/components/ContextMenu.js.map +1 -1
- package/dist/esm/components/Dialog.js +7 -3
- package/dist/esm/components/Dialog.js.map +1 -1
- package/dist/esm/components/HoverCard.js +2 -2
- package/dist/esm/components/HoverCard.js.map +1 -1
- package/dist/esm/components/Menu.js +2 -1
- package/dist/esm/components/Menu.js.map +1 -1
- package/dist/esm/components/Modal.js +11 -9
- package/dist/esm/components/Modal.js.map +1 -1
- package/dist/esm/components/Popover.js +2 -2
- package/dist/esm/components/Popover.js.map +1 -1
- package/dist/esm/components/Tabs.js +4 -3
- package/dist/esm/components/Tabs.js.map +1 -1
- package/dist/esm/elements/CopyButton.js +6 -3
- package/dist/esm/elements/CopyButton.js.map +1 -1
- package/dist/esm/elements/IconButton.js +3 -2
- package/dist/esm/elements/IconButton.js.map +1 -1
- package/dist/esm/elements/Stat.js +3 -2
- package/dist/esm/elements/Stat.js.map +1 -1
- package/dist/esm/form/ColorInputBase.js.map +1 -1
- package/dist/esm/form/Combobox.js +2 -2
- package/dist/esm/form/Combobox.js.map +1 -1
- package/dist/esm/form/DateInputBase.js +1 -1
- package/dist/esm/form/DateInputBase.js.map +1 -1
- package/dist/esm/form/DateRangeInputBase.js +1 -1
- package/dist/esm/form/DateRangeInputBase.js.map +1 -1
- package/dist/esm/form/DateTimeInputBase.js +3 -3
- package/dist/esm/form/DateTimeInputBase.js.map +1 -1
- package/dist/esm/form/Field.js +6 -6
- package/dist/esm/form/Field.js.map +1 -1
- package/dist/esm/form/TimeInputBase.js.map +1 -1
- package/dist/esm/form/TreeSelect.js.map +1 -1
- package/dist/esm/form/_pickerInternals/Calendar.js +19 -10
- package/dist/esm/form/_pickerInternals/Calendar.js.map +1 -1
- package/dist/esm/form/_pickerInternals/PickerPopover.js +3 -3
- package/dist/esm/form/_pickerInternals/PickerPopover.js.map +1 -1
- package/dist/esm/helpers/Config.js.map +1 -1
- package/dist/esm/helpers/elementType.js +42 -0
- package/dist/esm/helpers/elementType.js.map +1 -0
- package/dist/esm/helpers/portal.js +57 -1
- package/dist/esm/helpers/portal.js.map +1 -1
- package/dist/esm/helpers/useAnchoredPosition.js +23 -12
- package/dist/esm/helpers/useAnchoredPosition.js.map +1 -1
- package/dist/esm/helpers/withSubComponents.js +1 -1
- package/dist/esm/helpers/withSubComponents.js.map +1 -1
- package/dist/esm/layout/AppFrame.js +4 -3
- package/dist/esm/layout/AppFrame.js.map +1 -1
- package/dist/esm/layout/Splitter.js +3 -2
- package/dist/esm/layout/Splitter.js.map +1 -1
- package/dist/extras.css +1 -1
- package/dist/extras.css.map +1 -1
- package/dist/index.cjs +201 -84
- package/dist/index.cjs.map +1 -1
- package/dist/types/components/HoverCard.d.ts +9 -8
- package/dist/types/components/Popover.d.ts +6 -5
- package/dist/types/form/ColorInputBase.d.ts +2 -1
- package/dist/types/form/Combobox.d.ts +6 -7
- package/dist/types/form/DateInputBase.d.ts +12 -3
- package/dist/types/form/DateRangeInputBase.d.ts +12 -3
- package/dist/types/form/DateTimeInputBase.d.ts +12 -3
- package/dist/types/form/TimeInputBase.d.ts +2 -1
- package/dist/types/form/TreeSelect.d.ts +1 -1
- package/dist/types/form/_pickerInternals/Calendar.d.ts +12 -0
- package/dist/types/helpers/Config.d.ts +6 -3
- package/dist/types/helpers/elementType.d.ts +20 -0
- package/dist/types/helpers/portal.d.ts +44 -0
- package/dist/types/helpers/useAnchoredPosition.d.ts +3 -1
- package/dist/types/helpers/withSubComponents.d.ts +1 -1
- package/dist/types-cjs/components/HoverCard.d.ts +9 -8
- package/dist/types-cjs/components/Popover.d.ts +6 -5
- package/dist/types-cjs/form/ColorInputBase.d.ts +2 -1
- package/dist/types-cjs/form/Combobox.d.ts +6 -7
- package/dist/types-cjs/form/DateInputBase.d.ts +12 -3
- package/dist/types-cjs/form/DateRangeInputBase.d.ts +12 -3
- package/dist/types-cjs/form/DateTimeInputBase.d.ts +12 -3
- package/dist/types-cjs/form/TimeInputBase.d.ts +2 -1
- package/dist/types-cjs/form/TreeSelect.d.ts +1 -1
- package/dist/types-cjs/form/_pickerInternals/Calendar.d.ts +12 -0
- package/dist/types-cjs/helpers/Config.d.ts +6 -3
- package/dist/types-cjs/helpers/elementType.d.ts +20 -0
- package/dist/types-cjs/helpers/portal.d.ts +44 -0
- package/dist/types-cjs/helpers/useAnchoredPosition.d.ts +3 -1
- package/dist/types-cjs/helpers/withSubComponents.d.ts +1 -1
- package/dist/versions/bestax-no-dark-mode.css +1 -1
- package/dist/versions/bestax-no-dark-mode.css.map +1 -1
- package/dist/versions/bestax-no-helpers-prefixed.css +1 -1
- package/dist/versions/bestax-no-helpers-prefixed.css.map +1 -1
- package/dist/versions/bestax-no-helpers.css +1 -1
- package/dist/versions/bestax-no-helpers.css.map +1 -1
- package/dist/versions/bestax-prefixed.css +1 -1
- package/dist/versions/bestax-prefixed.css.map +1 -1
- package/package.json +1 -1
- package/src/scss/components/_menu.scss +16 -2
- package/src/scss/form/_dateinput.scss +4 -0
- package/src/scss/form/_datetimeinput.scss +9 -1
|
@@ -30,6 +30,39 @@ export declare function resolvePortalContainer(container?: string | HTMLElement)
|
|
|
30
30
|
* returns the DOM node to portal into.
|
|
31
31
|
*/
|
|
32
32
|
export declare function usePortalContainer(): (container?: string | HTMLElement) => HTMLElement;
|
|
33
|
+
/**
|
|
34
|
+
* INTERNAL, deliberately not exported from `src/index.ts`. Makes `node` where
|
|
35
|
+
* the popups inside it portal, unless a `ConfigProvider` sets a
|
|
36
|
+
* `portalContainer`. Modal, Dialog and Command.Dialog wrap their content in
|
|
37
|
+
* it, each with the element that carries their `aria-modal`, since a screen
|
|
38
|
+
* reader that honors it hides everything outside that element. The nearest
|
|
39
|
+
* one wins, so a Dialog's own box wins over the Modal it renders.
|
|
40
|
+
*
|
|
41
|
+
* @function PortalScope
|
|
42
|
+
* @param props - `node`, the element popups portal into, and `children`.
|
|
43
|
+
* @returns The children, inside the scope.
|
|
44
|
+
*/
|
|
45
|
+
export declare function PortalScope({ node, children, }: {
|
|
46
|
+
node: HTMLElement | null;
|
|
47
|
+
children?: React.ReactNode;
|
|
48
|
+
}): React.JSX.Element;
|
|
49
|
+
/**
|
|
50
|
+
* INTERNAL. Where a popup portals, a panel a component opens against
|
|
51
|
+
* something on the page, such as Popover's: the `portalContainer` a
|
|
52
|
+
* `ConfigProvider` sets, else the overlay it's in (see `PortalScope`), else
|
|
53
|
+
* `undefined`, which `resolvePortalContainer` reads as `document.body`.
|
|
54
|
+
*
|
|
55
|
+
* The overlay's element only exists once it has mounted, so a popup open as
|
|
56
|
+
* the overlay first renders mounts in `document.body`, and moves into the
|
|
57
|
+
* overlay in the update that follows, before the browser paints. Moving
|
|
58
|
+
* remounts it, as any change of portal target does. It isn't held back
|
|
59
|
+
* instead, because the popups measure their panel against the trigger as
|
|
60
|
+
* they open, and a panel that isn't there yet is never placed.
|
|
61
|
+
*
|
|
62
|
+
* @function usePopupContainer
|
|
63
|
+
* @returns The popup's container, `undefined` for `document.body`.
|
|
64
|
+
*/
|
|
65
|
+
export declare function usePopupContainer(): string | HTMLElement | undefined;
|
|
33
66
|
/**
|
|
34
67
|
* What a component that takes Modal's `portal` prop does with it now. See
|
|
35
68
|
* `usePortalProp`.
|
|
@@ -151,3 +184,14 @@ export interface PortalProps {
|
|
|
151
184
|
* </Portal>
|
|
152
185
|
*/
|
|
153
186
|
export declare function Portal({ children, container, disabled }: PortalProps): React.JSX.Element | null;
|
|
187
|
+
/**
|
|
188
|
+
* INTERNAL. `Portal` for a popup, into the container `usePopupContainer`
|
|
189
|
+
* names, so a popup opened inside a Modal, Dialog or Command.Dialog stays
|
|
190
|
+
* inside it. `disabled` renders the children in place, as `Portal`'s does.
|
|
191
|
+
*
|
|
192
|
+
* @function PopupPortal
|
|
193
|
+
* @param props - The children, and `disabled`.
|
|
194
|
+
* @returns The portal, the children in place when `disabled`, or nothing
|
|
195
|
+
* before hydration.
|
|
196
|
+
*/
|
|
197
|
+
export declare function PopupPortal({ children, disabled, }: Omit<PortalProps, 'container'>): React.JSX.Element;
|
|
@@ -85,7 +85,9 @@ export declare function marginGap(panel: HTMLElement): number;
|
|
|
85
85
|
* anchor changes size, so a fixed panel follows its anchor and its own
|
|
86
86
|
* content. Those measure once in the next frame, however many arrive before
|
|
87
87
|
* it. With `followContent` it also measures after each render. A
|
|
88
|
-
* measurement that changes nothing doesn't render again.
|
|
88
|
+
* measurement that changes nothing doesn't render again. A panel that's
|
|
89
|
+
* replaced while it's open, as a portal moving to another target replaces
|
|
90
|
+
* it, is watched from the next measurement on.
|
|
89
91
|
*
|
|
90
92
|
* The first measurement happens in a layout effect, so the panel is placed
|
|
91
93
|
* before it paints. It needs both elements on the page while `active` is
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*
|
|
5
5
|
* Internal helper — it MUST mutate and return the same function object
|
|
6
6
|
* (`Object.assign`), never wrap the base in a new function: identity checks
|
|
7
|
-
* like `child
|
|
7
|
+
* like `isElementOf(child, ModalCard)` (Modal) and Field's displayName-based
|
|
8
8
|
* child detection rely on the attached component being the same object as
|
|
9
9
|
* the separately exported one.
|
|
10
10
|
*
|