@mezzanine-ui/react 0.12.3 → 0.12.5

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.
Files changed (75) hide show
  1. package/AppBar/AppBar.d.ts +2 -2
  2. package/AppBar/AppBarBrand.d.ts +1 -1
  3. package/AppBar/AppBarMain.d.ts +1 -1
  4. package/AppBar/AppBarSupport.d.ts +1 -1
  5. package/Badge/BadgeContainer.d.ts +1 -1
  6. package/Button/Button.d.ts +1 -1
  7. package/Button/ButtonGroup.d.ts +1 -1
  8. package/Button/IconButton.d.ts +1 -1
  9. package/Button/index.d.ts +2 -2
  10. package/Button/index.js +1 -2
  11. package/Button/typings.d.ts +1 -1
  12. package/Calendar/CalendarCell.d.ts +1 -2
  13. package/Calendar/CalendarContext.d.ts +2 -2
  14. package/Calendar/CalendarControls.d.ts +1 -2
  15. package/Calendar/CalendarDayOfWeek.d.ts +1 -2
  16. package/Calendar/CalendarDays.d.ts +1 -2
  17. package/Calendar/CalendarMonths.d.ts +1 -2
  18. package/Calendar/CalendarWeeks.d.ts +1 -2
  19. package/Calendar/CalendarYears.d.ts +1 -2
  20. package/Calendar/useCalendarControlModifiers.d.ts +2 -2
  21. package/Form/FormMessage.d.ts +1 -1
  22. package/Form/typings.d.ts +1 -1
  23. package/Form/useAutoCompleteValueControl.d.ts +5 -5
  24. package/Form/useInputWithTagsModeValue.d.ts +1 -1
  25. package/Form/useSelectValueControl.d.ts +6 -6
  26. package/Menu/MenuDivider.d.ts +1 -1
  27. package/Message/Message.d.ts +1 -1
  28. package/Modal/ModalBody.d.ts +1 -1
  29. package/Modal/ModalFooter.d.ts +1 -1
  30. package/Navigation/Navigation.d.ts +2 -2
  31. package/Navigation/NavigationSubMenu.d.ts +2 -2
  32. package/Notifier/NotifierManager.d.ts +1 -1
  33. package/Notifier/typings.d.ts +1 -1
  34. package/Pagination/Pagination.d.ts +1 -1
  35. package/Pagination/PaginationItem.d.ts +1 -1
  36. package/Pagination/PaginationJumper.d.ts +1 -1
  37. package/Pagination/PaginationPageSize.d.ts +1 -1
  38. package/Picker/usePickerValue.d.ts +1 -1
  39. package/Popper/Popper.d.ts +2 -2
  40. package/Select/AutoComplete.d.ts +3 -3
  41. package/Select/Select.d.ts +3 -3
  42. package/Select/SelectTrigger.d.ts +5 -5
  43. package/Slider/Slider.d.ts +4 -4
  44. package/Table/Table.d.ts +1 -1
  45. package/Table/editable/TableEditRenderWrapper.d.ts +1 -2
  46. package/Table/sorting/useTableSorting.d.ts +1 -1
  47. package/Table/useTableScroll.d.ts +5 -1
  48. package/Tabs/Tabs.d.ts +1 -1
  49. package/Transition/Fade.d.ts +1 -1
  50. package/Transition/SlideFade.d.ts +1 -1
  51. package/Transition/Transition.d.ts +7 -7
  52. package/Transition/Zoom.d.ts +1 -1
  53. package/Tree/TreeNode.d.ts +1 -1
  54. package/Tree/TreeNodeList.d.ts +1 -1
  55. package/Tree/typings.d.ts +7 -7
  56. package/Typography/Typography.d.ts +2 -2
  57. package/Typography/index.d.ts +1 -1
  58. package/Typography/index.js +4 -1
  59. package/Upload/UploadPicture.d.ts +3 -2
  60. package/Upload/UploadPicture.js +2 -2
  61. package/Upload/UploadPictureBlock.d.ts +6 -0
  62. package/Upload/UploadPictureBlock.js +3 -3
  63. package/Upload/UploadPictureWall.d.ts +4 -3
  64. package/Upload/UploadPictureWall.js +2 -2
  65. package/Upload/UploadPictureWallItem.d.ts +3 -2
  66. package/Upload/UploadPictureWallItem.js +2 -2
  67. package/hooks/useClickAway.d.ts +3 -3
  68. package/hooks/useDocumentEscapeKeyDown.d.ts +1 -1
  69. package/hooks/useDocumentEvents.d.ts +1 -1
  70. package/hooks/useDocumentTabKeyDown.d.ts +1 -1
  71. package/package.json +4 -4
  72. package/utils/composeRefs.d.ts +2 -2
  73. package/utils/general.d.ts +2 -2
  74. package/utils/getElement.d.ts +1 -1
  75. package/utils/jsx-types.d.ts +5 -5
@@ -4,8 +4,8 @@ import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
4
4
  import { AppBarBrandProps } from './AppBarBrand';
5
5
  import { AppBarMainProps } from './AppBarMain';
6
6
  import { AppBarSupportProps } from './AppBarSupport';
