@koine/react 1.0.104 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Alert/Alert.d.ts +1 -1
- package/Animations/Reveal.d.ts +1 -1
- package/Animations/useReveal.d.ts +1 -1
- package/Autocomplete/AutocompleteMui.d.ts +4 -4
- package/Autocomplete/helpers.d.ts +1 -1
- package/Bg/BgColor.d.ts +1 -1
- package/Bg/BgPhoto.d.ts +2 -2
- package/Bg/BgSvg.d.ts +1 -1
- package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/Buttons/Button.d.ts +2 -2
- package/Buttons/ButtonComposite.d.ts +3 -3
- package/Buttons/ButtonFab.d.ts +1 -1
- package/Buttons/ButtonLink.d.ts +2 -2
- package/Buttons/IconButton.d.ts +2 -2
- package/Calendar/CalendarDaygridCell.d.ts +6 -6
- package/Calendar/CalendarDaygridNav.d.ts +3 -3
- package/Calendar/CalendarDaygridTable.d.ts +4 -4
- package/Calendar/CalendarLegend.d.ts +3 -3
- package/Calendar/calendar-api-google.d.ts +1 -1
- package/Calendar/types.d.ts +13 -13
- package/Calendar/useCalendar.d.ts +5 -5
- package/Carousel/CarouselCss.d.ts +2 -2
- package/Collapsable/CollapsableReach.js +1 -2
- package/Debug/Debug.d.ts +1 -1
- package/Details/Details.d.ts +6 -6
- package/Dialog/DialogMui.d.ts +8 -8
- package/Dialog/DialogMui.js +1 -1
- package/Dialog/css/bare.d.ts +1 -1
- package/Dialog/m/bare.d.ts +1 -1
- package/Dialog/m/bare.js +1 -1
- package/Dialog/sc/bare.d.ts +1 -1
- package/Dialog/sc/framer.d.ts +1 -1
- package/Dialog/sc/framerMaterial.d.ts +1 -1
- package/Dialog/sc/material.d.ts +1 -1
- package/Dialog/tw/bare.d.ts +7 -7
- package/Dialog/tw/elegant.d.ts +7 -7
- package/Dialog/tw/framer.d.ts +3 -3
- package/Dialog/tw/framerMaterial.d.ts +5 -5
- package/Dialog/tw/material.d.ts +7 -7
- package/Editor/Editor--tiptap.d.ts +2 -2
- package/Favicon/FaviconTags.d.ts +1 -1
- package/Favicon/FaviconTags.js +1 -1
- package/Form/Form.d.ts +7 -7
- package/Forms/Checkbox/Checkbox.d.ts +2 -2
- package/Forms/Feedback/Feedback.d.ts +1 -1
- package/Forms/Field/Field.d.ts +3 -3
- package/Forms/Field/FieldControl.d.ts +2 -2
- package/Forms/Input/Input.d.ts +2 -2
- package/Forms/InputGroup/InputGroup.d.ts +1 -1
- package/Forms/Password/Password.d.ts +2 -2
- package/Forms/Radio/Radio.d.ts +3 -3
- package/Forms/Switch/Switch.d.ts +2 -2
- package/Forms/Textarea/Textarea.d.ts +2 -2
- package/Forms/Textarea/TextareaRich.d.ts +2 -2
- package/Forms/Toggle/Toggle.d.ts +3 -3
- package/Forms/Toggle/useToggle.d.ts +1 -1
- package/Forms/antispam.d.ts +18 -1
- package/Forms/helpers.d.ts +5 -5
- package/Gauge/Gauge.d.ts +1 -1
- package/Grid/Grid.d.ts +6 -6
- package/Hamburger/Hamburger.d.ts +1 -1
- package/Header/useHeader.d.ts +5 -5
- package/Hidden/Hidden.d.ts +1 -1
- package/Img/sc/bare.d.ts +1 -1
- package/Img/types.d.ts +2 -2
- package/Link/Link.d.ts +1 -1
- package/Link/LinkBlank.d.ts +1 -1
- package/Menu/MenuMui.d.ts +5 -5
- package/Menu/MenuMui.js +1 -1
- package/MenuItem/MenuItemMui.d.ts +1 -1
- package/Meta/Meta.d.ts +1 -1
- package/NoJs/NoJs.d.ts +1 -1
- package/Pagination/PaginationNav.d.ts +2 -2
- package/Pagination/PaginationResults.d.ts +1 -1
- package/Pill/Pill.d.ts +1 -1
- package/Progress/ProgressCircular.d.ts +1 -1
- package/Progress/ProgressLinear.d.ts +1 -1
- package/Progress/ProgressOverlay.d.ts +1 -1
- package/Rating/Rating.d.ts +3 -3
- package/Select/SelectDownshift.d.ts +1 -1
- package/Select/components.d.ts +1 -1
- package/Sidebar/Sidebar.d.ts +1 -1
- package/Spacing/Spacing.d.ts +6 -6
- package/Sticky/Sticky.d.ts +1 -1
- package/Sticky/StickyCss.d.ts +1 -1
- package/Tabs/TabsMui.d.ts +11 -11
- package/Tabs/TabsMui.js +1 -1
- package/Tabs/tw/bare.d.ts +4 -4
- package/Tabs/tw/material.d.ts +10 -10
- package/Typography/ReadMore.d.ts +1 -1
- package/Typography/TextLoop.d.ts +2 -2
- package/Typography/TypeStairs.d.ts +1 -1
- package/helpers/classed.d.ts +3 -3
- package/helpers/classed.js +1 -0
- package/helpers/createUseMediaQueryWidth.d.ts +3 -3
- package/helpers/extend-component.d.ts +4 -4
- package/helpers/extend-component.js +1 -0
- package/hooks/index.d.ts +4 -1
- package/hooks/index.js +4 -1
- package/hooks/types.d.ts +2 -2
- package/hooks/useAsyncFn.d.ts +4 -4
- package/hooks/useAsyncFn.js +1 -0
- package/hooks/useDateLocale.d.ts +1 -0
- package/hooks/useDateLocale.js +1 -0
- package/hooks/useEffectOnce.d.ts +1 -0
- package/hooks/useEffectOnce.js +1 -0
- package/hooks/useFirstMountState.d.ts +1 -0
- package/hooks/useFirstMountState.js +1 -0
- package/hooks/useFocus.d.ts +1 -0
- package/hooks/useFocus.js +1 -0
- package/hooks/useId.d.ts +1 -0
- package/hooks/useId.js +1 -0
- package/hooks/useInterval.d.ts +7 -0
- package/hooks/useInterval.js +28 -0
- package/hooks/useIsomorphicLayoutEffect.d.ts +1 -0
- package/hooks/useIsomorphicLayoutEffect.js +1 -0
- package/hooks/useKeyUp.d.ts +2 -0
- package/hooks/useKeyUp.js +23 -0
- package/hooks/useMeasure.d.ts +3 -3
- package/hooks/useMount.d.ts +1 -0
- package/hooks/useMount.js +1 -0
- package/hooks/useMountedState.d.ts +1 -0
- package/hooks/useMountedState.js +1 -0
- package/hooks/useNavigateAway.d.ts +32 -0
- package/hooks/useNavigateAway.js +68 -0
- package/hooks/usePrevious.d.ts +5 -1
- package/hooks/usePrevious.js +11 -7
- package/hooks/usePreviousRef.d.ts +2 -0
- package/hooks/usePreviousRef.js +9 -0
- package/hooks/useScrollPosition.d.ts +3 -3
- package/hooks/useScrollPosition.js +1 -0
- package/hooks/useScrollTo.d.ts +1 -0
- package/hooks/useScrollTo.js +1 -0
- package/hooks/useTraceUpdate.d.ts +1 -0
- package/hooks/useTraceUpdate.js +1 -0
- package/hooks/useUpdateEffect.d.ts +1 -0
- package/hooks/useUpdateEffect.js +1 -0
- package/hooks/useWindowSize.d.ts +1 -0
- package/hooks/useWindowSize.js +4 -2
- package/m/MotionProvider.d.ts +2 -2
- package/node/Collapsable/CollapsableReach.js +1 -2
- package/node/Dialog/DialogMui.js +1 -1
- package/node/Dialog/m/bare.js +1 -1
- package/node/Favicon/FaviconTags.js +1 -1
- package/node/Menu/MenuMui.js +1 -1
- package/node/Tabs/TabsMui.js +1 -1
- package/node/helpers/classed.js +1 -0
- package/node/helpers/extend-component.js +1 -0
- package/node/hooks/index.js +4 -1
- package/node/hooks/useAsyncFn.js +1 -0
- package/node/hooks/useDateLocale.js +4 -2
- package/node/hooks/useEffectOnce.js +1 -0
- package/node/hooks/useFirstMountState.js +1 -0
- package/node/hooks/useFocus.js +1 -0
- package/node/hooks/useInterval.js +32 -0
- package/node/hooks/useIsomorphicLayoutEffect.js +1 -0
- package/node/hooks/useKeyUp.js +27 -0
- package/node/hooks/useMount.js +1 -0
- package/node/hooks/useMountedState.js +1 -0
- package/node/hooks/useNavigateAway.js +72 -0
- package/node/hooks/usePrevious.js +10 -6
- package/node/hooks/usePreviousRef.js +13 -0
- package/node/hooks/useScrollPosition.js +1 -0
- package/node/hooks/useScrollTo.js +1 -0
- package/node/hooks/useTraceUpdate.js +1 -0
- package/node/hooks/useUpdateEffect.js +1 -0
- package/node/hooks/useWindowSize.js +4 -2
- package/package.json +35 -23
- package/styles/media.d.ts +3 -3
- package/styles/spacing.d.ts +7 -7
- package/styles/theme--vanilla.d.ts +4 -4
- package/styles/theme.d.ts +4 -4
- package/types.d.ts +4 -4
- package/hooks/useMediaQueryWidthCreator.d.ts +0 -6
- package/hooks/useMediaQueryWidthCreator.js +0 -169
- package/hooks/useMqWidthCreator.d.ts +0 -3
- package/hooks/useMqWidthCreator.js +0 -225
- package/node/hooks/useId.js +0 -12
package/Alert/Alert.d.ts
CHANGED
package/Animations/Reveal.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { UseRevealOptions } from "./useReveal";
|
|
3
|
-
export
|
|
3
|
+
export type RevealProps = React.PropsWithChildren<UseRevealOptions>;
|
|
4
4
|
export declare const Reveal: ({ children, direction, offsetStartY, offsetEndY, offsetStartX, ...props }: RevealProps) => JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { Option } from "../types";
|
|
3
3
|
import { FormControl } from "../Forms/helpers";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
4
|
+
export type AutocompleteOption = Option | string;
|
|
5
|
+
export type AutocompleteValue<TMultiple extends boolean | undefined = undefined> = TMultiple extends undefined ? null | Option[] | string[] | Option | string : TMultiple extends true ? Option[] | string[] : null | Option | string;
|
|
6
|
+
export type AutocompleteConfig<TOption extends AutocompleteOption, TValue extends AutocompleteValue> = {
|
|
7
7
|
creatable?: boolean;
|
|
8
8
|
multiple?: boolean;
|
|
9
9
|
autoComplete?: boolean;
|
|
@@ -14,7 +14,7 @@ export declare type AutocompleteConfig<TOption extends AutocompleteOption, TValu
|
|
|
14
14
|
value?: TValue;
|
|
15
15
|
defaultInputValue?: string;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type AutocompleteProps<TOption extends AutocompleteOption, TValue extends AutocompleteValue> = Omit<FormControl, keyof AutocompleteConfig<TOption, TValue>> & AutocompleteConfig<TOption, TValue> & {
|
|
18
18
|
className?: string;
|
|
19
19
|
style?: React.CSSProperties;
|
|
20
20
|
$ref?: React.ForwardedRef<HTMLInputElement>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Option } from "../types";
|
|
2
|
-
export
|
|
2
|
+
export type AutocompleteValue = null | undefined | (string | Option)[] | Option | string;
|
|
3
3
|
export declare function normaliseAutocompleteValue(value?: AutocompleteValue, asArray?: boolean): any;
|
package/Bg/BgColor.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export declare const BgColorSkewed: import("styled-components").StyledComponent<
|
|
|
7
7
|
$bg: BgContainerProps["color"];
|
|
8
8
|
$transform: string;
|
|
9
9
|
}, never>;
|
|
10
|
-
export
|
|
10
|
+
export type BgContainerProps = ContainerProps & {
|
|
11
11
|
color: NonNullable<React.CSSProperties["background"]>;
|
|
12
12
|
/**
|
|
13
13
|
* In `deg` unit.
|
package/Bg/BgPhoto.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ContainerProps } from "../Grid";
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type BgPhotoPropsStyled = Required<Pick<BgPhotoProps, "containerSize" | "$overlap">>;
|
|
3
|
+
export type BgPhotoProps = {
|
|
4
4
|
src: string;
|
|
5
5
|
containerSize?: ContainerProps["size"];
|
|
6
6
|
/**
|
package/Bg/BgSvg.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { KoineComponentProps, KoineComponent } from "../types";
|
|
2
|
-
export
|
|
2
|
+
export type BreadcrumbsItem = {
|
|
3
3
|
title: string;
|
|
4
4
|
url?: string;
|
|
5
5
|
};
|
|
6
|
-
export
|
|
6
|
+
export type KoineBreadcrumbsProps = {
|
|
7
7
|
items: BreadcrumbsItem[];
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
type BreadcrumbsProps = KoineComponentProps<KoineBreadcrumbsProps, {
|
|
10
10
|
Link: KoineComponent;
|
|
11
11
|
}>;
|
|
12
12
|
export declare const KoineBreadcrumbs: ({ items, Link, ...props }: BreadcrumbsProps) => JSX.Element | null;
|
package/Buttons/Button.d.ts
CHANGED
|
@@ -9,10 +9,10 @@ export declare const btnStyleBase: import("styled-components").FlattenInterpolat
|
|
|
9
9
|
export declare const btnStyleContained: import("styled-components").FlattenSimpleInterpolation;
|
|
10
10
|
export declare const btnStyleOutlined: import("styled-components").FlattenSimpleInterpolation;
|
|
11
11
|
export declare const KoineButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, KoineButtonUiProps, never>;
|
|
12
|
-
export
|
|
12
|
+
export type KoineButtonUiProps = {
|
|
13
13
|
disabled?: boolean;
|
|
14
14
|
$variant?: "contained" | "outlined";
|
|
15
15
|
$noGutter?: boolean;
|
|
16
16
|
$block?: boolean;
|
|
17
17
|
};
|
|
18
|
-
export
|
|
18
|
+
export type KoineButtonProps = KoineButtonUiProps & React.ComponentPropsWithRef<"button">;
|
|
@@ -3,7 +3,7 @@ import { IconBaseProps, IconType } from "react-icons/lib";
|
|
|
3
3
|
import { KoineComponentProps, KoineComponent } from "../types";
|
|
4
4
|
import { KoineButtonProps } from "./Button";
|
|
5
5
|
import { ButtonLinkProps } from "./ButtonLink";
|
|
6
|
-
export
|
|
6
|
+
export type KoineButtonCompositeProps = KoineButtonProps & Omit<ButtonLinkProps, "Koine"> & {
|
|
7
7
|
Icon?: IconType | React.ElementType;
|
|
8
8
|
iconProps?: IconBaseProps;
|
|
9
9
|
textMain?: string;
|
|
@@ -11,12 +11,12 @@ export declare type KoineButtonCompositeProps = KoineButtonProps & Omit<ButtonLi
|
|
|
11
11
|
text?: string;
|
|
12
12
|
textReverse?: boolean;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export type ButtonCompositeStyledProps = {
|
|
15
15
|
$twoLines?: boolean;
|
|
16
16
|
$reverse?: boolean;
|
|
17
17
|
$icon?: boolean;
|
|
18
18
|
};
|
|
19
|
-
export
|
|
19
|
+
export type ButtonCompositeProps = KoineComponentProps<KoineButtonCompositeProps, {
|
|
20
20
|
Button?: KoineComponent;
|
|
21
21
|
ButtonLink?: KoineComponent;
|
|
22
22
|
}>;
|
package/Buttons/ButtonFab.d.ts
CHANGED
|
@@ -4,4 +4,4 @@ export declare const buttonFab: import("styled-components").FlattenSimpleInterpo
|
|
|
4
4
|
export declare const IconButtonFab: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("./Button").KoineButtonUiProps & {
|
|
5
5
|
disabled?: boolean | undefined;
|
|
6
6
|
}, never>;
|
|
7
|
-
export
|
|
7
|
+
export type IconButtonFabProps = IconButtonProps & React.ComponentPropsWithRef<"button">;
|
package/Buttons/ButtonLink.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { KoineComponentProps, KoineComponent } from "../types";
|
|
2
2
|
import { KoineLinkProps } from "../Link";
|
|
3
3
|
import { KoineButtonUiProps } from "./Button";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type KoineButtonLinkProps = KoineButtonUiProps & KoineLinkProps;
|
|
5
|
+
export type ButtonLinkProps = KoineComponentProps<KoineButtonLinkProps, {
|
|
6
6
|
Link?: KoineComponent;
|
|
7
7
|
}>;
|
|
8
8
|
export declare const KoineButtonLink: ({ href, Link, ...props }: React.PropsWithChildren<ButtonLinkProps>) => JSX.Element;
|
package/Buttons/IconButton.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export declare const iconBtnStyleBase: import("styled-components").FlattenSimple
|
|
|
5
5
|
export declare const IconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, KoineButtonUiProps & {
|
|
6
6
|
disabled?: boolean | undefined;
|
|
7
7
|
}, never>;
|
|
8
|
-
export
|
|
8
|
+
export type IconButtonUiProps = KoineButtonUiProps & {
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
};
|
|
11
|
-
export
|
|
11
|
+
export type IconButtonProps = IconButtonUiProps & React.ComponentPropsWithRef<"button">;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { KoineComponentProps, KoineComponent } from "../types";
|
|
3
3
|
import type { CalendarsMap, CalendarView, CalendarViewEvent, CalendarViewDayProps } from "./types";
|
|
4
4
|
import { UseCalendarReturn } from "./useCalendar";
|
|
5
|
-
export
|
|
5
|
+
export type KoineCalendarDaygridCellProps = {
|
|
6
6
|
eventClicked?: UseCalendarReturn["eventClicked"];
|
|
7
7
|
setEventClicked: UseCalendarReturn["setEventClicked"];
|
|
8
8
|
eventHovered?: UseCalendarReturn["eventHovered"];
|
|
@@ -12,19 +12,19 @@ export declare type KoineCalendarDaygridCellProps = {
|
|
|
12
12
|
events: CalendarViewEvent[];
|
|
13
13
|
calendarsMap: CalendarsMap;
|
|
14
14
|
};
|
|
15
|
-
export
|
|
15
|
+
export type CalendarDaygridCellStyledProps = CalendarViewDayProps & {
|
|
16
16
|
$view: CalendarView;
|
|
17
17
|
$selected?: boolean;
|
|
18
18
|
$past?: boolean;
|
|
19
19
|
$color: string;
|
|
20
20
|
};
|
|
21
|
-
export
|
|
21
|
+
export type CalendarDaygridCellEventProps = React.ComponentPropsWithoutRef<"div"> & ((CalendarDaygridCellStyledProps & {
|
|
22
22
|
$placeholder?: false;
|
|
23
23
|
}) | {
|
|
24
24
|
$placeholder: true;
|
|
25
25
|
});
|
|
26
|
-
export
|
|
27
|
-
export
|
|
26
|
+
export type CalendarDaygridCellEventBtnProps = CalendarDaygridCellEventProps;
|
|
27
|
+
export type CalendarDaygridCellComponents = {
|
|
28
28
|
Cell?: KoineComponent;
|
|
29
29
|
CellOverflow?: KoineComponent;
|
|
30
30
|
CellEvent?: KoineComponent<CalendarDaygridCellEventProps>;
|
|
@@ -32,5 +32,5 @@ export declare type CalendarDaygridCellComponents = {
|
|
|
32
32
|
CellEventTitle?: KoineComponent;
|
|
33
33
|
CellEventStart?: KoineComponent;
|
|
34
34
|
};
|
|
35
|
-
export
|
|
35
|
+
export type CalendarDaygridCellProps = KoineComponentProps<KoineCalendarDaygridCellProps, CalendarDaygridCellComponents>;
|
|
36
36
|
export declare const CalendarDaygridCell: ({ eventClicked, setEventClicked, setEventHovered, view, maxEvents, events, calendarsMap, Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart, }: CalendarDaygridCellProps) => JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { KoineComponentProps, KoineComponent } from "../types";
|
|
2
2
|
import type { CalendarRange, CalendarView } from "./types";
|
|
3
|
-
export
|
|
3
|
+
export type KoineCalendarDaygridNavProps = {
|
|
4
4
|
locale: string;
|
|
5
5
|
range: CalendarRange;
|
|
6
6
|
view: CalendarView;
|
|
@@ -10,11 +10,11 @@ export declare type KoineCalendarDaygridNavProps = {
|
|
|
10
10
|
handleToday: () => any;
|
|
11
11
|
handleView: (view: CalendarView) => any;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type CalendarDaygridNavTitleProps = {
|
|
14
14
|
range: CalendarRange;
|
|
15
15
|
formatted: string;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type CalendarDaygridNavProps = KoineComponentProps<KoineCalendarDaygridNavProps, {
|
|
18
18
|
NavRoot?: KoineComponent;
|
|
19
19
|
NavTitle?: KoineComponent<CalendarDaygridNavTitleProps>;
|
|
20
20
|
NavBtns?: KoineComponent;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { KoineComponentProps, KoineComponent } from "../types";
|
|
2
2
|
import type { CalendarRange, CalendarEventsMap, CalendarView, CalendarViewDayProps } from "./types";
|
|
3
3
|
import { CalendarDaygridCellProps, CalendarDaygridCellComponents } from "./CalendarDaygridCell";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
4
|
+
export type CalendarDaygridTableBodyCellProps = CalendarViewDayProps;
|
|
5
|
+
export type CalendarDaygridTableBodyCellDateProps = CalendarViewDayProps;
|
|
6
|
+
export type KoineCalendarDaygridTableProps = {
|
|
7
7
|
maxEvents?: CalendarDaygridCellProps["maxEvents"];
|
|
8
8
|
locale: string;
|
|
9
9
|
events: CalendarEventsMap;
|
|
@@ -13,7 +13,7 @@ export declare type KoineCalendarDaygridTableProps = {
|
|
|
13
13
|
range: CalendarRange;
|
|
14
14
|
dayLabels?: string[];
|
|
15
15
|
} & Pick<CalendarDaygridCellProps, "eventClicked" | "setEventClicked" | "eventHovered" | "setEventHovered" | "calendarsMap">;
|
|
16
|
-
export
|
|
16
|
+
export type CalendarDaygridTableProps = KoineComponentProps<KoineCalendarDaygridTableProps, {
|
|
17
17
|
Table?: KoineComponent;
|
|
18
18
|
TableHead?: KoineComponent;
|
|
19
19
|
TableHeadCell?: KoineComponent;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { CalendarsMap } from "./types";
|
|
3
3
|
import type { KoineComponentProps, KoineComponent } from "../types";
|
|
4
|
-
export
|
|
4
|
+
export type KoineCalendarLegendProps = {
|
|
5
5
|
toggleCalendarVisibility: (id: string) => void;
|
|
6
6
|
calendarsMap: CalendarsMap;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export type CalendarLegendItemProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
9
9
|
$color: string;
|
|
10
10
|
$empty: boolean;
|
|
11
11
|
disabled: boolean;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type CalendarLegendProps = KoineComponentProps<KoineCalendarLegendProps, {
|
|
14
14
|
LegendItem?: KoineComponent<CalendarLegendItemProps>;
|
|
15
15
|
LegendItemStatus?: KoineComponent;
|
|
16
16
|
LegendItemLabel?: KoineComponent;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Calendars, CalendarEventsMap } from "./types";
|
|
2
|
-
|
|
2
|
+
type GetCalendarsEventsFromGoogleOptions = {
|
|
3
3
|
/** Fall back to `process.env.GOOGLE_CALENDAR_API_KEY */
|
|
4
4
|
apiKey?: string;
|
|
5
5
|
/** Start gethering events from date */
|
package/Calendar/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type Calendar = {
|
|
2
2
|
id: string;
|
|
3
3
|
color: string;
|
|
4
4
|
/**
|
|
@@ -7,14 +7,14 @@ export declare type Calendar = {
|
|
|
7
7
|
*/
|
|
8
8
|
name?: string;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
11
|
-
export
|
|
10
|
+
export type Calendars = Calendar[];
|
|
11
|
+
export type CalendarsMap = Record<Calendar["id"], Required<Calendar> & {
|
|
12
12
|
on?: boolean;
|
|
13
13
|
events?: number;
|
|
14
14
|
}>;
|
|
15
|
-
export
|
|
16
|
-
export
|
|
17
|
-
export
|
|
15
|
+
export type CalendarRange = [Date, Date];
|
|
16
|
+
export type CalendarView = "month" | "week";
|
|
17
|
+
export type CalendarEvent = {
|
|
18
18
|
calendar: Calendar;
|
|
19
19
|
/**
|
|
20
20
|
* List of day timestamps across which the event spans
|
|
@@ -43,19 +43,19 @@ export declare type CalendarEvent = {
|
|
|
43
43
|
/**
|
|
44
44
|
* Calendar events mapped by day `timestamp` number
|
|
45
45
|
*/
|
|
46
|
-
export
|
|
46
|
+
export type CalendarEventsByTimestamp = Record<number, CalendarEventsMap>;
|
|
47
47
|
/**
|
|
48
48
|
* Calendar events map by `uid`
|
|
49
49
|
*/
|
|
50
|
-
export
|
|
51
|
-
export
|
|
52
|
-
export
|
|
50
|
+
export type CalendarEventsMap = Record<CalendarEvent["uid"], CalendarEvent>;
|
|
51
|
+
export type CalendarViewWeeks = CalendarViewWeek[];
|
|
52
|
+
export type CalendarViewWeek = {
|
|
53
53
|
props: {
|
|
54
54
|
key: string;
|
|
55
55
|
};
|
|
56
56
|
days: CalendarViewDay[];
|
|
57
57
|
};
|
|
58
|
-
export
|
|
58
|
+
export type CalendarViewDay = {
|
|
59
59
|
props: {
|
|
60
60
|
key: string;
|
|
61
61
|
} & CalendarViewDayProps;
|
|
@@ -63,11 +63,11 @@ export declare type CalendarViewDay = {
|
|
|
63
63
|
timestamp: string;
|
|
64
64
|
events: CalendarViewEvent[];
|
|
65
65
|
};
|
|
66
|
-
export
|
|
66
|
+
export type CalendarViewDayProps = {
|
|
67
67
|
$isToday?: boolean;
|
|
68
68
|
$isOutOfRange?: boolean;
|
|
69
69
|
};
|
|
70
|
-
export
|
|
70
|
+
export type CalendarViewEvent = {
|
|
71
71
|
key: string;
|
|
72
72
|
placeholder: true;
|
|
73
73
|
top: number;
|
|
@@ -2,7 +2,7 @@ import type { Calendars, CalendarEvent, CalendarEventsMap, CalendarView } from "
|
|
|
2
2
|
import type { KoineCalendarLegendProps } from "./CalendarLegend";
|
|
3
3
|
import type { KoineCalendarDaygridNavProps } from "./CalendarDaygridNav";
|
|
4
4
|
import type { KoineCalendarDaygridTableProps } from "./CalendarDaygridTable";
|
|
5
|
-
export
|
|
5
|
+
export type UseCalendarProps = {
|
|
6
6
|
/** The locale to format with `date-fns` */
|
|
7
7
|
locale: string;
|
|
8
8
|
/** Calendars infos to use */
|
|
@@ -27,16 +27,16 @@ export declare type UseCalendarProps = {
|
|
|
27
27
|
timeZone?: string;
|
|
28
28
|
onError?: (e: any) => void;
|
|
29
29
|
};
|
|
30
|
-
export
|
|
31
|
-
export
|
|
30
|
+
export type UseCalendarReturn = ReturnType<typeof useCalendar>;
|
|
31
|
+
export type CalendarsUpdateActionEvents = {
|
|
32
32
|
type: "events";
|
|
33
33
|
payload: Record<string, number>;
|
|
34
34
|
};
|
|
35
|
-
export
|
|
35
|
+
export type CalendarsUpdateActionVisibility = {
|
|
36
36
|
type: "visibility";
|
|
37
37
|
payload: string | string[];
|
|
38
38
|
};
|
|
39
|
-
export
|
|
39
|
+
export type CalendarsUpdateAction = CalendarsUpdateActionEvents | CalendarsUpdateActionVisibility;
|
|
40
40
|
export declare function useCalendar({ locale, apiKey, calendars, events: initialEvents, start: initialStart, end: initialEnd, view: initialView, timeZone, onError, }: UseCalendarProps): {
|
|
41
41
|
view: "month" | "week";
|
|
42
42
|
eventClicked: CalendarEvent | null;
|
|
@@ -14,7 +14,7 @@ export declare const CarouselCssCol: import("styled-components").StyledComponent
|
|
|
14
14
|
} & Pick<KoineCarouselCssProps, "$snap"> & {
|
|
15
15
|
$width: KoineCarouselCssProps["width"];
|
|
16
16
|
}, never>;
|
|
17
|
-
export
|
|
17
|
+
export type KoineCarouselCssProps = ColProps & {
|
|
18
18
|
/**
|
|
19
19
|
* Override the `<Row>` gutter, if not specified `$gutter` prop is used
|
|
20
20
|
*/
|
|
@@ -40,7 +40,7 @@ export declare type KoineCarouselCssProps = ColProps & {
|
|
|
40
40
|
*/
|
|
41
41
|
width?: number;
|
|
42
42
|
};
|
|
43
|
-
export
|
|
43
|
+
export type CarouselCssProps = React.PropsWithChildren<KoineCarouselCssProps>;
|
|
44
44
|
/**
|
|
45
45
|
* For programmatic usage an example here @see https://stackoverflow.com/a/65902068/9122820
|
|
46
46
|
*/
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Maybe do a simplified version following this example:
|
|
6
6
|
* https://codesandbox.io/s/framer-motion-accordion-qx958?file=/src/Example.tsx
|
|
7
7
|
*/
|
|
8
|
-
// import { forwardRef, useCallback, useEffect,
|
|
8
|
+
// import { forwardRef, useCallback, useEffect, useId, useRef, useState } from "react";
|
|
9
9
|
// import styled from "styled-components";
|
|
10
10
|
// import { MotionProps, m } from "framer-motion";
|
|
11
11
|
// import {
|
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
// import { btnStyleReset } from "../Buttons";
|
|
18
18
|
// import { useWindowSize } from "../hooks/useWindowSize";
|
|
19
19
|
// import { InputInvisible } from "../Forms/styles";
|
|
20
|
-
// import { useId } from "../hooks/useId";
|
|
21
20
|
// export type CollapsableStyledProps = {
|
|
22
21
|
// $expanded?: boolean;
|
|
23
22
|
// };
|
package/Debug/Debug.d.ts
CHANGED
package/Details/Details.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type Simplify } from "@koine/utils";
|
|
3
3
|
import { type WithComponents } from "../helpers";
|
|
4
|
-
export
|
|
4
|
+
export type OwnProps = React.ComponentPropsWithoutRef<"details"> & {
|
|
5
5
|
open?: boolean;
|
|
6
6
|
onChange?: () => any;
|
|
7
7
|
summary: null | React.ReactNode;
|
|
@@ -14,7 +14,7 @@ export declare type OwnProps = React.ComponentPropsWithoutRef<"details"> & {
|
|
|
14
14
|
/** Used to trigger a recalculation effect */
|
|
15
15
|
recalc?: any;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type Components = {
|
|
18
18
|
Root: {
|
|
19
19
|
type: "details";
|
|
20
20
|
props: {};
|
|
@@ -42,12 +42,12 @@ export declare type Components = {
|
|
|
42
42
|
motionable: true;
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
|
-
export
|
|
45
|
+
export type ComponentsProps = {
|
|
46
46
|
[Name in keyof Components]: Components[Name]["props"];
|
|
47
47
|
};
|
|
48
|
-
export
|
|
49
|
-
export
|
|
50
|
-
export
|
|
48
|
+
export type Props = Simplify<WithComponents<OwnProps, Components>>;
|
|
49
|
+
export type DetailsProps = Props;
|
|
50
|
+
export type KoineDetailsProps = Props;
|
|
51
51
|
export declare const Root: NonNullable<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "key" | keyof import("react").DetailsHTMLAttributes<HTMLDetailsElement>>>>;
|
|
52
52
|
export declare const Summary: NonNullable<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof import("react").HTMLAttributes<HTMLElement>> & {
|
|
53
53
|
$open: OwnProps["open"];
|
package/Dialog/DialogMui.d.ts
CHANGED
|
@@ -3,8 +3,8 @@ import ModalUnstyled, { type ModalUnstyledProps } from "@mui/base/ModalUnstyled"
|
|
|
3
3
|
import { type MotionProps } from "framer-motion";
|
|
4
4
|
import { type Simplify } from "@koine/utils";
|
|
5
5
|
import { type WithComponents } from "../helpers";
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
type ReducedModalUnstyledProps = Omit<ModalUnstyledProps, "onClose" | "BackdropComponent" | "classes" | "closeAfterTransition" | "component" | "components" | "componentsProps">;
|
|
7
|
+
export type OwnProps = React.PropsWithChildren<ReducedModalUnstyledProps & {
|
|
8
8
|
onClose: (event: object, reason?: string) => any;
|
|
9
9
|
title?: string;
|
|
10
10
|
/** @default true */
|
|
@@ -13,7 +13,7 @@ export declare type OwnProps = React.PropsWithChildren<ReducedModalUnstyledProps
|
|
|
13
13
|
mBackdrop?: MotionProps;
|
|
14
14
|
mPaper?: MotionProps;
|
|
15
15
|
}>;
|
|
16
|
-
export
|
|
16
|
+
export type Components = {
|
|
17
17
|
Root: {
|
|
18
18
|
type: typeof ModalUnstyled;
|
|
19
19
|
props: React.PropsWithChildren<ReducedModalUnstyledProps>;
|
|
@@ -51,12 +51,12 @@ export declare type Components = {
|
|
|
51
51
|
props: React.PropsWithChildren<{}>;
|
|
52
52
|
};
|
|
53
53
|
};
|
|
54
|
-
export
|
|
54
|
+
export type ComponentsProps = {
|
|
55
55
|
[Name in keyof Components]: Components[Name]["props"];
|
|
56
56
|
};
|
|
57
|
-
export
|
|
58
|
-
export
|
|
59
|
-
export
|
|
57
|
+
export type Props = Simplify<WithComponents<OwnProps, Components>>;
|
|
58
|
+
export type DialogProps = Props;
|
|
59
|
+
export type KoineDialogProps = Props;
|
|
60
60
|
export declare const Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
|
|
61
61
|
export declare const Backdrop: NonNullable<React.ElementType<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
62
62
|
open?: boolean | undefined;
|
|
@@ -80,7 +80,7 @@ export declare const Header: NonNullable<React.ElementType<Pick<React.DetailedHT
|
|
|
80
80
|
export declare const Body: NonNullable<React.ElementType<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
81
81
|
children?: React.ReactNode;
|
|
82
82
|
}>>;
|
|
83
|
-
export declare const KoineDialog: ((props: Pick<Simplify<WithComponents<OwnProps, Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof Components> & React.RefAttributes<HTMLDivElement>) => React.FunctionComponentElement<any>) & {
|
|
83
|
+
export declare const KoineDialog: ((props: Pick<Simplify<WithComponents<OwnProps, Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "slotProps" | "slots" | "focusVisible" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof Components> & React.RefAttributes<HTMLDivElement>) => React.FunctionComponentElement<any>) & {
|
|
84
84
|
Root: import("@mui/types").OverridableComponent<import("@mui/base/ModalUnstyled").ModalUnstyledTypeMap<{}, "div">>;
|
|
85
85
|
Backdrop: NonNullable<React.ElementType<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & {
|
|
86
86
|
open?: boolean | undefined;
|
package/Dialog/DialogMui.js
CHANGED
|
@@ -67,7 +67,7 @@ var DialogWithRef = forwardRef(function Dialog(_a, ref) {
|
|
|
67
67
|
onClose(event, "backdropClick");
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
|
-
return (_jsx(Root, __assign({
|
|
70
|
+
return (_jsx(Root, __assign({ slots: { backdrop: Backdrop }, onClick: handleBackdropClick, onClose: onClose, ref: ref }, props, { children: _jsx(Container, __assign({ "$scrollPaper": $scrollPaper, onMouseDown: handleMouseDown }, { children: _jsxs(Paper, __assign({ "aria-label": title || "", "$scrollPaper": $scrollPaper }, { children: [title && _jsx(Header, { children: title }), _jsx(Close, __assign({ onClick: onClose }, { children: _jsx(IconClose, {}) })), _jsx(Body, { children: children })] })) })) })));
|
|
71
71
|
});
|
|
72
72
|
export var KoineDialog = extendComponent(DialogWithRef, {
|
|
73
73
|
Root: Root,
|
package/Dialog/css/bare.d.ts
CHANGED
|
@@ -44,7 +44,7 @@ export declare const Body: import("react").ForwardRefExoticComponent<Pick<{
|
|
|
44
44
|
}, "className"> & import("react").RefAttributes<NonNullable<import("react").ElementType<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
45
45
|
children?: import("react").ReactNode;
|
|
46
46
|
}>>>>;
|
|
47
|
-
export declare const KoineDialog: ((props: Pick<import("type-fest").Simplify<import("../../helpers").WithComponents<_.OwnProps, _.Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof _.Components> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
|
|
47
|
+
export declare const KoineDialog: ((props: Pick<import("type-fest").Simplify<import("../../helpers").WithComponents<_.OwnProps, _.Components>>, "key" | "id" | "title" | "color" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "container" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "open" | "slotProps" | "slots" | "focusVisible" | "$scrollPaper" | "mBackdrop" | "mPaper" | keyof _.Components> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
|
|
48
48
|
Root: import("react").ForwardRefExoticComponent<Pick<{
|
|
49
49
|
className?: string | undefined;
|
|
50
50
|
ref?: import("react").Ref<any> | undefined;
|