oziko-ui-kit 0.0.81 → 0.0.82

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.
@@ -1,8 +1,9 @@
1
- import { FC } from "react";
1
+ import { FC, JSX } from "react";
2
2
  import { TypeFlexElement } from "../../../flex-element/FlexElement";
3
3
  export type TypeRichTextMinimized = {
4
4
  value?: string;
5
5
  richTextProps?: TypeFlexElement;
6
+ placeHolder?: string | JSX.Element;
6
7
  } & TypeFlexElement;
7
8
  declare const MinimizedRichTextInput: FC<TypeRichTextMinimized>;
8
9
  export default MinimizedRichTextInput;
@@ -1,8 +1,9 @@
1
- import { FC } from "react";
1
+ import { FC, JSX } from "react";
2
2
  import { TypeFlexElement } from "../../../flex-element/FlexElement";
3
3
  import { EditorState, LexicalEditor } from "lexical";
4
4
  export type TypeLexicalContent = {
5
5
  onChange: (state: EditorState, editor: LexicalEditor) => void;
6
+ placeHolder?: string | JSX.Element;
6
7
  } & TypeFlexElement;
7
8
  declare const LexicalContent: FC<TypeLexicalContent>;
8
9
  export default LexicalContent;
@@ -1,3 +1,4 @@
1
+ import { JSX } from "react";
1
2
  import { TypeFlexElement } from "../../../flex-element/FlexElement";
2
3
  import { IconName } from "../../../../../utils/iconList";
3
4
  import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
@@ -14,6 +15,7 @@ export type TypeRichTextInput = {
14
15
  onChange?: (value: string) => void;
15
16
  description?: string;
16
17
  contentProps?: TypeFlexElement;
18
+ placeHolder?: string | JSX.Element;
17
19
  };
18
20
  declare const _default: import("react").NamedExoticComponent<TypeRichTextInput>;
19
21
  export default _default;
@@ -1,8 +1,9 @@
1
1
  import "./ToolbarPlugin.scss";
2
- import { FC } from "react";
2
+ import React, { FC } from "react";
3
3
  import { LexicalEditor } from "lexical";
4
4
  export type TypeToolbarPlugin = {
5
5
  editor: LexicalEditor;
6
+ toolbarRef?: React.RefObject<HTMLDivElement | null>;
6
7
  };
7
8
  declare const ToolbarPlugin: FC<TypeToolbarPlugin>;
8
9
  export default ToolbarPlugin;
package/dist/index.css CHANGED
@@ -3047,6 +3047,21 @@ input:checked + .Switch-module_slider__sHGGR::before {
3047
3047
  border-top: var(--oziko-border-default);
3048
3048
  overflow: auto;
3049
3049
  }
3050
+
3051
+ .LexicalContent-module_placeholder__EMU-N {
3052
+ position: absolute;
3053
+ left: 0;
3054
+ color: var(--oziko-color-input-placeholder);
3055
+ pointer-events: none;
3056
+ user-select: none;
3057
+ padding: var(--oziko-padding-md);
3058
+ padding-top: calc(var(--oziko-padding-md) + 1em);
3059
+ font-size: var(---oziko-font-size-sm);
3060
+ }
3061
+
3062
+ .LexicalContent-module_editorContainer__l2-r1 {
3063
+ position: relative;
3064
+ }
3050
3065
  .dropdown {
3051
3066
  z-index: 1000;
3052
3067
  display: block;