@touchtech/baselayer-ui 2.9.6 → 2.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/README.md +79 -79
  2. package/dist/640e1c62fd0dfa7c00a1c8fe0e35c6d1.svg +3 -0
  3. package/dist/bundle.js +12 -0
  4. package/dist/components/Button/Button.d.ts +23 -23
  5. package/dist/components/Button/__tests__/Button.test.d.ts +1 -1
  6. package/dist/components/Button/index.d.ts +1 -1
  7. package/dist/components/ButtonBadge/ButtonBadge.d.ts +7 -7
  8. package/dist/components/ButtonBadge/__tests__/ButtonBadge.test.d.ts +1 -1
  9. package/dist/components/ButtonBadge/index.d.ts +1 -1
  10. package/dist/components/ButtonLink/ButtonLink.d.ts +22 -22
  11. package/dist/components/ButtonLink/__tests__/ButtonLink.test.d.ts +1 -1
  12. package/dist/components/ButtonLink/index.d.ts +1 -1
  13. package/dist/components/Checkbox/Checkbox.d.ts +15 -15
  14. package/dist/components/Checkbox/__tests__/Checkbox.test.d.ts +1 -1
  15. package/dist/components/Checkbox/index.d.ts +1 -1
  16. package/dist/components/ColorPicker/ColorPicker.d.ts +11 -11
  17. package/dist/components/ColorPicker/__tests__/ColorPicker.test.d.ts +1 -1
  18. package/dist/components/ColorPicker/index.d.ts +1 -1
  19. package/dist/components/ColorSwatch/ColorSwatch.d.ts +10 -10
  20. package/dist/components/ColorSwatch/__tests__/ColorSwatch.test.d.ts +1 -1
  21. package/dist/components/ColorSwatch/index.d.ts +1 -1
  22. package/dist/components/ConfirmationModal/ConfirmationModal.d.ts +16 -16
  23. package/dist/components/ConfirmationModal/__tests__/ConfirmationModal.test.d.ts +1 -1
  24. package/dist/components/ConfirmationModal/index.d.ts +1 -1
  25. package/dist/components/FloatingPanel/FloatingPanel.d.ts +14 -14
  26. package/dist/components/FloatingPanel/__tests__/FloatingPanel.test.d.ts +1 -1
  27. package/dist/components/FloatingPanel/index.d.ts +1 -1
  28. package/dist/components/Icon/Icon.d.ts +10 -10
  29. package/dist/components/Icon/__tests__/Icon.test.d.ts +1 -1
  30. package/dist/components/Icon/index.d.ts +1 -1
  31. package/dist/components/IconButton/IconButton.d.ts +20 -20
  32. package/dist/components/IconButton/__tests__/IconButton.test.d.ts +1 -1
  33. package/dist/components/IconButton/index.d.ts +1 -1
  34. package/dist/components/IconButtonLink/IconButtonLink.d.ts +20 -20
  35. package/dist/components/IconButtonLink/__tests__/IconButtonLink.test.d.ts +1 -1
  36. package/dist/components/IconButtonLink/index.d.ts +1 -1
  37. package/dist/components/Image/Image.d.ts +14 -14
  38. package/dist/components/Image/__tests__/Image.test.d.ts +1 -1
  39. package/dist/components/Image/index.d.ts +1 -1
  40. package/dist/components/Label/Label.d.ts +8 -8
  41. package/dist/components/Label/__tests/Label.test.d.ts +1 -1
  42. package/dist/components/Label/index.d.ts +1 -1
  43. package/dist/components/ListView/ListView.d.ts +10 -10
  44. package/dist/components/ListView/ListViewItem.d.ts +14 -14
  45. package/dist/components/ListView/ListViewLinkItem.d.ts +13 -13
  46. package/dist/components/ListView/__tests__/ListView.test.d.ts +1 -1
  47. package/dist/components/ListView/index.d.ts +3 -3
  48. package/dist/components/Menu/Menu.d.ts +15 -15
  49. package/dist/components/Menu/MenuContainer.d.ts +10 -10
  50. package/dist/components/Menu/MenuItem.d.ts +10 -10
  51. package/dist/components/Menu/MenuLinkItem.d.ts +9 -9
  52. package/dist/components/Menu/__tests__/Menu.test.d.ts +1 -1
  53. package/dist/components/Menu/__tests__/MenuLinkItem.test.d.ts +1 -1
  54. package/dist/components/Menu/index.d.ts +4 -4
  55. package/dist/components/Modal/Modal.d.ts +12 -12
  56. package/dist/components/Modal/__tests__/Modal.test.d.ts +1 -1
  57. package/dist/components/Modal/index.d.ts +1 -1
  58. package/dist/components/Overlay/Overlay.d.ts +10 -10
  59. package/dist/components/Overlay/__tests__/Overlay.test.d.ts +1 -1
  60. package/dist/components/Overlay/index.d.ts +1 -1
  61. package/dist/components/TextInput/TextInput.d.ts +15 -15
  62. package/dist/components/TextInput/__tests__/TextInput.test.d.ts +1 -1
  63. package/dist/components/TextInput/index.d.ts +1 -1
  64. package/dist/components/Toast/Toast.d.ts +8 -8
  65. package/dist/components/Toast/ToastContainer.d.ts +6 -6
  66. package/dist/components/Toast/__tests__/Toast.test.d.ts +1 -1
  67. package/dist/components/Toast/__tests__/ToastContainer.test.d.ts +1 -1
  68. package/dist/components/Toast/index.d.ts +2 -2
  69. package/dist/components/Video/Video.d.ts +22 -22
  70. package/dist/components/Video/__tests__/Video.test.d.ts +1 -1
  71. package/dist/components/Video/index.d.ts +1 -1
  72. package/dist/hooks/__tests__/useToggle.test.d.ts +1 -1
  73. package/dist/hooks/index.d.ts +2 -2
  74. package/dist/hooks/useOutsideClick.d.ts +4 -4
  75. package/dist/hooks/useToggle.d.ts +1 -1
  76. package/dist/index.d.ts +21 -21
  77. package/dist/index.js +3 -3
  78. package/dist/index.js.LICENSE.txt +9 -0
  79. package/dist/styles.css +1245 -1229
  80. package/dist/types/index.d.ts +8 -8
  81. package/package.json +94 -92
