react-better-html 1.1.78 → 1.1.80
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/index.d.mts +55 -2
- package/dist/index.d.ts +55 -2
- package/dist/index.js +343 -28
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +393 -80
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -275,9 +275,9 @@ type ModalProps = {
|
|
|
275
275
|
children?: React.ReactNode;
|
|
276
276
|
};
|
|
277
277
|
type ModalRef = {
|
|
278
|
+
isOpened: boolean;
|
|
278
279
|
open: () => void;
|
|
279
280
|
close: () => void;
|
|
280
|
-
isOpened: boolean;
|
|
281
281
|
};
|
|
282
282
|
type ModalComponent = {
|
|
283
283
|
(props: ComponentPropWithRef<ModalRef, ModalProps>): React.ReactElement;
|
|
@@ -629,6 +629,59 @@ type TableComponentType = {
|
|
|
629
629
|
declare const TableComponent: TableComponentType;
|
|
630
630
|
declare const Table: typeof TableComponent;
|
|
631
631
|
|
|
632
|
+
type TabGroup = {
|
|
633
|
+
name: string;
|
|
634
|
+
selectedTab: string;
|
|
635
|
+
};
|
|
636
|
+
type TabsProps = {
|
|
637
|
+
tabs: string[];
|
|
638
|
+
name?: string;
|
|
639
|
+
accentColor?: Color;
|
|
640
|
+
style?: "default" | "borderRadiusTop" | "box";
|
|
641
|
+
children?: React.ReactNode;
|
|
642
|
+
} & ComponentMarginProps;
|
|
643
|
+
type TabsComponent = {
|
|
644
|
+
(props: TabsProps): React.ReactElement;
|
|
645
|
+
content: (props: TabsContentProps) => React.ReactElement;
|
|
646
|
+
};
|
|
647
|
+
declare const TabsComponent: TabsComponent;
|
|
648
|
+
type TabsContentProps = {
|
|
649
|
+
tab: string;
|
|
650
|
+
tabWithDot?: boolean;
|
|
651
|
+
tabsGroupName?: string;
|
|
652
|
+
children?: React.ReactNode;
|
|
653
|
+
};
|
|
654
|
+
declare const Tabs: typeof TabsComponent & {
|
|
655
|
+
content: typeof TabsComponent.content;
|
|
656
|
+
};
|
|
657
|
+
|
|
658
|
+
type FoldableProps = {
|
|
659
|
+
isOpen?: boolean;
|
|
660
|
+
defaultOpen?: boolean;
|
|
661
|
+
title?: string;
|
|
662
|
+
description?: string;
|
|
663
|
+
icon?: IconName | AnyOtherString;
|
|
664
|
+
image?: AssetName | AnyOtherString;
|
|
665
|
+
headerPaddingInline?: React.CSSProperties["paddingInline"];
|
|
666
|
+
renderHeader?: (isOpen: boolean, toggleOpen: () => void) => React.ReactNode;
|
|
667
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
668
|
+
children?: React.ReactNode;
|
|
669
|
+
} & DivProps<unknown>;
|
|
670
|
+
type FoldableRef = {
|
|
671
|
+
isOpen: boolean;
|
|
672
|
+
open: () => void;
|
|
673
|
+
close: () => void;
|
|
674
|
+
toggle: () => void;
|
|
675
|
+
};
|
|
676
|
+
type FoldableComponentType = {
|
|
677
|
+
(props: ComponentPropWithRef<HTMLDivElement, FoldableProps>): React.ReactElement;
|
|
678
|
+
box: (props: ComponentPropWithRef<HTMLDivElement, FoldableProps>) => React.ReactElement;
|
|
679
|
+
};
|
|
680
|
+
declare const FoldableComponent: FoldableComponentType;
|
|
681
|
+
declare const Foldable: typeof FoldableComponent & {
|
|
682
|
+
box: typeof FoldableComponent.box;
|
|
683
|
+
};
|
|
684
|
+
|
|
632
685
|
type AppConfig = {
|
|
633
686
|
contentMaxWidth: number;
|
|
634
687
|
};
|
|
@@ -691,4 +744,4 @@ declare const isMobileDevice: boolean;
|
|
|
691
744
|
|
|
692
745
|
declare const reactRouterDomPlugin: BetterHtmlPlugin;
|
|
693
746
|
|
|
694
|
-
export { type AppConfig, type AssetName, type AssetsConfig, type BetterHtmlConfig, type BetterHtmlPlugin, _default as BetterHtmlProvider, type BetterHtmlProviderValue, type BrowserName, Button, type ButtonProps, Chip, type ChipProps, type Color, type ColorName, type ColorTheme, ColorThemeSwitch, type ColorThemeSwitchProps, type Colors, type DeepPartialRecord, Div, type DivProps, _default$6 as Divider, Dropdown, type DropdownOption, type DropdownProps, type ExcludeOptions, _default$2 as Form, type FormProps, FormRow, type FormRowProps, type HorizontalDividerProps, _default$8 as Icon, type IconName, type IconProps, type IconsConfig, _default$7 as Image, type ImageProps, InputField, type InputFieldProps, _default$1 as Label, type LabelProps, Loader, type LoaderConfig, type LoaderName, type LoaderProps, Modal, type ModalProps, type ModalRef, type OmitProps, _default$4 as PageHeader, type PageHeaderProps, _default$5 as PageHolder, type PageHolderProps, type PartialRecord, type PickAllRequired, type PickValue, type PluginName, type Styles, Table, type TableColumn, Text, type TextAs, type TextProps, type TextareaFieldProps, type Theme, type ThemeConfig, _default$3 as ToggleInput, type ToggleInputProps, type ToggleInputRef, type VerticalDividerProps, formatPhoneNumber, generateRandomString, getBrowser, getFormErrorObject, isMobileDevice, loaderControls, reactRouterDomPlugin, useBetterHtmlContext, useBooleanState, useDebounceState, useForm, useLoader, useLoaderControls, useMediaQuery, usePageResize, usePageScroll, useTheme, useUrlQuery };
|
|
747
|
+
export { type AppConfig, type AssetName, type AssetsConfig, type BetterHtmlConfig, type BetterHtmlPlugin, _default as BetterHtmlProvider, type BetterHtmlProviderValue, type BrowserName, Button, type ButtonProps, Chip, type ChipProps, type Color, type ColorName, type ColorTheme, ColorThemeSwitch, type ColorThemeSwitchProps, type Colors, type DeepPartialRecord, Div, type DivProps, _default$6 as Divider, Dropdown, type DropdownOption, type DropdownProps, type ExcludeOptions, Foldable, type FoldableProps, type FoldableRef, _default$2 as Form, type FormProps, FormRow, type FormRowProps, type HorizontalDividerProps, _default$8 as Icon, type IconName, type IconProps, type IconsConfig, _default$7 as Image, type ImageProps, InputField, type InputFieldProps, _default$1 as Label, type LabelProps, Loader, type LoaderConfig, type LoaderName, type LoaderProps, Modal, type ModalProps, type ModalRef, type OmitProps, _default$4 as PageHeader, type PageHeaderProps, _default$5 as PageHolder, type PageHolderProps, type PartialRecord, type PickAllRequired, type PickValue, type PluginName, type Styles, type TabGroup, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Text, type TextAs, type TextProps, type TextareaFieldProps, type Theme, type ThemeConfig, _default$3 as ToggleInput, type ToggleInputProps, type ToggleInputRef, type VerticalDividerProps, formatPhoneNumber, generateRandomString, getBrowser, getFormErrorObject, isMobileDevice, loaderControls, reactRouterDomPlugin, useBetterHtmlContext, useBooleanState, useDebounceState, useForm, useLoader, useLoaderControls, useMediaQuery, usePageResize, usePageScroll, useTheme, useUrlQuery };
|
package/dist/index.d.ts
CHANGED
|
@@ -275,9 +275,9 @@ type ModalProps = {
|
|
|
275
275
|
children?: React.ReactNode;
|
|
276
276
|
};
|
|
277
277
|
type ModalRef = {
|
|
278
|
+
isOpened: boolean;
|
|
278
279
|
open: () => void;
|
|
279
280
|
close: () => void;
|
|
280
|
-
isOpened: boolean;
|
|
281
281
|
};
|
|
282
282
|
type ModalComponent = {
|
|
283
283
|
(props: ComponentPropWithRef<ModalRef, ModalProps>): React.ReactElement;
|
|
@@ -629,6 +629,59 @@ type TableComponentType = {
|
|
|
629
629
|
declare const TableComponent: TableComponentType;
|
|
630
630
|
declare const Table: typeof TableComponent;
|
|
631
631
|
|
|
632
|
+
type TabGroup = {
|
|
633
|
+
name: string;
|
|
634
|
+
selectedTab: string;
|
|
635
|
+
};
|
|
636
|
+
type TabsProps = {
|
|
637
|
+
tabs: string[];
|
|
638
|
+
name?: string;
|
|
639
|
+
accentColor?: Color;
|
|
640
|
+
style?: "default" | "borderRadiusTop" | "box";
|
|
641
|
+
children?: React.ReactNode;
|
|
642
|
+
} & ComponentMarginProps;
|
|
643
|
+
type TabsComponent = {
|
|
644
|
+
(props: TabsProps): React.ReactElement;
|
|
645
|
+
content: (props: TabsContentProps) => React.ReactElement;
|
|
646
|
+
};
|
|
647
|
+
declare const TabsComponent: TabsComponent;
|
|
648
|
+
type TabsContentProps = {
|
|
649
|
+
tab: string;
|
|
650
|
+
tabWithDot?: boolean;
|
|
651
|
+
tabsGroupName?: string;
|
|
652
|
+
children?: React.ReactNode;
|
|
653
|
+
};
|
|
654
|
+
declare const Tabs: typeof TabsComponent & {
|
|
655
|
+
content: typeof TabsComponent.content;
|
|
656
|
+
};
|
|
657
|
+
|
|
658
|
+
type FoldableProps = {
|
|
659
|
+
isOpen?: boolean;
|
|
660
|
+
defaultOpen?: boolean;
|
|
661
|
+
title?: string;
|
|
662
|
+
description?: string;
|
|
663
|
+
icon?: IconName | AnyOtherString;
|
|
664
|
+
image?: AssetName | AnyOtherString;
|
|
665
|
+
headerPaddingInline?: React.CSSProperties["paddingInline"];
|
|
666
|
+
renderHeader?: (isOpen: boolean, toggleOpen: () => void) => React.ReactNode;
|
|
667
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
668
|
+
children?: React.ReactNode;
|
|
669
|
+
} & DivProps<unknown>;
|
|
670
|
+
type FoldableRef = {
|
|
671
|
+
isOpen: boolean;
|
|
672
|
+
open: () => void;
|
|
673
|
+
close: () => void;
|
|
674
|
+
toggle: () => void;
|
|
675
|
+
};
|
|
676
|
+
type FoldableComponentType = {
|
|
677
|
+
(props: ComponentPropWithRef<HTMLDivElement, FoldableProps>): React.ReactElement;
|
|
678
|
+
box: (props: ComponentPropWithRef<HTMLDivElement, FoldableProps>) => React.ReactElement;
|
|
679
|
+
};
|
|
680
|
+
declare const FoldableComponent: FoldableComponentType;
|
|
681
|
+
declare const Foldable: typeof FoldableComponent & {
|
|
682
|
+
box: typeof FoldableComponent.box;
|
|
683
|
+
};
|
|
684
|
+
|
|
632
685
|
type AppConfig = {
|
|
633
686
|
contentMaxWidth: number;
|
|
634
687
|
};
|
|
@@ -691,4 +744,4 @@ declare const isMobileDevice: boolean;
|
|
|
691
744
|
|
|
692
745
|
declare const reactRouterDomPlugin: BetterHtmlPlugin;
|
|
693
746
|
|
|
694
|
-
export { type AppConfig, type AssetName, type AssetsConfig, type BetterHtmlConfig, type BetterHtmlPlugin, _default as BetterHtmlProvider, type BetterHtmlProviderValue, type BrowserName, Button, type ButtonProps, Chip, type ChipProps, type Color, type ColorName, type ColorTheme, ColorThemeSwitch, type ColorThemeSwitchProps, type Colors, type DeepPartialRecord, Div, type DivProps, _default$6 as Divider, Dropdown, type DropdownOption, type DropdownProps, type ExcludeOptions, _default$2 as Form, type FormProps, FormRow, type FormRowProps, type HorizontalDividerProps, _default$8 as Icon, type IconName, type IconProps, type IconsConfig, _default$7 as Image, type ImageProps, InputField, type InputFieldProps, _default$1 as Label, type LabelProps, Loader, type LoaderConfig, type LoaderName, type LoaderProps, Modal, type ModalProps, type ModalRef, type OmitProps, _default$4 as PageHeader, type PageHeaderProps, _default$5 as PageHolder, type PageHolderProps, type PartialRecord, type PickAllRequired, type PickValue, type PluginName, type Styles, Table, type TableColumn, Text, type TextAs, type TextProps, type TextareaFieldProps, type Theme, type ThemeConfig, _default$3 as ToggleInput, type ToggleInputProps, type ToggleInputRef, type VerticalDividerProps, formatPhoneNumber, generateRandomString, getBrowser, getFormErrorObject, isMobileDevice, loaderControls, reactRouterDomPlugin, useBetterHtmlContext, useBooleanState, useDebounceState, useForm, useLoader, useLoaderControls, useMediaQuery, usePageResize, usePageScroll, useTheme, useUrlQuery };
|
|
747
|
+
export { type AppConfig, type AssetName, type AssetsConfig, type BetterHtmlConfig, type BetterHtmlPlugin, _default as BetterHtmlProvider, type BetterHtmlProviderValue, type BrowserName, Button, type ButtonProps, Chip, type ChipProps, type Color, type ColorName, type ColorTheme, ColorThemeSwitch, type ColorThemeSwitchProps, type Colors, type DeepPartialRecord, Div, type DivProps, _default$6 as Divider, Dropdown, type DropdownOption, type DropdownProps, type ExcludeOptions, Foldable, type FoldableProps, type FoldableRef, _default$2 as Form, type FormProps, FormRow, type FormRowProps, type HorizontalDividerProps, _default$8 as Icon, type IconName, type IconProps, type IconsConfig, _default$7 as Image, type ImageProps, InputField, type InputFieldProps, _default$1 as Label, type LabelProps, Loader, type LoaderConfig, type LoaderName, type LoaderProps, Modal, type ModalProps, type ModalRef, type OmitProps, _default$4 as PageHeader, type PageHeaderProps, _default$5 as PageHolder, type PageHolderProps, type PartialRecord, type PickAllRequired, type PickValue, type PluginName, type Styles, type TabGroup, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Text, type TextAs, type TextProps, type TextareaFieldProps, type Theme, type ThemeConfig, _default$3 as ToggleInput, type ToggleInputProps, type ToggleInputRef, type VerticalDividerProps, formatPhoneNumber, generateRandomString, getBrowser, getFormErrorObject, isMobileDevice, loaderControls, reactRouterDomPlugin, useBetterHtmlContext, useBooleanState, useDebounceState, useForm, useLoader, useLoaderControls, useMediaQuery, usePageResize, usePageScroll, useTheme, useUrlQuery };
|