@galaxy-ds/core 2.1.0 → 2.1.2

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 (108) hide show
  1. package/dist/Accordion/Accordion.stories.d.ts +625 -175
  2. package/dist/Accordion/Accordion.styled.d.ts +2 -1
  3. package/dist/AccordionDetails/AccordionDetails.stories.d.ts +31 -21
  4. package/dist/AccordionPanel/AccordionPanel.stories.d.ts +47 -15
  5. package/dist/AccordionSummary/AccordionSummary.stories.d.ts +74 -44
  6. package/dist/ActivityLog/ActivityLog.stories.d.ts +37 -1
  7. package/dist/ActivityLog/ActivityLog.styled.d.ts +2 -1
  8. package/dist/AppBar/AppBar.stories.d.ts +904 -43
  9. package/dist/AppBar/AppBar.styled.d.ts +3 -2
  10. package/dist/AttachmentIcon/AttachmentIcon.stories.d.ts +22 -1
  11. package/dist/Autocomplete/Autocomplete.stories.d.ts +703 -198
  12. package/dist/Autocomplete/Autocomplete.styled.d.ts +5 -4
  13. package/dist/Avatar/Avatar.stories.d.ts +197 -158
  14. package/dist/Avatar/Avatar.styled.d.ts +2 -1
  15. package/dist/AvatarGroup/AvatarGroup.stories.d.ts +226 -150
  16. package/dist/BottomListButton/BottomListButton.stories.d.ts +57 -33
  17. package/dist/BottomListButton/BottomListButton.styled.d.ts +2 -1
  18. package/dist/Box/Box.stories.d.ts +56 -45
  19. package/dist/Breadcrumbs/Breadcrumbs.stories.d.ts +69 -43
  20. package/dist/Breadcrumbs/Breadcrumbs.styled.d.ts +2 -1
  21. package/dist/Button/Button.stories.d.ts +362 -311
  22. package/dist/Button/Button.styled.d.ts +2 -1
  23. package/dist/Card/Card.stories.d.ts +46 -25
  24. package/dist/Card/Card.styled.d.ts +2 -1
  25. package/dist/Checkbox/Checkbox.stories.d.ts +265 -179
  26. package/dist/Chip/Chip.stories.d.ts +428 -100
  27. package/dist/Chip/Chip.styled.d.ts +2 -1
  28. package/dist/CssBaseline/CssBaseline.stories.d.ts +1 -0
  29. package/dist/DatePicker/DatePicker.stories.d.ts +2 -0
  30. package/dist/DatePicker/DatePicker.styled.d.ts +1 -0
  31. package/dist/DateRangePicker/DateRangePicker.stories.d.ts +29 -27
  32. package/dist/DateRangePicker/DateRangePicker.styled.d.ts +1 -0
  33. package/dist/Dialog/Dialog.stories.d.ts +213 -117
  34. package/dist/Divider/Divider.stories.d.ts +338 -31
  35. package/dist/Drawer/Drawer.stories.d.ts +135 -81
  36. package/dist/DrawerMenu/DrawerMenu.stories.d.ts +364 -49
  37. package/dist/DrawerMenu/DrawerMenu.styled.d.ts +2 -1
  38. package/dist/DrawerMenu/DrawerMenu.types.d.ts +0 -16
  39. package/dist/Dropdown/Dropdown.stories.d.ts +426 -356
  40. package/dist/EmptyState/EmptyState.stories.d.ts +7 -9
  41. package/dist/EmptyState/EmptyState.styled.d.ts +3 -2
  42. package/dist/FooterActions/FooterActions.stories.d.ts +27 -6
  43. package/dist/FooterActions/FooterActions.styled.d.ts +2 -1
  44. package/dist/FormBody/FormBody.stories.d.ts +10 -0
  45. package/dist/FormBody/FormBody.styled.d.ts +1 -0
  46. package/dist/FormContainer/FormContainer.stories.d.ts +11 -0
  47. package/dist/FormContainer/FormContainer.styled.d.ts +2 -1
  48. package/dist/FormGroup/FormGroup.stories.d.ts +333 -48
  49. package/dist/FormHeader/FormHeader.stories.d.ts +18 -1
  50. package/dist/FormHeader/FormHeader.styled.d.ts +4 -3
  51. package/dist/Grid/Grid.stories.d.ts +1370 -2
  52. package/dist/HeaderToolbar/HeaderToolbar.stories.d.ts +411 -105
  53. package/dist/HeaderToolbar/HeaderToolbar.styled.d.ts +7 -6
  54. package/dist/Icon/Icon.stories.d.ts +620 -609
  55. package/dist/IconButton/IconButton.d.ts +1 -0
  56. package/dist/IconButton/IconButton.stories.d.ts +85 -38
  57. package/dist/Icons/doctype-icons.stories.d.ts +815 -812
  58. package/dist/Icons/lawconnect-icons.stories.d.ts +491 -0
  59. package/dist/Icons/leap-icons.stories.d.ts +2506 -1039
  60. package/dist/ImageUpload/ImageUpload.stories.d.ts +9 -0
  61. package/dist/ImageUpload/ImageUpload.styled.d.ts +1 -0
  62. package/dist/Input/Input.stories.d.ts +660 -636
  63. package/dist/Input/Input.styled.d.ts +3 -2
  64. package/dist/InputLabel/InputLabel.stories.d.ts +1 -0
  65. package/dist/ListItemHoverContent/ListItemHoverContent.styled.d.ts +1 -0
  66. package/dist/Loader/Loader.styled.d.ts +2 -1
  67. package/dist/Menu/Menu.d.ts +1 -0
  68. package/dist/MenuHeader/MenuHeader.styled.d.ts +2 -1
  69. package/dist/Popover/Popover.types.d.ts +0 -2
  70. package/dist/RibbonButton/RibbonButton.d.ts +1 -0
  71. package/dist/RibbonButton/RibbonButton.styled.d.ts +3 -2
  72. package/dist/RibbonButtonGroup/RibbonButtonGroup.d.ts +1 -0
  73. package/dist/RibbonButtonGroup/RibbonButtonGroup.styled.d.ts +3 -2
  74. package/dist/SidebarLayout/SidebarLayout.types.d.ts +1 -1
  75. package/dist/StepNavigation/StepNavigation.styled.d.ts +1 -0
  76. package/dist/Tab/Tab.styled.d.ts +2 -1
  77. package/dist/TabListItem/TabListItem.styled.d.ts +3 -2
  78. package/dist/Tabs/Tabs.styled.d.ts +2 -1
  79. package/dist/Tag/Tag.styled.d.ts +4 -3
  80. package/dist/TextEditor/TextEditor.d.ts +2 -0
  81. package/dist/TextEditor/TextEditor.stories.d.ts +8 -0
  82. package/dist/TextEditor/TextEditor.styled.d.ts +2 -0
  83. package/dist/TextEditor/TextEditor.types.d.ts +27 -0
  84. package/dist/TextEditor/extensions/Placeholders/Placeholders.d.ts +32 -0
  85. package/dist/TextEditor/extensions/Placeholders/components/Placeholder/Placeholder.d.ts +13 -0
  86. package/dist/TextEditor/extensions/Placeholders/components/Placeholder/Placeholder.styled.d.ts +3 -0
  87. package/dist/TextEditor/extensions/Placeholders/components/index.d.ts +1 -0
  88. package/dist/TextEditor/extensions/Placeholders/index.d.ts +2 -0
  89. package/dist/TextEditor/extensions/index.d.ts +1 -0
  90. package/dist/TextEditor/hooks/index.d.ts +1 -0
  91. package/dist/TextEditor/hooks/useEditor.d.ts +2 -0
  92. package/dist/TextEditor/index.d.ts +3 -0
  93. package/dist/TextEditorIcons/BoldIcon.d.ts +2 -0
  94. package/dist/TextEditorIcons/ItalicIcon.d.ts +2 -0
  95. package/dist/TextEditorMenuBar/TextEditorMenuBar.d.ts +2 -0
  96. package/dist/TextEditorMenuBar/TextEditorMenuBar.styled.d.ts +3 -0
  97. package/dist/TextEditorMenuBar/TextEditorMenuBar.types.d.ts +6 -0
  98. package/dist/TextEditorMenuBar/index.d.ts +2 -0
  99. package/dist/Typography/Typography.stories.d.ts +0 -3
  100. package/dist/index.d.ts +1 -0
  101. package/dist/index.esm.js +29271 -37
  102. package/dist/index.esm.js.map +1 -1
  103. package/dist/index.js +29257 -20
  104. package/dist/index.js.map +1 -1
  105. package/dist/stories/resources/tokensColorsLeap.d.ts +5 -4
  106. package/dist/stories/resources/typographyLeapDesktop.d.ts +5 -4
  107. package/dist/stories/resources/typographyLeapWeb.d.ts +5 -4
  108. package/package.json +4 -3
