@gfazioli/mantine-json-tree 3.1.0 → 3.2.1
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/cjs/JsonTree.cjs +10 -5
- package/dist/cjs/JsonTree.cjs.map +1 -1
- package/dist/esm/JsonTree.mjs +10 -5
- package/dist/esm/JsonTree.mjs.map +1 -1
- package/dist/types/JsonTree.d.ts +21 -1
- package/package.json +1 -1
package/dist/cjs/JsonTree.cjs
CHANGED
|
@@ -380,6 +380,7 @@ const JsonTree = core.factory((_props) => {
|
|
|
380
380
|
searchQuery: controlledSearchQuery,
|
|
381
381
|
onSearchChange,
|
|
382
382
|
searchDebounce,
|
|
383
|
+
searchInputProps,
|
|
383
384
|
classNames,
|
|
384
385
|
style,
|
|
385
386
|
styles,
|
|
@@ -627,16 +628,20 @@ const JsonTree = core.factory((_props) => {
|
|
|
627
628
|
core.TextInput,
|
|
628
629
|
{
|
|
629
630
|
placeholder: searchPlaceholder,
|
|
631
|
+
size: "sm",
|
|
632
|
+
leftSection: /* @__PURE__ */ React.createElement(iconsReact.IconSearch, { size: 14 }),
|
|
633
|
+
rightSection: activeSearchQuery ? /* @__PURE__ */ React.createElement(core.CloseButton, { size: "sm", onClick: handleClearSearch }) : null,
|
|
634
|
+
...searchInputProps,
|
|
635
|
+
...getStyles("searchInput", {
|
|
636
|
+
className: searchInputProps?.className,
|
|
637
|
+
style: searchInputProps?.style
|
|
638
|
+
}),
|
|
630
639
|
value: activeSearchQuery,
|
|
631
640
|
onChange: (e) => {
|
|
632
641
|
const val = e.currentTarget.value;
|
|
633
642
|
setSearchQueryInternal(val);
|
|
634
643
|
onSearchChange?.(val);
|
|
635
|
-
}
|
|
636
|
-
leftSection: /* @__PURE__ */ React.createElement(iconsReact.IconSearch, { size: 14 }),
|
|
637
|
-
rightSection: activeSearchQuery ? /* @__PURE__ */ React.createElement(core.CloseButton, { size: "sm", onClick: handleClearSearch }) : null,
|
|
638
|
-
size: "sm",
|
|
639
|
-
...getStyles("searchInput")
|
|
644
|
+
}
|
|
640
645
|
}
|
|
641
646
|
))),
|
|
642
647
|
maxHeight ? /* @__PURE__ */ React.createElement(core.ScrollArea.Autosize, { mah: maxHeight }, treeComponent) : treeComponent
|