7
- export declare type AppBarChild = ReactElement<AppBarBrandProps | AppBarMainProps | AppBarSupportProps, NamedExoticComponent>;
8
- export declare type AppBarChildren = AppBarChild | AppBarChild[];
7
+ export type AppBarChild = ReactElement<AppBarBrandProps | AppBarMainProps | AppBarSupportProps, NamedExoticComponent>;
8
+ export type AppBarChildren = AppBarChild | AppBarChild[];
9
9
  export interface AppBarProps extends NativeElementPropsWithoutKeyAndRef<'header'> {
10
10
  orientation?: AppBarOrientation;
11
11
  children?: AppBarChildren;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
- export declare type AppBarBrandProps = NativeElementPropsWithoutKeyAndRef<'div'>;
3
+ export type AppBarBrandProps = NativeElementPropsWithoutKeyAndRef<'div'>;
4
4
  declare const AppBarBrand: import("react").ForwardRefExoticComponent<AppBarBrandProps & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export default AppBarBrand;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
- export declare type AppBarMainProps = NativeElementPropsWithoutKeyAndRef<'div'>;
3
+ export type AppBarMainProps = NativeElementPropsWithoutKeyAndRef<'div'>;
4
4
  declare const AppBarMain: import("react").ForwardRefExoticComponent<AppBarMainProps & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export default AppBarMain;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
- export declare type AppBarSupportProps = NativeElementPropsWithoutKeyAndRef<'div'>;
3
+ export type AppBarSupportProps = NativeElementPropsWithoutKeyAndRef<'div'>;
4
4
  declare const AppBarSupport: import("react").ForwardRefExoticComponent<AppBarSupportProps & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export default AppBarSupport;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
- export declare type BadgeContainerProps = NativeElementPropsWithoutKeyAndRef<'span'>;
3
+ export type BadgeContainerProps = NativeElementPropsWithoutKeyAndRef<'span'>;
4
4
  /**
5
5
  * The react component for `mezzanine` badge container.
6
6
  */
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { ComponentOverridableForwardRefComponentPropsFactory } from '../utils/jsx-types';
3
3
  import { ButtonComponent, ButtonPropsBase } from './typings';
4
- export declare type ButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, ButtonPropsBase>;
4
+ export type ButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, ButtonPropsBase>;
5
5
  /**
6
6
  * The react component for `mezzanine` button.
7
7
  */
@@ -3,7 +3,7 @@ import { ButtonColor, ButtonGroupOrientation, ButtonGroupSpacing, ButtonSize, Bu
3
3
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
4
4
  import { ButtonProps } from './Button';
5
5
  import { IconButtonProps } from './IconButton';
6
- export declare type ButtonGroupChild = ReactElement<ButtonProps | IconButtonProps> | null | undefined | false;
6
+ export type ButtonGroupChild = ReactElement<ButtonProps | IconButtonProps> | null | undefined | false;
7
7
  export interface ButtonGroupProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
8
8
  /**
9
9
  * If `true`, all buttons will not have spacing between each others.
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { ComponentOverridableForwardRefComponentPropsFactory } from '../utils/jsx-types';
3
3
  import { ButtonComponent, ButtonPropsBase } from './typings';
4
- export declare type IconButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, Omit<ButtonPropsBase, 'prefix' | 'suffix'> & {
4
+ export type IconButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, Omit<ButtonPropsBase, 'prefix' | 'suffix'> & {
5
5
  /**
6
6
  * The icon element.
7
7
  */
package/Button/index.d.ts CHANGED
@@ -9,12 +9,12 @@ export type { ButtonComponent, ButtonProps, ButtonPropsBase, IconButtonProps, };
9
9
  * @remark
10
10
  * Add type alias here for parsable to react docgen typescript.
11
11
  */
12
- declare type GenericIconButton = <C extends ButtonComponent = 'button'>(props: PropsWithoutRef<IconButtonProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
12
+ type GenericIconButton = <C extends ButtonComponent = 'button'>(props: PropsWithoutRef<IconButtonProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
13
13
  export declare const IconButton: GenericIconButton;
14
14
  /**
15
15
  * @remark
16
16
  * Add type alias here for parsable to react docgen typescript.
17
17
  */
18
- declare type GenericButton = <C extends ButtonComponent = 'button'>(props: PropsWithoutRef<ButtonProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
18
+ type GenericButton = <C extends ButtonComponent = 'button'>(props: PropsWithoutRef<ButtonProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
19
19
  declare const _default: GenericButton;
20
20
  export default _default;
package/Button/index.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import Button from './Button.js';
2
- export { default } from './Button.js';
3
2
  import _IconButton from './IconButton.js';
4
3
  export { default as ButtonGroup } from './ButtonGroup.js';
5
4
 
6
5
  const IconButton = _IconButton;
7
6
 
8
- export { IconButton };
7
+ export { IconButton, Button as default };
@@ -1,6 +1,6 @@
1
1
  import { JSXElementConstructor, ReactNode } from 'react';
2
2
  import { ButtonColor, ButtonSize, ButtonVariant } from '@mezzanine-ui/core/button';
3
- export declare type ButtonComponent = 'button' | 'a' | JSXElementConstructor<any>;
3
+ export type ButtonComponent = 'button' | 'a' | JSXElementConstructor<any>;
4
4
  export interface ButtonPropsBase {
5
5
  /**
6
6
  * The color name provided by palette.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
2
  export interface CalendarCellProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
4
3
  /**
@@ -18,5 +17,5 @@ export interface CalendarCellProps extends NativeElementPropsWithoutKeyAndRef<'d
18
17
  * The react component for `mezzanine` calendar cell.
19
18
  * You may use it to compose your own calendar.
20
19
  */
21
- declare function CalendarCell(props: CalendarCellProps): JSX.Element;
20
+ declare function CalendarCell(props: CalendarCellProps): import("react/jsx-runtime").JSX.Element;
22
21
  export default CalendarCell;
@@ -7,7 +7,7 @@ export interface CalendarConfigs extends CalendarMethods {
7
7
  displayWeekDayLocale: string;
8
8
  valueLocale: string;
9
9
  }
10
- export declare type CalendarConfigProviderProps = {
10
+ export type CalendarConfigProviderProps = {
11
11
  children?: ReactNode;
12
12
  defaultDateFormat?: string;
13
13
  defaultTimeFormat?: string;
@@ -18,5 +18,5 @@ export declare type CalendarConfigProviderProps = {
18
18
  };
19
19
  export declare const CalendarContext: import("react").Context<CalendarConfigs | undefined>;
20
20
  export declare function useCalendarContext(): CalendarConfigs;
21
- declare function CalendarConfigProvider(props: CalendarConfigProviderProps): JSX.Element;
21
+ declare function CalendarConfigProvider(props: CalendarConfigProviderProps): import("react/jsx-runtime").JSX.Element;
22
22
  export default CalendarConfigProvider;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
2
  export interface CalendarControlsProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onClick'> {
4
3
  /**
@@ -22,5 +21,5 @@ export interface CalendarControlsProps extends Omit<NativeElementPropsWithoutKey
22
21
  * The react component for `mezzanine` calendar controls.
23
22
  * You may use it to compose your own calendar.
24
23
  */
25
- declare function CalendarControls(props: CalendarControlsProps): JSX.Element;
24
+ declare function CalendarControls(props: CalendarControlsProps): import("react/jsx-runtime").JSX.Element;
26
25
  export default CalendarControls;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
2
  export interface CalendarDayOfWeekProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onClick' | 'children'> {
4
3
  /**
@@ -11,5 +10,5 @@ export interface CalendarDayOfWeekProps extends Omit<NativeElementPropsWithoutKe
11
10
  * The react component for `mezzanine` calendar day of week.
12
11
  * You may use it to compose your own calendar.
13
12
  */
14
- declare function CalendarDayOfWeek(props: CalendarDayOfWeekProps): JSX.Element;
13
+ declare function CalendarDayOfWeek(props: CalendarDayOfWeekProps): import("react/jsx-runtime").JSX.Element;
15
14
  export default CalendarDayOfWeek;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { DateType } from '@mezzanine-ui/core/calendar';
3
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
4
3
  import { CalendarDayOfWeekProps } from './CalendarDayOfWeek';
@@ -34,5 +33,5 @@ export interface CalendarDaysProps extends Pick<CalendarDayOfWeekProps, 'display
34
33
  * This component displays a monthly calendar whose month is the same as `referenceDate`.
35
34
  * You may use it to compose your own calendar.
36
35
  */
37
- declare function CalendarDays(props: CalendarDaysProps): JSX.Element;
36
+ declare function CalendarDays(props: CalendarDaysProps): import("react/jsx-runtime").JSX.Element;
38
37
  export default CalendarDays;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { DateType } from '@mezzanine-ui/core/calendar';
3
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
4
3
  export interface CalendarMonthsProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onClick' | 'children'> {
@@ -38,5 +37,5 @@ export interface CalendarMonthsProps extends Omit<NativeElementPropsWithoutKeyAn
38
37
  * This component displays a 12 months grid.
39
38
  * You may use it to compose your own calendar.
40
39
  */
41
- declare function CalendarMonths(props: CalendarMonthsProps): JSX.Element;
40
+ declare function CalendarMonths(props: CalendarMonthsProps): import("react/jsx-runtime").JSX.Element;
42
41
  export default CalendarMonths;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { DateType } from '@mezzanine-ui/core/calendar';
3
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
4
3
  import { CalendarDayOfWeekProps } from './CalendarDayOfWeek';
@@ -37,5 +36,5 @@ export interface CalendarWeeksProps extends Pick<CalendarDayOfWeekProps, 'displa
37
36
  * This component displays a monthly calendar whose month is the same as `referenceDate`.
38
37
  * You may use it to compose your own calendar.
39
38
  */
40
- declare function CalendarWeeks(props: CalendarWeeksProps): JSX.Element;
39
+ declare function CalendarWeeks(props: CalendarWeeksProps): import("react/jsx-runtime").JSX.Element;
41
40
  export default CalendarWeeks;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { DateType } from '@mezzanine-ui/core/calendar';
3
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
4
3
  export interface CalendarYearsProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onClick' | 'children'> {
@@ -36,5 +35,5 @@ export interface CalendarYearsProps extends Omit<NativeElementPropsWithoutKeyAnd
36
35
  * This component displays a 12 year grid.
37
36
  * You may use it to compose your own calendar.
38
37
  */
39
- declare function CalendarYears(props: CalendarYearsProps): JSX.Element;
38
+ declare function CalendarYears(props: CalendarYearsProps): import("react/jsx-runtime").JSX.Element;
40
39
  export default CalendarYears;
@@ -1,6 +1,6 @@
1
1
  import { CalendarMode, DateType } from '@mezzanine-ui/core/calendar';
2
- export declare type CalendarControlModifier = (value: DateType) => DateType;
3
- export declare type UseCalendarControlModifiersResult = Record<CalendarMode, [
2
+ export type CalendarControlModifier = (value: DateType) => DateType;
3
+ export type UseCalendarControlModifiersResult = Record<CalendarMode, [
4
4
  CalendarControlModifier,
5
5
  CalendarControlModifier
6
6
  ]>;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
- export declare type FormMessageProps = NativeElementPropsWithoutKeyAndRef<'span'>;
3
+ export type FormMessageProps = NativeElementPropsWithoutKeyAndRef<'span'>;
4
4
  /**
5
5
  * The react component for `mezzanine` form message.
6
6
  */
package/Form/typings.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type FormElementFocusHandlers = {
1
+ export type FormElementFocusHandlers = {
2
2
  onBlur?: VoidFunction;
3
3
  onFocus?: VoidFunction;
4
4
  };
@@ -8,19 +8,19 @@ export interface UseAutoCompleteBaseValueControl {
8
8
  onSearch?(input: string): any;
9
9
  options: SelectValue[];
10
10
  }
11
- export declare type UseAutoCompleteMultipleValueControl = UseAutoCompleteBaseValueControl & {
11
+ export type UseAutoCompleteMultipleValueControl = UseAutoCompleteBaseValueControl & {
12
12
  defaultValue?: SelectValue[];
13
13
  mode: 'multiple';
14
14
  onChange?(newOptions: SelectValue[]): any;
15
15
  value?: SelectValue[];
16
16
  };
17
- export declare type UseAutoCompleteSingleValueControl = UseAutoCompleteBaseValueControl & {
17
+ export type UseAutoCompleteSingleValueControl = UseAutoCompleteBaseValueControl & {
18
18
  defaultValue?: SelectValue;
19
19
  mode: 'single';
20
20
  onChange?(newOption: SelectValue | null): any;
21
21
  value?: SelectValue | null;
22
22
  };
23
- export declare type UseAutoCompleteValueControl = UseAutoCompleteMultipleValueControl | UseAutoCompleteSingleValueControl;
23
+ export type UseAutoCompleteValueControl = UseAutoCompleteMultipleValueControl | UseAutoCompleteSingleValueControl;
24
24
  export interface AutoCompleteBaseValueControl {
25
25
  focused: boolean;
26
26
  onClear(e: MouseEvent<Element>): void;
@@ -31,11 +31,11 @@ export interface AutoCompleteBaseValueControl {
31
31
  setSearchText: Dispatch<SetStateAction<string>>;
32
32
  unselectedOptions: SelectValue[];
33
33
  }
34
- export declare type AutoCompleteMultipleValueControl = AutoCompleteBaseValueControl & {
34
+ export type AutoCompleteMultipleValueControl = AutoCompleteBaseValueControl & {
35
35
  onChange: (v: SelectValue | null) => SelectValue[];
36
36
  value: SelectValue[];
37
37
  };
38
- export declare type AutoCompleteSingleValueControl = AutoCompleteBaseValueControl & {
38
+ export type AutoCompleteSingleValueControl = AutoCompleteBaseValueControl & {
39
39
  onChange: (v: SelectValue | null) => SelectValue | null;
40
40
  value: SelectValue | null;
41
41
  };
@@ -1,6 +1,6 @@
1
1
  import { ChangeEvent, KeyboardEvent, RefObject } from 'react';
2
2
  import { UseInputControlValueProps } from './useInputControlValue';
3
- export declare type TagsType = string[] | number[];
3
+ export type TagsType = string[] | number[];
4
4
  export interface UseInputWithTagsModeValueProps<E extends HTMLInputElement | HTMLTextAreaElement> extends UseInputControlValueProps<E> {
5
5
  /**
6
6
  * The value of initial tags
@@ -5,29 +5,29 @@ export interface UseSelectBaseValueControl {
5
5
  onChange?(newOptions: SelectValue[] | SelectValue): any;
6
6
  onClose?(): void;
7
7
  }
8
- export declare type UseSelectMultipleValueControl = UseSelectBaseValueControl & {
8
+ export type UseSelectMultipleValueControl = UseSelectBaseValueControl & {
9
9
  defaultValue?: SelectValue[];
10
10
  mode: 'multiple';
11
11
  onChange?(newOptions: SelectValue[]): any;
12
12
  value?: SelectValue[];
13
13
  };
14
- export declare type UseSelectSingleValueControl = UseSelectBaseValueControl & {
14
+ export type UseSelectSingleValueControl = UseSelectBaseValueControl & {
15
15
  defaultValue?: SelectValue;
16
16
  mode: 'single';
17
17
  onChange?(newOption: SelectValue): any;
18
18
  value?: SelectValue | null;
19
19
  };
20
- export declare type UseSelectValueControl = UseSelectMultipleValueControl | UseSelectSingleValueControl;
20
+ export type UseSelectValueControl = UseSelectMultipleValueControl | UseSelectSingleValueControl;
21
21
  export interface SelectBaseValueControl {
22
22
  onClear(e: MouseEvent<Element>): void;
23
23
  }
24
- export declare type SelectMultipleValueControl = SelectBaseValueControl & {
24
+ export type SelectMultipleValueControl = SelectBaseValueControl & {
25
25
  onChange: (v: SelectValue | null) => SelectValue[];
26
26
  value: SelectValue[];
27
27
  };
28
- export declare type SelectSingleValueControl = SelectBaseValueControl & {
28
+ export type SelectSingleValueControl = SelectBaseValueControl & {
29
29
  onChange: (v: SelectValue | null) => SelectValue | null;
30
30
  value: SelectValue | null;
31
31
  };
32
- export declare type SelectValueControl = SelectMultipleValueControl | SelectSingleValueControl;
32
+ export type SelectValueControl = SelectMultipleValueControl | SelectSingleValueControl;
33
33
  export declare const useSelectValueControl: (props: UseSelectValueControl) => SelectMultipleValueControl | SelectSingleValueControl;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
- export declare type MenuDividerProps = NativeElementPropsWithoutKeyAndRef<'hr'>;
3
+ export type MenuDividerProps = NativeElementPropsWithoutKeyAndRef<'hr'>;
4
4
  /**
5
5
  * The react component for `mezzanine` menu divider.
6
6
  */
@@ -25,7 +25,7 @@ export interface MessageData extends Omit<NotifierData, 'onClose'>, MessageConfi
25
25
  */
26
26
  severity?: MessageSeverity;
27
27
  }
28
- export declare type MessageType = FC<MessageData> & Notifier<MessageData, MessageConfigProps> & (Record<string, (message: MessageData['children'], props?: Omit<MessageData, 'children' | 'severity' | 'icon'>) => Key>);
28
+ export type MessageType = FC<MessageData> & Notifier<MessageData, MessageConfigProps> & (Record<string, (message: MessageData['children'], props?: Omit<MessageData, 'children' | 'severity' | 'icon'>) => Key>);
29
29
  /**
30
30
  * The react component for `mezzanine` message.
31
31
  *
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
- export declare type ModalBodyProps = NativeElementPropsWithoutKeyAndRef<'div'>;
3
+ export type ModalBodyProps = NativeElementPropsWithoutKeyAndRef<'div'>;
4
4
  /**
5
5
  * The react component for `mezzanine` modal body.
6
6
  */
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
- export declare type ModalFooterProps = NativeElementPropsWithoutKeyAndRef<'div'>;
3
+ export type ModalFooterProps = NativeElementPropsWithoutKeyAndRef<'div'>;
4
4
  /**
5
5
  * The react component for `mezzanine` modal footer.
6
6
  */
@@ -3,8 +3,8 @@ import { NavigationOrientation } from '@mezzanine-ui/core/navigation';
3
3
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
4
4
  import { NavigationItemProps } from './NavigationItem';
5
5
  import { NavigationSubMenuProps } from './NavigationSubMenu';
6
- export declare type NavigationChild = ReactElement<NavigationItemProps | NavigationSubMenuProps> | null;
7
- export declare type NavigationChildren = NavigationChild | NavigationChild[];
6
+ export type NavigationChild = ReactElement<NavigationItemProps | NavigationSubMenuProps> | null;
7
+ export type NavigationChildren = NavigationChild | NavigationChild[];
8
8
  export interface NavigationProps extends Omit<NativeElementPropsWithoutKeyAndRef<'ul'>, 'onClick'> {
9
9
  /**
10
10
  * Current active key.
@@ -1,7 +1,7 @@
1
1
  import { ReactElement } from 'react';
2
2
  import { NavigationItemProps } from './NavigationItem';
3
- export declare type NavigationSubMenuChild = ReactElement<NavigationItemProps>;
4
- export declare type NavigationSubMenuChildren = NavigationSubMenuChild | NavigationSubMenuChild[];
3
+ export type NavigationSubMenuChild = ReactElement<NavigationItemProps>;
4
+ export type NavigationSubMenuChildren = NavigationSubMenuChild | NavigationSubMenuChild[];
5
5
  export interface NavigationSubMenuProps extends Omit<NavigationItemProps, 'onClick' | 'eventKey' | 'key'> {
6
6
  /**
7
7
  * Strict children with `NavigationItem`.
@@ -13,5 +13,5 @@ export interface NotifierManagerProps<N extends NotifierData> extends Pick<Notif
13
13
  })[];
14
14
  render: RenderNotifier<N>;
15
15
  }
16
- declare function NotifierManager<N extends NotifierData>(props: NotifierManagerProps<N>): JSX.Element;
16
+ declare function NotifierManager<N extends NotifierData>(props: NotifierManagerProps<N>): import("react/jsx-runtime").JSX.Element;
17
17
  export default NotifierManager;
@@ -16,7 +16,7 @@ export interface NotifierData extends Pick<NotifierConfig, 'duration'> {
16
16
  */
17
17
  onClose?: (key: Key) => void;
18
18
  }
19
- export declare type RenderNotifier<N extends NotifierData> = (notifier: N) => ReactNode;
19
+ export type RenderNotifier<N extends NotifierData> = (notifier: N) => ReactNode;
20
20
  export interface Notifier<N extends NotifierData, C extends NotifierConfig = NotifierConfig> {
21
21
  add: (notifier: N & {
22
22
  key?: Key;
@@ -101,5 +101,5 @@ export interface PaginationProps extends Omit<DetailedHTMLProps<HTMLAttributes<H
101
101
  /**
102
102
  * The react component for `mezzanine` pagination.
103
103
  */
104
- declare const Pagination: import("react").ForwardRefExoticComponent<Pick<PaginationProps, "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "boundaryCount" | "buttonText" | "current" | "disabled" | "hideNextButton" | "hidePreviousButton" | "hintText" | "inputPlaceholder" | "itemRender" | "onChangePageSize" | "pageSize" | "pageSizeLabel" | "pageSizeOptions" | "pageSizeUnit" | "renderPageSizeOptionName" | "showJumper" | "showPageSizeOptions" | "siblingCount" | "total"> & import("react").RefAttributes<HTMLElement>>;
104
+ declare const Pagination: import("react").ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
105
105
  export default Pagination;
@@ -1,6 +1,6 @@
1
1
  import { DetailedHTMLProps, HTMLAttributes } from 'react';
2
2
  import { PaginationItemType } from '@mezzanine-ui/core/pagination';
3
- export declare type PaginationItemElement = HTMLButtonElement | HTMLDivElement;
3
+ export type PaginationItemElement = HTMLButtonElement | HTMLDivElement;
4
4
  export interface PaginationItemProps extends Omit<DetailedHTMLProps<HTMLAttributes<PaginationItemElement>, PaginationItemElement>, 'ref'> {
5
5
  /**
6
6
  * If `true`, the pagination item is active.
@@ -34,5 +34,5 @@ export interface PaginationJumperProps extends Omit<DetailedHTMLProps<HTMLAttrib
34
34
  */
35
35
  total?: number;
36
36
  }
37
- declare const PaginationJumper: import("react").ForwardRefExoticComponent<Pick<PaginationJumperProps, "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "buttonText" | "disabled" | "hintText" | "inputPlaceholder" | "pageSize" | "total"> & import("react").RefAttributes<HTMLDivElement>>;
37
+ declare const PaginationJumper: import("react").ForwardRefExoticComponent<Omit<PaginationJumperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
38
38
  export default PaginationJumper;
@@ -34,5 +34,5 @@ export interface PaginationPageSizeProps extends Omit<DetailedHTMLProps<HTMLAttr
34
34
  */
35
35
  value?: number;
36
36
  }
37
- declare const PaginationPageSize: import("react").ForwardRefExoticComponent<Pick<PaginationPageSizeProps, "onChange" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "disabled" | "label" | "options" | "renderOptionName" | "unit" | "value"> & import("react").RefAttributes<HTMLDivElement>>;
37
+ declare const PaginationPageSize: import("react").ForwardRefExoticComponent<Omit<PaginationPageSizeProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
38
38
  export default PaginationPageSize;
@@ -1,6 +1,6 @@
1
1
  import { DateType } from '@mezzanine-ui/core/calendar';
2
2
  import { FocusEventHandler, KeyboardEventHandler, RefObject } from 'react';
3
- export declare type UsePickerValueProps = {
3
+ export type UsePickerValueProps = {
4
4
  defaultValue?: DateType;
5
5
  format: string;
6
6
  formats: string[];
@@ -5,10 +5,10 @@ import { ElementGetter } from '../utils/getElement';
5
5
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
6
6
  import { PortalProps } from '../Portal';
7
7
  export type { Placement as PopperPlacement, PositioningStrategy as PopperPositionStrategy, } from '@popperjs/core';
8
- export declare type PopperOptions<Modifiers> = Omit<Partial<_PopperOptions>, 'modifiers'> & {
8
+ export type PopperOptions<Modifiers> = Omit<Partial<_PopperOptions>, 'modifiers'> & {
9
9
  modifiers?: ReadonlyArray<Modifier<Modifiers>>;
10
10
  };
11
- export declare type PopperController = ReturnType<typeof usePopper>;
11
+ export type PopperController = ReturnType<typeof usePopper>;
12
12
  export interface PopperProps extends Pick<PortalProps, 'container' | 'disablePortal'>, NativeElementPropsWithoutKeyAndRef<'div'> {
13
13
  /**
14
14
  * The ref of trigger Element.
@@ -53,7 +53,7 @@ export interface AutoCompleteBaseProps extends Omit<SelectTriggerProps, 'active'
53
53
  */
54
54
  size?: SelectInputSize;
55
55
  }
56
- export declare type AutoCompleteMultipleProps = AutoCompleteBaseProps & {
56
+ export type AutoCompleteMultipleProps = AutoCompleteBaseProps & {
57
57
  /**
58
58
  * The default selection
59
59
  */
@@ -72,7 +72,7 @@ export declare type AutoCompleteMultipleProps = AutoCompleteBaseProps & {
72
72
  */
73
73
  value?: SelectValue[];
74
74
  };
75
- export declare type AutoCompleteSingleProps = AutoCompleteBaseProps & {
75
+ export type AutoCompleteSingleProps = AutoCompleteBaseProps & {
76
76
  /**
77
77
  * The default selection
78
78
  */
@@ -91,7 +91,7 @@ export declare type AutoCompleteSingleProps = AutoCompleteBaseProps & {
91
91
  */
92
92
  value?: SelectValue | null;
93
93
  };
94
- export declare type AutoCompleteProps = AutoCompleteMultipleProps | AutoCompleteSingleProps;
94
+ export type AutoCompleteProps = AutoCompleteMultipleProps | AutoCompleteSingleProps;
95
95
  /**
96
96
  * The AutoComplete component for react. <br />
97
97
  * Note that if you need search for ONLY given options, not included your typings,
@@ -36,7 +36,7 @@ export interface SelectBaseProps extends Omit<SelectTriggerProps, 'active' | 'in
36
36
  */
37
37
  size?: SelectInputSize;
38
38
  }
39
- export declare type SelectMultipleProps = SelectBaseProps & {
39
+ export type SelectMultipleProps = SelectBaseProps & {
40
40
  /**
41
41
  * The default selection
42
42
  */
@@ -59,7 +59,7 @@ export declare type SelectMultipleProps = SelectBaseProps & {
59
59
  */
60
60
  value?: SelectValue[];
61
61
  };
62
- export declare type SelectSingleProps = SelectBaseProps & {
62
+ export type SelectSingleProps = SelectBaseProps & {
63
63
  /**
64
64
  * The default selection
65
65
  */
@@ -82,6 +82,6 @@ export declare type SelectSingleProps = SelectBaseProps & {
82
82
  */
83
83
  value?: SelectValue | null;
84
84
  };
85
- export declare type SelectProps = SelectMultipleProps | SelectSingleProps;
85
+ export type SelectProps = SelectMultipleProps | SelectSingleProps;
86
86
  declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLDivElement>>;
87
87
  export default Select;
@@ -2,7 +2,7 @@ import { Ref } from 'react';
2
2
  import { TextFieldProps } from '../TextField';
3
3
  import { SelectValue } from './typings';
4
4
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
5
- export declare type SelectTriggerInputProps = Omit<NativeElementPropsWithoutKeyAndRef<'input'>, 'autoComplete' | 'children' | 'defaultValue' | 'disabled' | 'readOnly' | 'required' | 'type' | 'value' | `aria-${'autocomplete' | 'disabled' | 'haspopup' | 'multiline' | 'readonly' | 'required'}`>;
5
+ export type SelectTriggerInputProps = Omit<NativeElementPropsWithoutKeyAndRef<'input'>, 'autoComplete' | 'children' | 'defaultValue' | 'disabled' | 'readOnly' | 'required' | 'type' | 'value' | `aria-${'autocomplete' | 'disabled' | 'haspopup' | 'multiline' | 'readonly' | 'required'}`>;
6
6
  export interface SelectTriggerBaseProps extends Omit<TextFieldProps, 'active' | 'children' | 'defaultChecked' | 'suffix'> {
7
7
  /**
8
8
  * Controls the chevron icon layout.
@@ -51,7 +51,7 @@ export interface SelectTriggerBaseProps extends Omit<TextFieldProps, 'active' |
51
51
  showTextInputAfterTags?: boolean;
52
52
  suffixAction?: VoidFunction;
53
53
  }
54
- export declare type SelectTriggerMultipleProps = SelectTriggerBaseProps & {
54
+ export type SelectTriggerMultipleProps = SelectTriggerBaseProps & {
55
55
  /**
56
56
  * Controls the layout of trigger.
57
57
  */
@@ -67,7 +67,7 @@ export declare type SelectTriggerMultipleProps = SelectTriggerBaseProps & {
67
67
  */
68
68
  renderValue?: (value: SelectValue[]) => string;
69
69
  };
70
- export declare type SelectTriggerSingleProps = SelectTriggerBaseProps & {
70
+ export type SelectTriggerSingleProps = SelectTriggerBaseProps & {
71
71
  /**
72
72
  * Controls the layout of trigger.
73
73
  */
@@ -83,7 +83,7 @@ export declare type SelectTriggerSingleProps = SelectTriggerBaseProps & {
83
83
  */
84
84
  renderValue?: (value: SelectValue | null) => string;
85
85
  };
86
- export declare type SelectTriggerComponentProps = SelectTriggerMultipleProps | SelectTriggerSingleProps;
87
- export declare type SelectTriggerProps = Omit<SelectTriggerComponentProps, 'innerRef'>;
86
+ export type SelectTriggerComponentProps = SelectTriggerMultipleProps | SelectTriggerSingleProps;
87
+ export type SelectTriggerProps = Omit<SelectTriggerComponentProps, 'innerRef'>;
88
88
  declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
89
89
  export default SelectTrigger;
@@ -32,16 +32,16 @@ export interface SliderBaseProps extends Omit<NativeElementPropsWithoutKeyAndRef
32
32
  */
33
33
  innerRef?: Ref<HTMLDivElement>;
34
34
  }
35
- export declare type SingleSliderProps = SliderBaseProps & {
35
+ export type SingleSliderProps = SliderBaseProps & {
36
36
  onChange?: (value: SingleSliderValue) => void;
37
37
  value: UseSingleSliderProps['value'];
38
38
  };
39
- export declare type RangeSliderProps = SliderBaseProps & {
39
+ export type RangeSliderProps = SliderBaseProps & {
40
40
  onChange?: (value: RangeSliderValue) => void;
41
41
  value: UseRangeSliderProps['value'];
42
42
  };
43
- export declare type SliderComponentProps = SingleSliderProps | RangeSliderProps;
44
- export declare type SliderProps = Omit<SliderComponentProps, 'innerRef'>;
43
+ export type SliderComponentProps = SingleSliderProps | RangeSliderProps;
44
+ export type SliderProps = Omit<SliderComponentProps, 'innerRef'>;
45
45
  /**
46
46
  * The react component for `mezzanine` slider.
47
47
  * The outcome will be base on the type of given value.
package/Table/Table.d.ts CHANGED
@@ -83,6 +83,6 @@ export interface TableWithPagination<T> extends TableBaseProps<T> {
83
83
  pagination?: TablePaginationType;
84
84
  fetchMore?: undefined;
85
85
  }
86
- export declare type TableProps<T> = TableWithFetchMore<T> | TableWithPagination<T>;
86
+ export type TableProps<T> = TableWithFetchMore<T> | TableWithPagination<T>;
87
87
  declare const Table: import("react").ForwardRefExoticComponent<TableProps<Record<string, unknown>> & import("react").RefAttributes<HTMLDivElement>>;
88
88
  export default Table;
@@ -1,8 +1,7 @@
1
- /// <reference types="react" />
2
1
  import { TableColumn, TableDataSource, TableRecord } from '@mezzanine-ui/core/table';
3
2
  import { NativeElementPropsWithoutKeyAndRef } from '../../utils/jsx-types';
4
3
  export interface EditableBodyCellProps extends NativeElementPropsWithoutKeyAndRef<'div'>, TableColumn<TableRecord<unknown>> {
5
4
  rowData: TableDataSource;
6
5
  }
7
- declare function TableEditRenderWrapper({ children, dataIndex, editable, rowData, setCellProps, ...rest }: EditableBodyCellProps): JSX.Element;
6
+ declare function TableEditRenderWrapper({ children, dataIndex, editable, rowData, setCellProps, ...rest }: EditableBodyCellProps): import("react/jsx-runtime").JSX.Element;
8
7
  export default TableEditRenderWrapper;
@@ -2,7 +2,7 @@ import { TableDataSource, TableColumn, TableRecord } from '@mezzanine-ui/core/ta
2
2
  export interface UseTableSorting {
3
3
  dataSource: TableDataSource[];
4
4
  }
5
- export declare type SortedType = 'desc' | 'asc' | 'none';
5
+ export type SortedType = 'desc' | 'asc' | 'none';
6
6
  export declare function useTableSorting(props: UseTableSorting): readonly [TableDataSource[], (v: Pick<TableColumn<TableRecord<unknown>>, "dataIndex" | "sorter" | "onSorted">) => void, {
7
7
  readonly sortedOn: string;
8
8
  readonly sortedType: SortedType;
@@ -17,6 +17,7 @@ export default function useTableScroll(): readonly [{
17
17
  suppressContentEditableWarning?: boolean | undefined;
18
18
  suppressHydrationWarning?: boolean | undefined;
19
19
  accessKey?: string | undefined;
20
+ autoFocus?: boolean | undefined;
20
21
  className?: string | undefined;
21
22
  contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
22
23
  contextMenu?: string | undefined;
@@ -36,11 +37,14 @@ export default function useTableScroll(): readonly [{
36
37
  radioGroup?: string | undefined;
37
38
  role?: import("react").AriaRole | undefined;
38
39
  about?: string | undefined;
40
+ content?: string | undefined;
39
41
  datatype?: string | undefined;
40
42
  inlist?: any;
41
43
  prefix?: string | undefined;
42
44
  property?: string | undefined;
45
+ rel?: string | undefined;
43
46
  resource?: string | undefined;
47
+ rev?: string | undefined;
44
48
  typeof?: string | undefined;
45
49
  vocab?: string | undefined;
46
50
  autoCapitalize?: string | undefined;
@@ -107,7 +111,7 @@ export default function useTableScroll(): readonly [{
107
111
  'aria-valuetext'?: string | undefined;
108
112
  children?: import("react").ReactNode;
109
113
  dangerouslySetInnerHTML?: {
110
- __html: string;
114
+ __html: string | TrustedHTML;
111
115
  } | undefined;
112
116
  onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
113
117
  onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
package/Tabs/Tabs.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Key, MouseEvent, ReactElement, ReactNode } from 'react';
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
3
  import { TabPaneProps } from './TabPane';
4
- export declare type TabsChild = ReactElement<TabPaneProps>;
4
+ export type TabsChild = ReactElement<TabPaneProps>;
5
5
  export interface TabsProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onChange' | 'children'> {
6
6
  /**
7
7
  * Current TabPane's index
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { TransitionImplementationProps } from './Transition';
3
- export declare type FadeProps = TransitionImplementationProps;
3
+ export type FadeProps = TransitionImplementationProps;
4
4
  /**
5
5
  * The react component for `mezzanine` transition fade.
6
6
  */
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { TransitionImplementationProps } from './Transition';
3
- export declare type SlideFadeDirection = 'left' | 'right' | 'up' | 'down';
3
+ export type SlideFadeDirection = 'left' | 'right' | 'up' | 'down';
4
4
  export interface SlideFadeProps extends TransitionImplementationProps {
5
5
  /**
6
6
  * The direction of child element will enter to.
@@ -2,18 +2,18 @@ import { RefObject, CSSProperties, ReactElement, JSXElementConstructor, Ref } fr
2
2
  import { TransitionStatus as TransitionState, TransitionChildren } from 'react-transition-group/Transition';
3
3
  import { NativeElementTag } from '../utils/jsx-types';
4
4
  export { TransitionState };
5
- export declare type TransitionMode = 'enter' | 'exit';
6
- export declare type TransitionDuration = 'auto' | number | {
5
+ export type TransitionMode = 'enter' | 'exit';
6
+ export type TransitionDuration = 'auto' | number | {
7
7
  [mode in TransitionMode]?: number;
8
8
  };
9
- export declare type TransitionEasing = string | {
9
+ export type TransitionEasing = string | {
10
10
  [mode in TransitionMode]?: string;
11
11
  };
12
- export declare type TransitionDelay = number | {
12
+ export type TransitionDelay = number | {
13
13
  [mode in TransitionMode]?: number;
14
14
  };
15
- export declare type TransitionEnterHandler = (node: HTMLElement, isAppearing: boolean) => void;
16
- export declare type TransitionExitHandler = (node: HTMLElement) => void;
15
+ export type TransitionEnterHandler = (node: HTMLElement, isAppearing: boolean) => void;
16
+ export type TransitionExitHandler = (node: HTMLElement) => void;
17
17
  export interface TransitionImplementationChildProps {
18
18
  ref?: Ref<HTMLElement>;
19
19
  style?: CSSProperties;
@@ -94,5 +94,5 @@ export interface TransitionImplementationProps extends Omit<TransitionProps, 'ad
94
94
  /**
95
95
  * The react component for `mezzanine` transition.
96
96
  */
97
- declare function Transition(props: TransitionProps): JSX.Element;
97
+ declare function Transition(props: TransitionProps): import("react/jsx-runtime").JSX.Element;
98
98
  export default Transition;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { TransitionImplementationProps } from './Transition';
3
- export declare type ZoomProps = TransitionImplementationProps;
3
+ export type ZoomProps = TransitionImplementationProps;
4
4
  /**
5
5
  * The react component for `mezzanine` transition zoom.
6
6
  */
@@ -3,7 +3,7 @@ import { TreeNodeValue, TreeSize } from '@mezzanine-ui/core/tree';
3
3
  import { CollapseProps } from '../Transition';
4
4
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
5
5
  import { TreeNodeData } from './typings';
6
- export declare type TreeNodeElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'li'>, 'children' | 'value' | 'onSelect'>;
6
+ export type TreeNodeElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'li'>, 'children' | 'value' | 'onSelect'>;
7
7
  export interface TreeNodeProps extends TreeNodeData, TreeNodeElementProps {
8
8
  /**
9
9
  * Provided children will be wrapped under `Collapse`.
@@ -2,7 +2,7 @@
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
3
  import { TreeNodeElementProps, TreeNodeProps } from './TreeNode';
4
4
  import { TreeNodeData, TreeNodeRefs } from './typings';
5
- export declare type TreeNodeListElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'ul'>, 'children' | 'onSelect'>;
5
+ export type TreeNodeListElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'ul'>, 'children' | 'onSelect'>;
6
6
  export interface TreeNodeListProps extends TreeNodeListElementProps, Pick<TreeNodeProps, 'multiple' | 'onExpand' | 'onSelect' | 'selectable' | 'size'> {
7
7
  /**
8
8
  * Given nodes will be passed to `TreeNode` component orderly.
package/Tree/typings.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { MutableRefObject, ReactNode } from 'react';
2
2
  import { TreeNodeDataShape, TreeNodeEntityShape, TreeNodePropShape, TreeNodeValue } from '@mezzanine-ui/core/tree';
3
- export declare type TreeNodeProp = TreeNodePropShape<ReactNode>;
4
- export declare type TreeNodeData = TreeNodeDataShape<ReactNode>;
5
- export declare type TreeNodeEntity = TreeNodeEntityShape<ReactNode>;
6
- export declare type TreeNodeEntities = Map<TreeNodeValue, TreeNodeEntity>;
7
- export declare type TreeNodeRefsShape = Record<TreeNodeValue, HTMLLIElement>;
8
- export declare type TreeNodeRefs = MutableRefObject<TreeNodeRefsShape | undefined>;
9
- export declare type TreeExpandControl = {
3
+ export type TreeNodeProp = TreeNodePropShape<ReactNode>;
4
+ export type TreeNodeData = TreeNodeDataShape<ReactNode>;
5
+ export type TreeNodeEntity = TreeNodeEntityShape<ReactNode>;
6
+ export type TreeNodeEntities = Map<TreeNodeValue, TreeNodeEntity>;
7
+ export type TreeNodeRefsShape = Record<TreeNodeValue, HTMLLIElement>;
8
+ export type TreeNodeRefs = MutableRefObject<TreeNodeRefsShape | undefined>;
9
+ export type TreeExpandControl = {
10
10
  collapse: (value: TreeNodeValue) => void;
11
11
  collapseAll: () => void;
12
12
  collapseAllFrom: (value: TreeNodeValue) => void;
@@ -1,7 +1,7 @@
1
1
  import { JSXElementConstructor } from 'react';
2
2
  import { TypographyAlign, TypographyColor, TypographyDisplay, TypographyVariant } from '@mezzanine-ui/core/typography';
3
3
  import { ComponentOverridableForwardRefComponentPropsFactory } from '../utils/jsx-types';
4
- export declare type TypographyComponent = `h${1 | 2 | 3 | 4 | 5 | 6}` | 'p' | 'span' | 'label' | 'div' | 'caption' | 'a' | JSXElementConstructor<any>;
4
+ export type TypographyComponent = `h${1 | 2 | 3 | 4 | 5 | 6}` | 'p' | 'span' | 'label' | 'div' | 'caption' | 'a' | JSXElementConstructor<any>;
5
5
  interface TypographyPropsBase {
6
6
  /**
7
7
  * The css variable for `text-align`.
@@ -33,7 +33,7 @@ interface TypographyPropsBase {
33
33
  */
34
34
  variant?: TypographyVariant;
35
35
  }
36
- export declare type TypographyProps<C extends TypographyComponent = 'p'> = ComponentOverridableForwardRefComponentPropsFactory<TypographyComponent, C, TypographyPropsBase>;
36
+ export type TypographyProps<C extends TypographyComponent = 'p'> = ComponentOverridableForwardRefComponentPropsFactory<TypographyComponent, C, TypographyPropsBase>;
37
37
  /**
38
38
  * The react component for `mezzanine` typography.
39
39
  */
@@ -6,6 +6,6 @@ export type { TypographyComponent, TypographyProps, };
6
6
  * @remark
7
7
  * Add type alias here for parsable to react docgen typescript.
8
8
  */
9
- declare type GenericTypography = <C extends TypographyComponent = 'p'>(props: PropsWithoutRef<TypographyProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
9
+ type GenericTypography = <C extends TypographyComponent = 'p'>(props: PropsWithoutRef<TypographyProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
10
10
  declare const _default: GenericTypography;
11
11
  export default _default;
@@ -1,2 +1,5 @@
1
1
  import Typography from './Typography.js';
2
- export { default } from './Typography.js';
2
+
3
+
4
+
5
+ export { Typography as default };
@@ -1,9 +1,10 @@
1
1
  import { Ref } from 'react';
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
- export declare type UploadPictureControl = {
3
+ import { UploadPictureBlockProps } from './UploadPictureBlock';
4
+ export type UploadPictureControl = {
4
5
  getData: () => void;
5
6
  };
6
- export interface UploadPictureProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
7
+ export interface UploadPictureProps extends Pick<UploadPictureBlockProps, 'defaultUploadErrorLabel' | 'defaultUploadingLabel' | 'defaultUploadLabel'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
7
8
  /**
8
9
  * The accept attributes of native input element.
9
10
  * @default 'image/*'
@@ -5,7 +5,7 @@ import UploadPictureBlock from './UploadPictureBlock.js';
5
5
  import cx from 'clsx';
6
6
 
7
7
  const UploadPicture = forwardRef(function UploadPicture(props, ref) {
8
- const { accept = 'image/*', className, controllerRef, defaultValue, disabled = false, onChange, onDelete, onError, onUpload, onUploadSuccess, style, } = props;
8
+ const { accept = 'image/*', className, controllerRef, defaultValue, defaultUploadErrorLabel, defaultUploadingLabel, defaultUploadLabel, disabled = false, onChange, onDelete, onError, onUpload, onUploadSuccess, style, } = props;
9
9
  const defaultImageUploader = new ImageUploader(undefined, defaultValue);
10
10
  const uploadPictureImageLoader = useRef(defaultImageUploader);
11
11
  const onImageUpload = useCallback((files) => {
@@ -45,7 +45,7 @@ const UploadPicture = forwardRef(function UploadPicture(props, ref) {
45
45
  useImperativeHandle(controllerRef, () => ({
46
46
  getData: () => uploadPictureImageLoader.current.getAll(),
47
47
  }));
48
- return (jsx("div", { ref: ref, className: cx(uploadPictureClasses.host, className), style: style, children: jsx(UploadPictureBlock, { accept: accept, disabled: disabled, imageLoader: uploadPictureImageLoader.current, multiple: false, onDelete: onImageDelete, onUpload: onImageUpload, onValueChange: onChange }) }));
48
+ return (jsx("div", { ref: ref, className: cx(uploadPictureClasses.host, className), style: style, children: jsx(UploadPictureBlock, { accept: accept, defaultUploadErrorLabel: defaultUploadErrorLabel, defaultUploadingLabel: defaultUploadingLabel, defaultUploadLabel: defaultUploadLabel, disabled: disabled, imageLoader: uploadPictureImageLoader.current, multiple: false, onDelete: onImageDelete, onUpload: onImageUpload, onValueChange: onChange }) }));
49
49
  });
50
50
  var UploadPicture$1 = UploadPicture;
51
51
 
@@ -3,6 +3,12 @@ import { ImageUploader } from '@mezzanine-ui/core/upload';
3
3
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
4
4
  export interface UploadPictureBlockProps extends Omit<NativeElementPropsWithoutKeyAndRef<'button'>, 'children' | 'onChange' | 'value'> {
5
5
  accept?: string;
6
+ /** @default '上傳錯誤' */
7
+ defaultUploadErrorLabel?: string;
8
+ /** @default '上傳中...' */
9
+ defaultUploadingLabel?: string;
10
+ /** @default '上傳影像' */
11
+ defaultUploadLabel?: string;
6
12
  fileHost?: string;
7
13
  imageLoader: ImageUploader;
8
14
  multiple?: boolean;
@@ -8,7 +8,7 @@ import Icon from '../Icon/Icon.js';
8
8
  import cx from 'clsx';
9
9
 
10
10
  const UploadPictureBlock = forwardRef(function UploadPictureBlock(props, ref) {
11
- const { accept = 'image/*', disabled = false, imageLoader, multiple = false, onDelete, onUpload, onValueChange, fileHost, } = props;
11
+ const { accept = 'image/*', defaultUploadErrorLabel = '上傳錯誤', defaultUploadingLabel = '上傳中...', defaultUploadLabel = '上傳影像', disabled = false, imageLoader, multiple = false, onDelete, onUpload, onValueChange, fileHost, } = props;
12
12
  const [previewImage, setPreviewImage] = useState(imageLoader.getPreview() || '');
13
13
  const [value, setValue] = useState(imageLoader.getUrl() || '');
14
14
  const [percentage, setPercentage] = useState(imageLoader.getPercentage() || 0);
@@ -73,9 +73,9 @@ const UploadPictureBlock = forwardRef(function UploadPictureBlock(props, ref) {
73
73
  [uploadPictureBlockClasses.loading]: isLoading,
74
74
  [uploadPictureBlockClasses.error]: isError,
75
75
  [uploadPictureBlockClasses.disabled]: disabled,
76
- }), style: style, children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }), isError ? (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: TimesIcon }), jsx("span", { className: uploadPictureBlockClasses.status, children: "\u4E0A\u50B3\u932F\u8AA4" })] })) : (
76
+ }), style: style, children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }), isError ? (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: TimesIcon }), jsx("span", { className: uploadPictureBlockClasses.status, children: defaultUploadErrorLabel })] })) : (
77
77
  // eslint-disable-next-line react/jsx-no-useless-fragment
78
- jsx(Fragment, { children: showImage ? (jsxs(Fragment, { children: [jsx("img", { alt: "", src: (value ? `${fileHost || ''}${value}` : previewImage), className: uploadPictureBlockClasses.preview }), isLoading ? (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: SpinnerIcon, spin: true }), jsx("span", { className: uploadPictureBlockClasses.status, children: "\u4E0A\u50B3\u4E2D..." })] })) : null] })) : (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: UploadIcon }), jsx("span", { className: uploadPictureBlockClasses.status, children: "\u4E0A\u50B3\u5F71\u50CF" })] })) })), !disabled && canDeleteImage && (jsx("div", { className: uploadPictureBlockClasses.delete, children: jsx(Icon, { icon: TrashIcon }) }))] }));
78
+ jsx(Fragment, { children: showImage ? (jsxs(Fragment, { children: [jsx("img", { alt: "", src: (value ? `${fileHost || ''}${value}` : previewImage), className: uploadPictureBlockClasses.preview }), isLoading ? (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: SpinnerIcon, spin: true }), jsx("span", { className: uploadPictureBlockClasses.status, children: defaultUploadingLabel })] })) : null] })) : (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: UploadIcon }), jsx("span", { className: uploadPictureBlockClasses.status, children: defaultUploadLabel })] })) })), !disabled && canDeleteImage && (jsx("div", { className: uploadPictureBlockClasses.delete, children: jsx(Icon, { icon: TrashIcon }) }))] }));
79
79
  });