@@ -1,7 +1,8 @@
1
+ /// <reference types="react" />
1
2
  export declare const StyledInputBase: import("@emotion/styled").StyledComponent<import("@mui/material/InputBase").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
2
- textAlignRight?: boolean;
3
+ textAlignRight?: boolean | undefined;
3
4
  }, {}, {}>;
4
5
  export declare const FormLabelBlock: import("@emotion/styled").StyledComponent<import("..").InputLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
5
6
  export declare const StyledFormHelperText: import("@emotion/styled").StyledComponent<import("@mui/material/FormHelperText").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
6
- ref?: ((instance: HTMLParagraphElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
7
+ ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
7
8
  }, "children" | "classes" | "className" | "style" | "sx" | "disabled" | "variant" | "margin" | "focused" | "required" | "filled" | "error"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
@@ -10,6 +10,7 @@ declare const meta: {
10
10
  title: string;
11
11
  parameters: {
12
12
  badges: BADGE[];
13
+ layout: string;
13
14
  };
14
15
  };
15
16
  export default meta;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const HoverContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
2
3
  width: number;
3
4
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const LoaderContainer: import("@emotion/styled").StyledComponent<import("@mui/material").BackdropOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
2
- ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
4
  }, "children" | "classes" | "ref" | "className" | "style" | "color" | "sx" | "slot" | "title" | "suppressHydrationWarning" | "id" | "lang" | "role" | "tabIndex" | "in" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "transitionDuration" | "translate" | "TransitionComponent" | "slots" | "slotProps" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "components" | "componentsProps" | "open" | "exit" | "mountOnEnter" | "unmountOnExit" | "timeout" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "invisible"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { MenuProps } from './Menu.types';