@@ -1 +1 @@
1
- export { default as Button } from "./Button";
1
+ export { default as Button } from "./Button";
@@ -1,7 +1,7 @@
1
- import { ReactNode } from "react";
2
- declare type ButtonBadgeProps = {
3
- children: ReactNode;
4
- className?: string;
5
- };
6
- declare function ButtonBadge({ children, className }: ButtonBadgeProps): JSX.Element;
7
- export default ButtonBadge;
1
+ import { ReactNode } from "react";
2
+ declare type ButtonBadgeProps = {
3
+ children: ReactNode;
4
+ className?: string;
5
+ };
6
+ declare function ButtonBadge({ children, className }: ButtonBadgeProps): JSX.Element;
7
+ export default ButtonBadge;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as ButtonBadge } from "./ButtonBadge";
1
+ export { default as ButtonBadge } from "./ButtonBadge";
@@ -1,22 +1,22 @@
1
- import { ReactNode, ElementType, RefObject } from "react";
2
- import { ButtonSize } from "../../types";
3
- declare type OffsetSide = "left" | "right";
4
- declare type ButtonLinkProps = {
5
- as?: ElementType;
6
- children: ReactNode;
7
- className?: string;
8
- containerRef?: RefObject<HTMLElement>;
9
- inverted?: boolean;
10
- rounded?: boolean;
11
- transparent?: boolean;
12
- noShadow?: boolean;
13
- noPadding?: boolean;
14
- noBorder?: boolean;
15
- stretchHorizontally?: boolean;
16
- stretchVertically?: boolean;
17
- size?: ButtonSize;
18
- offsetSides?: Array<OffsetSide>;
19
- align?: "left" | "center";
20
- } | any;
21
- declare function ButtonLink({ as: Component, children, className, size, containerRef, inverted, rounded, transparent, noShadow, noPadding, noBorder, stretchHorizontally, stretchVertically, offsetSides, align, ...props }: ButtonLinkProps): JSX.Element;
22
- export default ButtonLink;
1
+ import { ReactNode, ElementType, RefObject } from "react";
2
+ import { ButtonSize } from "../../types";
3
+ declare type OffsetSide = "left" | "right";
4
+ declare type ButtonLinkProps = {
5
+ as?: ElementType;
6
+ children: ReactNode;
7
+ className?: string;
8
+ containerRef?: RefObject<HTMLElement>;
9
+ inverted?: boolean;
10
+ rounded?: boolean;
11
+ transparent?: boolean;
12
+ noShadow?: boolean;
13
+ noPadding?: boolean;
14
+ noBorder?: boolean;
15
+ stretchHorizontally?: boolean;
16
+ stretchVertically?: boolean;
17
+ size?: ButtonSize;
18
+ offsetSides?: Array<OffsetSide>;
19
+ align?: "left" | "center";
20
+ } | any;
21
+ declare function ButtonLink({ as: Component, children, className, size, containerRef, inverted, rounded, transparent, noShadow, noPadding, noBorder, stretchHorizontally, stretchVertically, offsetSides, align, ...props }: ButtonLinkProps): JSX.Element;
22
+ export default ButtonLink;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as ButtonLink } from "./ButtonLink";
1
+ export { default as ButtonLink } from "./ButtonLink";
@@ -1,15 +1,15 @@
1
- /// <reference types="react" />
2
- import { Size } from "../../types";
3
- declare type CheckboxProps = {
4
- label?: string;
5
- onChange: (value: boolean) => void;
6
- placeholder?: string;
7
- checked?: boolean;
8
- disabled?: boolean;
9
- name?: string;
10
- size?: Size;
11
- autoFocus?: boolean;
12
- indeterminate?: boolean;
13
- };
14
- declare function Checkbox({ label, onChange, placeholder, checked, disabled, name, indeterminate, size, autoFocus, }: CheckboxProps): JSX.Element;
15
- export default Checkbox;
1
+ /// <reference types="react" />
2
+ import { Size } from "../../types";
3
+ declare type CheckboxProps = {
4
+ label?: string;
5
+ onChange: (value: boolean) => void;
6
+ placeholder?: string;
7
+ checked?: boolean;
8
+ disabled?: boolean;
9
+ name?: string;
10
+ size?: Size;
11
+ autoFocus?: boolean;
12
+ indeterminate?: boolean;
13
+ };
14
+ declare function Checkbox({ label, onChange, placeholder, checked, disabled, name, indeterminate, size, autoFocus, }: CheckboxProps): JSX.Element;
15
+ export default Checkbox;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as Checkbox } from "./Checkbox";
1
+ export { default as Checkbox } from "./Checkbox";
@@ -1,11 +1,11 @@
1
- import { RefObject } from "react";
2
- import { Color } from "../../types";
3
- declare type ColorPickerProps = {
4
- colors: Color[];
5
- containerRef?: RefObject<HTMLDivElement>;
6
- direction?: "horizontal" | "vertical";
7
- onSelect: (color: Color) => void;
8
- selectedColor?: Color;
9
- };
10
- declare function ColorPicker({ colors, containerRef, onSelect, selectedColor, direction, }: ColorPickerProps): JSX.Element;
11
- export default ColorPicker;
1
+ import { RefObject } from "react";
2
+ import { Color } from "../../types";
3
+ declare type ColorPickerProps = {
4
+ colors: Color[];
5
+ containerRef?: RefObject<HTMLDivElement>;
6
+ direction?: "horizontal" | "vertical";
7
+ onSelect: (color: Color) => void;
8
+ selectedColor?: Color;
9
+ };
10
+ declare function ColorPicker({ colors, containerRef, onSelect, selectedColor, direction, }: ColorPickerProps): JSX.Element;
11
+ export default ColorPicker;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as ColorPicker } from "./ColorPicker";
1
+ export { default as ColorPicker } from "./ColorPicker";
@@ -1,10 +1,10 @@
1
- import { RefObject } from "react";
2
- import { Color } from "../../types";
3
- declare type ColorSwatchProps = {
4
- color: Color;
5
- containerRef?: RefObject<HTMLButtonElement>;
6
- isSelected?: boolean;
7
- onClick?: () => void;
8
- };
9
- declare function ColorSwatch({ color, containerRef, onClick, isSelected, }: ColorSwatchProps): JSX.Element;
10
- export default ColorSwatch;
1
+ import { RefObject } from "react";
2
+ import { Color } from "../../types";
3
+ declare type ColorSwatchProps = {
4
+ color: Color;
5
+ containerRef?: RefObject<HTMLButtonElement>;
6
+ isSelected?: boolean;
7
+ onClick?: () => void;
8
+ };
9
+ declare function ColorSwatch({ color, containerRef, onClick, isSelected, }: ColorSwatchProps): JSX.Element;
10
+ export default ColorSwatch;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as ColorSwatch } from "./ColorSwatch";
1
+ export { default as ColorSwatch } from "./ColorSwatch";
@@ -1,16 +1,16 @@
1
- import { ReactElement, ReactNode, RefObject } from "react";
2
- declare type ConfirmationModalProps = {
3
- buttonsLeft?: ReactElement[];
4
- buttonsRight?: ReactElement[];
5
- children?: ReactNode;
6
- containerRef?: RefObject<HTMLDivElement>;
7
- header: string;
8
- isOpen: boolean;
9
- noPadding?: boolean;
10
- onClose?: () => void;
11
- };
12
- declare function ConfirmationModal({ children, containerRef, header, isOpen, buttonsLeft, buttonsRight, onClose, noPadding, }: ConfirmationModalProps): JSX.Element;
13
- declare namespace ConfirmationModal {
14
- var displayName: string;
15
- }
16
- export default ConfirmationModal;
1
+ import { ReactElement, ReactNode, RefObject } from "react";
2
+ declare type ConfirmationModalProps = {
3
+ buttonsLeft?: ReactElement[];
4
+ buttonsRight?: ReactElement[];
5
+ children?: ReactNode;
6
+ containerRef?: RefObject<HTMLDivElement>;
7
+ header: string;
8
+ isOpen: boolean;
9
+ noPadding?: boolean;
10
+ onClose?: () => void;
11
+ };
12
+ declare function ConfirmationModal({ children, containerRef, header, isOpen, buttonsLeft, buttonsRight, onClose, noPadding, }: ConfirmationModalProps): JSX.Element;
13
+ declare namespace ConfirmationModal {
14
+ var displayName: string;
15
+ }
16
+ export default ConfirmationModal;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as ConfirmationModal } from "./ConfirmationModal";
1
+ export { default as ConfirmationModal } from "./ConfirmationModal";
@@ -1,14 +1,14 @@
1
- import { ReactNode, RefObject } from "react";
2
- declare type Placement = {
3
- horizontal: "right" | "rightEdge" | "rightOnEdge" | "left" | "leftEdge" | "leftOnEdge" | "leftOnEdge" | "center";
4
- vertical: "top" | "topEdge" | "bottom" | "bottomEdge" | "bottomOnEdge" | "center";
5
- parent: "viewport" | "container";
6
- };
7
- declare type FloatingPanelProps = {
8
- children: ReactNode;
9
- containerRef?: RefObject<HTMLDivElement>;
10
- layout?: "column" | "row";
11
- placement?: Placement;
12
- };
13
- declare function FloatingPanel({ children, containerRef, layout, placement, }: FloatingPanelProps): JSX.Element;
14
- export default FloatingPanel;
1
+ import { ReactNode, RefObject } from "react";
2
+ declare type Placement = {
3
+ horizontal: "right" | "rightEdge" | "rightOnEdge" | "left" | "leftEdge" | "leftOnEdge" | "leftOnEdge" | "center";
4
+ vertical: "top" | "topEdge" | "bottom" | "bottomEdge" | "bottomOnEdge" | "center";
5
+ parent: "viewport" | "container";
6
+ };
7
+ declare type FloatingPanelProps = {
8
+ children: ReactNode;
9
+ containerRef?: RefObject<HTMLDivElement>;
10
+ layout?: "column" | "row";
11
+ placement?: Placement;
12
+ };
13
+ declare function FloatingPanel({ children, containerRef, layout, placement, }: FloatingPanelProps): JSX.Element;
14
+ export default FloatingPanel;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as FloatingPanel } from "./FloatingPanel";
1
+ export { default as FloatingPanel } from "./FloatingPanel";
@@ -1,10 +1,10 @@
1
- import { RefObject } from "react";
2
- declare type IconProps = {
3
- alt?: string;
4
- containerRef?: RefObject<HTMLImageElement>;
5
- inverted?: boolean;
6
- src: string;
7
- size?: "small" | "medium" | "large";
8
- };
9
- declare function Icon({ src, alt, containerRef, size, inverted, }: IconProps): JSX.Element;
10
- export default Icon;
1
+ import { RefObject } from "react";
2
+ declare type IconProps = {
3
+ alt?: string;
4
+ containerRef?: RefObject<HTMLImageElement>;
5
+ inverted?: boolean;
6
+ src: string;
7
+ size?: "small" | "medium" | "large" | "xlarge";
8
+ };
9
+ declare function Icon({ src, alt, containerRef, size, inverted, }: IconProps): JSX.Element;
10
+ export default Icon;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as Icon } from "./Icon";
1
+ export { default as Icon } from "./Icon";
@@ -1,20 +1,20 @@
1
- import { ReactNode, RefObject, SyntheticEvent } from "react";
2
- declare type IconButtonProps = {
3
- className?: string;
4
- containerRef?: RefObject<HTMLButtonElement>;
5
- src: string;
6
- alt: string;
7
- badgeContent?: ReactNode;
8
- disabled?: boolean;
9
- inverted?: boolean;
10
- noShadow?: boolean;
11
- noBorder?: boolean;
12
- transparent?: boolean;
13
- rounded?: boolean;
14
- onClick?: (event?: SyntheticEvent<HTMLButtonElement>) => void;
15
- size?: "small" | "medium" | "large";
16
- type?: "submit" | "reset" | "button";
17
- offsetSides?: Array<"top" | "right" | "bottom" | "left">;
18
- };
19
- declare function IconButton({ className, containerRef, src, alt, badgeContent, offsetSides, onClick, disabled, inverted, noShadow, noBorder, transparent, rounded, size, type, }: IconButtonProps): JSX.Element;
20
- export default IconButton;
1
+ import { ReactNode, RefObject, SyntheticEvent } from "react";
2
+ declare type IconButtonProps = {
3
+ className?: string;
4
+ containerRef?: RefObject<HTMLButtonElement>;
5
+ src: string;
6
+ alt: string;
7
+ badgeContent?: ReactNode;
8
+ disabled?: boolean;
9
+ inverted?: boolean;
10
+ noShadow?: boolean;
11
+ noBorder?: boolean;
12
+ transparent?: boolean;
13
+ rounded?: boolean;
14
+ onClick?: (event?: SyntheticEvent<HTMLButtonElement>) => void;
15
+ size?: "small" | "medium" | "large" | "xlarge";
16
+ type?: "submit" | "reset" | "button";
17
+ offsetSides?: Array<"top" | "right" | "bottom" | "left">;
18
+ };
19
+ declare function IconButton({ className, containerRef, src, alt, badgeContent, offsetSides, onClick, disabled, inverted, noShadow, noBorder, transparent, rounded, size, type, }: IconButtonProps): JSX.Element;
20
+ export default IconButton;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as IconButton } from "./IconButton";
1
+ export { default as IconButton } from "./IconButton";
@@ -1,20 +1,20 @@
1
- import { ElementType, ReactNode, RefObject } from "react";
2
- import { Size } from "../../types";
3
- declare type OffsetSide = "top" | "right" | "bottom" | "left";
4
- declare type IconButtonLinkProps = {
5
- as?: ElementType;
6
- containerRef?: RefObject<HTMLElement>;
7
- src: string;
8
- alt: string;
9
- badgeContent?: ReactNode;
10
- className?: string;
11
- inverted?: boolean;
12
- rounded?: boolean;
13
- transparent?: boolean;
14
- noShadow?: boolean;
15
- noBorder?: boolean;
16
- size?: Size;
17
- offsetSides?: Array<OffsetSide>;
18
- } | any;
19
- declare function IconButtonLink({ as: Component, containerRef, className, src, alt, badgeContent, inverted, noShadow, noBorder, transparent, rounded, offsetSides, size, ...props }: IconButtonLinkProps): JSX.Element;
20
- export default IconButtonLink;
1
+ import { ElementType, ReactNode, RefObject } from "react";
2
+ import { Size } from "../../types";
3
+ declare type OffsetSide = "top" | "right" | "bottom" | "left";
4
+ declare type IconButtonLinkProps = {
5
+ as?: ElementType;
6
+ containerRef?: RefObject<HTMLElement>;
7
+ src: string;
8
+ alt: string;
9
+ badgeContent?: ReactNode;
10
+ className?: string;
11
+ inverted?: boolean;
12
+ rounded?: boolean;
13
+ transparent?: boolean;
14
+ noShadow?: boolean;
15
+ noBorder?: boolean;
16
+ size?: Size;
17
+ offsetSides?: Array<OffsetSide>;
18
+ } | any;
19
+ declare function IconButtonLink({ as: Component, containerRef, className, src, alt, badgeContent, inverted, noShadow, noBorder, transparent, rounded, offsetSides, size, ...props }: IconButtonLinkProps): JSX.Element;
20
+ export default IconButtonLink;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as IconButtonLink } from "./IconButtonLink";
1
+ export { default as IconButtonLink } from "./IconButtonLink";
@@ -1,14 +1,14 @@
1
- import React, { RefObject } from "react";
2
- export declare const emptyImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
3
- export declare type ImageProps = {
4
- animation?: "fadeIn" | "scaleUp";
5
- alt?: string;
6
- children?: React.ReactNode;
7
- containerRef?: RefObject<HTMLDivElement>;
8
- layout?: "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
9
- src: string;
10
- srcWidth?: number;
11
- srcHeight?: number;
12
- };
13
- declare function ImageComponent({ src, alt, srcWidth, srcHeight, children, animation, containerRef, layout, }: ImageProps): JSX.Element;
14
- export default ImageComponent;
1
+ import React, { RefObject } from "react";
2
+ export declare const emptyImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
3
+ export declare type ImageProps = {
4
+ animation?: "fadeIn" | "scaleUp";
5
+ alt?: string;
6
+ children?: React.ReactNode;
7
+ containerRef?: RefObject<HTMLDivElement>;
8
+ layout?: "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
9
+ src: string;
10
+ srcWidth?: number;
11
+ srcHeight?: number;
12
+ };
13
+ declare function ImageComponent({ src, alt, srcWidth, srcHeight, children, animation, containerRef, layout, }: ImageProps): JSX.Element;
14
+ export default ImageComponent;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as Image, ImageProps } from "./Image";
1
+ export { default as Image, ImageProps } from "./Image";
@@ -1,8 +1,8 @@
1
- import { RefObject, ReactNode } from "react";
2
- declare type LabelInputProps = {
3
- children?: ReactNode;
4
- containerRef?: RefObject<HTMLLabelElement>;
5
- value: string;
6
- };
7
- declare function Label({ children, value, containerRef }: LabelInputProps): JSX.Element;
8
- export default Label;
1
+ import { RefObject, ReactNode } from "react";
2
+ declare type LabelInputProps = {
3
+ children?: ReactNode;
4
+ containerRef?: RefObject<HTMLLabelElement>;
5
+ value: string;
6
+ };
7
+ declare function Label({ children, value, containerRef }: LabelInputProps): JSX.Element;
8
+ export default Label;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1 +1 @@
1
- export { default as Label } from "./Label";
1
+ export { default as Label } from "./Label";
@@ -1,10 +1,10 @@
1
- import { ReactNode, RefObject } from "react";
2
- declare type ListViewProps = {
3
- children: ReactNode;
4
- className?: string;
5
- containerRef?: RefObject<HTMLDivElement>;
6
- header?: string;
7
- headerActions?: ReactNode;
8
- };
9
- declare function ListView({ children, className, containerRef, header, headerActions, }: ListViewProps): JSX.Element;
10
- export default ListView;
1
+ import { ReactNode, RefObject } from "react";
2
+ declare type ListViewProps = {
3
+ children: ReactNode;
4
+ className?: string;
5
+ containerRef?: RefObject<HTMLDivElement>;
6
+ header?: string;
7
+ headerActions?: ReactNode;
8
+ };
9
+ declare function ListView({ children, className, containerRef, header, headerActions, }: ListViewProps): JSX.Element;
10
+ export default ListView;
@@ -1,14 +1,14 @@
1
- import { ReactNode } from "react";
2
- import { Size } from "../../types";
3
- declare type ListViewItemProps = {
4
- children: ReactNode;
5
- active?: boolean;
6
- disabled?: boolean;
7
- transparent?: boolean;
8
- noPadding?: boolean;
9
- size?: Size;
10
- align?: "left" | "center";
11
- onClick?: () => void;
12
- };
13
- declare function ListViewItem({ children, active, disabled, transparent, noPadding, size, align, onClick, }: ListViewItemProps): JSX.Element;
14
- export default ListViewItem;
1
+ import { ReactNode } from "react";
2
+ import { Size } from "../../types";
3
+ declare type ListViewItemProps = {
4
+ children: ReactNode;
5
+ active?: boolean;
6
+ disabled?: boolean;
7
+ transparent?: boolean;
8
+ noPadding?: boolean;
9
+ size?: Size;
10
+ align?: "left" | "center";
11
+ onClick?: () => void;
12
+ };
13
+ declare function ListViewItem({ children, active, disabled, transparent, noPadding, size, align, onClick, }: ListViewItemProps): JSX.Element;
14
+ export default ListViewItem;
@@ -1,13 +1,13 @@
1
- import { ElementType, ReactNode } from "react";
2
- import { Size } from "../../types";
3
- declare type ListViewLinkItemProps = {
4
- children: ReactNode;
5
- as?: ElementType;
6
- active: boolean;
7
- transparent: boolean;
8
- noPadding: boolean;
9
- align: "left" | "center";
10
- size: Size;
11
- } | any;
12
- declare function ListViewLinkItem({ children, as: Component, active, transparent, noPadding, align, size, ...props }: ListViewLinkItemProps): JSX.Element;
13
- export default ListViewLinkItem;
1
+ import { ElementType, ReactNode } from "react";
2
+ import { Size } from "../../types";
3
+ declare type ListViewLinkItemProps = {
4
+ children: ReactNode;
5
+ as?: ElementType;
6
+ active: boolean;
7
+ transparent: boolean;
8
+ noPadding: boolean;
9
+ align: "left" | "center";
10
+ size: Size;
11
+ } | any;
12
+ declare function ListViewLinkItem({ children, as: Component, active, transparent, noPadding, align, size, ...props }: ListViewLinkItemProps): JSX.Element;
13
+ export default ListViewLinkItem;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,3 +1,3 @@
1
- export { default as ListView } from "./ListView";
2
- export { default as ListViewItem } from "./ListViewItem";
3
- export { default as ListViewLinkItem } from "./ListViewLinkItem";
1
+ export { default as ListView } from "./ListView";
2
+ export { default as ListViewItem } from "./ListViewItem";
3
+ export { default as ListViewLinkItem } from "./ListViewLinkItem";
@@ -1,15 +1,15 @@
1
- import { ReactNode, RefObject } from "react";
2
- export declare type MenuPlacement = {
3
- horizontal: "right" | "left";
4
- vertical: "top" | "bottom";
5
- };
6
- declare type MenuProps = {
7
- children: ReactNode;
8
- containerRef?: RefObject<HTMLDivElement>;
9
- className?: string;
10
- isOpen?: boolean;
11
- header?: string;
12
- placement?: MenuPlacement;
13
- };
14
- declare function Menu({ children, containerRef, className, isOpen, placement, header, }: MenuProps): JSX.Element;
15
- export default Menu;
1
+ import { ReactNode, RefObject } from "react";
2
+ export declare type MenuPlacement = {
3
+ horizontal: "right" | "left";
4
+ vertical: "top" | "bottom";
5
+ };
6
+ declare type MenuProps = {
7
+ children: ReactNode;
8
+ containerRef?: RefObject<HTMLDivElement>;
9
+ className?: string;
10
+ isOpen?: boolean;
11
+ header?: string;
12
+ placement?: MenuPlacement;
13
+ };
14
+ declare function Menu({ children, containerRef, className, isOpen, placement, header, }: MenuProps): JSX.Element;
15
+ export default Menu;
@@ -1,10 +1,10 @@
1
- import React, { ReactNode } from "react";
2
- declare type MenuContainerProps = {
3
- children: ReactNode;
4
- className?: string;
5
- ref?: () => void | {
6
- current: any;
7
- };
8
- };
9
- declare const _default: React.ForwardRefExoticComponent<Pick<MenuContainerProps, "children" | "className"> & React.RefAttributes<HTMLDivElement>>;
10
- export default _default;
1
+ import React, { ReactNode } from "react";
2
+ declare type MenuContainerProps = {
3
+ children: ReactNode;
4
+ className?: string;
5
+ ref?: () => void | {
6
+ current: any;
7
+ };
8
+ };
9
+ declare const _default: React.ForwardRefExoticComponent<Pick<MenuContainerProps, "children" | "className"> & React.RefAttributes<HTMLDivElement>>;
10
+ export default _default;
@@ -1,10 +1,10 @@
1
- import { ReactNode } from "react";
2
- declare type MenuItemProps = {
3
- children: ReactNode;
4
- className?: string;
5
- isActive?: boolean;
6
- noPadding?: boolean;
7
- onClick?: () => void;
8
- };
9
- declare function MenuItem({ children, className, onClick, noPadding, isActive, }: MenuItemProps): JSX.Element;
10
- export default MenuItem;
1
+ import { ReactNode } from "react";
2
+ declare type MenuItemProps = {
3
+ children: ReactNode;
4
+ className?: string;
5
+ isActive?: boolean;
6
+ noPadding?: boolean;
7
+ onClick?: () => void;
8
+ };
9
+ declare function MenuItem({ children, className, onClick, noPadding, isActive, }: MenuItemProps): JSX.Element;
10
+ export default MenuItem;