@telia/teddy 0.4.10 → 0.4.12

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

@@ -19,6 +19,8 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
     drawerSize: 'md' | 'lg';
     isSimplified?: boolean;
     currentPath: string | undefined;
+    onSearchInputChange?: (e: React.ChangeEvent<HTMLInputElement>, value?: string) => void;
+    onSearchKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
 };
 type RootContext = {
     selectedMenuItem: string | undefined;
@@ -29,9 +31,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'>;
+} & Pick<RootProps, 'onSearchSubmit' | 'additionalSearchContent' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize' | "onSearchInputChange" | 'onSearchKeyDown'>;
 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, ...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, ...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

@@ -674,7 +674,6 @@ const SearchField = React.forwardRef(
       {
         onSubmit: (e) => {
           var _a, _b;
-          console.log("Search submitted,111");
           if (context == null ? void 0 : context.onSearchSubmit) {
             context.onSearchSubmit(e, (_a = ref.current) == null ? void 0 : _a.value);
           }
@@ -687,7 +686,24 @@ const SearchField = React.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Label, { children: "Søk i innhold" }),
           /* @__PURE__ */ jsxRuntime.jsxs(components_textField_index.TextField.InputGroup, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "search" }),
-            /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Input, { ref: composedRef, placeholder: "Søk her" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              components_textField_index.TextField.Input,
+              {
+                ref: composedRef,
+                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.Button, { variant: "separated", children: "Søk" })
@@ -1197,6 +1213,8 @@ function Root({
   drawerSize = "md",
   isSimplified,
   currentPath,
+  onSearchInputChange,
+  onSearchKeyDown,
   ...props
 }) {
   const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath));
@@ -1241,7 +1259,9 @@ function Root({
         onCartOpenChange,
         drawerSize,
         specifiedLink,
-        setSpecifiedLink
+        setSpecifiedLink,
+        onSearchInputChange,
+        onSearchKeyDown
       },
       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

@@ -653,7 +653,6 @@ const SearchField = React__default.forwardRef(
       {
         onSubmit: (e) => {
           var _a, _b;
-          console.log("Search submitted,111");
           if (context == null ? void 0 : context.onSearchSubmit) {
             context.onSearchSubmit(e, (_a = ref.current) == null ? void 0 : _a.value);
           }
@@ -666,7 +665,24 @@ const SearchField = React__default.forwardRef(
           /* @__PURE__ */ jsx(TextField.Label, { children: "Søk i innhold" }),
           /* @__PURE__ */ jsxs(TextField.InputGroup, { children: [
             /* @__PURE__ */ jsx(Icon, { name: "search" }),
-            /* @__PURE__ */ jsx(TextField.Input, { ref: composedRef, placeholder: "Søk her" }),
+            /* @__PURE__ */ jsx(
+              TextField.Input,
+              {
+                ref: composedRef,
+                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.Button, { variant: "separated", children: "Søk" })
@@ -1176,6 +1192,8 @@ function Root({
   drawerSize = "md",
   isSimplified,
   currentPath,
+  onSearchInputChange,
+  onSearchKeyDown,
   ...props
 }) {
   const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem(currentPath));
@@ -1220,7 +1238,9 @@ function Root({
         onCartOpenChange,
         drawerSize,
         specifiedLink,
-        setSpecifiedLink
+        setSpecifiedLink,
+        onSearchInputChange,
+        onSearchKeyDown
       },
       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.10",
+  "version": "0.4.12",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"