2
3
  export declare const Menu: import("react").ForwardRefExoticComponent<Omit<MenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
3
4
  export default Menu;
@@ -1,4 +1,5 @@
1
+ /// <reference types="react" />
1
2
  export declare const MenuHeaderContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
2
3
  export declare const MenuListSubheader: import("@emotion/styled").StyledComponent<import("@mui/material").ListSubheaderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
3
- ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
4
+ ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
4
5
  }, "children" | "classes" | "className" | "style" | "color" | "sx" | "inset" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -1,7 +1,5 @@
1
- import React from 'react';
2
1
  import { PopoverProps as MuiPopoverprops } from '@mui/material/Popover';
3
2
  export interface PopoverProps extends MuiPopoverprops {
4
- children: React.ReactNode;
5
3
  anchorEl?: HTMLButtonElement | null;
6
4
  setAnchorEl?: (element: HTMLButtonElement | null) => void;
7
5
  }
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { RibbonButtonProps } from './RibbonButton.types';
2
3
  export declare const RibbonButton: import("react").ForwardRefExoticComponent<Omit<RibbonButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
3
4
  export default RibbonButton;
@@ -1,8 +1,9 @@
1
+ /// <reference types="react" />
1
2
  export declare const CaretWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
2
3
  export declare const RibbonButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
3
- ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
4
+ ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
4
5
  }, "children" | "classes" | "className" | "style" | "color" | "sx" | "tabIndex" | "href" | "disabled" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "fullWidth" | "disableFocusRipple" | "size" | "disableElevation" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
5
6
  export declare const RibbonLabelStyled: import("@emotion/styled").StyledComponent<Omit<import("../Typography").TypographyProps, "ref"> & import("react").RefAttributes<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
6
7
  export declare const RibbonContentStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
7
- isWrapped?: boolean;
8
+ isWrapped?: boolean | undefined;
8
9
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { RibbonButtonGroupProps } from './RibbonButtonGroup.types';
2
3
  export declare const RibbonButtonGroup: import("react").ForwardRefExoticComponent<Omit<RibbonButtonGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
3
4
  export default RibbonButtonGroup;
@@ -1,7 +1,8 @@
1
+ /// <reference types="react" />
1
2
  export declare const RibbonButtonGroupStyled: import("@emotion/styled").StyledComponent<import("@mui/material/ButtonGroup").ButtonGroupOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
2
- ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
4
  }, "children" | "classes" | "className" | "style" | "color" | "sx" | "orientation" | "disabled" | "variant" | "disableRipple" | "fullWidth" | "disableFocusRipple" | "size" | "disableElevation"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
4
5
  export declare const RibbonCaretWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
5
- ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
6
+ ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
6
7
  }, "children" | "classes" | "className" | "style" | "color" | "sx" | "tabIndex" | "href" | "disabled" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "fullWidth" | "disableFocusRipple" | "size" | "disableElevation" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
7
8
  export declare const RibbonButtonStyled: import("@emotion/styled").StyledComponent<Omit<import("../RibbonButton").RibbonButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
