@telia/teddy 0.4.11 → 0.4.13

package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts

@@ -20,6 +20,9 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
     isSimplified?: boolean;
     currentPath: string | undefined;
     onSearchInputChange?: (e: React.ChangeEvent<HTMLInputElement>, value?: string) => void;
+    onSearchKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    searchValue?: string;
+    onClear?: () => void;
 };
 type RootContext = {
     selectedMenuItem: string | undefined;
@@ -30,9 +33,9 @@ type RootContext = {
     setPathname: (v: string) => void;
     specifiedLink?: string;
     setSpecifiedLink: (v: string) => void;
-} & Pick<RootProps, 'onSearchSubmit' | 'additionalSearchContent' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize' | "onSearchInputChange">;
+} & Pick<RootProps, 'onSearchSubmit' | 'additionalSearchContent' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize' | "onSearchInputChange" | 'onSearchKeyDown' | 'searchValue' | 'onClear'>;
 export declare const RootContext: React.Context<RootContext | null>;
-export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, additionalSearchContent, isCartOpen, onCartOpenChange, drawerSize, isSimplified, currentPath, onSearchInputChange, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, additionalSearchContent, isCartOpen, onCartOpenChange, drawerSize, isSimplified, currentPath, onSearchInputChange, onSearchKeyDown, searchValue, onClear, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }

package/dist/components/radio-card-group/radio-card-group-item-title.cjs

@@ -690,16 +690,26 @@ const SearchField = React.forwardRef(
               components_textField_index.TextField.Input,
               {
                 ref: composedRef,
+                value: context == null ? void 0 : context.searchValue,
                 onChange: (e) => {
                   var _a, _b;
                   if (((_a = ref.current) == null ? void 0 : _a.value) && (context == null ? void 0 : context.onSearchInputChange)) {
                     context == null ? void 0 : context.onSearchInputChange(e, (_b = ref.current) == null ? void 0 : _b.value);
                   }
                 },
+                onKeyDown: (e) => {
+                  if (context == null ? void 0 : context.onSearchKeyDown) {
+                    context.onSearchKeyDown(e);
+                  }
+                },
                 placeholder: "Søk her"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.ClearButton, {})
+            /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.ClearButton, { onClick: () => {
+              if (context == null ? void 0 : context.onClear) {
+                context.onClear();
+              }
+            } })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Button, { variant: "separated", children: "Søk" })
         ] })
@@ -1209,6 +1219,9 @@ function Root({
   isSimplified,
   currentPath,
   onSearchInputChange,
+  onSearchKeyDown,
+  searchValue,
+  onClear,
   ...props
 }) {
   const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath));
@@ -1254,7 +1267,10 @@ function Root({
         drawerSize,
         specifiedLink,
         setSpecifiedLink,
-        onSearchInputChange
+        onSearchInputChange,
+        onSearchKeyDown,
+        searchValue,
+        onClear
       },
       children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenu,

package/dist/components/radio-card-group/radio-card-group-item-title.js

@@ -669,16 +669,26 @@ const SearchField = React__default.forwardRef(
               TextField.Input,
               {
                 ref: composedRef,
+                value: context == null ? void 0 : context.searchValue,
                 onChange: (e) => {
                   var _a, _b;
                   if (((_a = ref.current) == null ? void 0 : _a.value) && (context == null ? void 0 : context.onSearchInputChange)) {
                     context == null ? void 0 : context.onSearchInputChange(e, (_b = ref.current) == null ? void 0 : _b.value);
                   }
                 },
+                onKeyDown: (e) => {
+                  if (context == null ? void 0 : context.onSearchKeyDown) {
+                    context.onSearchKeyDown(e);
+                  }
+                },
                 placeholder: "Søk her"
               }
             ),
-            /* @__PURE__ */ jsx(TextField.ClearButton, {})
+            /* @__PURE__ */ jsx(TextField.ClearButton, { onClick: () => {
+              if (context == null ? void 0 : context.onClear) {
+                context.onClear();
+              }
+            } })
           ] }),
           /* @__PURE__ */ jsx(TextField.Button, { variant: "separated", children: "Søk" })
         ] })
@@ -1188,6 +1198,9 @@ function Root({
   isSimplified,
   currentPath,
   onSearchInputChange,
+  onSearchKeyDown,
+  searchValue,
+  onClear,
   ...props
 }) {
   const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem(currentPath));
@@ -1233,7 +1246,10 @@ function Root({
         drawerSize,
         specifiedLink,
         setSpecifiedLink,
-        onSearchInputChange
+        onSearchInputChange,
+        onSearchKeyDown,
+        searchValue,
+        onClear
       },
       children: /* @__PURE__ */ jsx(Box, { ...props, className: classes, children: /* @__PURE__ */ jsxs(
         NavigationMenu,

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=9"
   },
   "private": false,
-  "version": "0.4.11",
+  "version": "0.4.13",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"