@genesislcap/foundation-zero 14.447.1-canary.search-bar-3 → 14.447.1

package/dist/custom-elements.json

@@ -898,6 +898,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/accordion/accordion.styles.ts",
@@ -1739,37 +1770,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/actions-menu/actions-menu.styles.ts",
@@ -32131,11 +32131,19 @@
               "type": {
                 "text": "Event"
               },
-              "description": "Fires a custom 'change' event when the value updates",
+              "description": "Fired when the combobox value changes",
               "inheritedFrom": {
                 "name": "Combobox",
                 "module": "src/combobox/combobox.ts"
               }
+            },
+            {
+              "description": "Fired when the input is cleared by the user",
+              "name": "inputdeleted",
+              "inheritedFrom": {
+                "name": "SearchBarCombobox",
+                "module": "src/search-bar/search-bar-combobox.ts"
+              }
             }
           ]
         },
@@ -32317,19 +32325,6 @@
                 "module": "src/search-bar/search-bar.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "clearButton",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "clear-button",
-              "inheritedFrom": {
-                "name": "SearchBar",
-                "module": "src/search-bar/search-bar.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "loading",
@@ -32380,7 +32375,6 @@
               "kind": "method",
               "name": "clear",
               "privacy": "public",
-              "description": "Clears all search chips and the current input, and emits `selectionChange` with an empty array.",
               "inheritedFrom": {
                 "name": "SearchBar",
                 "module": "src/search-bar/search-bar.ts"
@@ -32395,32 +32389,6 @@
                   "text": "void"
                 }
               },
-              "description": "Alias for SearchBar.clear.",
-              "inheritedFrom": {
-                "name": "SearchBar",
-                "module": "src/search-bar/search-bar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "selectedOptionsChanged",
-              "inheritedFrom": {
-                "name": "SearchBar",
-                "module": "src/search-bar/search-bar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "optionsChanged",
-              "inheritedFrom": {
-                "name": "SearchBar",
-                "module": "src/search-bar/search-bar.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "applySearchInputLock",
-              "privacy": "private",
               "inheritedFrom": {
                 "name": "SearchBar",
                 "module": "src/search-bar/search-bar.ts"
@@ -32664,20 +32632,6 @@
           "tagName": "%%prefix%%-search-bar",
           "customElement": true,
           "attributes": [
-            {
-              "name": "clear-button",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "clear-button",
-              "fieldName": "clearButton",
-              "description": "when true, shows the end clear control when there are chips or typed text. When false, use {@link SearchBar.clear} or {@link SearchBar.clearSearch} to reset programmatically.",
-              "inheritedFrom": {
-                "name": "SearchBar",
-                "module": "src/search-bar/search-bar.ts"
-              }
-            },
             {
               "name": "appearance",
               "type": {

package/dist/dts/react.d.ts

@@ -665,6 +665,7 @@ export declare const SearchBarCombobox: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<SearchBarComboboxWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onInputdeleted?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<SearchBarComboboxWC>
 >;

package/dist/react.cjs

@@ -591,8 +591,20 @@ const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(props, ref
 });
 
 const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref }, children);
+  const { onInputdeleted, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onInputdeletedRef = React.useRef(onInputdeleted);
+  _onInputdeletedRef.current = onInputdeleted;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onInputdeletedFn = (e) => _onInputdeletedRef.current?.(e);
+    el.addEventListener('inputdeleted', _onInputdeletedFn);
+    return () => {
+      el.removeEventListener('inputdeleted', _onInputdeletedFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const SearchBar = React.forwardRef(function SearchBar(props, ref) {

package/dist/react.mjs

@@ -589,8 +589,20 @@ export const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(pro
 });
 
 export const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref }, children);
+  const { onInputdeleted, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onInputdeletedRef = React.useRef(onInputdeleted);
+  _onInputdeletedRef.current = onInputdeleted;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onInputdeletedFn = (e) => _onInputdeletedRef.current?.(e);
+    el.addEventListener('inputdeleted', _onInputdeletedFn);
+    return () => {
+      el.removeEventListener('inputdeleted', _onInputdeletedFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const SearchBar = React.forwardRef(function SearchBar(props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.447.1-canary.search-bar-3",
+  "version": "14.447.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -73,18 +73,18 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.447.1-canary.search-bar-3",
-    "@genesislcap/rollup-builder": "14.447.1-canary.search-bar-3",
-    "@genesislcap/ts-builder": "14.447.1-canary.search-bar-3",
-    "@genesislcap/uvu-playwright-builder": "14.447.1-canary.search-bar-3",
-    "@genesislcap/vite-builder": "14.447.1-canary.search-bar-3",
-    "@genesislcap/webpack-builder": "14.447.1-canary.search-bar-3"
+    "@genesislcap/genx": "14.447.1",
+    "@genesislcap/rollup-builder": "14.447.1",
+    "@genesislcap/ts-builder": "14.447.1",
+    "@genesislcap/uvu-playwright-builder": "14.447.1",
+    "@genesislcap/vite-builder": "14.447.1",
+    "@genesislcap/webpack-builder": "14.447.1"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.447.1-canary.search-bar-3",
-    "@genesislcap/foundation-logger": "14.447.1-canary.search-bar-3",
-    "@genesislcap/foundation-ui": "14.447.1-canary.search-bar-3",
-    "@genesislcap/foundation-utils": "14.447.1-canary.search-bar-3",
+    "@genesislcap/foundation-comms": "14.447.1",
+    "@genesislcap/foundation-logger": "14.447.1",
+    "@genesislcap/foundation-ui": "14.447.1",
+    "@genesislcap/foundation-utils": "14.447.1",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -111,5 +111,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "cc3389549a0ba67526312e91845f7e49373a708d"
+  "gitHead": "e265cb98c173fe6e51a94b5f31e653384c4f2d8e"
 }