@redocly/theme 0.37.1 → 0.37.3

package/lib/components/Catalog/Catalog.js

@@ -26,7 +26,7 @@ function Catalog(props) {
     return (react_1.default.createElement(CatalogHighlight_1.HighlightContext.Provider, { value: [filterTerm] },
         react_1.default.createElement(exports.CatalogPageWrapper, { "data-component-name": "Catalog/Catalog", withoutFilters: !filters.length },
             react_1.default.createElement(FiltersSidebar, { menu: react_1.default.createElement(FilterContent_1.FilterContent, { setFilterTerm: setFilterTerm, filters: filters, filterTerm: filterTerm, filterValuesCasing: catalogConfig.filterValuesCasing }) }),
-            filterPopoverVisible && (react_1.default.createElement(FilterPopover_1.FilterPopover, { onClose: () => setFilterPopoverVisible(false), filters: filters, filterValuesCasing: catalogConfig.filterValuesCasing })),
+            filterPopoverVisible && (react_1.default.createElement(FilterPopover_1.FilterPopover, { onClose: () => setFilterPopoverVisible(false), setFilterTerm: setFilterTerm, filterTerm: filterTerm, filters: filters, filterValuesCasing: catalogConfig.filterValuesCasing })),
             react_1.default.createElement(CatalogActions_1.CatalogActions, { onOpenFilter: () => setFilterPopoverVisible(true), filters: filters, filterTerm: filterTerm }),
             react_1.default.createElement(exports.CatalogPageContent, null,
                 react_1.default.createElement(exports.CatalogPageDescriptionWrapper, null,

package/lib/components/Filter/FilterPopover.d.ts

@@ -4,5 +4,7 @@ export type FilterPopoverProps = {
     onClose: () => void;
     filters: ResolvedFilter[];
     filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
+    filterTerm: string;
+    setFilterTerm: (term: string) => void;
 };
-export declare function FilterPopover({ onClose, filters, filterValuesCasing, }: FilterPopoverProps): JSX.Element;
+export declare function FilterPopover({ onClose, filters, filterValuesCasing, filterTerm, setFilterTerm, }: FilterPopoverProps): JSX.Element;

package/lib/components/Filter/FilterPopover.js

@@ -9,8 +9,7 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const utils_1 = require("../../core/utils");
 const hooks_1 = require("../../core/hooks");
 const FilterContent_1 = require("../../components/Filter/FilterContent");
-function FilterPopover({ onClose, filters, filterValuesCasing, }) {
-    const [filterTerm, setFilterTerm] = react_1.default.useState('');
+function FilterPopover({ onClose, filters, filterValuesCasing, filterTerm, setFilterTerm, }) {
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
     return (react_1.default.createElement(FilterPopoverWrapper, { "data-component-name": "Filter/FilterPopover" },

package/lib/markdoc/components/Tabs/Tabs.js

@@ -11,7 +11,7 @@ const hooks_1 = require("../../../core/hooks");
 function Tabs({ children, className }) {
     var _a, _b;
     const childrenArray = react_1.default.Children.toArray(children);
-    const initialTab = (_b = (_a = children[0]) === null || _a === void 0 ? void 0 : _a.props.label) !== null && _b !== void 0 ? _b : '';
+    const initialTab = (_b = (_a = childrenArray[0]) === null || _a === void 0 ? void 0 : _a.props.label) !== null && _b !== void 0 ? _b : '';
     const { activeTab, setTabRef, onTabClick, handleKeyboard, getTabId } = (0, hooks_1.useTabs)({
         initialTab,
         totalTabs: childrenArray.length,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.37.1",
+  "version": "0.37.3",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",

package/src/components/Catalog/Catalog.tsx

@@ -47,6 +47,8 @@ export default function Catalog(props: CatalogProps): JSX.Element {
         {filterPopoverVisible && (
           <FilterPopover
             onClose={() => setFilterPopoverVisible(false)}
+            setFilterTerm={setFilterTerm}
+            filterTerm={filterTerm}
             filters={filters}
             filterValuesCasing={catalogConfig.filterValuesCasing}
           />

package/src/components/Filter/FilterPopover.tsx

@@ -12,15 +12,17 @@ export type FilterPopoverProps = {
   onClose: () => void;
   filters: ResolvedFilter[];
   filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
+  filterTerm: string;
+  setFilterTerm: (term: string) => void;
 };
 
 export function FilterPopover({
   onClose,
   filters,
   filterValuesCasing,
+  filterTerm,
+  setFilterTerm,
 }: FilterPopoverProps): JSX.Element {
-  const [filterTerm, setFilterTerm] = React.useState('');
-
   const { useTranslate } = useThemeHooks();
   const { translate } = useTranslate();
 

package/src/markdoc/components/Tabs/Tabs.tsx

@@ -10,7 +10,7 @@ type TabsProps = React.PropsWithChildren<{ children: Child[]; className?: string
 export function Tabs({ children, className }: TabsProps): JSX.Element {
   const childrenArray = React.Children.toArray(children) as React.ReactElement[];
 
-  const initialTab = children[0]?.props.label ?? '';
+  const initialTab = childrenArray[0]?.props.label ?? '';
   const { activeTab, setTabRef, onTabClick, handleKeyboard, getTabId } = useTabs({
     initialTab,
     totalTabs: childrenArray.length,