@@ -4,7 +4,7 @@ export interface SidebarLayoutProps {
4
4
  * Layout contents.
5
5
  * Wrap `<SidebarLayout.Sidebar>` and `<SidebarLayout.Main>` around your Sidebar and Main column's contents respectively.
6
6
  */
7
- children: React.ReactElement[];
7
+ children?: React.ReactElement[];
8
8
  /**
9
9
  * Sidebar's width. Default to 260px.
10
10
  */
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const StepsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
2
3
  declare const StepBar: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
4
  declare const LabelsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const StyledTab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
2
- ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
4
  }, "children" | "classes" | "className" | "style" | "sx" | "label" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "icon" | "value" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -1,7 +1,8 @@
1
+ /// <reference types="react" />
1
2
  export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
2
- button?: false;
3
+ button?: false | undefined;
3
4
  } & import("@mui/material/ListItem").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
4
- ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
5
+ ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
5
6
  }, "children" | "classes" | "className" | "style" | "sx" | "button" | "disabled" | "alignItems" | "disableGutters" | "slots" | "slotProps" | "autoFocus" | "components" | "componentsProps" | "dense" | "selected" | "divider" | "secondaryAction" | "ContainerComponent" | "ContainerProps" | "disablePadding"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
6
7
  export declare const ShowOnHover: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
8
  export declare const HideOnHover: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const StyledTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
2
- ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
4
  }, "children" | "classes" | "className" | "style" | "sx" | "orientation" | "aria-label" | "aria-labelledby" | "onChange" | "variant" | "slots" | "slotProps" | "action" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -1,13 +1,14 @@
1
+ /// <reference types="react" />
1
2
  import { CSSObject } from '@mui/material';
2
3
  export declare const TagWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
4
  export declare const TagLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
4
5
  export declare const TagStartIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
5
- startIconStyles?: CSSObject;
6
+ startIconStyles?: CSSObject | undefined;
6
7
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
8
  export declare const TagEndIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
8
- endIconStyles?: CSSObject;
9
+ endIconStyles?: CSSObject | undefined;
9
10
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
11
  export declare const TagDelete: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
12
  export declare const MuiIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
12
- ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
13
+ ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
13
14
  }, "children" | "classes" | "className" | "style" | "color" | "sx" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "size"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -0,0 +1,2 @@
