@upbound/monarch-blocks 0.8.0 → 0.8.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/code-block.d.ts +4 -2
- package/dist/code-block.js +237 -40
- package/dist/code-block.js.map +1 -1
- package/dist/data-table.d.ts +22 -4
- package/dist/data-table.js +43 -22
- package/dist/data-table.js.map +1 -1
- package/dist/graph.js +20 -2
- package/dist/graph.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +298 -92
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/graph.js
CHANGED
|
@@ -489,6 +489,21 @@ function getTableState({
|
|
|
489
489
|
return rowCount === 0 ? "empty" : "success";
|
|
490
490
|
}
|
|
491
491
|
|
|
492
|
+
// src/lib/search-input.ts
|
|
493
|
+
var SEARCH_INPUT_PROPS = {
|
|
494
|
+
type: "search",
|
|
495
|
+
autoComplete: "off",
|
|
496
|
+
"data-1p-ignore": true,
|
|
497
|
+
// 1Password
|
|
498
|
+
"data-lpignore": "true",
|
|
499
|
+
// LastPass
|
|
500
|
+
"data-bwignore": true,
|
|
501
|
+
// Bitwarden
|
|
502
|
+
"data-form-type": "other"
|
|
503
|
+
// Dashlane
|
|
504
|
+
};
|
|
505
|
+
var SEARCH_INPUT_CLASS = "[&::-webkit-search-cancel-button]:appearance-none";
|
|
506
|
+
|
|
492
507
|
// src/data-table/empty-view.tsx
|
|
493
508
|
import { Alert, AlertDescription } from "@upbound/monarch-core";
|
|
494
509
|
import { Button } from "@upbound/monarch-core";
|
|
@@ -1558,6 +1573,7 @@ function Graph({
|
|
|
1558
1573
|
}) {
|
|
1559
1574
|
var _a, _b, _c;
|
|
1560
1575
|
const graphRef = React7.useRef(null);
|
|
1576
|
+
const searchInputId = `graph-search-${React7.useId()}`;
|
|
1561
1577
|
const [innerGlobalFilter, setInnerGlobalFilter] = React7.useState("");
|
|
1562
1578
|
const [innerColumnFilters, setInnerColumnFilters] = React7.useState([]);
|
|
1563
1579
|
const globalFilter = parentGlobalFilter != null ? parentGlobalFilter : innerGlobalFilter;
|
|
@@ -1627,13 +1643,15 @@ function Graph({
|
|
|
1627
1643
|
/* @__PURE__ */ jsx9(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx9(Icon4, { name: "magnifying-glass" }) }),
|
|
1628
1644
|
/* @__PURE__ */ jsx9(
|
|
1629
1645
|
InputGroupInput,
|
|
1630
|
-
{
|
|
1646
|
+
__spreadProps(__spreadValues({}, SEARCH_INPUT_PROPS), {
|
|
1647
|
+
id: searchInputId,
|
|
1648
|
+
className: SEARCH_INPUT_CLASS,
|
|
1631
1649
|
"aria-label": "Search",
|
|
1632
1650
|
placeholder: "Search\u2026",
|
|
1633
1651
|
disabled: shouldDisable,
|
|
1634
1652
|
value: globalFilter,
|
|
1635
1653
|
onChange: (e) => setGlobalFilter(e.target.value)
|
|
1636
|
-
}
|
|
1654
|
+
})
|
|
1637
1655
|
)
|
|
1638
1656
|
] }),
|
|
1639
1657
|
!!Actions && /* @__PURE__ */ jsx9("div", { className: "ml-auto flex items-center gap-2", children: /* @__PURE__ */ jsx9(Actions, { state: graphState }) })
|