@frontify/fondue 12.0.0-beta.253 → 12.0.0-beta.255
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/components/RichTextEditor/Plugins/MentionPlugin/config.d.ts +2 -3
- package/dist/components/RichTextEditor/Plugins/MentionPlugin/config.es.js.map +1 -1
- package/dist/components/RichTextEditor/Plugins/MentionPlugin/types.d.ts +8 -1
- package/dist/components/RichTextEditor/Plugins/MentionPlugin/types.es.js.map +1 -1
- package/dist/components/RichTextEditor/Plugins/Plugin.d.ts +2 -2
- package/dist/components/RichTextEditor/Plugins/Plugin.es.js.map +1 -1
- package/dist/components/Tree/TreeItem/DragHandle.es.js +15 -14
- package/dist/components/Tree/TreeItem/DragHandle.es.js.map +1 -1
- package/dist/components/Tree/TreeItem/TreeItemOverlay.es.js +1 -1
- package/dist/components/Tree/TreeItem/TreeItemOverlay.es.js.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export declare const mentionPlugin: Partial<PlatePlugin<MentionPlugin<MentionItemData>>>;
|
|
1
|
+
import { MentionItemData, MentionPlugin } from './types';
|
|
2
|
+
export declare const mentionPlugin: MentionPlugin<MentionItemData>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/config.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {
|
|
1
|
+
{"version":3,"file":"config.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/config.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MentionItemData, MentionPlugin } from './types';\n\nexport const mentionPlugin: MentionPlugin<MentionItemData> = {\n options: {\n trigger: '@',\n createMentionNode: (item) => ({\n value: item.text,\n category: item.data.category,\n id: item.data.id,\n }),\n },\n};\n"],"names":["mentionPlugin","item"],"mappings":"AAIO,MAAMA,IAAgD;AAAA,EACzD,SAAS;AAAA,IACL,SAAS;AAAA,IACT,mBAAmB,CAACC,OAAU;AAAA,MAC1B,OAAOA,EAAK;AAAA,MACZ,UAAUA,EAAK,KAAK;AAAA,MACpB,IAAIA,EAAK,KAAK;AAAA,IAAA;AAAA,EAEtB;AACJ;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TComboboxItemWithData } from '@udecode/plate';
|
|
1
|
+
import { CreateMentionNode, Data, NoData, TComboboxItemWithData, WithOverride } from '@udecode/plate';
|
|
2
2
|
import { PluginProps } from '../Plugin';
|
|
3
3
|
export declare enum MentionableCategory {
|
|
4
4
|
GROUP = "group",
|
|
@@ -16,3 +16,10 @@ export type MentionPluginProps = PluginProps & {
|
|
|
16
16
|
mentionableItems: MentionableItems;
|
|
17
17
|
};
|
|
18
18
|
export type MappedMentionableItems = Map<string, string>;
|
|
19
|
+
export interface MentionPlugin<TData extends Data = NoData> {
|
|
20
|
+
withOverrides?: WithOverride;
|
|
21
|
+
options: {
|
|
22
|
+
trigger: string;
|
|
23
|
+
createMentionNode?: CreateMentionNode<TData>;
|
|
24
|
+
};
|
|
25
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TComboboxItemWithData } from '@udecode/plate';\nimport { PluginProps } from '../Plugin';\n\nexport enum MentionableCategory {\n GROUP = 'group',\n ALL = 'all',\n USER = 'user',\n}\n\nexport type MentionItemData = {\n id: string;\n category: MentionableCategory;\n image?: string;\n};\n\nexport type MentionableItem = TComboboxItemWithData<MentionItemData>;\n\nexport type MentionableItems = MentionableItem[];\n\nexport type MentionPluginProps = PluginProps & {\n mentionableItems: MentionableItems;\n};\n\nexport type MappedMentionableItems = Map<string, string>;\n"],"names":["MentionableCategory"],"mappings":"AAKY,IAAAA,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QAHCA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
1
|
+
{"version":3,"file":"types.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { CreateMentionNode, Data, NoData, TComboboxItemWithData, WithOverride } from '@udecode/plate';\nimport { PluginProps } from '../Plugin';\n\nexport enum MentionableCategory {\n GROUP = 'group',\n ALL = 'all',\n USER = 'user',\n}\n\nexport type MentionItemData = {\n id: string;\n category: MentionableCategory;\n image?: string;\n};\n\nexport type MentionableItem = TComboboxItemWithData<MentionItemData>;\n\nexport type MentionableItems = MentionableItem[];\n\nexport type MentionPluginProps = PluginProps & {\n mentionableItems: MentionableItems;\n};\n\nexport type MappedMentionableItems = Map<string, string>;\n\nexport interface MentionPlugin<TData extends Data = NoData> {\n withOverrides?: WithOverride;\n options: {\n trigger: string;\n createMentionNode?: CreateMentionNode<TData>;\n };\n}\n"],"names":["MentionableCategory"],"mappings":"AAKY,IAAAA,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QAHCA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PlatePlugin } from '@udecode/plate';
|
|
2
2
|
import { InlineData, PluginButton } from './types';
|
|
3
3
|
import { Position } from '../EditorPositioningWrapper';
|
|
4
4
|
import type { MarkupElement } from './MarkupElement';
|
|
@@ -28,5 +28,5 @@ export declare abstract class Plugin<P extends PluginProps = PluginProps> {
|
|
|
28
28
|
readonly styles?: CSSProperties;
|
|
29
29
|
constructor(id: string, rest?: P);
|
|
30
30
|
inline(): InlineData | undefined;
|
|
31
|
-
abstract plugins(): PlatePlugin
|
|
31
|
+
abstract plugins(): PlatePlugin[];
|
|
32
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plugin.es.js","sources":["../../../../src/components/RichTextEditor/Plugins/Plugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {
|
|
1
|
+
{"version":3,"file":"Plugin.es.js","sources":["../../../../src/components/RichTextEditor/Plugins/Plugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlatePlugin } from '@udecode/plate';\nimport { InlineData, PluginButton } from './types';\nimport { Position } from '../EditorPositioningWrapper';\nimport type { MarkupElement } from './MarkupElement';\nimport { CSSProperties } from 'react';\n\nexport type PluginProps = {\n id?: string;\n button?: PluginButton;\n markupElement?: MarkupElement;\n markupInputElement?: MarkupElement;\n leafMarkupElements?: MarkupElement | MarkupElement[];\n showIn?: Position[];\n columns?: number;\n gap?: string | number;\n label?: string;\n textStyles?: Plugin<PluginProps>[];\n styles?: CSSProperties;\n};\n\nexport abstract class Plugin<P extends PluginProps = PluginProps> {\n readonly id: string;\n readonly button?: PluginButton;\n readonly markupElement?: MarkupElement;\n readonly markupInputElement?: MarkupElement;\n readonly leafMarkupElements?: MarkupElement | MarkupElement[];\n readonly showIn: Position[];\n readonly props?: P;\n readonly textStyles?: Plugin<PluginProps>[];\n readonly styles?: CSSProperties;\n\n constructor(id: string, rest?: P) {\n this.id = rest?.id || id;\n this.button = rest?.button;\n this.markupElement = rest?.markupElement;\n this.markupInputElement = rest?.markupInputElement;\n this.leafMarkupElements = rest?.leafMarkupElements;\n this.showIn = rest?.showIn ?? [Position.BOTTOM, Position.TOP, Position.FLOATING];\n this.props = rest;\n }\n\n inline(): InlineData | undefined {\n return undefined;\n }\n\n abstract plugins(): PlatePlugin[];\n}\n"],"names":["Plugin","id","rest","__publicField","Position"],"mappings":";;;;AAsBO,MAAeA,EAA4C;AAAA,EAW9D,YAAYC,GAAYC,GAAU;AAVzB,IAAAC,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA;AAGA,SAAA,MAAKD,KAAA,gBAAAA,EAAM,OAAMD,GACtB,KAAK,SAASC,KAAA,gBAAAA,EAAM,QACpB,KAAK,gBAAgBA,KAAA,gBAAAA,EAAM,eAC3B,KAAK,qBAAqBA,KAAA,gBAAAA,EAAM,oBAChC,KAAK,qBAAqBA,KAAA,gBAAAA,EAAM,oBAC3B,KAAA,UAASA,KAAA,gBAAAA,EAAM,WAAU,CAACE,EAAS,QAAQA,EAAS,KAAKA,EAAS,QAAQ,GAC/E,KAAK,QAAQF;AAAA,EACjB;AAAA,EAEA,SAAiC;AAAA,EAEjC;AAGJ;"}
|
|
@@ -1,26 +1,27 @@
|
|
|
1
|
-
import t, { forwardRef as
|
|
2
|
-
import { merge as
|
|
3
|
-
import { FOCUS_VISIBLE_STYLE as
|
|
4
|
-
import
|
|
5
|
-
const
|
|
6
|
-
({ active: e, className: r, ...
|
|
1
|
+
import t, { forwardRef as i } from "react";
|
|
2
|
+
import { merge as m } from "../../../utilities/merge.es.js";
|
|
3
|
+
import { FOCUS_VISIBLE_STYLE as n } from "../../../utilities/focusStyle.es.js";
|
|
4
|
+
import l from "../../../foundation/Icon/Generated/IconGrabHandle12.es.js";
|
|
5
|
+
const d = i(
|
|
6
|
+
({ active: e, className: r, ...a }, o) => /* @__PURE__ */ t.createElement(
|
|
7
7
|
"button",
|
|
8
8
|
{
|
|
9
9
|
"aria-label": "Draggable item",
|
|
10
|
-
...
|
|
11
|
-
ref:
|
|
12
|
-
className:
|
|
13
|
-
|
|
10
|
+
...a,
|
|
11
|
+
ref: o,
|
|
12
|
+
className: m([
|
|
13
|
+
n,
|
|
14
14
|
"tw-p-1 first:tw-ml-2 tw-text-text tw-opacity-0 group-hover:tw-opacity-100 group-focus-within:tw-opacity-100 tw-rounded-sm hover:tw-cursor-grab",
|
|
15
15
|
e && "tw-opacity-100 tw-text-white",
|
|
16
16
|
r
|
|
17
|
-
])
|
|
17
|
+
]),
|
|
18
|
+
"data-test-id": "fondue-tree-item-drag-handle"
|
|
18
19
|
},
|
|
19
|
-
/* @__PURE__ */ t.createElement(
|
|
20
|
+
/* @__PURE__ */ t.createElement(l, null)
|
|
20
21
|
)
|
|
21
22
|
);
|
|
22
|
-
|
|
23
|
+
d.displayName = "FondueDragHandle";
|
|
23
24
|
export {
|
|
24
|
-
|
|
25
|
+
d as DragHandle
|
|
25
26
|
};
|
|
26
27
|
//# sourceMappingURL=DragHandle.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragHandle.es.js","sources":["../../../../src/components/Tree/TreeItem/DragHandle.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { ButtonHTMLAttributes, DetailedHTMLProps, forwardRef } from 'react';\n\nimport { IconGrabHandle12 } from '@foundation/Icon';\n\nimport { merge } from '@utilities/merge';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\n\nexport type DragHandleProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {\n active?: boolean;\n};\n\nexport const DragHandle = forwardRef(\n ({ active, className, ...props }: DragHandleProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n return (\n <button\n aria-label=\"Draggable item\"\n {...props}\n ref={ref}\n className={merge([\n FOCUS_VISIBLE_STYLE,\n 'tw-p-1 first:tw-ml-2 tw-text-text tw-opacity-0 group-hover:tw-opacity-100 group-focus-within:tw-opacity-100 tw-rounded-sm hover:tw-cursor-grab',\n active && 'tw-opacity-100 tw-text-white',\n className,\n ])}\n >\n <IconGrabHandle12 />\n </button>\n );\n },\n);\n\nDragHandle.displayName = 'FondueDragHandle';\n"],"names":["DragHandle","forwardRef","active","className","props","ref","React","merge","FOCUS_VISIBLE_STYLE","IconGrabHandle12"],"mappings":";;;;AAaO,MAAMA,IAAaC;AAAA,EACtB,CAAC,EAAE,QAAAC,GAAQ,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,MAE3C,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAW;AAAA,MACV,GAAGF;AAAA,MACJ,KAAAC;AAAA,MACA,WAAWE,EAAM;AAAA,QACbC;AAAA,QACA;AAAA,QACAN,KAAU;AAAA,QACVC;AAAA,MAAA,CACH;AAAA,IAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"DragHandle.es.js","sources":["../../../../src/components/Tree/TreeItem/DragHandle.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { ButtonHTMLAttributes, DetailedHTMLProps, forwardRef } from 'react';\n\nimport { IconGrabHandle12 } from '@foundation/Icon';\n\nimport { merge } from '@utilities/merge';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\n\nexport type DragHandleProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {\n active?: boolean;\n};\n\nexport const DragHandle = forwardRef(\n ({ active, className, ...props }: DragHandleProps, ref: React.ForwardedRef<HTMLButtonElement>) => {\n return (\n <button\n aria-label=\"Draggable item\"\n {...props}\n ref={ref}\n className={merge([\n FOCUS_VISIBLE_STYLE,\n 'tw-p-1 first:tw-ml-2 tw-text-text tw-opacity-0 group-hover:tw-opacity-100 group-focus-within:tw-opacity-100 tw-rounded-sm hover:tw-cursor-grab',\n active && 'tw-opacity-100 tw-text-white',\n className,\n ])}\n data-test-id=\"fondue-tree-item-drag-handle\"\n >\n <IconGrabHandle12 />\n </button>\n );\n },\n);\n\nDragHandle.displayName = 'FondueDragHandle';\n"],"names":["DragHandle","forwardRef","active","className","props","ref","React","merge","FOCUS_VISIBLE_STYLE","IconGrabHandle12"],"mappings":";;;;AAaO,MAAMA,IAAaC;AAAA,EACtB,CAAC,EAAE,QAAAC,GAAQ,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,MAE3C,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAW;AAAA,MACV,GAAGF;AAAA,MACJ,KAAAC;AAAA,MACA,WAAWE,EAAM;AAAA,QACbC;AAAA,QACA;AAAA,QACAN,KAAU;AAAA,QACVC;AAAA,MAAA,CACH;AAAA,MACD,gBAAa;AAAA,IAAA;AAAA,oCAEZM,GAAiB,IAAA;AAAA,EAAA;AAIlC;AAEAT,EAAW,cAAc;"}
|
|
@@ -13,7 +13,7 @@ const b = ({ id: a, label: e, level: r = 0, children: o, contentComponent: i, is
|
|
|
13
13
|
"aria-label": e,
|
|
14
14
|
"aria-level": r + 1,
|
|
15
15
|
"aria-selected": n,
|
|
16
|
-
"data-test-id": "tree-item-overlay",
|
|
16
|
+
"data-test-id": "fondue-tree-item-overlay",
|
|
17
17
|
className: "tw-pointer-events-none tw-bg-white tw-flex tw-items-center tw-gap-x-1 tw-py-2 tw-px-2.5 tw-no-underline tw-leading-5 tw-h-10 tw-box-border tw-w-fit tw-drop-shadow-xl tw-rounded"
|
|
18
18
|
},
|
|
19
19
|
/* @__PURE__ */ t.createElement("button", { tabIndex: -1, className: "tw-p-1 tw-ml-2" }, /* @__PURE__ */ t.createElement(s, null)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeItemOverlay.es.js","sources":["../../../../src/components/Tree/TreeItem/TreeItemOverlay.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { Children, ReactNode } from 'react';\n\nimport { merge } from '@utilities/merge';\nimport { IconGrabHandle12 } from '@foundation/Icon';\n\nimport { INDENTATION_WIDTH } from '../helpers';\n\nexport type Overlay = {\n id: string;\n label?: string;\n level?: number;\n children: ReactNode;\n contentComponent?: ReactNode;\n isSelected?: boolean;\n};\n\nexport const TreeItemOverlay = ({ id, label, level = 0, children, contentComponent, isSelected }: Overlay) => {\n const hasChildren = Children.count(children) > 0;\n\n const indentation = level * INDENTATION_WIDTH;\n\n const liStyle = { marginLeft: indentation };\n\n return (\n <li\n role=\"treeitem\"\n style={liStyle}\n id={id.toString()}\n aria-label={label}\n aria-level={level + 1}\n aria-selected={isSelected}\n data-test-id=\"tree-item-overlay\"\n className=\"tw-pointer-events-none tw-bg-white tw-flex tw-items-center tw-gap-x-1 tw-py-2 tw-px-2.5 tw-no-underline tw-leading-5 tw-h-10 tw-box-border tw-w-fit tw-drop-shadow-xl tw-rounded\"\n >\n <button tabIndex={-1} className=\"tw-p-1 tw-ml-2\">\n <IconGrabHandle12 />\n </button>\n {hasChildren && (\n <button tabIndex={-1} data-test-id=\"tree-item-toggle\" className=\"tw-p-1\">\n <div\n className={merge([\n 'tw-transition-transform tw-w-0 tw-h-0 tw-text-black-100 tw-text-opacity-40 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong',\n isSelected && 'tw-text-box-selected-strong-inverse',\n ])}\n />\n </button>\n )}\n\n {label !== undefined && <span>{label}</span>}\n\n {contentComponent}\n </li>\n );\n};\n\nTreeItemOverlay.displayName = 'FondueTreeItemOverlay';\n"],"names":["TreeItemOverlay","id","label","level","children","contentComponent","isSelected","hasChildren","Children","liStyle","INDENTATION_WIDTH","React","IconGrabHandle12","merge"],"mappings":";;;;AAkBa,MAAAA,IAAkB,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,OAAAC,IAAQ,GAAG,UAAAC,GAAU,kBAAAC,GAAkB,YAAAC,QAA0B;AAC1G,QAAMC,IAAcC,EAAS,MAAMJ,CAAQ,IAAI,GAIzCK,IAAU,EAAE,YAFEN,IAAQO;AAKxB,SAAA,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,OAAOF;AAAA,MACP,IAAIR,EAAG,SAAS;AAAA,MAChB,cAAYC;AAAA,MACZ,cAAYC,IAAQ;AAAA,MACpB,iBAAeG;AAAA,MACf,gBAAa;AAAA,MACb,WAAU;AAAA,IAAA;AAAA,IAEV,gBAAAK,EAAA,cAAC,YAAO,UAAU,IAAI,WAAU,iBAC5B,GAAA,gBAAAA,EAAA,cAACC,OAAiB,CACtB;AAAA,IACCL,qCACI,UAAO,EAAA,UAAU,IAAI,gBAAa,oBAAmB,WAAU,SAC5D,GAAA,gBAAAI,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWE,EAAM;AAAA,UACb;AAAA,UACAP,KAAc;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA,CAET;AAAA,IAGHJ,MAAU,UAAc,gBAAAS,EAAA,cAAA,QAAA,MAAMT,CAAM;AAAA,IAEpCG;AAAA,EAAA;AAGb;AAEAL,EAAgB,cAAc;"}
|
|
1
|
+
{"version":3,"file":"TreeItemOverlay.es.js","sources":["../../../../src/components/Tree/TreeItem/TreeItemOverlay.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { Children, ReactNode } from 'react';\n\nimport { merge } from '@utilities/merge';\nimport { IconGrabHandle12 } from '@foundation/Icon';\n\nimport { INDENTATION_WIDTH } from '../helpers';\n\nexport type Overlay = {\n id: string;\n label?: string;\n level?: number;\n children: ReactNode;\n contentComponent?: ReactNode;\n isSelected?: boolean;\n};\n\nexport const TreeItemOverlay = ({ id, label, level = 0, children, contentComponent, isSelected }: Overlay) => {\n const hasChildren = Children.count(children) > 0;\n\n const indentation = level * INDENTATION_WIDTH;\n\n const liStyle = { marginLeft: indentation };\n\n return (\n <li\n role=\"treeitem\"\n style={liStyle}\n id={id.toString()}\n aria-label={label}\n aria-level={level + 1}\n aria-selected={isSelected}\n data-test-id=\"fondue-tree-item-overlay\"\n className=\"tw-pointer-events-none tw-bg-white tw-flex tw-items-center tw-gap-x-1 tw-py-2 tw-px-2.5 tw-no-underline tw-leading-5 tw-h-10 tw-box-border tw-w-fit tw-drop-shadow-xl tw-rounded\"\n >\n <button tabIndex={-1} className=\"tw-p-1 tw-ml-2\">\n <IconGrabHandle12 />\n </button>\n {hasChildren && (\n <button tabIndex={-1} data-test-id=\"tree-item-toggle\" className=\"tw-p-1\">\n <div\n className={merge([\n 'tw-transition-transform tw-w-0 tw-h-0 tw-text-black-100 tw-text-opacity-40 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong',\n isSelected && 'tw-text-box-selected-strong-inverse',\n ])}\n />\n </button>\n )}\n\n {label !== undefined && <span>{label}</span>}\n\n {contentComponent}\n </li>\n );\n};\n\nTreeItemOverlay.displayName = 'FondueTreeItemOverlay';\n"],"names":["TreeItemOverlay","id","label","level","children","contentComponent","isSelected","hasChildren","Children","liStyle","INDENTATION_WIDTH","React","IconGrabHandle12","merge"],"mappings":";;;;AAkBa,MAAAA,IAAkB,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,OAAAC,IAAQ,GAAG,UAAAC,GAAU,kBAAAC,GAAkB,YAAAC,QAA0B;AAC1G,QAAMC,IAAcC,EAAS,MAAMJ,CAAQ,IAAI,GAIzCK,IAAU,EAAE,YAFEN,IAAQO;AAKxB,SAAA,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,OAAOF;AAAA,MACP,IAAIR,EAAG,SAAS;AAAA,MAChB,cAAYC;AAAA,MACZ,cAAYC,IAAQ;AAAA,MACpB,iBAAeG;AAAA,MACf,gBAAa;AAAA,MACb,WAAU;AAAA,IAAA;AAAA,IAEV,gBAAAK,EAAA,cAAC,YAAO,UAAU,IAAI,WAAU,iBAC5B,GAAA,gBAAAA,EAAA,cAACC,OAAiB,CACtB;AAAA,IACCL,qCACI,UAAO,EAAA,UAAU,IAAI,gBAAa,oBAAmB,WAAU,SAC5D,GAAA,gBAAAI,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWE,EAAM;AAAA,UACb;AAAA,UACAP,KAAc;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IAAA,CAET;AAAA,IAGHJ,MAAU,UAAc,gBAAAS,EAAA,cAAA,QAAA,MAAMT,CAAM;AAAA,IAEpCG;AAAA,EAAA;AAGb;AAEAL,EAAgB,cAAc;"}
|