1
+ import { TextEditorProps } from './TextEditor.types';
2
+ export declare const TextEditor: (props: TextEditorProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { TextEditor } from './TextEditor';
3
+ declare const meta: Meta<typeof TextEditor>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TextEditor>;
6
+ export declare const Default: Story;
7
+ export declare const Empty: Story;
8
+ export declare const Placeholder: Story;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const TextEditorContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -0,0 +1,27 @@
1
+ import type { ParagraphOptions } from '@tiptap/extension-paragraph';
2
+ import type { Editor as TipTapEditor } from '@tiptap/react';
3
+ import { Extensions } from '@tiptap/react';
4
+ import { StarterKitOptions } from '@tiptap/starter-kit';
5
+ export interface Editor {
6
+ editor: TipTapEditor | null;
7
+ setEditor: (editor: TipTapEditor) => void;
8
+ }
9
+ export interface TextEditorProps {
10
+ /**
11
+ * Initial content, to change content use setContent from useEditor hook
12
+ */
13
+ initialContent?: string;
14
+ disabled?: boolean;
15
+ editor?: Editor;
16
+ extensions?: Extensions;
17
+ /**
18
+ * defaults to true, or false if there is nothing to show. override at will
19
+ */
20
+ showMenuBar?: boolean;
21
+ /**
22
+ * All this defaults to false, except history (true)
23
+ */
24
+ formatting?: Partial<Omit<StarterKitOptions, 'gapcursor' | 'dropcursor' | 'document' | 'text' | 'paragraph'>> & {
25
+ paragraph?: Partial<ParagraphOptions>;
26
+ };
27
+ }
@@ -0,0 +1,32 @@
1
+ import { Node, Range } from '@tiptap/core';
2
+ export interface PlaceholdersOptions {
3
+ HTMLAttributes: {};
4
+ }
5
+ export declare const ExtensionPlaceholders: Node<PlaceholdersOptions, any>;
6
+ declare module '@tiptap/core' {
7
+ interface Commands<ReturnType> {
8
+ placeholders: {
9
+ /**
10
+ * Inserts placeholders. Note: this will not check if it is editable, you must do this beforehand.
11
+ *
12
+ * @param name A unique name for this placeholder (e.g. first_name) will be converted to upper case so it's not case sensitive.
13
+ * @param label A unique label for this placeholder (e.g. First Name)
14
+ * @param config A string to JSON stringify along with this specific placeholder.
15
+ * @param id A unique identifier for this placeholder, even if they are the same name. Leave blank if unsure.
16
+ * @returns true for success, false for :(
17
+ */
18
+ insertPlaceholder: (name: string, label: string, config?: Record<string, string>, id?: string) => ReturnType;
19
+ /**
20
+ * Inserts placeholders at positions. Note: this will not check if it is editable, you must do this beforehand.
21
+ *
22
+ * @param position position to insert, or undefined to fallback to insertPlaceholder
23
+ * @param name A unique name for this placeholder (e.g. first_name) will be converted to upper case so it's not case sensitive.
24
+ * @param label A unique label for this placeholder (e.g. First Name)
25
+ * @param config A string to JSON stringify along with this specific placeholder.
26
+ * @param id A unique identifier for this placeholder, even if they are the same name. Leave blank if unsure.
27
+ * @returns true for success, false for :(
28
+ */
29
+ insertPlaceholderAt: (position: number | Range | undefined, name: string, label: string, config?: Record<string, string>, id?: string) => ReturnType;
30
+ };
31
+ }
32
+ }
@@ -0,0 +1,13 @@
1
+ import { Node } from '@tiptap/pm/model';
2
+ import { Editor } from '@tiptap/react';
3
+ /**
4
+ * These are from tiptap, see docs for more extensive options we can use.
5
+ * @see https://tiptap.dev/docs/editor/guide/node-views/react
6
+ */
7
+ interface PlaceholderProps {
8
+ node: Node;
9
+ editor: Editor;
10
+ getPos: () => number;
11
+ }
12
+ export declare const Placeholder: ({ node, editor, getPos }: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const PlaceholderContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
+ export declare const PlaceholderNodeView: import("@emotion/styled").StyledComponent<import("@tiptap/react").NodeViewWrapperProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -0,0 +1 @@
1
+ export * from './Placeholder/Placeholder';
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ export * from './Placeholders';
@@ -0,0 +1 @@
1
+ export * from './Placeholders';
@@ -0,0 +1 @@
1
+ export * from './useEditor';
@@ -0,0 +1,2 @@
1
+ import { Editor } from '../TextEditor.types';
2
+ export declare const useEditor: () => Editor;
@@ -0,0 +1,3 @@
1
+ export * as textEditorExtensions from './extensions';
2
+ export * from './hooks';
3
+ export * from './TextEditor';
@@ -0,0 +1,2 @@
1
+ declare const BoldIcon: () => import("react/jsx-runtime").JSX.Element;
2
+ export default BoldIcon;
@@ -0,0 +1,2 @@
1
+ declare const ItalicIcon: () => import("react/jsx-runtime").JSX.Element;
2
+ export default ItalicIcon;
@@ -0,0 +1,2 @@
1
+ import { TextEditorMenuBarProps } from './TextEditorMenuBar.types';
2
+ export declare const TextEditorMenuBar: ({ editor, formatting, }: TextEditorMenuBarProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const TextEditorMenuBarContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
+ export declare const TextEditorMenuIconButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
@@ -0,0 +1,6 @@
1
+ import type { Editor } from '@tiptap/react';
2
+ import type { StarterKitOptions } from '@tiptap/starter-kit';
3
+ export interface TextEditorMenuBarProps {
4
+ editor: Editor | null;
5
+ formatting?: Partial<StarterKitOptions>;
6
+ }
@@ -0,0 +1,2 @@
1
+ export * from './TextEditorMenuBar';
2
+ export * from './TextEditorMenuBar.types';
@@ -8,9 +8,6 @@ import { Typography } from './Typography';
8
8
  declare const meta: Meta<typeof Typography>;
9
9
  export default meta;
10
10
  type Story = StoryObj<typeof Typography>;
11
- /**
12
- * Tags communicate additional information to content. Use the `size`, `label`, `variant` props.
13
- */
14
11
  export declare const Default: Story;
15
12
  export declare const Headings: Story;
16
13
  export declare const Subtitles: Story;
package/dist/index.d.ts CHANGED
@@ -74,6 +74,7 @@ export * from './TableRow';
74
74
  export * from './TabListItem';
75
75
  export * from './Tabs';
76
76
  export * from './Tag';
77
+ export * from './TextEditor';
77
78
  export * from './Toolbar';
78
79
  export * from './ToolbarButton';
79
80
  export * from './Tooltip';