@djangocfg/ui-tools 2.1.464 → 2.1.465
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,6 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
3
|
|
|
5
4
|
type WaveformMode = 'peaks' | 'live' | 'bars' | 'progress' | 'none';
|
|
6
5
|
type WaveformConfig = {
|
|
@@ -142,7 +141,7 @@ type PlayerProviderProps = {
|
|
|
142
141
|
onError?: (reason: PlayerErrorReason, e: unknown) => void;
|
|
143
142
|
children: ReactNode;
|
|
144
143
|
};
|
|
145
|
-
declare function PlayerProvider(props: PlayerProviderProps):
|
|
144
|
+
declare function PlayerProvider(props: PlayerProviderProps): react.JSX.Element;
|
|
146
145
|
|
|
147
146
|
declare const usePlayerState: () => PlayerState;
|
|
148
147
|
declare const usePlayerControls: () => PlayerControls;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
3
|
|
|
5
4
|
type WaveformMode = 'peaks' | 'live' | 'bars' | 'progress' | 'none';
|
|
6
5
|
type WaveformConfig = {
|
|
@@ -142,7 +141,7 @@ type PlayerProviderProps = {
|
|
|
142
141
|
onError?: (reason: PlayerErrorReason, e: unknown) => void;
|
|
143
142
|
children: ReactNode;
|
|
144
143
|
};
|
|
145
|
-
declare function PlayerProvider(props: PlayerProviderProps):
|
|
144
|
+
declare function PlayerProvider(props: PlayerProviderProps): react.JSX.Element;
|
|
146
145
|
|
|
147
146
|
declare const usePlayerState: () => PlayerState;
|
|
148
147
|
declare const usePlayerControls: () => PlayerControls;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { LucideIcon } from 'lucide-react';
|
|
3
3
|
import { T as TreeNode, b as TreeRowSlot } from '../slots-ClRpIzoh.cjs';
|
|
4
|
-
import 'react';
|
|
5
4
|
|
|
6
5
|
interface ResolveFolderIconOptions {
|
|
7
6
|
/** Folder display name (no path). */
|
|
@@ -54,7 +53,7 @@ interface FileIconProps {
|
|
|
54
53
|
* The icon SVG data is a static module, so it bundles into the `FileIcon`
|
|
55
54
|
* chunk and is only fetched by consumers that actually mount this component.
|
|
56
55
|
*/
|
|
57
|
-
declare function FileIcon({ name, isFolder, isExpanded, size, folderOverrides, label, className, }: FileIconProps):
|
|
56
|
+
declare function FileIcon({ name, isFolder, isExpanded, size, folderOverrides, label, className, }: FileIconProps): react.JSX.Element;
|
|
58
57
|
|
|
59
58
|
interface CreateFileIconSlotOptions<T> {
|
|
60
59
|
/**
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { LucideIcon } from 'lucide-react';
|
|
3
3
|
import { T as TreeNode, b as TreeRowSlot } from '../slots-ClRpIzoh.js';
|
|
4
|
-
import 'react';
|
|
5
4
|
|
|
6
5
|
interface ResolveFolderIconOptions {
|
|
7
6
|
/** Folder display name (no path). */
|
|
@@ -54,7 +53,7 @@ interface FileIconProps {
|
|
|
54
53
|
* The icon SVG data is a static module, so it bundles into the `FileIcon`
|
|
55
54
|
* chunk and is only fetched by consumers that actually mount this component.
|
|
56
55
|
*/
|
|
57
|
-
declare function FileIcon({ name, isFolder, isExpanded, size, folderOverrides, label, className, }: FileIconProps):
|
|
56
|
+
declare function FileIcon({ name, isFolder, isExpanded, size, folderOverrides, label, className, }: FileIconProps): react.JSX.Element;
|
|
58
57
|
|
|
59
58
|
interface CreateFileIconSlotOptions<T> {
|
|
60
59
|
/**
|
package/dist/tree/index.d.cts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
1
|
import * as react from 'react';
|
|
3
2
|
import { CSSProperties } from 'react';
|
|
4
3
|
import { T as TreeNode, a as TreeItemId, b as TreeRowSlot, c as TreeContextMenuSlot, d as TreeContextMenuActionsResolver, F as FlatRow, e as TreeRowRenderProps, f as TreeContextMenuItem } from '../slots-ClRpIzoh.cjs';
|
|
@@ -354,7 +353,7 @@ interface TreeActionsHandle {
|
|
|
354
353
|
* For full control, compose with <TreeProvider>, <TreeContent>,
|
|
355
354
|
* <TreeSearchInput>, <TreeRow>, etc. directly from `@djangocfg/ui-tools/tree`.
|
|
356
355
|
*/
|
|
357
|
-
declare function TreeRoot<T>(props: TreeRootProps<T>):
|
|
356
|
+
declare function TreeRoot<T>(props: TreeRootProps<T>): react.JSX.Element;
|
|
358
357
|
|
|
359
358
|
/**
|
|
360
359
|
* `<FinderTree>` — opinionated Finder/Explorer-style preset.
|
|
@@ -375,7 +374,7 @@ declare function TreeRoot<T>(props: TreeRootProps<T>): react_jsx_runtime.JSX.Ele
|
|
|
375
374
|
* />
|
|
376
375
|
* ```
|
|
377
376
|
*/
|
|
378
|
-
declare function FinderTree<T>(props: TreeRootProps<T>):
|
|
377
|
+
declare function FinderTree<T>(props: TreeRootProps<T>): react.JSX.Element;
|
|
379
378
|
|
|
380
379
|
type ClipboardKind = 'cut' | 'copy';
|
|
381
380
|
interface ClipboardEntry {
|
|
@@ -552,7 +551,7 @@ declare function useTreeContext<T>(): TreeContextValue<T>;
|
|
|
552
551
|
interface TreeProviderProps<T> extends Pick<TreeRootProps<T>, 'data' | 'getItemName' | 'loadChildren' | 'selectionMode' | 'activationMode' | 'initialExpandedIds' | 'initialSelectedIds' | 'indent' | 'appearance' | 'onSelectionChange' | 'onExpansionChange' | 'onActivate' | 'filterNode' | 'enableSearch' | 'showIndentGuides' | 'renderIcon' | 'renderLabel' | 'renderActions' | 'renderContextMenu' | 'contextMenuActions' | 'labels' | 'persistKey' | 'persistSelection' | 'adapter' | 'defaultMenuItems' | 'enableInlineRename' | 'enableDnD' | 'canDrop'> {
|
|
553
552
|
children: react.ReactNode;
|
|
554
553
|
}
|
|
555
|
-
declare function TreeProvider<T>(props: TreeProviderProps<T>):
|
|
554
|
+
declare function TreeProvider<T>(props: TreeProviderProps<T>): react.JSX.Element;
|
|
556
555
|
|
|
557
556
|
interface FlattenInput<T> {
|
|
558
557
|
roots: TreeNode<T>[];
|
|
@@ -844,7 +843,7 @@ interface TreeChevronProps {
|
|
|
844
843
|
* Memoised: re-renders only when `isExpanded`, `isFolder` or `className`
|
|
845
844
|
* change. Reads appearance from context.
|
|
846
845
|
*/
|
|
847
|
-
declare function TreeChevronRaw({ isExpanded, isFolder, className }: TreeChevronProps):
|
|
846
|
+
declare function TreeChevronRaw({ isExpanded, isFolder, className }: TreeChevronProps): react.JSX.Element;
|
|
848
847
|
declare const TreeChevron: react.MemoExoticComponent<typeof TreeChevronRaw>;
|
|
849
848
|
|
|
850
849
|
interface TreeIconProps {
|
|
@@ -859,7 +858,7 @@ interface TreeIconProps {
|
|
|
859
858
|
* change. Reads appearance from context — context updates will still
|
|
860
859
|
* trigger re-render as expected.
|
|
861
860
|
*/
|
|
862
|
-
declare function TreeIconRaw({ isFolder, isExpanded, className }: TreeIconProps):
|
|
861
|
+
declare function TreeIconRaw({ isFolder, isExpanded, className }: TreeIconProps): react.JSX.Element;
|
|
863
862
|
declare const TreeIcon: react.MemoExoticComponent<typeof TreeIconRaw>;
|
|
864
863
|
|
|
865
864
|
interface TreeLabelProps {
|
|
@@ -873,7 +872,7 @@ interface TreeLabelProps {
|
|
|
873
872
|
* Memoised: re-renders only when `children`, `isMatchingSearch` or
|
|
874
873
|
* `className` change. `children` is compared by reference.
|
|
875
874
|
*/
|
|
876
|
-
declare function TreeLabelRaw({ children, isMatchingSearch, className }: TreeLabelProps):
|
|
875
|
+
declare function TreeLabelRaw({ children, isMatchingSearch, className }: TreeLabelProps): react.JSX.Element;
|
|
877
876
|
declare const TreeLabel: react.MemoExoticComponent<typeof TreeLabelRaw>;
|
|
878
877
|
|
|
879
878
|
interface TreeRowProps<T> {
|
|
@@ -887,7 +886,7 @@ interface TreeRowProps<T> {
|
|
|
887
886
|
* `row` is treated as immutable — the parent should not mutate node
|
|
888
887
|
* objects in place.
|
|
889
888
|
*/
|
|
890
|
-
declare function TreeRowRaw<T>({ row, className }: TreeRowProps<T>):
|
|
889
|
+
declare function TreeRowRaw<T>({ row, className }: TreeRowProps<T>): react.JSX.Element;
|
|
891
890
|
declare const TreeRow: typeof TreeRowRaw;
|
|
892
891
|
|
|
893
892
|
interface TreeContentProps<T> {
|
|
@@ -903,31 +902,31 @@ interface TreeContentProps<T> {
|
|
|
903
902
|
*/
|
|
904
903
|
role?: 'tree' | 'group' | 'presentation';
|
|
905
904
|
}
|
|
906
|
-
declare function TreeContent<T>({ children, className, ariaLabel, role, }: TreeContentProps<T>):
|
|
905
|
+
declare function TreeContent<T>({ children, className, ariaLabel, role, }: TreeContentProps<T>): react.JSX.Element;
|
|
907
906
|
|
|
908
907
|
interface TreeSearchInputProps {
|
|
909
908
|
className?: string;
|
|
910
909
|
showMatches?: boolean;
|
|
911
910
|
}
|
|
912
|
-
declare function TreeSearchInput({ className, showMatches }: TreeSearchInputProps):
|
|
911
|
+
declare function TreeSearchInput({ className, showMatches }: TreeSearchInputProps): react.JSX.Element;
|
|
913
912
|
|
|
914
913
|
interface TreeEmptyProps {
|
|
915
914
|
children: React.ReactNode;
|
|
916
915
|
className?: string;
|
|
917
916
|
}
|
|
918
|
-
declare function TreeEmpty({ children, className }: TreeEmptyProps):
|
|
917
|
+
declare function TreeEmpty({ children, className }: TreeEmptyProps): react.JSX.Element;
|
|
919
918
|
|
|
920
919
|
interface TreeSkeletonProps {
|
|
921
920
|
rows?: number;
|
|
922
921
|
className?: string;
|
|
923
922
|
}
|
|
924
|
-
declare function TreeSkeleton({ rows, className }: TreeSkeletonProps):
|
|
923
|
+
declare function TreeSkeleton({ rows, className }: TreeSkeletonProps): react.JSX.Element;
|
|
925
924
|
|
|
926
925
|
interface TreeErrorProps {
|
|
927
926
|
children: React.ReactNode;
|
|
928
927
|
className?: string;
|
|
929
928
|
}
|
|
930
|
-
declare function TreeError({ children, className }: TreeErrorProps):
|
|
929
|
+
declare function TreeError({ children, className }: TreeErrorProps): react.JSX.Element;
|
|
931
930
|
|
|
932
931
|
interface TreeIndentGuidesProps {
|
|
933
932
|
level: number;
|
|
@@ -938,7 +937,7 @@ interface TreeIndentGuidesProps {
|
|
|
938
937
|
* 1px column per ancestor level. Decorative — `aria-hidden` and
|
|
939
938
|
* pointer-events disabled. Opacity comes from the tree appearance.
|
|
940
939
|
*/
|
|
941
|
-
declare function TreeIndentGuides({ level, indent }: TreeIndentGuidesProps):
|
|
940
|
+
declare function TreeIndentGuides({ level, indent }: TreeIndentGuidesProps): react.JSX.Element;
|
|
942
941
|
|
|
943
942
|
interface TreeRenameInputProps {
|
|
944
943
|
initialValue: string;
|
|
@@ -962,7 +961,7 @@ interface TreeRenameInputProps {
|
|
|
962
961
|
* - all other keys are stopped from bubbling so Tree's container
|
|
963
962
|
* hotkeys (↑↓ delete F2 etc.) don't fire while typing.
|
|
964
963
|
*/
|
|
965
|
-
declare function TreeRenameInput({ initialValue, isFolder, onCommit, onCancel, className, }: TreeRenameInputProps):
|
|
964
|
+
declare function TreeRenameInput({ initialValue, isFolder, onCommit, onCancel, className, }: TreeRenameInputProps): react.JSX.Element;
|
|
966
965
|
|
|
967
966
|
interface TreeDropIndicatorProps {
|
|
968
967
|
position: TreeMovePosition;
|
|
@@ -982,7 +981,7 @@ interface TreeDropIndicatorProps {
|
|
|
982
981
|
*
|
|
983
982
|
* Positioned absolutely — the parent `TreeRow` provides `position: relative`.
|
|
984
983
|
*/
|
|
985
|
-
declare function TreeDropIndicator({ position, indent, invalid, }: TreeDropIndicatorProps):
|
|
984
|
+
declare function TreeDropIndicator({ position, indent, invalid, }: TreeDropIndicatorProps): react.JSX.Element;
|
|
986
985
|
|
|
987
986
|
interface TreeEmptyAreaProps {
|
|
988
987
|
className?: string;
|
|
@@ -1000,6 +999,6 @@ interface TreeEmptyAreaProps {
|
|
|
1000
999
|
* `adapter.createFile/Folder` and without a clipboard payload shows
|
|
1001
1000
|
* no menu at all.
|
|
1002
1001
|
*/
|
|
1003
|
-
declare function TreeEmptyArea({ className }: TreeEmptyAreaProps):
|
|
1002
|
+
declare function TreeEmptyArea({ className }: TreeEmptyAreaProps): react.JSX.Element;
|
|
1004
1003
|
|
|
1005
1004
|
export { type ChildCache, type ChildEntry, type ChildEntryStatus, DEFAULT_TREE_APPEARANCE, DEFAULT_TREE_LABELS, type DemoNode, FinderTree, FlatRow, type FlattenInput, type PersistedTreeState, type ResolvedAppearance, TREE_DND_MIME, TreeRoot as Tree, type TreeAccentIntensity, type TreeActionsHandle, type TreeActivateOptions, type TreeActivationMode, type TreeAdapter, type TreeAppearance, type TreeBuiltinAction, TreeChevron, type TreeChevronProps, TreeContent, type TreeContentProps, TreeContextMenuActionsResolver, TreeContextMenuItem, TreeContextMenuSlot, type TreeContextValue, type TreeDensity, TreeDropIndicator, type TreeDropIndicatorProps, TreeEmpty, TreeEmptyArea, type TreeEmptyAreaProps, type TreeEmptyProps, TreeError, type TreeErrorProps, TreeIcon, type TreeIconProps, TreeIndentGuides, type TreeIndentGuidesProps, TreeItemId, TreeLabel, type TreeLabelProps, type TreeLabels, type TreeLoadChildren, type TreeMovePosition, TreeNode, TreeProvider, type TreeProviderProps, type TreeRadius, TreeRenameInput, type TreeRenameInputProps, TreeRoot, type TreeRootProps, TreeRow, type TreeRowProps, TreeRowRenderProps, type TreeRowSizing, TreeRowSlot, TreeSearchInput, type TreeSearchInputProps, type TreeSelectionMode, TreeSkeleton, type TreeSkeletonProps, type TreeVariant, type UseTreeFinderHotkeysOptions, type UseTreeKeyboardOptions, type UseTreeTypeAheadOptions, appearanceToStyle, autoSelectRange, clearTreeState, createChildCache, createDemoTree, TreeRoot as default, defaultCanDrop, flattenTree, loadTreeState, resolveAppearance, resolveChildren, resolveDropZone, saveTreeState, splitFileName, useTreeActions, useTreeClipboard, useTreeContext, useTreeDnd, useTreeExpansion, useTreeFinderHotkeys, useTreeFocus, useTreeKeyboard, useTreeLabels, useTreeRename, useTreeRows, useTreeSearch, useTreeSelection, useTreeTypeAhead };
|
package/dist/tree/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
1
|
import * as react from 'react';
|
|
3
2
|
import { CSSProperties } from 'react';
|
|
4
3
|
import { T as TreeNode, a as TreeItemId, b as TreeRowSlot, c as TreeContextMenuSlot, d as TreeContextMenuActionsResolver, F as FlatRow, e as TreeRowRenderProps, f as TreeContextMenuItem } from '../slots-ClRpIzoh.js';
|
|
@@ -354,7 +353,7 @@ interface TreeActionsHandle {
|
|
|
354
353
|
* For full control, compose with <TreeProvider>, <TreeContent>,
|
|
355
354
|
* <TreeSearchInput>, <TreeRow>, etc. directly from `@djangocfg/ui-tools/tree`.
|
|
356
355
|
*/
|
|
357
|
-
declare function TreeRoot<T>(props: TreeRootProps<T>):
|
|
356
|
+
declare function TreeRoot<T>(props: TreeRootProps<T>): react.JSX.Element;
|
|
358
357
|
|
|
359
358
|
/**
|
|
360
359
|
* `<FinderTree>` — opinionated Finder/Explorer-style preset.
|
|
@@ -375,7 +374,7 @@ declare function TreeRoot<T>(props: TreeRootProps<T>): react_jsx_runtime.JSX.Ele
|
|
|
375
374
|
* />
|
|
376
375
|
* ```
|
|
377
376
|
*/
|
|
378
|
-
declare function FinderTree<T>(props: TreeRootProps<T>):
|
|
377
|
+
declare function FinderTree<T>(props: TreeRootProps<T>): react.JSX.Element;
|
|
379
378
|
|
|
380
379
|
type ClipboardKind = 'cut' | 'copy';
|
|
381
380
|
interface ClipboardEntry {
|
|
@@ -552,7 +551,7 @@ declare function useTreeContext<T>(): TreeContextValue<T>;
|
|
|
552
551
|
interface TreeProviderProps<T> extends Pick<TreeRootProps<T>, 'data' | 'getItemName' | 'loadChildren' | 'selectionMode' | 'activationMode' | 'initialExpandedIds' | 'initialSelectedIds' | 'indent' | 'appearance' | 'onSelectionChange' | 'onExpansionChange' | 'onActivate' | 'filterNode' | 'enableSearch' | 'showIndentGuides' | 'renderIcon' | 'renderLabel' | 'renderActions' | 'renderContextMenu' | 'contextMenuActions' | 'labels' | 'persistKey' | 'persistSelection' | 'adapter' | 'defaultMenuItems' | 'enableInlineRename' | 'enableDnD' | 'canDrop'> {
|
|
553
552
|
children: react.ReactNode;
|
|
554
553
|
}
|
|
555
|
-
declare function TreeProvider<T>(props: TreeProviderProps<T>):
|
|
554
|
+
declare function TreeProvider<T>(props: TreeProviderProps<T>): react.JSX.Element;
|
|
556
555
|
|
|
557
556
|
interface FlattenInput<T> {
|
|
558
557
|
roots: TreeNode<T>[];
|
|
@@ -844,7 +843,7 @@ interface TreeChevronProps {
|
|
|
844
843
|
* Memoised: re-renders only when `isExpanded`, `isFolder` or `className`
|
|
845
844
|
* change. Reads appearance from context.
|
|
846
845
|
*/
|
|
847
|
-
declare function TreeChevronRaw({ isExpanded, isFolder, className }: TreeChevronProps):
|
|
846
|
+
declare function TreeChevronRaw({ isExpanded, isFolder, className }: TreeChevronProps): react.JSX.Element;
|
|
848
847
|
declare const TreeChevron: react.MemoExoticComponent<typeof TreeChevronRaw>;
|
|
849
848
|
|
|
850
849
|
interface TreeIconProps {
|
|
@@ -859,7 +858,7 @@ interface TreeIconProps {
|
|
|
859
858
|
* change. Reads appearance from context — context updates will still
|
|
860
859
|
* trigger re-render as expected.
|
|
861
860
|
*/
|
|
862
|
-
declare function TreeIconRaw({ isFolder, isExpanded, className }: TreeIconProps):
|
|
861
|
+
declare function TreeIconRaw({ isFolder, isExpanded, className }: TreeIconProps): react.JSX.Element;
|
|
863
862
|
declare const TreeIcon: react.MemoExoticComponent<typeof TreeIconRaw>;
|
|
864
863
|
|
|
865
864
|
interface TreeLabelProps {
|
|
@@ -873,7 +872,7 @@ interface TreeLabelProps {
|
|
|
873
872
|
* Memoised: re-renders only when `children`, `isMatchingSearch` or
|
|
874
873
|
* `className` change. `children` is compared by reference.
|
|
875
874
|
*/
|
|
876
|
-
declare function TreeLabelRaw({ children, isMatchingSearch, className }: TreeLabelProps):
|
|
875
|
+
declare function TreeLabelRaw({ children, isMatchingSearch, className }: TreeLabelProps): react.JSX.Element;
|
|
877
876
|
declare const TreeLabel: react.MemoExoticComponent<typeof TreeLabelRaw>;
|
|
878
877
|
|
|
879
878
|
interface TreeRowProps<T> {
|
|
@@ -887,7 +886,7 @@ interface TreeRowProps<T> {
|
|
|
887
886
|
* `row` is treated as immutable — the parent should not mutate node
|
|
888
887
|
* objects in place.
|
|
889
888
|
*/
|
|
890
|
-
declare function TreeRowRaw<T>({ row, className }: TreeRowProps<T>):
|
|
889
|
+
declare function TreeRowRaw<T>({ row, className }: TreeRowProps<T>): react.JSX.Element;
|
|
891
890
|
declare const TreeRow: typeof TreeRowRaw;
|
|
892
891
|
|
|
893
892
|
interface TreeContentProps<T> {
|
|
@@ -903,31 +902,31 @@ interface TreeContentProps<T> {
|
|
|
903
902
|
*/
|
|
904
903
|
role?: 'tree' | 'group' | 'presentation';
|
|
905
904
|
}
|
|
906
|
-
declare function TreeContent<T>({ children, className, ariaLabel, role, }: TreeContentProps<T>):
|
|
905
|
+
declare function TreeContent<T>({ children, className, ariaLabel, role, }: TreeContentProps<T>): react.JSX.Element;
|
|
907
906
|
|
|
908
907
|
interface TreeSearchInputProps {
|
|
909
908
|
className?: string;
|
|
910
909
|
showMatches?: boolean;
|
|
911
910
|
}
|
|
912
|
-
declare function TreeSearchInput({ className, showMatches }: TreeSearchInputProps):
|
|
911
|
+
declare function TreeSearchInput({ className, showMatches }: TreeSearchInputProps): react.JSX.Element;
|
|
913
912
|
|
|
914
913
|
interface TreeEmptyProps {
|
|
915
914
|
children: React.ReactNode;
|
|
916
915
|
className?: string;
|
|
917
916
|
}
|
|
918
|
-
declare function TreeEmpty({ children, className }: TreeEmptyProps):
|
|
917
|
+
declare function TreeEmpty({ children, className }: TreeEmptyProps): react.JSX.Element;
|
|
919
918
|
|
|
920
919
|
interface TreeSkeletonProps {
|
|
921
920
|
rows?: number;
|
|
922
921
|
className?: string;
|
|
923
922
|
}
|
|
924
|
-
declare function TreeSkeleton({ rows, className }: TreeSkeletonProps):
|
|
923
|
+
declare function TreeSkeleton({ rows, className }: TreeSkeletonProps): react.JSX.Element;
|
|
925
924
|
|
|
926
925
|
interface TreeErrorProps {
|
|
927
926
|
children: React.ReactNode;
|
|
928
927
|
className?: string;
|
|
929
928
|
}
|
|
930
|
-
declare function TreeError({ children, className }: TreeErrorProps):
|
|
929
|
+
declare function TreeError({ children, className }: TreeErrorProps): react.JSX.Element;
|
|
931
930
|
|
|
932
931
|
interface TreeIndentGuidesProps {
|
|
933
932
|
level: number;
|
|
@@ -938,7 +937,7 @@ interface TreeIndentGuidesProps {
|
|
|
938
937
|
* 1px column per ancestor level. Decorative — `aria-hidden` and
|
|
939
938
|
* pointer-events disabled. Opacity comes from the tree appearance.
|
|
940
939
|
*/
|
|
941
|
-
declare function TreeIndentGuides({ level, indent }: TreeIndentGuidesProps):
|
|
940
|
+
declare function TreeIndentGuides({ level, indent }: TreeIndentGuidesProps): react.JSX.Element;
|
|
942
941
|
|
|
943
942
|
interface TreeRenameInputProps {
|
|
944
943
|
initialValue: string;
|
|
@@ -962,7 +961,7 @@ interface TreeRenameInputProps {
|
|
|
962
961
|
* - all other keys are stopped from bubbling so Tree's container
|
|
963
962
|
* hotkeys (↑↓ delete F2 etc.) don't fire while typing.
|
|
964
963
|
*/
|
|
965
|
-
declare function TreeRenameInput({ initialValue, isFolder, onCommit, onCancel, className, }: TreeRenameInputProps):
|
|
964
|
+
declare function TreeRenameInput({ initialValue, isFolder, onCommit, onCancel, className, }: TreeRenameInputProps): react.JSX.Element;
|
|
966
965
|
|
|
967
966
|
interface TreeDropIndicatorProps {
|
|
968
967
|
position: TreeMovePosition;
|
|
@@ -982,7 +981,7 @@ interface TreeDropIndicatorProps {
|
|
|
982
981
|
*
|
|
983
982
|
* Positioned absolutely — the parent `TreeRow` provides `position: relative`.
|
|
984
983
|
*/
|
|
985
|
-
declare function TreeDropIndicator({ position, indent, invalid, }: TreeDropIndicatorProps):
|
|
984
|
+
declare function TreeDropIndicator({ position, indent, invalid, }: TreeDropIndicatorProps): react.JSX.Element;
|
|
986
985
|
|
|
987
986
|
interface TreeEmptyAreaProps {
|
|
988
987
|
className?: string;
|
|
@@ -1000,6 +999,6 @@ interface TreeEmptyAreaProps {
|
|
|
1000
999
|
* `adapter.createFile/Folder` and without a clipboard payload shows
|
|
1001
1000
|
* no menu at all.
|
|
1002
1001
|
*/
|
|
1003
|
-
declare function TreeEmptyArea({ className }: TreeEmptyAreaProps):
|
|
1002
|
+
declare function TreeEmptyArea({ className }: TreeEmptyAreaProps): react.JSX.Element;
|
|
1004
1003
|
|
|
1005
1004
|
export { type ChildCache, type ChildEntry, type ChildEntryStatus, DEFAULT_TREE_APPEARANCE, DEFAULT_TREE_LABELS, type DemoNode, FinderTree, FlatRow, type FlattenInput, type PersistedTreeState, type ResolvedAppearance, TREE_DND_MIME, TreeRoot as Tree, type TreeAccentIntensity, type TreeActionsHandle, type TreeActivateOptions, type TreeActivationMode, type TreeAdapter, type TreeAppearance, type TreeBuiltinAction, TreeChevron, type TreeChevronProps, TreeContent, type TreeContentProps, TreeContextMenuActionsResolver, TreeContextMenuItem, TreeContextMenuSlot, type TreeContextValue, type TreeDensity, TreeDropIndicator, type TreeDropIndicatorProps, TreeEmpty, TreeEmptyArea, type TreeEmptyAreaProps, type TreeEmptyProps, TreeError, type TreeErrorProps, TreeIcon, type TreeIconProps, TreeIndentGuides, type TreeIndentGuidesProps, TreeItemId, TreeLabel, type TreeLabelProps, type TreeLabels, type TreeLoadChildren, type TreeMovePosition, TreeNode, TreeProvider, type TreeProviderProps, type TreeRadius, TreeRenameInput, type TreeRenameInputProps, TreeRoot, type TreeRootProps, TreeRow, type TreeRowProps, TreeRowRenderProps, type TreeRowSizing, TreeRowSlot, TreeSearchInput, type TreeSearchInputProps, type TreeSelectionMode, TreeSkeleton, type TreeSkeletonProps, type TreeVariant, type UseTreeFinderHotkeysOptions, type UseTreeKeyboardOptions, type UseTreeTypeAheadOptions, appearanceToStyle, autoSelectRange, clearTreeState, createChildCache, createDemoTree, TreeRoot as default, defaultCanDrop, flattenTree, loadTreeState, resolveAppearance, resolveChildren, resolveDropZone, saveTreeState, splitFileName, useTreeActions, useTreeClipboard, useTreeContext, useTreeDnd, useTreeExpansion, useTreeFinderHotkeys, useTreeFocus, useTreeKeyboard, useTreeLabels, useTreeRename, useTreeRows, useTreeSearch, useTreeSelection, useTreeTypeAhead };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@djangocfg/ui-tools",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.465",
|
|
4
4
|
"description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui-tools",
|
|
@@ -334,8 +334,8 @@
|
|
|
334
334
|
"test:watch": "vitest"
|
|
335
335
|
},
|
|
336
336
|
"peerDependencies": {
|
|
337
|
-
"@djangocfg/i18n": "^2.1.
|
|
338
|
-
"@djangocfg/ui-core": "^2.1.
|
|
337
|
+
"@djangocfg/i18n": "^2.1.465",
|
|
338
|
+
"@djangocfg/ui-core": "^2.1.465",
|
|
339
339
|
"consola": "^3.4.2",
|
|
340
340
|
"lodash-es": "^4.18.1",
|
|
341
341
|
"lucide-react": "^0.545.0",
|
|
@@ -355,51 +355,51 @@
|
|
|
355
355
|
"@dnd-kit/modifiers": "^9.0.0",
|
|
356
356
|
"@dnd-kit/sortable": "^10.0.0",
|
|
357
357
|
"@dnd-kit/utilities": "^3.2.2",
|
|
358
|
-
"@floating-ui/dom": "^1.
|
|
359
|
-
"@radix-ui/react-direction": "^1.1.
|
|
360
|
-
"@radix-ui/react-slot": "^1.
|
|
361
|
-
"@rjsf/core": "^6.
|
|
362
|
-
"@rjsf/utils": "^6.
|
|
363
|
-
"@rjsf/validator-ajv8": "^6.
|
|
364
|
-
"@rpldy/uploady": "^1.
|
|
365
|
-
"@tiptap/core": "^3.
|
|
366
|
-
"@tiptap/extension-bubble-menu": "^3.
|
|
367
|
-
"@tiptap/extension-code-block-lowlight": "^3.
|
|
368
|
-
"@tiptap/extension-highlight": "^3.
|
|
369
|
-
"@tiptap/extension-mention": "^3.
|
|
370
|
-
"@tiptap/extension-placeholder": "^3.
|
|
371
|
-
"@tiptap/extension-table": "^3.
|
|
372
|
-
"@tiptap/extension-table-cell": "^3.
|
|
373
|
-
"@tiptap/extension-table-header": "^3.
|
|
374
|
-
"@tiptap/extension-table-row": "^3.
|
|
375
|
-
"@tiptap/extension-task-item": "^3.
|
|
376
|
-
"@tiptap/extension-task-list": "^3.
|
|
377
|
-
"@tiptap/markdown": "^3.
|
|
378
|
-
"@tiptap/pm": "^3.
|
|
379
|
-
"@tiptap/react": "^3.
|
|
380
|
-
"@tiptap/starter-kit": "^3.
|
|
381
|
-
"@tiptap/suggestion": "^3.
|
|
358
|
+
"@floating-ui/dom": "^1.8.0",
|
|
359
|
+
"@radix-ui/react-direction": "^1.1.2",
|
|
360
|
+
"@radix-ui/react-slot": "^1.3.0",
|
|
361
|
+
"@rjsf/core": "^6.6.2",
|
|
362
|
+
"@rjsf/utils": "^6.6.2",
|
|
363
|
+
"@rjsf/validator-ajv8": "^6.6.2",
|
|
364
|
+
"@rpldy/uploady": "^1.13.0",
|
|
365
|
+
"@tiptap/core": "^3.27.3",
|
|
366
|
+
"@tiptap/extension-bubble-menu": "^3.27.3",
|
|
367
|
+
"@tiptap/extension-code-block-lowlight": "^3.27.3",
|
|
368
|
+
"@tiptap/extension-highlight": "^3.27.3",
|
|
369
|
+
"@tiptap/extension-mention": "^3.27.3",
|
|
370
|
+
"@tiptap/extension-placeholder": "^3.27.3",
|
|
371
|
+
"@tiptap/extension-table": "^3.27.3",
|
|
372
|
+
"@tiptap/extension-table-cell": "^3.27.3",
|
|
373
|
+
"@tiptap/extension-table-header": "^3.27.3",
|
|
374
|
+
"@tiptap/extension-table-row": "^3.27.3",
|
|
375
|
+
"@tiptap/extension-task-item": "^3.27.3",
|
|
376
|
+
"@tiptap/extension-task-list": "^3.27.3",
|
|
377
|
+
"@tiptap/markdown": "^3.27.3",
|
|
378
|
+
"@tiptap/pm": "^3.27.3",
|
|
379
|
+
"@tiptap/react": "^3.27.3",
|
|
380
|
+
"@tiptap/starter-kit": "^3.27.3",
|
|
381
|
+
"@tiptap/suggestion": "^3.27.3",
|
|
382
382
|
"@turf/turf": "^7.3.5",
|
|
383
|
-
"@types/qrcode": "^1.5.
|
|
383
|
+
"@types/qrcode": "^1.5.6",
|
|
384
384
|
"@wavesurfer/react": "^1.0.12",
|
|
385
385
|
"class-variance-authority": "^0.7.1",
|
|
386
386
|
"hls-video-element": "^1.5.11",
|
|
387
|
-
"json-edit-react": "^1.30.
|
|
387
|
+
"json-edit-react": "^1.30.2",
|
|
388
388
|
"lowlight": "^3.3.0",
|
|
389
389
|
"maplibre-gl": "^4.7.1",
|
|
390
|
-
"media-chrome": "^4.19.
|
|
390
|
+
"media-chrome": "^4.19.2",
|
|
391
391
|
"media-icons": "next",
|
|
392
|
-
"mermaid": "^11.
|
|
392
|
+
"mermaid": "^11.16.0",
|
|
393
393
|
"monaco-editor": "^0.55.1",
|
|
394
|
-
"openapi-sampler": "^1.7.
|
|
394
|
+
"openapi-sampler": "^1.7.4",
|
|
395
395
|
"pmtiles": "^4.4.1",
|
|
396
396
|
"prism-react-renderer": "^2.4.1",
|
|
397
397
|
"prismjs": "^1.30.0",
|
|
398
398
|
"qrcode": "^1.5.4",
|
|
399
399
|
"react-lottie-player": "^2.1.0",
|
|
400
|
-
"react-map-gl": "^8.1.
|
|
400
|
+
"react-map-gl": "^8.1.1",
|
|
401
401
|
"react-markdown": "10.1.0",
|
|
402
|
-
"react-virtuoso": "^4.18.
|
|
402
|
+
"react-virtuoso": "^4.18.10",
|
|
403
403
|
"react-zoom-pan-pinch": "^3.7.0",
|
|
404
404
|
"rehype-external-links": "^3.0.0",
|
|
405
405
|
"rehype-raw": "^7.0.0",
|
|
@@ -410,32 +410,32 @@
|
|
|
410
410
|
"remark-smartypants": "^3.0.2",
|
|
411
411
|
"tiptap-extension-global-drag-handle": "^0.1.18",
|
|
412
412
|
"vimeo-video-element": "^1.7.2",
|
|
413
|
-
"wavesurfer.js": "^7.12.
|
|
413
|
+
"wavesurfer.js": "^7.12.10",
|
|
414
414
|
"youtube-video-element": "^1.9.0"
|
|
415
415
|
},
|
|
416
416
|
"optionalDependencies": {
|
|
417
|
-
"@mapbox/mapbox-gl-draw": "^1.
|
|
418
|
-
"@maplibre/maplibre-gl-geocoder": "^1.
|
|
417
|
+
"@mapbox/mapbox-gl-draw": "^1.5.1",
|
|
418
|
+
"@maplibre/maplibre-gl-geocoder": "^1.9.4"
|
|
419
419
|
},
|
|
420
420
|
"devDependencies": {
|
|
421
|
-
"@djangocfg/i18n": "^2.1.
|
|
422
|
-
"@djangocfg/typescript-config": "^2.1.
|
|
423
|
-
"@djangocfg/ui-core": "^2.1.
|
|
421
|
+
"@djangocfg/i18n": "^2.1.465",
|
|
422
|
+
"@djangocfg/typescript-config": "^2.1.465",
|
|
423
|
+
"@djangocfg/ui-core": "^2.1.465",
|
|
424
424
|
"@types/lodash-es": "^4.17.12",
|
|
425
|
-
"@types/mapbox__mapbox-gl-draw": "^1.4.
|
|
426
|
-
"@types/node": "^25.
|
|
427
|
-
"@types/react": "
|
|
428
|
-
"@types/react-dom": "
|
|
425
|
+
"@types/mapbox__mapbox-gl-draw": "^1.4.9",
|
|
426
|
+
"@types/node": "^25.9.5",
|
|
427
|
+
"@types/react": "19.2.15",
|
|
428
|
+
"@types/react-dom": "19.2.3",
|
|
429
429
|
"jsdom": "^29.1.1",
|
|
430
430
|
"lodash-es": "^4.18.1",
|
|
431
431
|
"lucide-react": "^0.545.0",
|
|
432
|
-
"react": "
|
|
433
|
-
"react-dom": "
|
|
434
|
-
"tailwindcss": "^4.
|
|
435
|
-
"tsup": "^8.5.
|
|
432
|
+
"react": "19.2.7",
|
|
433
|
+
"react-dom": "19.2.7",
|
|
434
|
+
"tailwindcss": "^4.3.2",
|
|
435
|
+
"tsup": "^8.5.1",
|
|
436
436
|
"typescript": "^5.9.3",
|
|
437
|
-
"vitest": "^3.
|
|
438
|
-
"zod": "^4.3
|
|
437
|
+
"vitest": "^3.2.7",
|
|
438
|
+
"zod": "^4.4.3"
|
|
439
439
|
},
|
|
440
440
|
"publishConfig": {
|
|
441
441
|
"access": "public"
|