oziko-ui-kit 0.0.80 → 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
@@ -2813,6 +2813,10 @@ input:checked + .Switch-module_slider__sHGGR::before {
2813
2813
  .ArrayInput-module_header__v88Lg {
2814
2814
  width: 100%;
2815
2815
  }
2816
+
2817
+ .ArrayInput-module_emptyStateText__ZHJbR {
2818
+ font-size: var(--oziko-icon-size-sm);
2819
+ }
2816
2820
  .String-module_icon__pKB1k {
2817
2821
  color: var(--oziko-color-font-primary) !important;
2818
2822
  }
@@ -3043,6 +3047,21 @@ input:checked + .Switch-module_slider__sHGGR::before {
3043
3047
  border-top: var(--oziko-border-default);
3044
3048
  overflow: auto;
3045
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
+ }
3046
3065
  .dropdown {
3047
3066
  z-index: 1000;
3048
3067
  display: block;