80
80
  var UploadPictureBlock$1 = UploadPictureBlock;
81
81
 
@@ -1,9 +1,10 @@
1
1
  import { Ref } from 'react';
2
2
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
3
- export declare type UploadPictureWallControl = {
3
+ import { UploadPictureWallItemProps } from './UploadPictureWallItem';
4
+ export type UploadPictureWallControl = {
4
5
  getAllData: () => void;
5
6
  };
6
- export interface UploadPictureWallBaseProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
7
+ export interface UploadPictureWallBaseProps extends Pick<UploadPictureWallItemProps, 'defaultUploadErrorLabel' | 'defaultUploadingLabel' | 'defaultUploadLabel'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
7
8
  /**
8
9
  * The accept attributes of native input element.
9
10
  * @default 'image/*'
@@ -75,6 +76,6 @@ export interface UploadPictureWallMultiUploadProps extends UploadPictureWallBase
75
76
  onUpload?: undefined;
76
77
  parallel?: undefined;
77
78
  }
78
- export declare type UploadPictureWallProps = UploadPictureWallSingleUploadProps | UploadPictureWallMultiUploadProps;
79
+ export type UploadPictureWallProps = UploadPictureWallSingleUploadProps | UploadPictureWallMultiUploadProps;
79
80
  declare const UploadPictureWall: import("react").ForwardRefExoticComponent<UploadPictureWallProps & import("react").RefAttributes<HTMLDivElement>>;
80
81
  export default UploadPictureWall;
@@ -9,7 +9,7 @@ import UploadPictureWallItem from './UploadPictureWallItem.js';
9
9
  import cx from 'clsx';
10
10
 
11
11
  const UploadPictureWall = forwardRef(function UploadPictureWall(props, ref) {
12
- const { accept = 'image/*', className, controllerRef, defaultValues, disabled = false, fileHost = '', maxLength, multiple = true, onChange, onDelete, onError, onMultiUpload, onUpload, onUploadSuccess, parallel = false, style, } = props;
12
+ const { accept = 'image/*', className, controllerRef, defaultValues, defaultUploadErrorLabel, defaultUploadingLabel, defaultUploadLabel, disabled = false, fileHost = '', maxLength, multiple = true, onChange, onDelete, onError, onMultiUpload, onUpload, onUploadSuccess, parallel = false, style, } = props;
13
13
  const [uploadPictureImageLoaders, setUploadPictureImageLoader] = useState(defaultValues ? compact(defaultValues).map((value) => new ImageUploader(undefined, value)) : []);
14
14
  const [needUploadImageLoaders, setNeedUploadImageLoaders] = useState([]);
15
15
  const [needUploadImageLoaderSets, setNeedUploadImageLoaderSets] = useState([]);
@@ -150,7 +150,7 @@ const UploadPictureWall = forwardRef(function UploadPictureWall(props, ref) {
150
150
  useImperativeHandle(controllerRef, () => ({
151
151
  getAllData: () => uploadPictureImageLoaders.map((loader) => loader.getAll()),
152
152
  }));
153
- return (jsxs("div", { ref: ref, className: cx(uploadPictureWallClasses.host, className), style: style, children: [loaderList.map((up) => (jsx(UploadPictureWallItem, { accept: accept, disabled: disabled, imageLoader: up, multiple: multiple, onDelete: () => onImageDelete(up.getUid()), fileHost: fileHost }, up.getUid()))), maxLength && loaderList.length >= maxLength ? null : (jsx(UploadPictureWallItem, { accept: accept, disabled: disabled, imageLoader: new ImageUploader(), multiple: multiple, onUpload: onImagesUpload, fileHost: fileHost }))] }));
153
+ return (jsxs("div", { ref: ref, className: cx(uploadPictureWallClasses.host, className), style: style, children: [loaderList.map((up) => (jsx(UploadPictureWallItem, { accept: accept, defaultUploadErrorLabel: defaultUploadErrorLabel, defaultUploadingLabel: defaultUploadingLabel, defaultUploadLabel: defaultUploadLabel, disabled: disabled, imageLoader: up, multiple: multiple, onDelete: () => onImageDelete(up.getUid()), fileHost: fileHost }, up.getUid()))), maxLength && loaderList.length >= maxLength ? null : (jsx(UploadPictureWallItem, { accept: accept, defaultUploadErrorLabel: defaultUploadErrorLabel, defaultUploadingLabel: defaultUploadingLabel, defaultUploadLabel: defaultUploadLabel, disabled: disabled, imageLoader: new ImageUploader(), multiple: multiple, onUpload: onImagesUpload, fileHost: fileHost }))] }));
154
154
  });
155
155
  var UploadPictureWall$1 = UploadPictureWall;
156
156
 
@@ -1,7 +1,8 @@
1
1
  import { MouseEventHandler } from 'react';
2
2
  import { ImageUploader } from '@mezzanine-ui/core/upload';
3
3
  import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
4
- export interface UploadPictureWallItemProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'value' | 'onChange' | 'children'> {
4
+ import { UploadPictureBlockProps } from './UploadPictureBlock';
5
+ export interface UploadPictureWallItemProps extends Pick<UploadPictureBlockProps, 'defaultUploadErrorLabel' | 'defaultUploadingLabel' | 'defaultUploadLabel'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'value' | 'onChange' | 'children'> {
5
6
  accept?: string;
6
7
  disabled?: boolean;
7
8
  fileHost?: string;
@@ -10,5 +11,5 @@ export interface UploadPictureWallItemProps extends Omit<NativeElementPropsWitho
10
11
  onDelete?: MouseEventHandler;
11
12
  onUpload?: (files: File[]) => void;
12
13
  }
13
- declare const UploadPictureWallItem: (props: UploadPictureWallItemProps) => JSX.Element;
14
+ declare const UploadPictureWallItem: (props: UploadPictureWallItemProps) => import("react/jsx-runtime").JSX.Element;
14
15
  export default UploadPictureWallItem;
@@ -5,14 +5,14 @@ import UploadPictureBlock from './UploadPictureBlock.js';
5
5
  import cx from 'clsx';
6
6
 
7
7
  const UploadPictureWallItem = (props) => {
8
- const { accept, disabled, imageLoader, multiple, onDelete, onUpload, fileHost, } = props;
8
+ const { accept, defaultUploadErrorLabel, defaultUploadingLabel, defaultUploadLabel, disabled, imageLoader, multiple, onDelete, onUpload, fileHost, } = props;
9
9
  const loader = useRef(imageLoader);
10
10
  useEffect(() => {
11
11
  if (!loader.current.getPreview()) {
12
12
  loader.current.setPreview();
13
13
  }
14
14
  }, []);
15
- return (jsx("div", { className: cx(uploadPictureWallClasses.item), children: jsx(UploadPictureBlock, { accept: accept, disabled: disabled, imageLoader: loader.current, multiple: multiple, onDelete: onDelete, onUpload: onUpload, fileHost: fileHost }) }));
15
+ return (jsx("div", { className: cx(uploadPictureWallClasses.item), children: jsx(UploadPictureBlock, { accept: accept, defaultUploadErrorLabel: defaultUploadErrorLabel, defaultUploadingLabel: defaultUploadingLabel, defaultUploadLabel: defaultUploadLabel, disabled: disabled, imageLoader: loader.current, multiple: multiple, onDelete: onDelete, onUpload: onUpload, fileHost: fileHost }) }));
16
16
  };
17
17
  var UploadPictureWallItem$1 = UploadPictureWallItem;
18
18
 
@@ -1,5 +1,5 @@
1
1
  import { RefObject, DependencyList } from 'react';
2
- export declare type ClickAwayEvent = MouseEvent | TouchEvent | PointerEvent;
3
- export declare type ClickAwayHandler = (event: ClickAwayEvent) => void;
4
- export declare type ClickAwayHandlerFactory = () => ClickAwayHandler | undefined;
2
+ export type ClickAwayEvent = MouseEvent | TouchEvent | PointerEvent;
3
+ export type ClickAwayHandler = (event: ClickAwayEvent) => void;
4
+ export type ClickAwayHandlerFactory = () => ClickAwayHandler | undefined;
5
5
  export declare function useClickAway(factory: ClickAwayHandlerFactory, containerRef: RefObject<HTMLElement>, deps?: DependencyList): void;
@@ -1,3 +1,3 @@
1
1
  import { DependencyList } from 'react';
2
- export declare type DocumentEscapeKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
2
+ export type DocumentEscapeKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
3
3
  export declare function useDocumentEscapeKeyDown(factory: DocumentEscapeKeyDownHandlerFactory, deps?: DependencyList): void;
@@ -1,5 +1,5 @@
1
1
  import { DependencyList } from 'react';
2
- export declare type DocumentEventHandlersFactory = () => {
2
+ export type DocumentEventHandlersFactory = () => {
3
3
  [event in keyof DocumentEventMap]?: (event: DocumentEventMap[event]) => void;
4
4
  } | undefined;
5
5
  export declare function useDocumentEvents(factory: DocumentEventHandlersFactory, deps?: DependencyList): void;
@@ -1,3 +1,3 @@
1
1
  import { DependencyList } from 'react';
2
- export declare type DocumentTabKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
2
+ export type DocumentTabKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
3
3
  export declare function useDocumentTabKeyDown(factory: DocumentTabKeyDownHandlerFactory, deps?: DependencyList): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mezzanine-ui/react",
3
- "version": "0.12.3",
3
+ "version": "0.12.5",
4
4
  "description": "React components for mezzanine-ui",
5
5
  "author": "Mezzanine",
6
6
  "repository": {
@@ -31,9 +31,9 @@
31
31
  "react-dom": "^18.2.0"
32
32
  },
33
33
  "dependencies": {
34
- "@mezzanine-ui/core": "^0.12.3",
35
- "@mezzanine-ui/icons": "^0.12.3",
36
- "@mezzanine-ui/system": "^0.12.3",
34
+ "@mezzanine-ui/core": "^0.12.5",
35
+ "@mezzanine-ui/icons": "^0.12.5",
36
+ "@mezzanine-ui/system": "^0.12.5",
37
37
  "@popperjs/core": "^2.11.6",
38
38
  "@types/react-transition-group": "^4.4.5",
39
39
  "clsx": "^1.2.1",
@@ -1,6 +1,6 @@
1
1
  import { Ref } from 'react';
2
- export declare type ComposableRef<T> = Ref<T> | null | undefined;
3
- export declare type ComposedRef<T> = Extract<Ref<T>, (...args: any[]) => any>;
2
+ export type ComposableRef<T> = Ref<T> | null | undefined;
3
+ export type ComposedRef<T> = Extract<Ref<T>, (...args: any[]) => any>;
4
4
  /**
5
5
  * Compose all refs to single one.
6
6
  * It's helpful if you want to use useRef in an forwardRef component.
@@ -1,8 +1,8 @@
1
- export declare type PickRenameMulti<T, R extends {
1
+ export type PickRenameMulti<T, R extends {
2
2
  [K in keyof R]: K extends keyof T ? PropertyKey : 'Error: key not in T';
3
3
  }> = {
4
4
  [P in keyof T as P extends keyof R ? R[P] : P]: T[P];
5
5
  };
6
- export declare type ExtendedProperties<T> = {
6
+ export type ExtendedProperties<T> = {
7
7
  [P in keyof T]: T[P];
8
8
  };
@@ -1,3 +1,3 @@
1
1
  import { RefObject } from 'react';
2
- export declare type ElementGetter = HTMLElement | (() => HTMLElement) | RefObject<HTMLElement | null> | null;
2
+ export type ElementGetter = HTMLElement | (() => HTMLElement) | RefObject<HTMLElement | null> | null;
3
3
  export declare function getElement(elementGetter?: ElementGetter): HTMLElement | null;
@@ -1,9 +1,9 @@
1
1
  import { ComponentPropsWithoutRef, DetailedHTMLProps, ElementType, JSXElementConstructor, SVGProps } from 'react';
2
- export declare type NativeElementTag = keyof JSX.IntrinsicElements;
3
- export declare type NativeElementPropsWithoutKeyAndRef<T extends NativeElementTag> = Omit<JSX.IntrinsicElements[T], 'key' | 'ref'>;
4
- export declare type NativeElement<T extends NativeElementTag> = JSX.IntrinsicElements[T] extends DetailedHTMLProps<infer _A, infer E> ? E : JSX.IntrinsicElements[T] extends SVGProps<infer E> ? E : unknown;
5
- export declare type ComponentPropsWithoutKeyAndRef<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'key'>;
6
- export declare type ComponentOverridableForwardRefComponentPropsFactory<VC extends NativeElementTag | JSXElementConstructor<any>, C extends VC, P> = Omit<Omit<ComponentPropsWithoutKeyAndRef<C>, keyof P> & P, 'component'> & {
2
+ export type NativeElementTag = keyof JSX.IntrinsicElements;
3
+ export type NativeElementPropsWithoutKeyAndRef<T extends NativeElementTag> = Omit<JSX.IntrinsicElements[T], 'key' | 'ref'>;
4
+ export type NativeElement<T extends NativeElementTag> = JSX.IntrinsicElements[T] extends DetailedHTMLProps<infer _A, infer E> ? E : JSX.IntrinsicElements[T] extends SVGProps<infer E> ? E : unknown;
5
+ export type ComponentPropsWithoutKeyAndRef<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'key'>;
6
+ export type ComponentOverridableForwardRefComponentPropsFactory<VC extends NativeElementTag | JSXElementConstructor<any>, C extends VC, P> = Omit<Omit<ComponentPropsWithoutKeyAndRef<C>, keyof P> & P, 'component'> & {
7
7
  /**
8
8
  * Override the component used to render.
9
9
  */