@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/esm/JsonTree.mjs
CHANGED
|
@@ -378,6 +378,7 @@ const JsonTree = factory((_props) => {
|
|
|
378
378
|
searchQuery: controlledSearchQuery,
|
|
379
379
|
onSearchChange,
|
|
380
380
|
searchDebounce,
|
|
381
|
+
searchInputProps,
|
|
381
382
|
classNames,
|
|
382
383
|
style,
|
|
383
384
|
styles,
|
|
@@ -625,16 +626,20 @@ const JsonTree = factory((_props) => {
|
|
|
625
626
|
TextInput,
|
|
626
627
|
{
|
|
627
628
|
placeholder: searchPlaceholder,
|
|
629
|
+
size: "sm",
|
|
630
|
+
leftSection: /* @__PURE__ */ React.createElement(IconSearch, { size: 14 }),
|
|
631
|
+
rightSection: activeSearchQuery ? /* @__PURE__ */ React.createElement(CloseButton, { size: "sm", onClick: handleClearSearch }) : null,
|
|
632
|
+
...searchInputProps,
|
|
633
|
+
...getStyles("searchInput", {
|
|
634
|
+
className: searchInputProps?.className,
|
|
635
|
+
style: searchInputProps?.style
|
|
636
|
+
}),
|
|
628
637
|
value: activeSearchQuery,
|
|
629
638
|
onChange: (e) => {
|
|
630
639
|
const val = e.currentTarget.value;
|
|
631
640
|
setSearchQueryInternal(val);
|
|
632
641
|
onSearchChange?.(val);
|
|
633
|
-
}
|
|
634
|
-
leftSection: /* @__PURE__ */ React.createElement(IconSearch, { size: 14 }),
|
|
635
|
-
rightSection: activeSearchQuery ? /* @__PURE__ */ React.createElement(CloseButton, { size: "sm", onClick: handleClearSearch }) : null,
|
|
636
|
-
size: "sm",
|
|
637
|
-
...getStyles("searchInput")
|
|
642
|
+
}
|
|
638
643
|
}
|
|
639
644
|
))),
|
|
640
645
|
maxHeight ? /* @__PURE__ */ React.createElement(ScrollArea.Autosize, { mah: maxHeight }, treeComponent) : treeComponent
|