@jobber/components 6.90.1 → 6.90.3

package/dist/Autocomplete/Autocomplete.types.d.ts

@@ -441,7 +441,6 @@ interface AutocompleteRebuiltBaseProps<Value extends OptionLike, Multiple extend
     readonly customRenderLoading?: React.ReactNode;
     /**
      * Custom equality for option to value mapping.
-     * TODO: decide if we wanna keep this
      */
     readonly isOptionEqualToValue?: (option: Value, value: Value) => boolean;
 }

package/dist/Autocomplete/index.cjs

@@ -67,8 +67,8 @@ function buildItemsForGroup(group, optionsFilter) {
     const filtered = optionsFilter ? optionsFilter(group.options) : group.options;
     const actions = (_a = group.actions) !== null && _a !== void 0 ? _a : [];
     const result = [];
-    const sectionHasContent = isSection && (filtered.length > 0 || actions.length > 0);
-    if (sectionHasContent) {
+    // Only render a section header when that section has at least one option after filtering
+    if (isSection && filtered.length > 0) {
         result.push({
             kind: "section",
             section: group,
@@ -80,7 +80,8 @@ function buildItemsForGroup(group, optionsFilter) {
             value: o,
         })));
     }
-    if (actions.length > 0) {
+    // Only render actions for a group when that group has at least one option after filtering
+    if (actions.length > 0 && filtered.length > 0) {
         result.push(...actions.map(action => ({
             kind: "action",
             action,
@@ -1323,6 +1324,12 @@ function mapToOptions(items) {
 // Casts the Generics to the forward ref so autocomplete works as expected for consumers
 const Autocomplete$1 = React.forwardRef(AutocompleteInternal);
 
+// Convenience builder helpers (optional usage)
+// Helper to improve inference from inline menu literals
+function defineMenu(menu) {
+    return menu;
+}
+
 function isNewAutocompleteProps(props) {
     return props.version === 2;
 }
@@ -1341,6 +1348,7 @@ exports.BaseAutocompleteMenuWrapper = BaseAutocompleteMenuWrapper;
 exports.BaseMenuGroupOption = BaseMenuGroupOption;
 exports.BaseMenuOption = BaseMenuOption;
 exports.MenuOption = MenuOption;
+exports.defineMenu = defineMenu;
 exports.getRequestedIndexChange = getRequestedIndexChange;
 exports.isOptionGroup = isOptionGroup;
 exports.isOptionSelected = isOptionSelected;

package/dist/Autocomplete/index.d.ts

@@ -3,7 +3,7 @@ import type { AnyOption, AutocompleteLegacyProps, AutocompleteRebuiltProps, Extr
 import type { InputTextRef } from "../InputText";
 export type { OptionLike } from "./Autocomplete.types";
 export { type MenuOptionProps, BaseMenuOption, type BaseMenuOptionProps, MenuOption, BaseMenuGroupOption, type BaseMenuGroupOptionProps, } from "./Option";
-export { type AnyOption, type AutocompleteProps, type BaseOption, type CustomOptionsMenuProp, type GroupOption, type OptionCollection, type Option, } from "./Autocomplete.types";
+export { type AnyOption, type AutocompleteProps, type BaseOption, type CustomOptionsMenuProp, type GroupOption, type OptionCollection, type Option, type MenuItem, type MenuSection, type MenuOptions, type MenuHeader, type MenuFooter, type MenuAction, type ExtraProps, defineMenu, } from "./Autocomplete.types";
 export { KeyboardAction, getRequestedIndexChange, useKeyboardNavigation, useCustomKeyboardNavigation, } from "./useKeyboardNavigation";
 export { useRepositionMenu } from "./useRepositionMenu";
 export { BaseAutocompleteMenuWrapper, useAutocompleteMenu, } from "./Menu/MenuWrapper";

package/dist/Autocomplete/index.mjs

@@ -65,8 +65,8 @@ function buildItemsForGroup(group, optionsFilter) {
     const filtered = optionsFilter ? optionsFilter(group.options) : group.options;
     const actions = (_a = group.actions) !== null && _a !== void 0 ? _a : [];
     const result = [];
-    const sectionHasContent = isSection && (filtered.length > 0 || actions.length > 0);
-    if (sectionHasContent) {
+    // Only render a section header when that section has at least one option after filtering
+    if (isSection && filtered.length > 0) {
         result.push({
             kind: "section",
             section: group,
@@ -78,7 +78,8 @@ function buildItemsForGroup(group, optionsFilter) {
             value: o,
         })));
     }
-    if (actions.length > 0) {
+    // Only render actions for a group when that group has at least one option after filtering
+    if (actions.length > 0 && filtered.length > 0) {
         result.push(...actions.map(action => ({
             kind: "action",
             action,
@@ -1321,6 +1322,12 @@ function mapToOptions(items) {
 // Casts the Generics to the forward ref so autocomplete works as expected for consumers
 const Autocomplete$1 = forwardRef(AutocompleteInternal);
 
+// Convenience builder helpers (optional usage)
+// Helper to improve inference from inline menu literals
+function defineMenu(menu) {
+    return menu;
+}
+
 function isNewAutocompleteProps(props) {
     return props.version === 2;
 }
@@ -1334,4 +1341,4 @@ const AutocompleteForwarded = forwardRef(AutocompleteShim);
 AutocompleteForwarded.displayName = "Autocomplete";
 const Autocomplete = AutocompleteForwarded;
 
-export { Autocomplete, BaseAutocompleteMenuWrapper, BaseMenuGroupOption, BaseMenuOption, KeyboardAction, MenuOption, getRequestedIndexChange, isOptionGroup, isOptionSelected, useAutocompleteMenu, useCustomKeyboardNavigation, useKeyboardNavigation, useRepositionMenu };
+export { Autocomplete, BaseAutocompleteMenuWrapper, BaseMenuGroupOption, BaseMenuOption, KeyboardAction, MenuOption, defineMenu, getRequestedIndexChange, isOptionGroup, isOptionSelected, useAutocompleteMenu, useCustomKeyboardNavigation, useKeyboardNavigation, useRepositionMenu };

package/dist/DataTableTable-cjs.js

@@ -42,11 +42,11 @@ function SortIcon({ direction }) {
 var styles = {"container":"_1-DPmbxOkZ8-","tableElement":"kJeYcsgg700-","header":"_5d2OcsTVgzU-","headerCell":"LTx0tCU3F2I-","sortableButton":"WTQCrd2d8nw-","focusArea":"RipbH3rRU-E-","row":"sJQbtw-NEHU-","cell":"_1UpLYTK64uY-","footer":"qe-6UrAFLTo-","actions":"_2fZsLSaNPnI-","rowActions":"pElxuwpGmCI-","pagination":"thJ-CSoe0ps-","spinning":"EBpmC7cZzCs-"};
 
 function DataTableActions(props) {
-    return (React.createElement("div", Object.assign({ className: classnames(styles.actions, props.className) }, props), props.children));
+    return (React.createElement("div", Object.assign({}, props, { className: classnames(styles.actions, props.className) }), props.children));
 }
 
 function DataTableBody(props) {
-    return (React.createElement("tbody", Object.assign({ className: classnames(props.className) }, props), props.children));
+    return (React.createElement("tbody", Object.assign({}, props, { className: classnames(props.className) }), props.children));
 }
 
 const DataTableCell = React.forwardRef((props, ref) => {
@@ -55,18 +55,18 @@ const DataTableCell = React.forwardRef((props, ref) => {
 DataTableCell.displayName = "DataTableCell";
 
 function DataTableContainer(props) {
-    return (React.createElement("div", Object.assign({ className: classnames(styles.container, props.className) }, props), props.children));
+    return (React.createElement("div", Object.assign({}, props, { className: classnames(styles.container, props.className) }), props.children));
 }
 
 function DataTableFooter(_a) {
     var { children, className, colSpan } = _a, props = tslib_es6.__rest(_a, ["children", "className", "colSpan"]);
-    return (React.createElement("tfoot", Object.assign({ className: classnames(styles.footer, className) }, props),
+    return (React.createElement("tfoot", Object.assign({}, props, { className: classnames(styles.footer, className) }),
         React.createElement("tr", null,
             React.createElement("td", { colSpan: colSpan }, children))));
 }
 
 function DataTableHeader(props) {
-    return (React.createElement("thead", Object.assign({ className: classnames(styles.header, props.className) }, props),
+    return (React.createElement("thead", Object.assign({}, props, { className: classnames(styles.header, props.className) }),
         React.createElement("tr", null, props.children)));
 }
 
@@ -77,7 +77,7 @@ DataTableHeaderCell.displayName = "DataTableHeaderCell";
 
 function DataTablePagination(_a) {
     var { children, className } = _a, props = tslib_es6.__rest(_a, ["children", "className"]);
-    return (React.createElement("div", Object.assign({ className: classnames(styles.pagination, className) }, props), children));
+    return (React.createElement("div", Object.assign({}, props, { className: classnames(styles.pagination, className) }), children));
 }
 
 function DataTablePaginationButton({ direction, onClick, disabled = false, ariaLabel, }) {
@@ -86,7 +86,7 @@ function DataTablePaginationButton({ direction, onClick, disabled = false, ariaL
 }
 
 const DataTableRow = React.forwardRef((props, ref) => {
-    return (React.createElement("tr", Object.assign({ className: classnames(styles.row, props.className), ref: ref }, props), props.children));
+    return (React.createElement("tr", Object.assign({}, props, { className: classnames(styles.row, props.className), ref: ref }), props.children));
 });
 DataTableRow.displayName = "DataTableRow";
 
@@ -108,7 +108,7 @@ function DataTableSortableHeader(props) {
 }
 
 function DataTableTable(props) {
-    return (React.createElement("table", Object.assign({ className: classnames(styles.tableElement, props.className) }, props), props.children));
+    return (React.createElement("table", Object.assign({}, props, { className: classnames(styles.tableElement, props.className) }), props.children));
 }
 
 exports.DataTableActions = DataTableActions;

package/dist/DataTableTable-es.js

@@ -40,11 +40,11 @@ function SortIcon({ direction }) {
 var styles = {"container":"_1-DPmbxOkZ8-","tableElement":"kJeYcsgg700-","header":"_5d2OcsTVgzU-","headerCell":"LTx0tCU3F2I-","sortableButton":"WTQCrd2d8nw-","focusArea":"RipbH3rRU-E-","row":"sJQbtw-NEHU-","cell":"_1UpLYTK64uY-","footer":"qe-6UrAFLTo-","actions":"_2fZsLSaNPnI-","rowActions":"pElxuwpGmCI-","pagination":"thJ-CSoe0ps-","spinning":"EBpmC7cZzCs-"};
 
 function DataTableActions(props) {
-    return (React__default.createElement("div", Object.assign({ className: classnames(styles.actions, props.className) }, props), props.children));
+    return (React__default.createElement("div", Object.assign({}, props, { className: classnames(styles.actions, props.className) }), props.children));
 }
 
 function DataTableBody(props) {
-    return (React__default.createElement("tbody", Object.assign({ className: classnames(props.className) }, props), props.children));
+    return (React__default.createElement("tbody", Object.assign({}, props, { className: classnames(props.className) }), props.children));
 }
 
 const DataTableCell = forwardRef((props, ref) => {
@@ -53,18 +53,18 @@ const DataTableCell = forwardRef((props, ref) => {
 DataTableCell.displayName = "DataTableCell";
 
 function DataTableContainer(props) {
-    return (React__default.createElement("div", Object.assign({ className: classnames(styles.container, props.className) }, props), props.children));
+    return (React__default.createElement("div", Object.assign({}, props, { className: classnames(styles.container, props.className) }), props.children));
 }
 
 function DataTableFooter(_a) {
     var { children, className, colSpan } = _a, props = __rest(_a, ["children", "className", "colSpan"]);
-    return (React__default.createElement("tfoot", Object.assign({ className: classnames(styles.footer, className) }, props),
+    return (React__default.createElement("tfoot", Object.assign({}, props, { className: classnames(styles.footer, className) }),
         React__default.createElement("tr", null,
             React__default.createElement("td", { colSpan: colSpan }, children))));
 }
 
 function DataTableHeader(props) {
-    return (React__default.createElement("thead", Object.assign({ className: classnames(styles.header, props.className) }, props),
+    return (React__default.createElement("thead", Object.assign({}, props, { className: classnames(styles.header, props.className) }),
         React__default.createElement("tr", null, props.children)));
 }
 
@@ -75,7 +75,7 @@ DataTableHeaderCell.displayName = "DataTableHeaderCell";
 
 function DataTablePagination(_a) {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (React__default.createElement("div", Object.assign({ className: classnames(styles.pagination, className) }, props), children));
+    return (React__default.createElement("div", Object.assign({}, props, { className: classnames(styles.pagination, className) }), children));
 }
 
 function DataTablePaginationButton({ direction, onClick, disabled = false, ariaLabel, }) {
@@ -84,7 +84,7 @@ function DataTablePaginationButton({ direction, onClick, disabled = false, ariaL
 }
 
 const DataTableRow = forwardRef((props, ref) => {
-    return (React__default.createElement("tr", Object.assign({ className: classnames(styles.row, props.className), ref: ref }, props), props.children));
+    return (React__default.createElement("tr", Object.assign({}, props, { className: classnames(styles.row, props.className), ref: ref }), props.children));
 });
 DataTableRow.displayName = "DataTableRow";
 
@@ -106,7 +106,7 @@ function DataTableSortableHeader(props) {
 }
 
 function DataTableTable(props) {
-    return (React__default.createElement("table", Object.assign({ className: classnames(styles.tableElement, props.className) }, props), props.children));
+    return (React__default.createElement("table", Object.assign({}, props, { className: classnames(styles.tableElement, props.className) }), props.children));
 }
 
 export { DataTableActions as D, SortIcon as S, SortDirection as a, DataTableBody as b, DataTableCell as c, DataTableContainer as d, DataTableFooter as e, DataTableHeader as f, DataTableHeaderCell as g, DataTablePagination as h, DataTablePaginationButton as i, DataTableRow as j, DataTableRowActions as k, DataTableSortableHeader as l, DataTableTable as m };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.90.1",
+  "version": "6.90.3",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "76dba59612902bceb1b3999f85dbbc643294cf5e"
+  "gitHead": "e93994a2cb7cb82cc0e2b1e67ef2e09c98bebb1f"
 }