@luscii-healthtech/web-ui 46.2.1 → 46.2.3
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.
- package/dist/index.development.js +160 -23
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/components/TextEditor/LinkTooltip.d.ts +9 -0
- package/dist/src/components/TextEditor/TextEditor.d.ts +1 -6
- package/dist/src/components/TextEditor/TextEditorToolbar.d.ts +13 -0
- package/dist/src/components/TextEditor/TextEditorToolbarButton.d.ts +8 -0
- package/dist/src/generated/components/TextEditor/LinkTooltip.d.ts +9 -0
- package/dist/src/generated/components/TextEditor/TextEditor.d.ts +1 -6
- package/dist/src/generated/components/TextEditor/TextEditorToolbar.d.ts +13 -0
- package/dist/src/generated/components/TextEditor/TextEditorToolbarButton.d.ts +8 -0
- package/dist/stories/TextEditor.stories.d.ts +1 -5
- package/dist/web-ui-tailwind.css +23 -0
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { FC, HTMLAttributes } from "react";
|
|
2
2
|
import type { Delta, EmitterSource } from "quill/core";
|
|
3
3
|
import "quill-paste-smart";
|
|
4
|
-
import "
|
|
4
|
+
import { type TextEditorToolbarOption } from "./TextEditorToolbar";
|
|
5
5
|
import "./TextEditor.scss";
|
|
6
6
|
type Props = HTMLAttributes<HTMLDivElement> & {
|
|
7
7
|
/**
|
|
@@ -59,11 +59,6 @@ type Props = HTMLAttributes<HTMLDivElement> & {
|
|
|
59
59
|
*/
|
|
60
60
|
placeholder?: string;
|
|
61
61
|
};
|
|
62
|
-
type TextEditorToolbarOption = "bold" | "italic" | "underline" | "strike" | "link" | "video" | {
|
|
63
|
-
list: "ordered";
|
|
64
|
-
} | {
|
|
65
|
-
list: "bullet";
|
|
66
|
-
};
|
|
67
62
|
type TextEditorFormat = "background" | "bold" | "color" | "font" | "code" | "italic" | "link" | "size" | "strike" | "script" | "underline" | "blockquote" | "header" | "list" | "align";
|
|
68
63
|
export declare const TextEditor: FC<Props>;
|
|
69
64
|
export default TextEditor;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
export type TextEditorToolbarOption = "bold" | "italic" | "underline" | "strike" | "link" | "video" | {
|
|
3
|
+
list: "ordered";
|
|
4
|
+
} | {
|
|
5
|
+
list: "bullet";
|
|
6
|
+
};
|
|
7
|
+
interface Props {
|
|
8
|
+
toolbarId: string;
|
|
9
|
+
toolbar: TextEditorToolbarOption[][];
|
|
10
|
+
hasTextSelected: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const TextEditorToolbar: FC<Props>;
|
|
13
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { FC, HTMLAttributes } from "react";
|
|
2
2
|
import type { Delta, EmitterSource } from "quill/core";
|
|
3
3
|
import "quill-paste-smart";
|
|
4
|
-
import "
|
|
4
|
+
import { type TextEditorToolbarOption } from "./TextEditorToolbar";
|
|
5
5
|
import "./TextEditor.scss";
|
|
6
6
|
type Props = HTMLAttributes<HTMLDivElement> & {
|
|
7
7
|
/**
|
|
@@ -59,11 +59,6 @@ type Props = HTMLAttributes<HTMLDivElement> & {
|
|
|
59
59
|
*/
|
|
60
60
|
placeholder?: string;
|
|
61
61
|
};
|
|
62
|
-
type TextEditorToolbarOption = "bold" | "italic" | "underline" | "strike" | "link" | "video" | {
|
|
63
|
-
list: "ordered";
|
|
64
|
-
} | {
|
|
65
|
-
list: "bullet";
|
|
66
|
-
};
|
|
67
62
|
type TextEditorFormat = "background" | "bold" | "color" | "font" | "code" | "italic" | "link" | "size" | "strike" | "script" | "underline" | "blockquote" | "header" | "list" | "align";
|
|
68
63
|
export declare const TextEditor: FC<Props>;
|
|
69
64
|
export default TextEditor;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
export type TextEditorToolbarOption = "bold" | "italic" | "underline" | "strike" | "link" | "video" | {
|
|
3
|
+
list: "ordered";
|
|
4
|
+
} | {
|
|
5
|
+
list: "bullet";
|
|
6
|
+
};
|
|
7
|
+
interface Props {
|
|
8
|
+
toolbarId: string;
|
|
9
|
+
toolbar: TextEditorToolbarOption[][];
|
|
10
|
+
hasTextSelected: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const TextEditorToolbar: FC<Props>;
|
|
13
|
+
export {};
|
|
@@ -3,11 +3,7 @@ declare const _default: {
|
|
|
3
3
|
component: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
|
|
4
4
|
onValueChange: (html: string, delta: import("quill-delta").default, source: import("quill").EmitterSource) => void;
|
|
5
5
|
formats?: ("bold" | "link" | "strike" | "blockquote" | "code" | "header" | "script" | "color" | "align" | "list" | "font" | "size" | "background" | "italic" | "underline")[];
|
|
6
|
-
toolbar?: ("
|
|
7
|
-
list: "ordered";
|
|
8
|
-
} | {
|
|
9
|
-
list: "bullet";
|
|
10
|
-
})[][];
|
|
6
|
+
toolbar?: import("../src/components/TextEditor/TextEditorToolbar").TextEditorToolbarOption[][];
|
|
11
7
|
defaultValue?: string;
|
|
12
8
|
placeholder?: string;
|
|
13
9
|
}>;
|
package/dist/web-ui-tailwind.css
CHANGED
|
@@ -81,6 +81,7 @@
|
|
|
81
81
|
--ui-color-blue-300: #93c5fd;
|
|
82
82
|
--ui-color-blue-400: #60a5fa;
|
|
83
83
|
--ui-color-blue-500: #3b82f6;
|
|
84
|
+
--ui-color-blue-600: #2563eb;
|
|
84
85
|
--ui-color-blue-700: #1d4ed8;
|
|
85
86
|
--ui-color-blue-800: #1e40af;
|
|
86
87
|
--ui-color-blue-900: #1e3a8a;
|
|
@@ -1233,6 +1234,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
1233
1234
|
.ui\:min-h-15 {
|
|
1234
1235
|
min-height: 3.75rem;
|
|
1235
1236
|
}
|
|
1237
|
+
.ui\:min-h-40 {
|
|
1238
|
+
min-height: calc(var(--ui-spacing) * 40);
|
|
1239
|
+
}
|
|
1236
1240
|
.ui\:min-h-\[650px\] {
|
|
1237
1241
|
min-height: 650px;
|
|
1238
1242
|
}
|
|
@@ -1637,6 +1641,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
1637
1641
|
.ui\:cursor-wait {
|
|
1638
1642
|
cursor: wait;
|
|
1639
1643
|
}
|
|
1644
|
+
.ui\:resize-y {
|
|
1645
|
+
resize: vertical;
|
|
1646
|
+
}
|
|
1640
1647
|
.ui\:snap-x {
|
|
1641
1648
|
scroll-snap-type: x var(--tw-scroll-snap-strictness);
|
|
1642
1649
|
}
|
|
@@ -2969,6 +2976,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
2969
2976
|
.ui\:break-all {
|
|
2970
2977
|
word-break: break-all;
|
|
2971
2978
|
}
|
|
2979
|
+
.ui\:text-ellipsis {
|
|
2980
|
+
text-overflow: ellipsis;
|
|
2981
|
+
}
|
|
2972
2982
|
.ui\:whitespace-break-spaces {
|
|
2973
2983
|
white-space: break-spaces;
|
|
2974
2984
|
}
|
|
@@ -2987,6 +2997,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
2987
2997
|
.ui\:text-amber-800 {
|
|
2988
2998
|
color: var(--ui-color-amber-800);
|
|
2989
2999
|
}
|
|
3000
|
+
.ui\:text-blue-600 {
|
|
3001
|
+
color: var(--ui-color-blue-600);
|
|
3002
|
+
}
|
|
2990
3003
|
.ui\:text-current {
|
|
2991
3004
|
color: currentcolor;
|
|
2992
3005
|
}
|
|
@@ -4672,6 +4685,16 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
|
|
|
4672
4685
|
}
|
|
4673
4686
|
}
|
|
4674
4687
|
}
|
|
4688
|
+
.ui\:aria-disabled\:cursor-not-allowed {
|
|
4689
|
+
&[aria-disabled="true"] {
|
|
4690
|
+
cursor: not-allowed;
|
|
4691
|
+
}
|
|
4692
|
+
}
|
|
4693
|
+
.ui\:aria-pressed\:bg-primary-background {
|
|
4694
|
+
&[aria-pressed="true"] {
|
|
4695
|
+
background-color: var(--ui-color-blue-100);
|
|
4696
|
+
}
|
|
4697
|
+
}
|
|
4675
4698
|
.ui\:data-\[side\=bottom\]\:slide-in-from-top-2 {
|
|
4676
4699
|
&[data-side="bottom"] {
|
|
4677
4700
|
--tw-enter-translate-y: -0.5rem;
|