@bi-digital/react 0.12.3 → 0.12.4
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/{alert-footer-B80k5mkX.d.mts → alert-footer-BoTu7E1s.d.mts} +194 -599
- package/dist/components/alert/alert-footer.d.mts +1 -1
- package/dist/components/alert/alert-footer.mjs.map +1 -1
- package/dist/components/alert/alert.d.mts +1 -1
- package/dist/components/alert/alert.mjs +1 -1
- package/dist/components/alert/alert.mjs.map +1 -1
- package/dist/components/alert/index.d.mts +2 -2
- package/dist/components/avatar/avatar.d.mts +1 -1
- package/dist/components/avatar/avatar.mjs.map +1 -1
- package/dist/components/avatar/index.d.mts +2 -2
- package/dist/components/badge/badge.d.mts +1 -1
- package/dist/components/badge/badge.mjs.map +1 -1
- package/dist/components/badge/index.d.mts +2 -2
- package/dist/components/button/button.d.mts +1 -1
- package/dist/components/button/button.mjs.map +1 -1
- package/dist/components/button/index.d.mts +2 -2
- package/dist/components/card/card-action.d.mts +1 -1
- package/dist/components/card/card-action.mjs.map +1 -1
- package/dist/components/card/card-actions.d.mts +1 -1
- package/dist/components/card/card-actions.mjs.map +1 -1
- package/dist/components/card/card-content.d.mts +1 -1
- package/dist/components/card/card-content.mjs.map +1 -1
- package/dist/components/card/card-date.d.mts +1 -1
- package/dist/components/card/card-date.mjs.map +1 -1
- package/dist/components/card/card-header.d.mts +1 -1
- package/dist/components/card/card-header.mjs.map +1 -1
- package/dist/components/card/card-media.d.mts +1 -1
- package/dist/components/card/card-media.mjs.map +1 -1
- package/dist/components/card/card.d.mts +1 -1
- package/dist/components/card/card.mjs.map +1 -1
- package/dist/components/card/index.d.mts +2 -2
- package/dist/components/checkbox/checkbox-subsection.d.mts +1 -1
- package/dist/components/checkbox/checkbox-subsection.mjs.map +1 -1
- package/dist/components/checkbox/checkbox.d.mts +1 -1
- package/dist/components/checkbox/checkbox.mjs.map +1 -1
- package/dist/components/checkbox/index.d.mts +2 -2
- package/dist/components/chip/chip.d.mts +1 -1
- package/dist/components/chip/chip.mjs.map +1 -1
- package/dist/components/chip/index.d.mts +2 -2
- package/dist/components/details/details-content.d.mts +1 -1
- package/dist/components/details/details-content.mjs.map +1 -1
- package/dist/components/details/details-summary.d.mts +1 -1
- package/dist/components/details/details-summary.mjs.map +1 -1
- package/dist/components/details/details.d.mts +1 -1
- package/dist/components/details/details.mjs.map +1 -1
- package/dist/components/details/index.d.mts +2 -2
- package/dist/components/dialog/dialog-close-button.d.mts +1 -1
- package/dist/components/dialog/dialog-close-button.mjs.map +1 -1
- package/dist/components/dialog/dialog-content.d.mts +1 -1
- package/dist/components/dialog/dialog-content.mjs.map +1 -1
- package/dist/components/dialog/dialog-footer.d.mts +1 -1
- package/dist/components/dialog/dialog-footer.mjs.map +1 -1
- package/dist/components/dialog/dialog-header.d.mts +1 -1
- package/dist/components/dialog/dialog-header.mjs.map +1 -1
- package/dist/components/dialog/dialog-trigger-context.d.mts +1 -1
- package/dist/components/dialog/dialog-trigger-context.mjs.map +1 -1
- package/dist/components/dialog/dialog-trigger.d.mts +1 -1
- package/dist/components/dialog/dialog-trigger.mjs.map +1 -1
- package/dist/components/dialog/dialog.d.mts +1 -1
- package/dist/components/dialog/dialog.mjs.map +1 -1
- package/dist/components/dialog/index.d.mts +3 -3
- package/dist/components/dropdown/dropdown-button.d.mts +1 -1
- package/dist/components/dropdown/dropdown-button.mjs.map +1 -1
- package/dist/components/dropdown/dropdown-item.d.mts +1 -1
- package/dist/components/dropdown/dropdown-item.mjs.map +1 -1
- package/dist/components/dropdown/dropdown-list.d.mts +1 -1
- package/dist/components/dropdown/dropdown-list.mjs.map +1 -1
- package/dist/components/dropdown/dropdown-trigger-context.d.mts +1 -1
- package/dist/components/dropdown/dropdown-trigger-context.mjs.map +1 -1
- package/dist/components/dropdown/dropdown-trigger.d.mts +1 -1
- package/dist/components/dropdown/dropdown-trigger.mjs.map +1 -1
- package/dist/components/dropdown/dropdown.d.mts +1 -1
- package/dist/components/dropdown/dropdown.mjs.map +1 -1
- package/dist/components/dropdown/index.d.mts +4 -4
- package/dist/components/field/field-affix.d.mts +1 -1
- package/dist/components/field/field-affix.mjs.map +1 -1
- package/dist/components/field/field-description.d.mts +1 -1
- package/dist/components/field/field-description.mjs.map +1 -1
- package/dist/components/field/field.d.mts +1 -1
- package/dist/components/field/field.mjs.map +1 -1
- package/dist/components/field/index.d.mts +2 -2
- package/dist/components/fieldset/fieldset-description.d.mts +1 -1
- package/dist/components/fieldset/fieldset-description.mjs.map +1 -1
- package/dist/components/fieldset/fieldset-legend.d.mts +1 -1
- package/dist/components/fieldset/fieldset-legend.mjs.map +1 -1
- package/dist/components/fieldset/fieldset.d.mts +1 -1
- package/dist/components/fieldset/fieldset.mjs.map +1 -1
- package/dist/components/fieldset/index.d.mts +2 -2
- package/dist/components/filter-group/filter-group.d.mts +1 -1
- package/dist/components/filter-group/filter-group.mjs.map +1 -1
- package/dist/components/filter-group/index.d.mts +2 -2
- package/dist/components/footer/footer-links.d.mts +1 -1
- package/dist/components/footer/footer-links.mjs.map +1 -1
- package/dist/components/footer/footer.d.mts +1 -1
- package/dist/components/footer/footer.mjs.map +1 -1
- package/dist/components/footer/index.d.mts +3 -3
- package/dist/components/index.d.mts +9 -9
- package/dist/components/input/index.d.mts +2 -2
- package/dist/components/input/input.d.mts +1 -1
- package/dist/components/input/input.mjs.map +1 -1
- package/dist/components/label/index.d.mts +2 -2
- package/dist/components/label/label.d.mts +1 -1
- package/dist/components/label/label.mjs.map +1 -1
- package/dist/components/link/index.d.mts +2 -2
- package/dist/components/link/link.d.mts +1 -1
- package/dist/components/link/link.mjs +1 -2
- package/dist/components/link/link.mjs.map +1 -1
- package/dist/components/logo/index.d.mts +2 -2
- package/dist/components/logo/logo.d.mts +1 -1
- package/dist/components/logo/logo.mjs.map +1 -1
- package/dist/components/navbar/index.d.mts +2 -2
- package/dist/components/navbar/navbar.d.mts +1 -1
- package/dist/components/navbar/navbar.mjs.map +1 -1
- package/dist/components/navbar/sub-navbar.d.mts +1 -1
- package/dist/components/navbar/sub-navbar.mjs.map +1 -1
- package/dist/components/pagination/index.d.mts +3 -3
- package/dist/components/pagination/pagination-button.d.mts +1 -1
- package/dist/components/pagination/pagination-button.mjs.map +1 -1
- package/dist/components/pagination/pagination-item.d.mts +1 -1
- package/dist/components/pagination/pagination-item.mjs.map +1 -1
- package/dist/components/pagination/pagination.d.mts +1 -1
- package/dist/components/pagination/pagination.mjs.map +1 -1
- package/dist/components/popover/index.d.mts +3 -3
- package/dist/components/popover/popover-trigger-context.d.mts +1 -1
- package/dist/components/popover/popover-trigger-context.mjs +2 -1
- package/dist/components/popover/popover-trigger-context.mjs.map +1 -1
- package/dist/components/popover/popover-trigger.d.mts +1 -1
- package/dist/components/popover/popover-trigger.mjs +9 -7
- package/dist/components/popover/popover-trigger.mjs.map +1 -1
- package/dist/components/popover/popover.d.mts +1 -1
- package/dist/components/popover/popover.mjs.map +1 -1
- package/dist/components/radio/index.d.mts +2 -2
- package/dist/components/radio/radio.d.mts +1 -1
- package/dist/components/radio/radio.mjs.map +1 -1
- package/dist/components/search/index.d.mts +2 -2
- package/dist/components/search/search.d.mts +1 -1
- package/dist/components/search/search.mjs.map +1 -1
- package/dist/components/select/index.d.mts +2 -2
- package/dist/components/select/select-optgroup.d.mts +1 -1
- package/dist/components/select/select-optgroup.mjs.map +1 -1
- package/dist/components/select/select-option.d.mts +1 -1
- package/dist/components/select/select-option.mjs.map +1 -1
- package/dist/components/select/select.d.mts +1 -1
- package/dist/components/select/select.mjs.map +1 -1
- package/dist/components/selectfield/index.d.mts +2 -2
- package/dist/components/selectfield/selectfield.d.mts +1 -1
- package/dist/components/selectfield/selectfield.mjs.map +1 -1
- package/dist/components/skip-link/index.d.mts +2 -2
- package/dist/components/skip-link/skip-link.d.mts +1 -1
- package/dist/components/skip-link/skip-link.mjs.map +1 -1
- package/dist/components/spinner/index.d.mts +2 -2
- package/dist/components/spinner/spinner.d.mts +1 -1
- package/dist/components/spinner/spinner.mjs.map +1 -1
- package/dist/components/sticky-header/index.d.mts +3 -2
- package/dist/components/sticky-header/sticky-header.d.mts +1 -1
- package/dist/components/sticky-header/sticky-header.mjs.map +1 -1
- package/dist/components/switch/index.d.mts +2 -2
- package/dist/components/switch/switch.d.mts +1 -1
- package/dist/components/switch/switch.mjs.map +1 -1
- package/dist/components/tabs/index.d.mts +2 -2
- package/dist/components/tabs/tab.d.mts +1 -1
- package/dist/components/tabs/tab.mjs.map +1 -1
- package/dist/components/tabs/tabs-list.d.mts +1 -1
- package/dist/components/tabs/tabs-list.mjs.map +1 -1
- package/dist/components/tabs/tabs-panel.d.mts +1 -1
- package/dist/components/tabs/tabs-panel.mjs.map +1 -1
- package/dist/components/tabs/tabs.d.mts +1 -1
- package/dist/components/tabs/tabs.mjs.map +1 -1
- package/dist/components/textarea/index.d.mts +2 -2
- package/dist/components/textarea/textarea.d.mts +1 -1
- package/dist/components/textarea/textarea.mjs.map +1 -1
- package/dist/components/textfield/index.d.mts +2 -2
- package/dist/components/textfield/textfield.d.mts +1 -1
- package/dist/components/textfield/textfield.mjs.map +1 -1
- package/dist/components/tooltip/index.d.mts +2 -2
- package/dist/components/tooltip/tooltip.d.mts +1 -1
- package/dist/components/tooltip/tooltip.mjs.map +1 -1
- package/dist/components/validation-message/index.d.mts +2 -2
- package/dist/components/validation-message/validation-message.d.mts +1 -1
- package/dist/components/validation-message/validation-message.mjs.map +1 -1
- package/dist/{dialog-trigger-context-DbUhxoNL.d.mts → dialog-trigger-context-Orqo_NHj.d.mts} +3 -8
- package/dist/{dropdown-item-bA64wFOZ.d.mts → dropdown-item-B6Ahk6en.d.mts} +2 -7
- package/dist/{dropdown-list-CaYz-O1j.d.mts → dropdown-list-CXM9VhRl.d.mts} +2 -7
- package/dist/{footer-links-DwBghNrz.d.mts → footer-links-Dk977Qoi.d.mts} +2 -9
- package/dist/index-CaxrMD1A.d.mts +1 -0
- package/dist/index-Dqg5-Rt-.d.mts +1 -0
- package/dist/main.d.mts +15 -15
- package/dist/{pagination-item-DJicBrIN.d.mts → pagination-item-DqbKxAHU.d.mts} +2 -9
- package/dist/{popover-trigger-context-BLjAozBn.d.mts → popover-trigger-context-DeCbAC6V.d.mts} +3 -10
- package/dist/react-types.d.ts +43 -1
- package/dist/{sticky-header-CVfE0TUC.d.mts → sticky-header-BXlBWEWo.d.mts} +2 -6
- package/dist/{types-C0q7hMe_.d.mts → types-BoBDvyAZ.d.mts} +1 -2
- package/dist/{types-74lJC5tL.d.mts → types-oMo2uOVa.d.mts} +1 -1
- package/dist/types.d.mts +1 -1
- package/dist/{useCheckboxGroup-Boc_tLJ3.d.mts → useCheckboxGroup-BTzX7PfS.d.mts} +4 -7
- package/dist/{useIsElementAboveViewport-Cxt9TwLS.d.mts → useIsElementAboveViewport-Db7ndg3S.d.mts} +1 -2
- package/dist/{useIsomorphicLayoutEffect-DXCY5AxR.d.mts → useIsomorphicLayoutEffect-D-Mi76vH.d.mts} +1 -2
- package/dist/{useMediaQuery-Di0fXraw.d.mts → useMediaQuery-c1R0kas_.d.mts} +2 -5
- package/dist/{useScrollDirection-6pq5a8B3.d.mts → useScrollDirection-DS9Rfs_K.d.mts} +1 -1
- package/dist/utilities/hooks/index.d.mts +7 -7
- package/dist/utilities/hooks/useCheckboxGroup/useCheckboxGroup.d.mts +1 -1
- package/dist/utilities/hooks/useCheckboxGroup/useCheckboxGroup.mjs.map +1 -1
- package/dist/utilities/hooks/useIsElementAboveViewport/useIsElementAboveViewport.d.mts +1 -1
- package/dist/utilities/hooks/useIsElementAboveViewport/useIsElementAboveViewport.mjs.map +1 -1
- package/dist/utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.mts +1 -1
- package/dist/utilities/hooks/useMediaQuery/useMediaQuery.d.mts +1 -1
- package/dist/utilities/hooks/useMediaQuery/useMediaQuery.mjs +2 -4
- package/dist/utilities/hooks/useMediaQuery/useMediaQuery.mjs.map +1 -1
- package/dist/utilities/hooks/useMergeRefs/useMergeRefs.d.mts +0 -1
- package/dist/utilities/hooks/useMergeRefs/useMergeRefs.mjs.map +1 -1
- package/dist/utilities/hooks/usePagination/usePagination.d.mts +1 -1
- package/dist/utilities/hooks/usePagination/usePagination.mjs.map +1 -1
- package/dist/utilities/hooks/useScrollDirection/useScrollDirection.d.mts +1 -1
- package/dist/utilities/hooks/useScrollDirection/useScrollDirection.mjs.map +1 -1
- package/dist/utilities/index.d.mts +8 -8
- package/dist/utilities/types.d.mts +1 -1
- package/dist/vanilla/dropdown/index.d.mts +3 -9
- package/dist/vanilla/dropdown/index.mjs.map +1 -1
- package/dist/vanilla/index.d.mts +1 -0
- package/dist/vanilla/popover/index.d.mts +3 -9
- package/dist/vanilla/popover/index.mjs +1 -3
- package/dist/vanilla/popover/index.mjs.map +1 -1
- package/dist/vanilla/sub-navbar/index.d.mts +1 -3
- package/dist/vanilla/sub-navbar/index.mjs.map +1 -1
- package/dist/vanilla/tooltip/index.d.mts +1 -1
- package/dist/vanilla/tooltip/index.mjs.map +1 -1
- package/dist/vite-env.d.mts +1 -1
- package/package.json +19 -19
- package/dist/index-D9zIjQH9.d.mts +0 -1
- package/dist/index-Dc-SdpIe.d.mts +0 -1
package/dist/{dialog-trigger-context-DbUhxoNL.d.mts → dialog-trigger-context-Orqo_NHj.d.mts}
RENAMED
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import * as _$react from "react";
|
|
3
1
|
import { ReactNode } from "react";
|
|
4
|
-
|
|
5
2
|
//#region src/components/dialog/dialog-trigger-context.d.ts
|
|
6
3
|
type DialogContext = {
|
|
7
4
|
id?: string;
|
|
8
5
|
};
|
|
9
|
-
declare const Context:
|
|
6
|
+
declare const Context: React.Context<DialogContext & {
|
|
10
7
|
setContext?: (context: DialogContext) => void;
|
|
11
8
|
}>;
|
|
12
9
|
type DialogTriggerContextProps = {
|
|
13
10
|
children: ReactNode;
|
|
14
11
|
};
|
|
15
|
-
declare const DialogTriggerContext: ({
|
|
16
|
-
children
|
|
17
|
-
}: DialogTriggerContextProps) => _$react_jsx_runtime0.JSX.Element;
|
|
12
|
+
declare const DialogTriggerContext: ({ children }: DialogTriggerContextProps) => React.JSX.Element;
|
|
18
13
|
//#endregion
|
|
19
14
|
export { DialogTriggerContext as n, DialogTriggerContextProps as r, Context as t };
|
|
20
|
-
//# sourceMappingURL=dialog-trigger-context-
|
|
15
|
+
//# sourceMappingURL=dialog-trigger-context-Orqo_NHj.d.mts.map
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import { HTMLAttributes, Ref } from "react";
|
|
3
|
-
|
|
4
2
|
//#region src/components/dropdown/dropdown-item.d.ts
|
|
5
3
|
type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {
|
|
6
4
|
ref?: Ref<HTMLLIElement>;
|
|
7
5
|
};
|
|
8
|
-
declare const DropdownItem: ({
|
|
9
|
-
ref,
|
|
10
|
-
...rest
|
|
11
|
-
}: DropdownItemProps) => _$react_jsx_runtime0.JSX.Element;
|
|
6
|
+
declare const DropdownItem: ({ ref, ...rest }: DropdownItemProps) => React.JSX.Element;
|
|
12
7
|
//#endregion
|
|
13
8
|
export { DropdownItemProps as n, DropdownItem as t };
|
|
14
|
-
//# sourceMappingURL=dropdown-item-
|
|
9
|
+
//# sourceMappingURL=dropdown-item-B6Ahk6en.d.mts.map
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import { HTMLAttributes, Ref } from "react";
|
|
3
|
-
|
|
4
2
|
//#region src/components/dropdown/dropdown-list.d.ts
|
|
5
3
|
type DropdownListProps = HTMLAttributes<HTMLUListElement> & {
|
|
6
4
|
ref?: Ref<HTMLUListElement>;
|
|
7
5
|
};
|
|
8
|
-
declare const DropdownList: ({
|
|
9
|
-
ref,
|
|
10
|
-
...rest
|
|
11
|
-
}: DropdownListProps) => _$react_jsx_runtime0.JSX.Element;
|
|
6
|
+
declare const DropdownList: ({ ref, ...rest }: DropdownListProps) => React.JSX.Element;
|
|
12
7
|
//#endregion
|
|
13
8
|
export { DropdownListProps as n, DropdownList as t };
|
|
14
|
-
//# sourceMappingURL=dropdown-list-
|
|
9
|
+
//# sourceMappingURL=dropdown-list-CXM9VhRl.d.mts.map
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import { HTMLAttributes, Ref } from "react";
|
|
3
|
-
|
|
4
2
|
//#region src/components/footer/footer-links.d.ts
|
|
5
3
|
type FooterLinksProps = HTMLAttributes<HTMLDivElement> & {
|
|
6
4
|
/**
|
|
@@ -9,12 +7,7 @@ type FooterLinksProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
9
7
|
leadingText?: string;
|
|
10
8
|
ref?: Ref<HTMLDivElement>;
|
|
11
9
|
};
|
|
12
|
-
declare const FooterLinks: ({
|
|
13
|
-
leadingText,
|
|
14
|
-
children,
|
|
15
|
-
ref,
|
|
16
|
-
...props
|
|
17
|
-
}: FooterLinksProps) => _$react_jsx_runtime0.JSX.Element;
|
|
10
|
+
declare const FooterLinks: ({ leadingText, children, ref, ...props }: FooterLinksProps) => React.JSX.Element;
|
|
18
11
|
//#endregion
|
|
19
12
|
export { FooterLinksProps as n, FooterLinks as t };
|
|
20
|
-
//# sourceMappingURL=footer-links-
|
|
13
|
+
//# sourceMappingURL=footer-links-Dk977Qoi.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "./sticky-header-BXlBWEWo.mjs";
|
package/dist/main.d.mts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "./useCheckboxGroup-
|
|
2
|
-
import { t as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect-
|
|
3
|
-
import { $ as Footer, $t as Checkbox, A as SelectfieldProps, At as PopoverProps, B as RadioProps, Bt as DialogContentProps, C as Switch, Cn as Alert, Ct as DropdownButton, D as SkipLink, Dt as PopoverTrigger, E as SpinnerProps, Et as DropdownProps, F as Select, Ft as DialogFooter, G as SubNavbar, Gt as DetailsContent, H as PaginationButtonProps, Ht as DialogProps, I as SelectProps, It as DialogFooterProps, J as NavbarProps, Jt as DetailsProps, K as SubNavbarProps, Kt as DetailsContentProps, L as Search, Lt as DialogHeader, M as SelectOptgroupProps, Mt as DialogCloseButtonProps, N as SelectOption, Nt as DialogTrigger, O as SkipLinkProps, Ot as PopoverTriggerProps, P as SelectOptionProps, Pt as DialogTriggerProps, Q as LinkProps, Qt as CheckboxSubsectionProps, R as SearchProps, Rt as DialogHeaderProps, S as TabsProps, Sn as AvatarProps, St as DropdownTriggerProps, T as Spinner, Tt as Dropdown, U as Pagination, Ut as DetailsSummary, V as PaginationButton, Vt as Dialog, W as PaginationProps, Wt as DetailsSummaryProps, X as LogoProps, Xt as ChipProps, Y as Logo, Yt as Chip, Z as Link, Zt as CheckboxSubsection, _ as Tab, _n as Button, _t as Field, a as ValidationMessage, an as CardMedia, at as Label, b as Tabs, bn as BadgeProps, bt as DropdownTriggerContextProps, c as TooltipProps, cn as CardHeaderProps, ct as FieldsetDescriptionProps, d as Textarea, dn as CardAction, dt as FieldAffix, en as CheckboxProps, et as FooterProps, f as TextareaProps, fn as CardActionProps, ft as FieldAffixProps, g as TabsListProps, gn as CardProps, gt as FieldDescriptionProps, h as TabsList, hn as Card, ht as FieldDescription, i as usePagination, in as CardDateProps, it as FieldsetLegendProps, j as SelectOptgroup, jt as DialogCloseButton, k as Selectfield, kt as Popover, l as Textfield, ln as CardContent, lt as Fieldset, m as TabsPanelProps, mn as CardActionsProps, mt as FieldAffixesProps, n as AlertFooterProps, nn as InputProps, nt as FilterGroupProps, o as ValidationMessageProps, on as CardMediaProps, ot as LabelProps, p as TabsPanel, pn as CardActions, pt as FieldAffixes, q as Navbar, qt as Details, r as UsePaginationProps, rn as CardDate, rt as FieldsetLegend, s as Tooltip, sn as CardHeader, st as FieldsetDescription, t as AlertFooter, tn as Input, tt as FilterGroup, u as TextfieldProps, un as CardContentProps, ut as FieldsetProps, v as TabProps, vn as ButtonProps, vt as FieldProps, w as SwitchProps, wn as AlertProps, wt as DropdownButtonProps, x as TabsContext, xn as Avatar, xt as DropdownTrigger, yn as Badge, yt as DropdownTriggerContext, z as Radio, zt as DialogContent } from "./alert-footer-
|
|
4
|
-
import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "./dialog-trigger-context-
|
|
5
|
-
import { n as PopoverTriggerContext, r as PopoverTriggerContextProps } from "./popover-trigger-context-
|
|
6
|
-
import { n as DropdownItemProps, t as DropdownItem } from "./dropdown-item-
|
|
7
|
-
import { n as DropdownListProps, t as DropdownList } from "./dropdown-list-
|
|
8
|
-
import { n as FooterLinksProps, t as FooterLinks } from "./footer-links-
|
|
9
|
-
import { n as PaginationItemProps, t as PaginationItem } from "./pagination-item-
|
|
10
|
-
import { n as StickyHeaderProps, t as StickyHeader } from "./sticky-header-
|
|
11
|
-
import { t as useIsElementAboveViewport } from "./useIsElementAboveViewport-
|
|
12
|
-
import { t as useScrollDirection } from "./useScrollDirection-
|
|
13
|
-
import { n as useMediaQuery, t as UseMediaQueryOptions } from "./useMediaQuery-
|
|
14
|
-
import { t as MergeRight } from "./types-
|
|
15
|
-
export { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, CheckboxSubsection, CheckboxSubsectionProps, Chip, ChipProps, Context, Details, DetailsContent, DetailsContentProps, DetailsProps, DetailsSummary, DetailsSummaryProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerContext, DialogTriggerContextProps, DialogTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownItem, DropdownItemProps, DropdownList, DropdownListProps, DropdownProps, DropdownTrigger, DropdownTriggerContext, DropdownTriggerContextProps, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, Footer, FooterLinks, FooterLinksProps, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, MergeRight, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationItem, PaginationItemProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerContext, PopoverTriggerContextProps, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Selectfield, SelectfieldProps, SkipLink, SkipLinkProps, Spinner, SpinnerProps, StickyHeader, StickyHeaderProps, SubNavbar, SubNavbarProps, Switch, SwitchProps, Tab, TabProps, Tabs, TabsContext, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, Tooltip, TooltipProps, UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, ValidationMessage, ValidationMessageProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
|
|
1
|
+
import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "./useCheckboxGroup-BTzX7PfS.mjs";
|
|
2
|
+
import { t as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect-D-Mi76vH.mjs";
|
|
3
|
+
import { $ as Footer, $t as Checkbox, A as SelectfieldProps, At as PopoverProps, B as RadioProps, Bt as DialogContentProps, C as Switch, Cn as Alert, Ct as DropdownButton, D as SkipLink, Dt as PopoverTrigger, E as SpinnerProps, Et as DropdownProps, F as Select, Ft as DialogFooter, G as SubNavbar, Gt as DetailsContent, H as PaginationButtonProps, Ht as DialogProps, I as SelectProps, It as DialogFooterProps, J as NavbarProps, Jt as DetailsProps, K as SubNavbarProps, Kt as DetailsContentProps, L as Search, Lt as DialogHeader, M as SelectOptgroupProps, Mt as DialogCloseButtonProps, N as SelectOption, Nt as DialogTrigger, O as SkipLinkProps, Ot as PopoverTriggerProps, P as SelectOptionProps, Pt as DialogTriggerProps, Q as LinkProps, Qt as CheckboxSubsectionProps, R as SearchProps, Rt as DialogHeaderProps, S as TabsProps, Sn as AvatarProps, St as DropdownTriggerProps, T as Spinner, Tt as Dropdown, U as Pagination, Ut as DetailsSummary, V as PaginationButton, Vt as Dialog, W as PaginationProps, Wt as DetailsSummaryProps, X as LogoProps, Xt as ChipProps, Y as Logo, Yt as Chip, Z as Link, Zt as CheckboxSubsection, _ as Tab, _n as Button, _t as Field, a as ValidationMessage, an as CardMedia, at as Label, b as Tabs, bn as BadgeProps, bt as DropdownTriggerContextProps, c as TooltipProps, cn as CardHeaderProps, ct as FieldsetDescriptionProps, d as Textarea, dn as CardAction, dt as FieldAffix, en as CheckboxProps, et as FooterProps, f as TextareaProps, fn as CardActionProps, ft as FieldAffixProps, g as TabsListProps, gn as CardProps, gt as FieldDescriptionProps, h as TabsList, hn as Card, ht as FieldDescription, i as usePagination, in as CardDateProps, it as FieldsetLegendProps, j as SelectOptgroup, jt as DialogCloseButton, k as Selectfield, kt as Popover, l as Textfield, ln as CardContent, lt as Fieldset, m as TabsPanelProps, mn as CardActionsProps, mt as FieldAffixesProps, n as AlertFooterProps, nn as InputProps, nt as FilterGroupProps, o as ValidationMessageProps, on as CardMediaProps, ot as LabelProps, p as TabsPanel, pn as CardActions, pt as FieldAffixes, q as Navbar, qt as Details, r as UsePaginationProps, rn as CardDate, rt as FieldsetLegend, s as Tooltip, sn as CardHeader, st as FieldsetDescription, t as AlertFooter, tn as Input, tt as FilterGroup, u as TextfieldProps, un as CardContentProps, ut as FieldsetProps, v as TabProps, vn as ButtonProps, vt as FieldProps, w as SwitchProps, wn as AlertProps, wt as DropdownButtonProps, x as TabsContext, xn as Avatar, xt as DropdownTrigger, yn as Badge, yt as DropdownTriggerContext, z as Radio, zt as DialogContent } from "./alert-footer-BoTu7E1s.mjs";
|
|
4
|
+
import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "./dialog-trigger-context-Orqo_NHj.mjs";
|
|
5
|
+
import { n as PopoverTriggerContext, r as PopoverTriggerContextProps } from "./popover-trigger-context-DeCbAC6V.mjs";
|
|
6
|
+
import { n as DropdownItemProps, t as DropdownItem } from "./dropdown-item-B6Ahk6en.mjs";
|
|
7
|
+
import { n as DropdownListProps, t as DropdownList } from "./dropdown-list-CXM9VhRl.mjs";
|
|
8
|
+
import { n as FooterLinksProps, t as FooterLinks } from "./footer-links-Dk977Qoi.mjs";
|
|
9
|
+
import { n as PaginationItemProps, t as PaginationItem } from "./pagination-item-DqbKxAHU.mjs";
|
|
10
|
+
import { n as StickyHeaderProps, t as StickyHeader } from "./sticky-header-BXlBWEWo.mjs";
|
|
11
|
+
import { t as useIsElementAboveViewport } from "./useIsElementAboveViewport-Db7ndg3S.mjs";
|
|
12
|
+
import { t as useScrollDirection } from "./useScrollDirection-DS9Rfs_K.mjs";
|
|
13
|
+
import { n as useMediaQuery, t as UseMediaQueryOptions } from "./useMediaQuery-c1R0kas_.mjs";
|
|
14
|
+
import { t as MergeRight } from "./types-oMo2uOVa.mjs";
|
|
15
|
+
export { Alert, AlertFooter, type AlertFooterProps, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardAction, type CardActionProps, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDate, type CardDateProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, CheckboxSubsection, type CheckboxSubsectionProps, Chip, type ChipProps, type Context, Details, DetailsContent, type DetailsContentProps, type DetailsProps, DetailsSummary, type DetailsSummaryProps, Dialog, DialogCloseButton, type DialogCloseButtonProps, DialogContent, type DialogContentProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTrigger, DialogTriggerContext, type DialogTriggerContextProps, type DialogTriggerProps, Dropdown, DropdownButton, type DropdownButtonProps, DropdownItem, type DropdownItemProps, DropdownList, type DropdownListProps, type DropdownProps, DropdownTrigger, DropdownTriggerContext, type DropdownTriggerContextProps, type DropdownTriggerProps, Field, FieldAffix, type FieldAffixProps, FieldAffixes, type FieldAffixesProps, FieldDescription, type FieldDescriptionProps, type FieldProps, Fieldset, FieldsetDescription, type FieldsetDescriptionProps, FieldsetLegend, type FieldsetLegendProps, type FieldsetProps, FilterGroup, type FilterGroupProps, Footer, FooterLinks, type FooterLinksProps, type FooterProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Logo, type LogoProps, type MergeRight, Navbar, type NavbarProps, Pagination, PaginationButton, type PaginationButtonProps, PaginationItem, type PaginationItemProps, type PaginationProps, Popover, type PopoverProps, PopoverTrigger, PopoverTriggerContext, type PopoverTriggerContextProps, type PopoverTriggerProps, Radio, type RadioProps, Search, type SearchProps, Select, SelectOptgroup, type SelectOptgroupProps, SelectOption, type SelectOptionProps, type SelectProps, Selectfield, type SelectfieldProps, SkipLink, type SkipLinkProps, Spinner, type SpinnerProps, StickyHeader, type StickyHeaderProps, SubNavbar, type SubNavbarProps, Switch, type SwitchProps, Tab, type TabProps, Tabs, type TabsContext, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, Textarea, type TextareaProps, Textfield, type TextfieldProps, Tooltip, type TooltipProps, type UseCheckboxGroupOptions, type UseMediaQueryOptions, type UsePaginationProps, ValidationMessage, type ValidationMessageProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import { HTMLAttributes, Ref } from "react";
|
|
3
|
-
|
|
4
2
|
//#region src/components/pagination/pagination-item.d.ts
|
|
5
3
|
type PaginationItemProps = HTMLAttributes<HTMLLIElement> & {
|
|
6
4
|
/**
|
|
@@ -10,12 +8,7 @@ type PaginationItemProps = HTMLAttributes<HTMLLIElement> & {
|
|
|
10
8
|
asChild?: boolean;
|
|
11
9
|
ref?: Ref<HTMLLIElement>;
|
|
12
10
|
};
|
|
13
|
-
declare const PaginationItem: ({
|
|
14
|
-
ref,
|
|
15
|
-
asChild,
|
|
16
|
-
children,
|
|
17
|
-
...rest
|
|
18
|
-
}: PaginationItemProps) => _$react_jsx_runtime0.JSX.Element;
|
|
11
|
+
declare const PaginationItem: ({ ref, asChild, children, ...rest }: PaginationItemProps) => React.JSX.Element;
|
|
19
12
|
//#endregion
|
|
20
13
|
export { PaginationItemProps as n, PaginationItem as t };
|
|
21
|
-
//# sourceMappingURL=pagination-item-
|
|
14
|
+
//# sourceMappingURL=pagination-item-DqbKxAHU.d.mts.map
|
package/dist/{popover-trigger-context-BLjAozBn.d.mts → popover-trigger-context-DeCbAC6V.d.mts}
RENAMED
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import * as _$react from "react";
|
|
3
1
|
import { ReactNode } from "react";
|
|
4
|
-
|
|
5
2
|
//#region src/components/popover/popover-trigger-context.d.ts
|
|
6
|
-
declare const Context:
|
|
3
|
+
declare const Context: React.Context<{
|
|
7
4
|
popoverId?: string;
|
|
8
5
|
setPopoverId?: (id: string) => void;
|
|
9
6
|
popoverOpen?: boolean;
|
|
@@ -33,11 +30,7 @@ type PopoverTriggerContextProps = {
|
|
|
33
30
|
* </Popover>
|
|
34
31
|
* </PopoverTriggerContext>
|
|
35
32
|
*/
|
|
36
|
-
declare const PopoverTriggerContext: ({
|
|
37
|
-
children,
|
|
38
|
-
open,
|
|
39
|
-
onOpenChange
|
|
40
|
-
}: PopoverTriggerContextProps) => _$react_jsx_runtime0.JSX.Element;
|
|
33
|
+
declare const PopoverTriggerContext: ({ children, open, onOpenChange }: PopoverTriggerContextProps) => React.JSX.Element;
|
|
41
34
|
//#endregion
|
|
42
35
|
export { PopoverTriggerContext as n, PopoverTriggerContextProps as r, Context as t };
|
|
43
|
-
//# sourceMappingURL=popover-trigger-context-
|
|
36
|
+
//# sourceMappingURL=popover-trigger-context-DeCbAC6V.d.mts.map
|
package/dist/react-types.d.ts
CHANGED
|
@@ -4,7 +4,31 @@
|
|
|
4
4
|
* - `'dark'`: Use the dark color scheme.
|
|
5
5
|
*/
|
|
6
6
|
export type ColorScheme = 'light' | 'dark';
|
|
7
|
-
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Registry for custom color sets, so `data-color` accepts them alongside the
|
|
10
|
+
* built-in ones. Add a key per color set you have defined in CSS:
|
|
11
|
+
*
|
|
12
|
+
* ```ts
|
|
13
|
+
* declare module '@bi-digital/react/react-types' {
|
|
14
|
+
* interface CustomColors {
|
|
15
|
+
* brand: true;
|
|
16
|
+
* }
|
|
17
|
+
* }
|
|
18
|
+
* ```
|
|
19
|
+
*
|
|
20
|
+
* Empty by default, which leaves `Colors` as the built-in color sets only.
|
|
21
|
+
*/
|
|
22
|
+
export interface CustomColors {}
|
|
23
|
+
|
|
24
|
+
export type Colors =
|
|
25
|
+
| 'primary'
|
|
26
|
+
| 'neutral'
|
|
27
|
+
| 'info'
|
|
28
|
+
| 'success'
|
|
29
|
+
| 'warning'
|
|
30
|
+
| 'alert'
|
|
31
|
+
| Extract<keyof CustomColors, string>;
|
|
8
32
|
|
|
9
33
|
declare global {
|
|
10
34
|
namespace React {
|
|
@@ -19,6 +43,24 @@ declare global {
|
|
|
19
43
|
* - `'dark'`: Use the dark color scheme.
|
|
20
44
|
*/
|
|
21
45
|
'data-color-scheme'?: ColorScheme;
|
|
46
|
+
/**
|
|
47
|
+
* Forward clicks on this element to the link or button with this `id`, making the whole
|
|
48
|
+
* surface act as a single click target while keeping one accessible name and one tab stop.
|
|
49
|
+
*
|
|
50
|
+
* Clicks are not forwarded when they land on another interactive element inside the
|
|
51
|
+
* surface, or when the target is disabled. Requires the javascript offered through
|
|
52
|
+
* `@digdir/designsystemet-web` (automatically included in @bi-digital/react); without it the target still works on its own.
|
|
53
|
+
*
|
|
54
|
+
* @example
|
|
55
|
+
* ```tsx
|
|
56
|
+
* <Card data-clickdelegatefor='card-title'>
|
|
57
|
+
* <CardContent>
|
|
58
|
+
* <CardHeader header={<a id='card-title' href='/article'>Some text</a>} />
|
|
59
|
+
* </CardContent>
|
|
60
|
+
* </Card>
|
|
61
|
+
* ```
|
|
62
|
+
*/
|
|
63
|
+
'data-clickdelegatefor'?: string;
|
|
22
64
|
}
|
|
23
65
|
|
|
24
66
|
// Make React support command attributes: https://github.com/facebook/react/issues/32478
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import { ReactNode } from "react";
|
|
3
|
-
|
|
4
2
|
//#region src/components/sticky-header/sticky-header.d.ts
|
|
5
3
|
type StickyHeaderProps = {
|
|
6
4
|
children: ReactNode;
|
|
@@ -11,9 +9,7 @@ type StickyHeaderProps = {
|
|
|
11
9
|
* This element is a Slot which simply adds the correct CSS styles to the children.
|
|
12
10
|
* Make sure that the children passed to this component appends className and not overrides it.
|
|
13
11
|
*/
|
|
14
|
-
declare const StickyHeader: ({
|
|
15
|
-
children
|
|
16
|
-
}: StickyHeaderProps) => _$react_jsx_runtime0.JSX.Element;
|
|
12
|
+
declare const StickyHeader: ({ children }: StickyHeaderProps) => React.JSX.Element;
|
|
17
13
|
//#endregion
|
|
18
14
|
export { StickyHeaderProps as n, StickyHeader as t };
|
|
19
|
-
//# sourceMappingURL=sticky-header-
|
|
15
|
+
//# sourceMappingURL=sticky-header-BXlBWEWo.d.mts.map
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/types.d.ts
|
|
4
3
|
type DefaultProps = {};
|
|
5
4
|
type AsChildProps = {
|
|
@@ -25,4 +24,4 @@ type LabelRequiredProps = {
|
|
|
25
24
|
};
|
|
26
25
|
//#endregion
|
|
27
26
|
export { DefaultProps as n, LabelRequiredProps as r, AsChildProps as t };
|
|
28
|
-
//# sourceMappingURL=types-
|
|
27
|
+
//# sourceMappingURL=types-BoBDvyAZ.d.mts.map
|
package/dist/types.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as DefaultProps, r as LabelRequiredProps, t as AsChildProps } from "./types-
|
|
1
|
+
import { n as DefaultProps, r as LabelRequiredProps, t as AsChildProps } from "./types-BoBDvyAZ.mjs";
|
|
2
2
|
export { AsChildProps, DefaultProps, LabelRequiredProps };
|
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
import { ChangeEvent } from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/utilities/hooks/useCheckboxGroup/useCheckboxGroup.d.ts
|
|
4
3
|
type UseCheckboxGroupOptions = {
|
|
5
4
|
options: boolean[];
|
|
6
5
|
updateOptions: (checked: boolean) => void;
|
|
7
6
|
};
|
|
8
7
|
type UseCheckboxGroupReturn = {
|
|
9
|
-
/** Spread this on the "parent" checkbox */
|
|
8
|
+
/** Spread this on the "parent" checkbox */
|
|
9
|
+
checkboxGroupProps: {
|
|
10
10
|
checked: boolean;
|
|
11
11
|
indeterminate: boolean;
|
|
12
12
|
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
-
declare const useCheckboxGroup: ({
|
|
16
|
-
options,
|
|
17
|
-
updateOptions
|
|
18
|
-
}: UseCheckboxGroupOptions) => UseCheckboxGroupReturn;
|
|
15
|
+
declare const useCheckboxGroup: ({ options, updateOptions }: UseCheckboxGroupOptions) => UseCheckboxGroupReturn;
|
|
19
16
|
//#endregion
|
|
20
17
|
export { UseCheckboxGroupReturn as n, useCheckboxGroup as r, UseCheckboxGroupOptions as t };
|
|
21
|
-
//# sourceMappingURL=useCheckboxGroup-
|
|
18
|
+
//# sourceMappingURL=useCheckboxGroup-BTzX7PfS.d.mts.map
|
package/dist/{useIsElementAboveViewport-Cxt9TwLS.d.mts → useIsElementAboveViewport-Db7ndg3S.d.mts}
RENAMED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { RefObject } from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/utilities/hooks/useIsElementAboveViewport/useIsElementAboveViewport.d.ts
|
|
4
3
|
/** Detects when an element's is scrolled past and is no longer in the viewport. */
|
|
5
4
|
declare const useIsElementAboveViewport: (elementRef: RefObject<HTMLElement | null>) => boolean;
|
|
6
5
|
//#endregion
|
|
7
6
|
export { useIsElementAboveViewport as t };
|
|
8
|
-
//# sourceMappingURL=useIsElementAboveViewport-
|
|
7
|
+
//# sourceMappingURL=useIsElementAboveViewport-Db7ndg3S.d.mts.map
|
package/dist/{useIsomorphicLayoutEffect-DXCY5AxR.d.mts → useIsomorphicLayoutEffect-D-Mi76vH.d.mts}
RENAMED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { useEffect } from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts
|
|
4
3
|
declare const useIsomorphicLayoutEffect: typeof useEffect;
|
|
5
4
|
//#endregion
|
|
6
5
|
export { useIsomorphicLayoutEffect as t };
|
|
7
|
-
//# sourceMappingURL=useIsomorphicLayoutEffect-
|
|
6
|
+
//# sourceMappingURL=useIsomorphicLayoutEffect-D-Mi76vH.d.mts.map
|
|
@@ -23,10 +23,7 @@ type UseMediaQueryOptions = {
|
|
|
23
23
|
* // Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
|
-
declare function useMediaQuery(query: string, {
|
|
27
|
-
defaultValue,
|
|
28
|
-
initializeWithValue
|
|
29
|
-
}?: UseMediaQueryOptions): boolean;
|
|
26
|
+
declare function useMediaQuery(query: string, { defaultValue, initializeWithValue }?: UseMediaQueryOptions): boolean;
|
|
30
27
|
//#endregion
|
|
31
28
|
export { useMediaQuery as n, UseMediaQueryOptions as t };
|
|
32
|
-
//# sourceMappingURL=useMediaQuery-
|
|
29
|
+
//# sourceMappingURL=useMediaQuery-c1R0kas_.d.mts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../../useCheckboxGroup-
|
|
2
|
-
import { t as useIsomorphicLayoutEffect } from "../../useIsomorphicLayoutEffect-
|
|
3
|
-
import { i as usePagination, r as UsePaginationProps } from "../../alert-footer-
|
|
4
|
-
import { t as useIsElementAboveViewport } from "../../useIsElementAboveViewport-
|
|
5
|
-
import { t as useScrollDirection } from "../../useScrollDirection-
|
|
6
|
-
import { n as useMediaQuery, t as UseMediaQueryOptions } from "../../useMediaQuery-
|
|
7
|
-
export { UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
|
|
1
|
+
import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../../useCheckboxGroup-BTzX7PfS.mjs";
|
|
2
|
+
import { t as useIsomorphicLayoutEffect } from "../../useIsomorphicLayoutEffect-D-Mi76vH.mjs";
|
|
3
|
+
import { i as usePagination, r as UsePaginationProps } from "../../alert-footer-BoTu7E1s.mjs";
|
|
4
|
+
import { t as useIsElementAboveViewport } from "../../useIsElementAboveViewport-Db7ndg3S.mjs";
|
|
5
|
+
import { t as useScrollDirection } from "../../useScrollDirection-DS9Rfs_K.mjs";
|
|
6
|
+
import { n as useMediaQuery, t as UseMediaQueryOptions } from "../../useMediaQuery-c1R0kas_.mjs";
|
|
7
|
+
export { type UseCheckboxGroupOptions, type UseMediaQueryOptions, type UsePaginationProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as UseCheckboxGroupReturn, r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../../../useCheckboxGroup-
|
|
1
|
+
import { n as UseCheckboxGroupReturn, r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../../../useCheckboxGroup-BTzX7PfS.mjs";
|
|
2
2
|
export { UseCheckboxGroupOptions, UseCheckboxGroupReturn, useCheckboxGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckboxGroup.mjs","names":[],"sources":["../../../../src/utilities/hooks/useCheckboxGroup/useCheckboxGroup.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nexport type UseCheckboxGroupOptions = {\n options: boolean[];\n updateOptions: (checked: boolean) => void;\n};\n\nexport type UseCheckboxGroupReturn = {\n /** Spread this on the \"parent\" checkbox */\n checkboxGroupProps: {\n checked: boolean;\n indeterminate: boolean;\n onChange: (e: ChangeEvent<HTMLInputElement>) => void;\n };\n};\n\nexport const useCheckboxGroup = ({ options, updateOptions }: UseCheckboxGroupOptions): UseCheckboxGroupReturn => {\n const checked = options.every((option) => option);\n const indeterminate = options.some((option) => option) && !checked;\n\n const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n const newChecked = e.target.indeterminate ? true : e.target.checked;\n updateOptions(newChecked);\n };\n\n return {\n checkboxGroupProps: {\n checked,\n indeterminate,\n onChange,\n },\n };\n};\n"],"mappings":";AAgBA,MAAa,oBAAoB,EAAE,SAAS,oBAAqE;CAC/G,MAAM,UAAU,QAAQ,OAAO,WAAW,
|
|
1
|
+
{"version":3,"file":"useCheckboxGroup.mjs","names":[],"sources":["../../../../src/utilities/hooks/useCheckboxGroup/useCheckboxGroup.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nexport type UseCheckboxGroupOptions = {\n options: boolean[];\n updateOptions: (checked: boolean) => void;\n};\n\nexport type UseCheckboxGroupReturn = {\n /** Spread this on the \"parent\" checkbox */\n checkboxGroupProps: {\n checked: boolean;\n indeterminate: boolean;\n onChange: (e: ChangeEvent<HTMLInputElement>) => void;\n };\n};\n\nexport const useCheckboxGroup = ({ options, updateOptions }: UseCheckboxGroupOptions): UseCheckboxGroupReturn => {\n const checked = options.every((option) => option);\n const indeterminate = options.some((option) => option) && !checked;\n\n const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n const newChecked = e.target.indeterminate ? true : e.target.checked;\n updateOptions(newChecked);\n };\n\n return {\n checkboxGroupProps: {\n checked,\n indeterminate,\n onChange,\n },\n };\n};\n"],"mappings":";AAgBA,MAAa,oBAAoB,EAAE,SAAS,oBAAqE;CAC/G,MAAM,UAAU,QAAQ,OAAO,WAAW,MAAM;CAChD,MAAM,gBAAgB,QAAQ,MAAM,WAAW,MAAM,KAAK,CAAC;CAE3D,MAAM,YAAY,MAAqC;EAErD,cADmB,EAAE,OAAO,gBAAgB,OAAO,EAAE,OAAO,OACpC;CAC1B;CAEA,OAAO,EACL,oBAAoB;EAClB;EACA;EACA;CACF,EACF;AACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as useIsElementAboveViewport } from "../../../useIsElementAboveViewport-
|
|
1
|
+
import { t as useIsElementAboveViewport } from "../../../useIsElementAboveViewport-Db7ndg3S.mjs";
|
|
2
2
|
export { useIsElementAboveViewport };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsElementAboveViewport.mjs","names":[],"sources":["../../../../src/utilities/hooks/useIsElementAboveViewport/useIsElementAboveViewport.tsx"],"sourcesContent":["import { useEffect, useState, type RefObject } from 'react';\n\n/** Detects when an element's is scrolled past and is no longer in the viewport. */\nexport const useIsElementAboveViewport = (elementRef: RefObject<HTMLElement | null>): boolean => {\n const [isAboveViewport, setIsPast] = useState(false);\n\n useEffect(() => {\n const observer = new IntersectionObserver(([entry]) => setIsPast(entry.boundingClientRect.y < 0), {\n threshold: [0],\n });\n const currentRef = elementRef.current;\n if (currentRef) observer.observe(currentRef);\n return () => {\n if (currentRef) observer.unobserve(currentRef);\n };\n }, [elementRef]);\n return isAboveViewport;\n};\n"],"mappings":";;;AAGA,MAAa,6BAA6B,eAAuD;CAC/F,MAAM,CAAC,iBAAiB,aAAa,SAAS,
|
|
1
|
+
{"version":3,"file":"useIsElementAboveViewport.mjs","names":[],"sources":["../../../../src/utilities/hooks/useIsElementAboveViewport/useIsElementAboveViewport.tsx"],"sourcesContent":["import { useEffect, useState, type RefObject } from 'react';\n\n/** Detects when an element's is scrolled past and is no longer in the viewport. */\nexport const useIsElementAboveViewport = (elementRef: RefObject<HTMLElement | null>): boolean => {\n const [isAboveViewport, setIsPast] = useState(false);\n\n useEffect(() => {\n const observer = new IntersectionObserver(([entry]) => setIsPast(entry.boundingClientRect.y < 0), {\n threshold: [0],\n });\n const currentRef = elementRef.current;\n if (currentRef) observer.observe(currentRef);\n return () => {\n if (currentRef) observer.unobserve(currentRef);\n };\n }, [elementRef]);\n return isAboveViewport;\n};\n"],"mappings":";;;AAGA,MAAa,6BAA6B,eAAuD;CAC/F,MAAM,CAAC,iBAAiB,aAAa,SAAS,KAAK;CAEnD,gBAAgB;EACd,MAAM,WAAW,IAAI,sBAAsB,CAAC,WAAW,UAAU,MAAM,mBAAmB,IAAI,CAAC,GAAG,EAChG,WAAW,CAAC,CAAC,EACf,CAAC;EACD,MAAM,aAAa,WAAW;EAC9B,IAAI,YAAY,SAAS,QAAQ,UAAU;EAC3C,aAAa;GACX,IAAI,YAAY,SAAS,UAAU,UAAU;EAC/C;CACF,GAAG,CAAC,UAAU,CAAC;CACf,OAAO;AACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as useIsomorphicLayoutEffect } from "../../../useIsomorphicLayoutEffect-
|
|
1
|
+
import { t as useIsomorphicLayoutEffect } from "../../../useIsomorphicLayoutEffect-D-Mi76vH.mjs";
|
|
2
2
|
export { useIsomorphicLayoutEffect };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as useMediaQuery, t as UseMediaQueryOptions } from "../../../useMediaQuery-
|
|
1
|
+
import { n as useMediaQuery, t as UseMediaQueryOptions } from "../../../useMediaQuery-c1R0kas_.mjs";
|
|
2
2
|
export { UseMediaQueryOptions, useMediaQuery };
|
|
@@ -28,11 +28,9 @@ function useMediaQuery(query, { defaultValue = false, initializeWithValue = true
|
|
|
28
28
|
useIsomorphicLayoutEffect(() => {
|
|
29
29
|
const matchMedia = window.matchMedia(query);
|
|
30
30
|
handleChange();
|
|
31
|
-
|
|
32
|
-
else matchMedia.addEventListener("change", handleChange);
|
|
31
|
+
matchMedia.addEventListener("change", handleChange);
|
|
33
32
|
return () => {
|
|
34
|
-
|
|
35
|
-
else matchMedia.removeEventListener("change", handleChange);
|
|
33
|
+
matchMedia.removeEventListener("change", handleChange);
|
|
36
34
|
};
|
|
37
35
|
}, [query]);
|
|
38
36
|
return matches;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMediaQuery.mjs","names":[],"sources":["../../../../src/utilities/hooks/useMediaQuery/useMediaQuery.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/** Hook options. */\nexport type UseMediaQueryOptions = {\n /**\n * The default value to return if the hook is being run on the server.\n * @default false\n */\n defaultValue?: boolean;\n /**\n * If `true` (default), the hook will initialize reading the media query. In SSR, you should set it to `false`, returning `options.defaultValue` or `false` initially.\n * @default true\n */\n initializeWithValue?: boolean;\n};\n\nconst IS_SERVER = typeof window === 'undefined';\n\n/**\n * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).\n * @param {string} query - The media query to track.\n * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).\n * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).\n * @example\n * ```tsx\n * const isSmallScreen = useMediaQuery('(max-width: 600px)');\n * // Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.\n * ```\n */\nexport function useMediaQuery(\n query: string,\n { defaultValue = false, initializeWithValue = true }: UseMediaQueryOptions = {},\n): boolean {\n const getMatches = (query: string): boolean => {\n if (IS_SERVER) {\n return defaultValue;\n }\n return window.matchMedia(query).matches;\n };\n\n const [matches, setMatches] = useState<boolean>(() => {\n if (initializeWithValue) {\n return getMatches(query);\n }\n return defaultValue;\n });\n\n // Handles the change event of the media query.\n function handleChange() {\n setMatches(getMatches(query));\n }\n\n useIsomorphicLayoutEffect(() => {\n const matchMedia = window.matchMedia(query);\n\n // Triggered at the first client-side load and if query changes\n handleChange();\n\n
|
|
1
|
+
{"version":3,"file":"useMediaQuery.mjs","names":[],"sources":["../../../../src/utilities/hooks/useMediaQuery/useMediaQuery.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/** Hook options. */\nexport type UseMediaQueryOptions = {\n /**\n * The default value to return if the hook is being run on the server.\n * @default false\n */\n defaultValue?: boolean;\n /**\n * If `true` (default), the hook will initialize reading the media query. In SSR, you should set it to `false`, returning `options.defaultValue` or `false` initially.\n * @default true\n */\n initializeWithValue?: boolean;\n};\n\nconst IS_SERVER = typeof window === 'undefined';\n\n/**\n * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).\n * @param {string} query - The media query to track.\n * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).\n * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).\n * @example\n * ```tsx\n * const isSmallScreen = useMediaQuery('(max-width: 600px)');\n * // Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.\n * ```\n */\nexport function useMediaQuery(\n query: string,\n { defaultValue = false, initializeWithValue = true }: UseMediaQueryOptions = {},\n): boolean {\n const getMatches = (query: string): boolean => {\n if (IS_SERVER) {\n return defaultValue;\n }\n return window.matchMedia(query).matches;\n };\n\n const [matches, setMatches] = useState<boolean>(() => {\n if (initializeWithValue) {\n return getMatches(query);\n }\n return defaultValue;\n });\n\n // Handles the change event of the media query.\n function handleChange() {\n setMatches(getMatches(query));\n }\n\n useIsomorphicLayoutEffect(() => {\n const matchMedia = window.matchMedia(query);\n\n // Triggered at the first client-side load and if query changes\n handleChange();\n\n matchMedia.addEventListener('change', handleChange);\n\n return () => {\n matchMedia.removeEventListener('change', handleChange);\n };\n }, [query]);\n\n return matches;\n}\n"],"mappings":";;;AAkBA,MAAM,YAAY,OAAO,WAAW;;;;;;;;;;;;AAapC,SAAgB,cACd,OACA,EAAE,eAAe,OAAO,sBAAsB,SAA+B,CAAC,GACrE;CACT,MAAM,cAAc,UAA2B;EAC7C,IAAI,WACF,OAAO;EAET,OAAO,OAAO,WAAW,KAAK,CAAC,CAAC;CAClC;CAEA,MAAM,CAAC,SAAS,cAAc,eAAwB;EACpD,IAAI,qBACF,OAAO,WAAW,KAAK;EAEzB,OAAO;CACT,CAAC;CAGD,SAAS,eAAe;EACtB,WAAW,WAAW,KAAK,CAAC;CAC9B;CAEA,gCAAgC;EAC9B,MAAM,aAAa,OAAO,WAAW,KAAK;EAG1C,aAAa;EAEb,WAAW,iBAAiB,UAAU,YAAY;EAElD,aAAa;GACX,WAAW,oBAAoB,UAAU,YAAY;EACvD;CACF,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMergeRefs.mjs","names":[],"sources":["../../../../src/utilities/hooks/useMergeRefs/useMergeRefs.ts"],"sourcesContent":["// https://github.com/floating-ui/floating-ui/blob/master/packages/react/src/hooks/useMergeRefs.ts\nimport { useCallback, useMemo, useRef } from 'react';\nimport type { Ref, RefCallback, RefObject } from 'react';\n\n/**\n * Merges an array of refs into a single memoized callback ref or `null`.\n */\nexport function useMergeRefs<Instance>(refs: Array<Ref<Instance> | undefined>): null | RefCallback<Instance> {\n const cleanupRef = useRef<undefined | (() => void)>(undefined);\n\n const refEffect = useCallback((instance: Instance | null) => {\n const cleanups = refs.map((ref) => {\n if (ref == null) {\n return;\n }\n\n if (typeof ref === 'function') {\n const refCallback = ref;\n // biome-ignore lint/suspicious/noConfusingVoidType: @types-react wants `void` here\n const refCleanup: void | (() => void) = refCallback(instance);\n return typeof refCleanup === 'function'\n ? refCleanup\n : () => {\n refCallback(null);\n };\n }\n\n (ref as RefObject<Instance | null>).current = instance;\n return () => {\n (ref as RefObject<Instance | null>).current = null;\n };\n });\n\n return () => {\n for (const refCleanup of cleanups) {\n refCleanup?.();\n }\n };\n // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps\n }, refs);\n\n return useMemo(() => {\n if (refs.every((ref) => ref == null)) {\n return null;\n }\n\n return (value) => {\n if (cleanupRef.current) {\n cleanupRef.current();\n (cleanupRef as RefObject<undefined | (() => void)>).current = undefined;\n }\n\n if (value != null) {\n (cleanupRef as RefObject<undefined | (() => void)>).current = refEffect(value);\n }\n };\n // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps\n }, refs);\n}\n"],"mappings":";;;;;AAOA,SAAgB,aAAuB,MAAsE;CAC3G,MAAM,aAAa,OAAiC,KAAA,
|
|
1
|
+
{"version":3,"file":"useMergeRefs.mjs","names":[],"sources":["../../../../src/utilities/hooks/useMergeRefs/useMergeRefs.ts"],"sourcesContent":["// https://github.com/floating-ui/floating-ui/blob/master/packages/react/src/hooks/useMergeRefs.ts\nimport { useCallback, useMemo, useRef } from 'react';\nimport type { Ref, RefCallback, RefObject } from 'react';\n\n/**\n * Merges an array of refs into a single memoized callback ref or `null`.\n */\nexport function useMergeRefs<Instance>(refs: Array<Ref<Instance> | undefined>): null | RefCallback<Instance> {\n const cleanupRef = useRef<undefined | (() => void)>(undefined);\n\n const refEffect = useCallback((instance: Instance | null) => {\n const cleanups = refs.map((ref) => {\n if (ref == null) {\n return;\n }\n\n if (typeof ref === 'function') {\n const refCallback = ref;\n // biome-ignore lint/suspicious/noConfusingVoidType: @types-react wants `void` here\n const refCleanup: void | (() => void) = refCallback(instance);\n return typeof refCleanup === 'function'\n ? refCleanup\n : () => {\n refCallback(null);\n };\n }\n\n (ref as RefObject<Instance | null>).current = instance;\n return () => {\n (ref as RefObject<Instance | null>).current = null;\n };\n });\n\n return () => {\n for (const refCleanup of cleanups) {\n refCleanup?.();\n }\n };\n // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps\n }, refs);\n\n return useMemo(() => {\n if (refs.every((ref) => ref == null)) {\n return null;\n }\n\n return (value) => {\n if (cleanupRef.current) {\n cleanupRef.current();\n (cleanupRef as RefObject<undefined | (() => void)>).current = undefined;\n }\n\n if (value != null) {\n (cleanupRef as RefObject<undefined | (() => void)>).current = refEffect(value);\n }\n };\n // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps\n }, refs);\n}\n"],"mappings":";;;;;AAOA,SAAgB,aAAuB,MAAsE;CAC3G,MAAM,aAAa,OAAiC,KAAA,CAAS;CAE7D,MAAM,YAAY,aAAa,aAA8B;EAC3D,MAAM,WAAW,KAAK,KAAK,QAAQ;GACjC,IAAI,OAAO,MACT;GAGF,IAAI,OAAO,QAAQ,YAAY;IAC7B,MAAM,cAAc;IAEpB,MAAM,aAAkC,YAAY,QAAQ;IAC5D,OAAO,OAAO,eAAe,aACzB,mBACM;KACJ,YAAY,IAAI;IAClB;GACN;GAEA,IAAoC,UAAU;GAC9C,aAAa;IACX,IAAoC,UAAU;GAChD;EACF,CAAC;EAED,aAAa;GACX,KAAK,MAAM,cAAc,UACvB,aAAa;EAEjB;CAEF,GAAG,IAAI;CAEP,OAAO,cAAc;EACnB,IAAI,KAAK,OAAO,QAAQ,OAAO,IAAI,GACjC,OAAO;EAGT,QAAQ,UAAU;GAChB,IAAI,WAAW,SAAS;IACtB,WAAW,QAAQ;IACnB,WAAoD,UAAU,KAAA;GAChE;GAEA,IAAI,SAAS,MACX,WAAoD,UAAU,UAAU,KAAK;EAEjF;CAEF,GAAG,IAAI;AACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as usePagination, r as UsePaginationProps } from "../../../alert-footer-
|
|
1
|
+
import { i as usePagination, r as UsePaginationProps } from "../../../alert-footer-BoTu7E1s.mjs";
|
|
2
2
|
export { UsePaginationProps, usePagination };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePagination.mjs","names":[],"sources":["../../../../src/utilities/hooks/usePagination/usePagination.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { PaginationButtonProps } from '../../../components';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nconst range = (start: number, end: number) => {\n const length = end - start + 1;\n return Array.from({ length }, (_, i) => start + i);\n};\n\nexport type UsePaginationProps = {\n /**\n * The number of pages\n */\n count: number;\n /*\n * The current page. The numbering starts from `1`, if controlled\n * @default 1\n */\n page?: number;\n /*\n * The current page. The numbering starts from `1`, if uncontrolled\n * @default 1\n */\n defaultPage?: number;\n /**\n * Number of always visible pages at the beginning and end.\n * @default 1\n */\n boundaryCount?: number;\n /**\n * Number of always visible pages before and after the current page.\n * @default 1\n */\n siblingCount?: number;\n /**\n * If `true`, the component is disabled.\n * @default false\n */\n disabled?: boolean;\n /** Callback when the page changes */\n onPageChange?: (page: number) => void;\n};\n\n/**\n * Hook to help manage pagination state of a Pagination component.\n *\n * @example\n * const { pages, nextButtonProps, prevButtonProps } = usePagination({\n * page,\n * count: 10,\n * showPages: 7,\n * boundaryCount: 1,\n * siblingCount: 1,\n * })\n *\n * <Pagination>\n * <PaginationItem>\n * <PaginationButton {...prevButtonProps}>Previous</PaginationButton>\n * </PaginationItem>\n * {pages.map(({ page, itemKey, buttonProps }) => (\n * <PaginationItem key={itemKey}>\n * {typeof page === 'number' && (\n * <PaginationButton {...buttonProps} aria-label={`Page ${page}`}>\n * {page}\n * </PaginationButton>\n * )}\n * </PaginationItem>\n * ))}\n * <PaginationItem>\n * <PaginationButton {...nextButtonProps}>Next</PaginationButton>\n * </PaginationItem>\n * </Pagination>\n **/\nexport const usePagination = ({\n count,\n page: pageProp,\n defaultPage,\n boundaryCount = 1,\n siblingCount = 1,\n disabled = false,\n onPageChange,\n}: UsePaginationProps) => {\n const [page, setPage] = useControllableState({\n prop: pageProp,\n onChange: onPageChange,\n defaultProp: defaultPage ?? 1,\n caller: 'Pagination',\n });\n\n return useMemo(() => {\n const startPages = range(1, Math.min(boundaryCount, count));\n const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);\n\n const siblingsStart = Math.max(\n Math.min(\n // Natural start\n page - siblingCount,\n // Lower boundary when page is high\n count - boundaryCount - siblingCount * 2 - 1,\n ),\n // Greater than startPages\n boundaryCount + 2,\n );\n\n const siblingsEnd = Math.min(\n Math.max(\n // Natural end\n page + siblingCount,\n // Upper boundary when page is low\n boundaryCount + siblingCount * 2 + 2,\n ),\n // Less than endPages\n count - boundaryCount - 1,\n );\n\n // Basic list of items to render, for example: itemList = ['previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next']\n const itemList: (number | 'ellipsis')[] = [\n ...startPages,\n\n // Start ellipsis\n ...(siblingsStart > boundaryCount + 2\n ? (['ellipsis'] as const)\n : boundaryCount + 1 < count - boundaryCount\n ? [boundaryCount + 1]\n : []),\n\n // Sibling pages\n ...range(siblingsStart, siblingsEnd),\n\n // End ellipsis\n ...(siblingsEnd < count - boundaryCount - 1\n ? (['ellipsis'] as const)\n : count - boundaryCount > boundaryCount\n ? [count - boundaryCount]\n : []),\n\n ...endPages,\n ];\n\n const hasNext = page < count;\n const hasPrev = page !== 1;\n\n return {\n /** Items and pages to be displayed */\n pages: itemList.map((item, index) => ({\n /** Page number, \"ellipsis\" for ellipsis items */\n page: item,\n /** Unique key for the item */\n key: typeof item === 'number' ? `page-${item}` : `ellipsis-${index}`,\n /** Properties to spread on PaginationButton */\n buttonProps: (typeof item === 'number'\n ? {\n 'aria-current': item === page ? 'page' : undefined,\n onClick: () => setPage(item),\n variant: 'text',\n }\n : null) satisfies PaginationButtonProps | null,\n })),\n /** Properties to spread on PaginationButton used for previous navigation */\n prevButtonProps: {\n disabled: disabled || !hasPrev,\n 'aria-disabled': disabled || !hasPrev, // Using aria-disabled to support all HTML elements if asChild is used\n onClick: () => setPage(page - 1),\n variant: 'text',\n } as PaginationButtonProps,\n /** Properties to spread on PaginationButton used for next naviagation */\n nextButtonProps: {\n disabled: disabled || !hasNext,\n 'aria-disabled': disabled || !hasNext, // Using aria-disabled to support all HTML elements if asChild is used\n onClick: () => setPage(page + 1),\n variant: 'text',\n } as PaginationButtonProps,\n /** If previous page action should be shown */\n hasPrev,\n /** If next page action should be shown */\n hasNext,\n };\n }, [boundaryCount, count, disabled, page, setPage, siblingCount]);\n};\n"],"mappings":";;;AAIA,MAAM,SAAS,OAAe,QAAgB;CAC5C,MAAM,SAAS,MAAM,QAAQ;CAC7B,OAAO,MAAM,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"usePagination.mjs","names":[],"sources":["../../../../src/utilities/hooks/usePagination/usePagination.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { PaginationButtonProps } from '../../../components';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nconst range = (start: number, end: number) => {\n const length = end - start + 1;\n return Array.from({ length }, (_, i) => start + i);\n};\n\nexport type UsePaginationProps = {\n /**\n * The number of pages\n */\n count: number;\n /*\n * The current page. The numbering starts from `1`, if controlled\n * @default 1\n */\n page?: number;\n /*\n * The current page. The numbering starts from `1`, if uncontrolled\n * @default 1\n */\n defaultPage?: number;\n /**\n * Number of always visible pages at the beginning and end.\n * @default 1\n */\n boundaryCount?: number;\n /**\n * Number of always visible pages before and after the current page.\n * @default 1\n */\n siblingCount?: number;\n /**\n * If `true`, the component is disabled.\n * @default false\n */\n disabled?: boolean;\n /** Callback when the page changes */\n onPageChange?: (page: number) => void;\n};\n\n/**\n * Hook to help manage pagination state of a Pagination component.\n *\n * @example\n * const { pages, nextButtonProps, prevButtonProps } = usePagination({\n * page,\n * count: 10,\n * showPages: 7,\n * boundaryCount: 1,\n * siblingCount: 1,\n * })\n *\n * <Pagination>\n * <PaginationItem>\n * <PaginationButton {...prevButtonProps}>Previous</PaginationButton>\n * </PaginationItem>\n * {pages.map(({ page, itemKey, buttonProps }) => (\n * <PaginationItem key={itemKey}>\n * {typeof page === 'number' && (\n * <PaginationButton {...buttonProps} aria-label={`Page ${page}`}>\n * {page}\n * </PaginationButton>\n * )}\n * </PaginationItem>\n * ))}\n * <PaginationItem>\n * <PaginationButton {...nextButtonProps}>Next</PaginationButton>\n * </PaginationItem>\n * </Pagination>\n **/\nexport const usePagination = ({\n count,\n page: pageProp,\n defaultPage,\n boundaryCount = 1,\n siblingCount = 1,\n disabled = false,\n onPageChange,\n}: UsePaginationProps) => {\n const [page, setPage] = useControllableState({\n prop: pageProp,\n onChange: onPageChange,\n defaultProp: defaultPage ?? 1,\n caller: 'Pagination',\n });\n\n return useMemo(() => {\n const startPages = range(1, Math.min(boundaryCount, count));\n const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);\n\n const siblingsStart = Math.max(\n Math.min(\n // Natural start\n page - siblingCount,\n // Lower boundary when page is high\n count - boundaryCount - siblingCount * 2 - 1,\n ),\n // Greater than startPages\n boundaryCount + 2,\n );\n\n const siblingsEnd = Math.min(\n Math.max(\n // Natural end\n page + siblingCount,\n // Upper boundary when page is low\n boundaryCount + siblingCount * 2 + 2,\n ),\n // Less than endPages\n count - boundaryCount - 1,\n );\n\n // Basic list of items to render, for example: itemList = ['previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next']\n const itemList: (number | 'ellipsis')[] = [\n ...startPages,\n\n // Start ellipsis\n ...(siblingsStart > boundaryCount + 2\n ? (['ellipsis'] as const)\n : boundaryCount + 1 < count - boundaryCount\n ? [boundaryCount + 1]\n : []),\n\n // Sibling pages\n ...range(siblingsStart, siblingsEnd),\n\n // End ellipsis\n ...(siblingsEnd < count - boundaryCount - 1\n ? (['ellipsis'] as const)\n : count - boundaryCount > boundaryCount\n ? [count - boundaryCount]\n : []),\n\n ...endPages,\n ];\n\n const hasNext = page < count;\n const hasPrev = page !== 1;\n\n return {\n /** Items and pages to be displayed */\n pages: itemList.map((item, index) => ({\n /** Page number, \"ellipsis\" for ellipsis items */\n page: item,\n /** Unique key for the item */\n key: typeof item === 'number' ? `page-${item}` : `ellipsis-${index}`,\n /** Properties to spread on PaginationButton */\n buttonProps: (typeof item === 'number'\n ? {\n 'aria-current': item === page ? 'page' : undefined,\n onClick: () => setPage(item),\n variant: 'text',\n }\n : null) satisfies PaginationButtonProps | null,\n })),\n /** Properties to spread on PaginationButton used for previous navigation */\n prevButtonProps: {\n disabled: disabled || !hasPrev,\n 'aria-disabled': disabled || !hasPrev, // Using aria-disabled to support all HTML elements if asChild is used\n onClick: () => setPage(page - 1),\n variant: 'text',\n } as PaginationButtonProps,\n /** Properties to spread on PaginationButton used for next naviagation */\n nextButtonProps: {\n disabled: disabled || !hasNext,\n 'aria-disabled': disabled || !hasNext, // Using aria-disabled to support all HTML elements if asChild is used\n onClick: () => setPage(page + 1),\n variant: 'text',\n } as PaginationButtonProps,\n /** If previous page action should be shown */\n hasPrev,\n /** If next page action should be shown */\n hasNext,\n };\n }, [boundaryCount, count, disabled, page, setPage, siblingCount]);\n};\n"],"mappings":";;;AAIA,MAAM,SAAS,OAAe,QAAgB;CAC5C,MAAM,SAAS,MAAM,QAAQ;CAC7B,OAAO,MAAM,KAAK,EAAE,OAAO,IAAI,GAAG,MAAM,QAAQ,CAAC;AACnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAa,iBAAiB,EAC5B,OACA,MAAM,UACN,aACA,gBAAgB,GAChB,eAAe,GACf,WAAW,OACX,mBACwB;CACxB,MAAM,CAAC,MAAM,WAAW,qBAAqB;EAC3C,MAAM;EACN,UAAU;EACV,aAAa,eAAe;EAC5B,QAAQ;CACV,CAAC;CAED,OAAO,cAAc;EACnB,MAAM,aAAa,MAAM,GAAG,KAAK,IAAI,eAAe,KAAK,CAAC;EAC1D,MAAM,WAAW,MAAM,KAAK,IAAI,QAAQ,gBAAgB,GAAG,gBAAgB,CAAC,GAAG,KAAK;EAEpF,MAAM,gBAAgB,KAAK,IACzB,KAAK,IAEH,OAAO,cAEP,QAAQ,gBAAgB,eAAe,IAAI,CAC7C,GAEA,gBAAgB,CAClB;EAEA,MAAM,cAAc,KAAK,IACvB,KAAK,IAEH,OAAO,cAEP,gBAAgB,eAAe,IAAI,CACrC,GAEA,QAAQ,gBAAgB,CAC1B;EAGA,MAAM,WAAoC;GACxC,GAAG;GAGH,GAAI,gBAAgB,gBAAgB,IAC/B,CAAC,UAAU,IACZ,gBAAgB,IAAI,QAAQ,gBAC1B,CAAC,gBAAgB,CAAC,IAClB,CAAC;GAGP,GAAG,MAAM,eAAe,WAAW;GAGnC,GAAI,cAAc,QAAQ,gBAAgB,IACrC,CAAC,UAAU,IACZ,QAAQ,gBAAgB,gBACtB,CAAC,QAAQ,aAAa,IACtB,CAAC;GAEP,GAAG;EACL;EAEA,MAAM,UAAU,OAAO;EACvB,MAAM,UAAU,SAAS;EAEzB,OAAO;;GAEL,OAAO,SAAS,KAAK,MAAM,WAAW;;IAEpC,MAAM;;IAEN,KAAK,OAAO,SAAS,WAAW,QAAQ,SAAS,YAAY;;IAE7D,aAAc,OAAO,SAAS,WAC1B;KACE,gBAAgB,SAAS,OAAO,SAAS,KAAA;KACzC,eAAe,QAAQ,IAAI;KAC3B,SAAS;IACX,IACA;GACN,EAAE;;GAEF,iBAAiB;IACf,UAAU,YAAY,CAAC;IACvB,iBAAiB,YAAY,CAAC;IAC9B,eAAe,QAAQ,OAAO,CAAC;IAC/B,SAAS;GACX;;GAEA,iBAAiB;IACf,UAAU,YAAY,CAAC;IACvB,iBAAiB,YAAY,CAAC;IAC9B,eAAe,QAAQ,OAAO,CAAC;IAC/B,SAAS;GACX;;GAEA;;GAEA;EACF;CACF,GAAG;EAAC;EAAe;EAAO;EAAU;EAAM;EAAS;CAAY,CAAC;AAClE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as useScrollDirection } from "../../../useScrollDirection-
|
|
1
|
+
import { t as useScrollDirection } from "../../../useScrollDirection-DS9Rfs_K.mjs";
|
|
2
2
|
export { useScrollDirection };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollDirection.mjs","names":[],"sources":["../../../../src/utilities/hooks/useScrollDirection/useScrollDirection.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * A custom React hook that detects the vertical scroll direction of the page.\n *\n * @returns {'up' | 'down' | null} The current scroll direction. Returns `null` on the initial render.\n * The direction is only updated if the scroll distance exceeds a 5px threshold to prevent sensitivity to minor scroll jitter.\n */\nexport const useScrollDirection = () => {\n const [scrollDirection, setScrollDirection] = useState<'up' | 'down' | null>(null);\n useEffect(() => {\n let lastScrollY = window.pageYOffset;\n const updateScrollDirection = () => {\n const scrollY = window.pageYOffset;\n const direction = scrollY > lastScrollY ? 'down' : 'up';\n if (direction !== scrollDirection && (scrollY - lastScrollY > 5 || scrollY - lastScrollY < -5)) {\n setScrollDirection(direction);\n }\n lastScrollY = scrollY > 0 ? scrollY : 0;\n };\n window.addEventListener('scroll', updateScrollDirection);\n return () => window.removeEventListener('scroll', updateScrollDirection);\n }, [scrollDirection]);\n\n return scrollDirection;\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,2BAA2B;CACtC,MAAM,CAAC,iBAAiB,sBAAsB,SAA+B,
|
|
1
|
+
{"version":3,"file":"useScrollDirection.mjs","names":[],"sources":["../../../../src/utilities/hooks/useScrollDirection/useScrollDirection.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * A custom React hook that detects the vertical scroll direction of the page.\n *\n * @returns {'up' | 'down' | null} The current scroll direction. Returns `null` on the initial render.\n * The direction is only updated if the scroll distance exceeds a 5px threshold to prevent sensitivity to minor scroll jitter.\n */\nexport const useScrollDirection = () => {\n const [scrollDirection, setScrollDirection] = useState<'up' | 'down' | null>(null);\n useEffect(() => {\n let lastScrollY = window.pageYOffset;\n const updateScrollDirection = () => {\n const scrollY = window.pageYOffset;\n const direction = scrollY > lastScrollY ? 'down' : 'up';\n if (direction !== scrollDirection && (scrollY - lastScrollY > 5 || scrollY - lastScrollY < -5)) {\n setScrollDirection(direction);\n }\n lastScrollY = scrollY > 0 ? scrollY : 0;\n };\n window.addEventListener('scroll', updateScrollDirection);\n return () => window.removeEventListener('scroll', updateScrollDirection);\n }, [scrollDirection]);\n\n return scrollDirection;\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,2BAA2B;CACtC,MAAM,CAAC,iBAAiB,sBAAsB,SAA+B,IAAI;CACjF,gBAAgB;EACd,IAAI,cAAc,OAAO;EACzB,MAAM,8BAA8B;GAClC,MAAM,UAAU,OAAO;GACvB,MAAM,YAAY,UAAU,cAAc,SAAS;GACnD,IAAI,cAAc,oBAAoB,UAAU,cAAc,KAAK,UAAU,cAAc,KACzF,mBAAmB,SAAS;GAE9B,cAAc,UAAU,IAAI,UAAU;EACxC;EACA,OAAO,iBAAiB,UAAU,qBAAqB;EACvD,aAAa,OAAO,oBAAoB,UAAU,qBAAqB;CACzE,GAAG,CAAC,eAAe,CAAC;CAEpB,OAAO;AACT"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../useCheckboxGroup-
|
|
2
|
-
import { t as useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect-
|
|
3
|
-
import { i as usePagination, r as UsePaginationProps } from "../alert-footer-
|
|
4
|
-
import { t as useIsElementAboveViewport } from "../useIsElementAboveViewport-
|
|
5
|
-
import { t as useScrollDirection } from "../useScrollDirection-
|
|
6
|
-
import { n as useMediaQuery, t as UseMediaQueryOptions } from "../useMediaQuery-
|
|
7
|
-
import { t as MergeRight } from "../types-
|
|
8
|
-
export { MergeRight, UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
|
|
1
|
+
import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../useCheckboxGroup-BTzX7PfS.mjs";
|
|
2
|
+
import { t as useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect-D-Mi76vH.mjs";
|
|
3
|
+
import { i as usePagination, r as UsePaginationProps } from "../alert-footer-BoTu7E1s.mjs";
|
|
4
|
+
import { t as useIsElementAboveViewport } from "../useIsElementAboveViewport-Db7ndg3S.mjs";
|
|
5
|
+
import { t as useScrollDirection } from "../useScrollDirection-DS9Rfs_K.mjs";
|
|
6
|
+
import { n as useMediaQuery, t as UseMediaQueryOptions } from "../useMediaQuery-c1R0kas_.mjs";
|
|
7
|
+
import { t as MergeRight } from "../types-oMo2uOVa.mjs";
|
|
8
|
+
export { type MergeRight, type UseCheckboxGroupOptions, type UseMediaQueryOptions, type UsePaginationProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as MergeRight } from "../types-
|
|
1
|
+
import { t as MergeRight } from "../types-oMo2uOVa.mjs";
|
|
2
2
|
export { MergeRight };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Middleware, Placement } from "@floating-ui/dom";
|
|
2
|
-
|
|
3
2
|
//#region src/vanilla/dropdown/index.d.ts
|
|
4
3
|
type InitDropdownOptions = {
|
|
5
|
-
/** The id of the dropdown to initialize. The trigger element should have a `aria-controls` attribute with the same id. */
|
|
4
|
+
/** The id of the dropdown to initialize. The trigger element should have a `aria-controls` attribute with the same id. */
|
|
5
|
+
id: string;
|
|
6
6
|
/**
|
|
7
7
|
* Placement of the dropdown relative to the trigger.
|
|
8
8
|
* @default 'bottom'
|
|
@@ -45,13 +45,7 @@ type InitDropdownOptions = {
|
|
|
45
45
|
* @param options - InitDropdownOptions
|
|
46
46
|
* @returns A function to programmatically toggle the dropdown.
|
|
47
47
|
*/
|
|
48
|
-
declare const initDropdown: ({
|
|
49
|
-
id,
|
|
50
|
-
disableAutoPlacement,
|
|
51
|
-
placement,
|
|
52
|
-
positionMiddleware,
|
|
53
|
-
padding
|
|
54
|
-
}: InitDropdownOptions) => ((open: boolean) => void) | undefined;
|
|
48
|
+
declare const initDropdown: ({ id, disableAutoPlacement, placement, positionMiddleware, padding }: InitDropdownOptions) => ((open: boolean) => void) | undefined;
|
|
55
49
|
//#endregion
|
|
56
50
|
export { InitDropdownOptions, initDropdown };
|
|
57
51
|
//# sourceMappingURL=index.d.mts.map
|