@gamecrafters/base-ui 0.0.12 → 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/caret/Caret.d.ts +11 -0
- package/build/components/caret/Caret.types.d.ts +11 -0
- package/build/components/caret/index.d.ts +2 -0
- package/build/components/header/Header.d.ts +7 -0
- package/build/components/header/Header.types.d.ts +12 -0
- package/build/components/header/HeaderItem.d.ts +6 -0
- package/build/components/{page-header/PageHeaderParentLink.d.ts → header/HeaderLink.d.ts} +3 -2
- package/build/components/header/index.d.ts +19 -0
- package/build/components/index.d.ts +2 -5
- package/build/components/page-layout/PageLayout.types.d.ts +2 -0
- package/build/components/page-layout/paneUtils.d.ts +1 -1
- package/build/components/page-layout/usePaneWidth.d.ts +1 -1
- package/build/hooks/useIsClipped.d.ts +1 -1
- package/build/main.cjs.js +2 -2
- package/build/main.esm.js +2 -2
- package/build/providers/index.d.ts +1 -0
- package/build/providers/overflow-observer/OverflowObserver.types.d.ts +6 -0
- package/build/providers/overflow-observer/OverflowObserverContext.d.ts +2 -0
- package/build/providers/overflow-observer/OverflowObserverProvider.d.ts +7 -0
- package/build/providers/overflow-observer/index.d.ts +4 -0
- package/build/providers/overflow-observer/useOverflowObserver.d.ts +1 -0
- package/build/styles/main.css +2 -2
- package/package.json +1 -1
- package/build/components/page-container/PageContainer.d.ts +0 -12
- package/build/components/page-container/PageContainer.types.d.ts +0 -19
- package/build/components/page-container/PageContainerRegion.d.ts +0 -7
- package/build/components/page-container/index.d.ts +0 -18
- package/build/components/page-container/visibility.d.ts +0 -6
- package/build/components/page-content/PageContent.d.ts +0 -11
- package/build/components/page-content/PageContent.types.d.ts +0 -17
- package/build/components/page-content/PageContentSection.d.ts +0 -6
- package/build/components/page-content/index.d.ts +0 -16
- package/build/components/page-content/visibility.d.ts +0 -6
- package/build/components/page-footer/PageFooter.d.ts +0 -10
- package/build/components/page-footer/PageFooter.types.d.ts +0 -20
- package/build/components/page-footer/PageFooterActions.d.ts +0 -6
- package/build/components/page-footer/PageFooterCopyright.d.ts +0 -6
- package/build/components/page-footer/PageFooterDescription.d.ts +0 -6
- package/build/components/page-footer/PageFooterLeadingVisual.d.ts +0 -6
- package/build/components/page-footer/PageFooterNavigation.d.ts +0 -7
- package/build/components/page-footer/PageFooterRegion.d.ts +0 -6
- package/build/components/page-footer/index.d.ts +0 -36
- package/build/components/page-footer/visibility.d.ts +0 -6
- package/build/components/page-header/PageHeader.d.ts +0 -8
- package/build/components/page-header/PageHeader.types.d.ts +0 -32
- package/build/components/page-header/PageHeaderActions.d.ts +0 -6
- package/build/components/page-header/PageHeaderBreadcrumbs.d.ts +0 -6
- package/build/components/page-header/PageHeaderContextArea.d.ts +0 -6
- package/build/components/page-header/PageHeaderContextAreaActions.d.ts +0 -6
- package/build/components/page-header/PageHeaderContextBar.d.ts +0 -6
- package/build/components/page-header/PageHeaderDescription.d.ts +0 -6
- package/build/components/page-header/PageHeaderLeadingAction.d.ts +0 -6
- package/build/components/page-header/PageHeaderLeadingVisual.d.ts +0 -6
- package/build/components/page-header/PageHeaderNavigation.d.ts +0 -7
- package/build/components/page-header/PageHeaderRegion.d.ts +0 -6
- package/build/components/page-header/PageHeaderTitle.d.ts +0 -7
- package/build/components/page-header/PageHeaderTitleArea.d.ts +0 -8
- package/build/components/page-header/PageHeaderTrailingAction.d.ts +0 -6
- package/build/components/page-header/PageHeaderTrailingVisual.d.ts +0 -6
- package/build/components/page-header/index.d.ts +0 -83
- package/build/components/page-header/visibility.d.ts +0 -6
- package/build/components/page-sidebar/PageSidebar.d.ts +0 -14
- package/build/components/page-sidebar/PageSidebar.types.d.ts +0 -32
- package/build/components/page-sidebar/PageSidebarActions.d.ts +0 -6
- package/build/components/page-sidebar/PageSidebarContent.d.ts +0 -6
- package/build/components/page-sidebar/PageSidebarFooter.d.ts +0 -6
- package/build/components/page-sidebar/PageSidebarHeader.d.ts +0 -6
- package/build/components/page-sidebar/PageSidebarNavigation.d.ts +0 -7
- package/build/components/page-sidebar/PageSidebarRegion.d.ts +0 -6
- package/build/components/page-sidebar/PageSidebarSection.d.ts +0 -6
- package/build/components/page-sidebar/PageSidebarTitle.d.ts +0 -7
- package/build/components/page-sidebar/index.d.ts +0 -51
- package/build/components/page-sidebar/visibility.d.ts +0 -6
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { CaretLocation } from "./Caret.types";
|
|
3
|
+
declare const _default: (props: Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
|
|
4
|
+
location?: CaretLocation;
|
|
5
|
+
size?: number;
|
|
6
|
+
background?: string;
|
|
7
|
+
borderColor?: string;
|
|
8
|
+
borderWidth?: string | number;
|
|
9
|
+
className?: string;
|
|
10
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
export type CaretLocation = "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
|
|
3
|
+
export type CaretEdge = "top" | "right" | "bottom" | "left";
|
|
4
|
+
export type CaretProps = React.ComponentPropsWithoutRef<"svg"> & {
|
|
5
|
+
location?: CaretLocation;
|
|
6
|
+
size?: number;
|
|
7
|
+
background?: string;
|
|
8
|
+
borderColor?: string;
|
|
9
|
+
borderWidth?: string | number;
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: <As extends React.ElementType = "header">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "header" : As> & {
|
|
3
|
+
className?: string;
|
|
4
|
+
}, "as"> & {
|
|
5
|
+
as?: As | undefined;
|
|
6
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { PolymorphicProps } from "../../utilities/polymorphic";
|
|
3
|
+
export type HeaderProps<As extends React.ElementType = "header"> = PolymorphicProps<As, "header", {
|
|
4
|
+
className?: string;
|
|
5
|
+
}>;
|
|
6
|
+
export type HeaderItemProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
7
|
+
full?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
export type HeaderLinkProps<As extends React.ElementType = "a"> = PolymorphicProps<As, "a", {
|
|
11
|
+
className?: string;
|
|
12
|
+
}>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
full?: boolean;
|
|
4
|
+
className?: string;
|
|
5
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
6
|
+
export default _default;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
declare const _default: <As extends React.ElementType = "a">(props:
|
|
3
|
-
hidden?: import("./PageHeader.types").PageHeaderHidden;
|
|
2
|
+
declare const _default: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & {
|
|
4
3
|
className?: string;
|
|
4
|
+
}, "as"> & {
|
|
5
|
+
as?: As | undefined;
|
|
5
6
|
} & React.RefAttributes<any>) => React.ReactNode;
|
|
6
7
|
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import HeaderItem from "./HeaderItem";
|
|
2
|
+
import HeaderLink from "./HeaderLink";
|
|
3
|
+
export declare const Header: (<As extends React.ElementType = "header">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "header" : As> & {
|
|
4
|
+
className?: string;
|
|
5
|
+
}, "as"> & {
|
|
6
|
+
as?: As | undefined;
|
|
7
|
+
} & import("react").RefAttributes<any>) => React.ReactNode) & {
|
|
8
|
+
Item: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
9
|
+
full?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
12
|
+
Link: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "a" : As> & {
|
|
13
|
+
className?: string;
|
|
14
|
+
}, "as"> & {
|
|
15
|
+
as?: As | undefined;
|
|
16
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
17
|
+
};
|
|
18
|
+
export { HeaderItem, HeaderLink };
|
|
19
|
+
export * from "./Header.types";
|
|
@@ -19,6 +19,7 @@ export * from "./button";
|
|
|
19
19
|
export * from "./button-group";
|
|
20
20
|
export * from "./calendar";
|
|
21
21
|
export * from "./card";
|
|
22
|
+
export * from "./caret";
|
|
22
23
|
export * from "./carousel";
|
|
23
24
|
export * from "./chart";
|
|
24
25
|
export * from "./checkbox";
|
|
@@ -42,6 +43,7 @@ export * from "./file-upload";
|
|
|
42
43
|
export * from "./filtered-action-list";
|
|
43
44
|
export * from "./flow";
|
|
44
45
|
export * from "./form-control";
|
|
46
|
+
export * from "./header";
|
|
45
47
|
export * from "./heading";
|
|
46
48
|
export * from "./hidden";
|
|
47
49
|
export * from "./highlight";
|
|
@@ -63,12 +65,7 @@ export * from "./meter";
|
|
|
63
65
|
export * from "./navigation-list";
|
|
64
66
|
export * from "./navigation-menu";
|
|
65
67
|
export * from "./number-input";
|
|
66
|
-
export * from "./page-container";
|
|
67
|
-
export * from "./page-content";
|
|
68
|
-
export * from "./page-footer";
|
|
69
|
-
export * from "./page-header";
|
|
70
68
|
export * from "./page-layout";
|
|
71
|
-
export * from "./page-sidebar";
|
|
72
69
|
export * from "./pagination";
|
|
73
70
|
export * from "./password-input";
|
|
74
71
|
export * from "./pin-input";
|
|
@@ -99,6 +99,7 @@ export type UsePaneWidthOptions = {
|
|
|
99
99
|
constrainToViewport?: boolean;
|
|
100
100
|
onResizeEnd?: (width: number) => void;
|
|
101
101
|
currentWidth?: number;
|
|
102
|
+
formatValueText?: (valueNow: number) => string;
|
|
102
103
|
};
|
|
103
104
|
export type UsePaneWidthResult = {
|
|
104
105
|
currentWidth: number;
|
|
@@ -122,6 +123,7 @@ export type DragHandleProps = {
|
|
|
122
123
|
"aria-valuenow"?: number;
|
|
123
124
|
dragTargetRef?: React.RefObject<HTMLElement | null>;
|
|
124
125
|
contentWrapperRef?: React.RefObject<HTMLElement | null>;
|
|
126
|
+
formatValueText?: (valueNow: number) => string;
|
|
125
127
|
className?: string;
|
|
126
128
|
};
|
|
127
129
|
export {};
|
|
@@ -15,7 +15,7 @@ export declare const updateAriaValues: (handle: HTMLElement | null, values: {
|
|
|
15
15
|
current?: number;
|
|
16
16
|
min?: number;
|
|
17
17
|
max?: number;
|
|
18
|
-
}) => void;
|
|
18
|
+
}, formatValueText?: (valueNow: number) => string) => void;
|
|
19
19
|
type DraggingElements = {
|
|
20
20
|
handle: HTMLElement | null;
|
|
21
21
|
pane: HTMLElement | null;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { UsePaneWidthOptions, UsePaneWidthResult } from "./PageLayout.types";
|
|
2
|
-
export declare const usePaneWidth: ({ width, minWidth, resizable, widthStorageKey, paneRef, handleRef, contentWrapperRef, constrainToViewport, onResizeEnd, currentWidth: controlledWidth, }: UsePaneWidthOptions) => UsePaneWidthResult;
|
|
2
|
+
export declare const usePaneWidth: ({ width, minWidth, resizable, widthStorageKey, paneRef, handleRef, contentWrapperRef, constrainToViewport, onResizeEnd, currentWidth: controlledWidth, formatValueText, }: UsePaneWidthOptions) => UsePaneWidthResult;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type * as React from "react";
|
|
2
2
|
export type IsClippedOptions = {
|
|
3
3
|
ref: React.RefObject<HTMLElement | null>;
|
|
4
|
-
rootRef
|
|
4
|
+
rootRef?: React.RefObject<HTMLElement | null>;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
};
|
|
7
7
|
export declare const useIsClipped: ({ ref, rootRef, disabled }: IsClippedOptions) => boolean;
|