@carbonplan/components 13.4.0-develop.3 → 13.4.0
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/dst/index.js +10 -6
- package/dst/index.js.map +1 -1
- package/dst/index.mjs +10 -6
- package/dst/index.mjs.map +1 -1
- package/package.json +1 -1
package/dst/index.js
CHANGED
|
@@ -1767,7 +1767,7 @@ var navigation_menu_default = NavigationMenu;
|
|
|
1767
1767
|
var import_react19 = __toESM(require("react"));
|
|
1768
1768
|
var import_icons3 = require("@carbonplan/icons");
|
|
1769
1769
|
var Search = (props) => {
|
|
1770
|
-
return /* @__PURE__ */ import_react19.default.createElement(header_icon_default, __spreadProps(__spreadValues({}, props), { label: "Toggle Search" }), /* @__PURE__ */ import_react19.default.createElement(import_icons3.Search, { width: 50, height: 30, x: 8 }));
|
|
1770
|
+
return /* @__PURE__ */ import_react19.default.createElement(header_icon_default, __spreadProps(__spreadValues({}, props), { label: "Toggle Search" }), /* @__PURE__ */ import_react19.default.createElement(import_icons3.Search, { width: 50, height: 30, x: 8, y: 1 }));
|
|
1771
1771
|
};
|
|
1772
1772
|
var search_default = Search;
|
|
1773
1773
|
|
|
@@ -1859,13 +1859,17 @@ var sx2 = {
|
|
|
1859
1859
|
}
|
|
1860
1860
|
};
|
|
1861
1861
|
var SearchMenu = ({
|
|
1862
|
-
setExpanded
|
|
1862
|
+
setExpanded,
|
|
1863
|
+
mode
|
|
1863
1864
|
}) => {
|
|
1864
1865
|
const [value, setValue] = (0, import_react21.useState)("");
|
|
1865
1866
|
const [resources, setResources] = (0, import_react21.useState)(RESOURCES);
|
|
1866
|
-
const
|
|
1867
|
+
const baseUrl = mode === "remote" ? "https://carbonplan.org" : "";
|
|
1868
|
+
const destination = `${baseUrl}/search?query=${encodeURIComponent(
|
|
1869
|
+
value.trim()
|
|
1870
|
+
)}`;
|
|
1867
1871
|
(0, import_react21.useEffect)(() => {
|
|
1868
|
-
fetch(
|
|
1872
|
+
fetch(`${baseUrl}/resources.json`).then((res) => res.json()).then((res) => {
|
|
1869
1873
|
if (res.every((el) => el.label && Array.isArray(el.links))) {
|
|
1870
1874
|
setResources(res);
|
|
1871
1875
|
}
|
|
@@ -2131,7 +2135,7 @@ var Header = ({ status, mode, nav, menuItems }) => {
|
|
|
2131
2135
|
mode,
|
|
2132
2136
|
setExpanded: setMenuExpanded
|
|
2133
2137
|
}
|
|
2134
|
-
))), searchExpanded && !menuExpanded && /* @__PURE__ */ import_react22.default.createElement(column_default, { start: [1, 2, 2, 2], width: [6, 6, 10, 10] }, /* @__PURE__ */ import_react22.default.createElement(search_menu_default, { setExpanded: setSearchExpanded }))))
|
|
2138
|
+
))), searchExpanded && !menuExpanded && /* @__PURE__ */ import_react22.default.createElement(column_default, { start: [1, 2, 2, 2], width: [6, 6, 10, 10] }, /* @__PURE__ */ import_react22.default.createElement(search_menu_default, { mode, setExpanded: setSearchExpanded }))))
|
|
2135
2139
|
)
|
|
2136
2140
|
);
|
|
2137
2141
|
};
|
|
@@ -2597,7 +2601,7 @@ var FadeIn = (_a) => {
|
|
|
2597
2601
|
animationDelay: delay + "ms",
|
|
2598
2602
|
animationName: fade.toString(),
|
|
2599
2603
|
animationFillMode: "backwards",
|
|
2600
|
-
|
|
2604
|
+
willChange: "opacity"
|
|
2601
2605
|
}
|
|
2602
2606
|
}),
|
|
2603
2607
|
children
|