@jobber/components 8.14.0 → 8.14.1

package/FilterPicker.d.ts

@@ -0,0 +1 @@
+export * from "./dist/FilterPicker";

package/{Combobox.js → FilterPicker.js}

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 
-var Combobox = require("./dist/Combobox");
+var FilterPicker = require("./dist/FilterPicker");
 
-Object.keys(Combobox).forEach(function(key) {
+Object.keys(FilterPicker).forEach(function(key) {
   if (key === "default" || key === "__esModule") return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return Combobox[key];
+      return FilterPicker[key];
     },
   });
 });

package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs

@@ -5,8 +5,8 @@ require('react');
 require('../../../../../DataListContext-cjs.js');
 require('../../../../../noop-cjs.js');
 require('../../../../../_commonjsHelpers-cjs.js');
-require('../../../../../Combobox-cjs.js');
-require('../../../../../ComboboxContent-cjs.js');
+require('../../../../../FilterPicker-cjs.js');
+require('../../../../../FilterPickerContent-cjs.js');
 require('classnames');
 require('../../../../../floating-ui.react-cjs.js');
 require('../../../../../floating-ui.utils.dom-cjs.js');
@@ -14,10 +14,10 @@ require('../../../../../index.esm-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../../../../../floating-ui.react-dom-cjs.js');
-require('../../../../../ComboboxContentSearch-cjs.js');
+require('../../../../../FilterPickerContentSearch-cjs.js');
 require('../../../../../Icon-cjs.js');
 require('@jobber/design');
-require('../../../../../ComboboxContentList-cjs.js');
+require('../../../../../FilterPickerContentList-cjs.js');
 require('framer-motion');
 require('../../../../../Text-cjs.js');
 require('../../../../../Typography-cjs.js');
@@ -34,23 +34,23 @@ require('../../../../../_baseFor-cjs.js');
 require('../../../../../keysIn-cjs.js');
 require('../../../../../_isIterateeCall-cjs.js');
 require('../../../../../_setToString-cjs.js');
-require('../../../../../ComboboxOption-cjs.js');
+require('../../../../../FilterPickerOption-cjs.js');
 require('../../../../../Flex-cjs.js');
-require('../../../../../ComboboxProvider-cjs.js');
-require('../../../../../ComboboxLoadMore-cjs.js');
+require('../../../../../FilterPickerProvider-cjs.js');
+require('../../../../../FilterPickerLoadMore-cjs.js');
 require('@jobber/hooks');
-require('../../../../../ComboboxContentHeader-cjs.js');
+require('../../../../../FilterPickerContentHeader-cjs.js');
 require('../../../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../../../constants-cjs.js');
-require('../../../../../ComboboxAction-cjs.js');
-require('../../../../../ComboboxTrigger-cjs.js');
+require('../../../../../FilterPickerAction-cjs.js');
+require('../../../../../FilterPickerTrigger-cjs.js');
 require('../../../../../Chip-cjs.js');
 require('../../../../../Avatar-cjs.js');
 require('color');
 require('../../../../../useChildComponent-cjs.js');
 require('../../../../../Tooltip-cjs.js');
-require('../../../../../ComboboxActivator-cjs.js');
+require('../../../../../FilterPickerActivator-cjs.js');
 
 
 

package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs

@@ -3,8 +3,8 @@ import 'react';
 import '../../../../../DataListContext-es.js';
 import '../../../../../noop-es.js';
 import '../../../../../_commonjsHelpers-es.js';
-import '../../../../../Combobox-es.js';
-import '../../../../../ComboboxContent-es.js';
+import '../../../../../FilterPicker-es.js';
+import '../../../../../FilterPickerContent-es.js';
 import 'classnames';
 import '../../../../../floating-ui.react-es.js';
 import '../../../../../floating-ui.utils.dom-es.js';
@@ -12,10 +12,10 @@ import '../../../../../index.esm-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../../../../../floating-ui.react-dom-es.js';
-import '../../../../../ComboboxContentSearch-es.js';
+import '../../../../../FilterPickerContentSearch-es.js';
 import '../../../../../Icon-es.js';
 import '@jobber/design';
-import '../../../../../ComboboxContentList-es.js';
+import '../../../../../FilterPickerContentList-es.js';
 import 'framer-motion';
 import '../../../../../Text-es.js';
 import '../../../../../Typography-es.js';
@@ -32,20 +32,20 @@ import '../../../../../_baseFor-es.js';
 import '../../../../../keysIn-es.js';
 import '../../../../../_isIterateeCall-es.js';
 import '../../../../../_setToString-es.js';
-import '../../../../../ComboboxOption-es.js';
+import '../../../../../FilterPickerOption-es.js';
 import '../../../../../Flex-es.js';
-import '../../../../../ComboboxProvider-es.js';
-import '../../../../../ComboboxLoadMore-es.js';
+import '../../../../../FilterPickerProvider-es.js';
+import '../../../../../FilterPickerLoadMore-es.js';
 import '@jobber/hooks';
-import '../../../../../ComboboxContentHeader-es.js';
+import '../../../../../FilterPickerContentHeader-es.js';
 import '../../../../../Button-es.js';
 import 'react-router-dom';
 import '../../../../../constants-es.js';
-import '../../../../../ComboboxAction-es.js';
-import '../../../../../ComboboxTrigger-es.js';
+import '../../../../../FilterPickerAction-es.js';
+import '../../../../../FilterPickerTrigger-es.js';
 import '../../../../../Chip-es.js';
 import '../../../../../Avatar-es.js';
 import 'color';
 import '../../../../../useChildComponent-es.js';
 import '../../../../../Tooltip-es.js';
-import '../../../../../ComboboxActivator-es.js';
+import '../../../../../FilterPickerActivator-es.js';

package/dist/DataList/components/DataListFilters/index.cjs

@@ -6,8 +6,8 @@ require('../../../DataListSort-cjs.js');
 require('../../../DataListContext-cjs.js');
 require('../../../noop-cjs.js');
 require('../../../_commonjsHelpers-cjs.js');
-require('../../../Combobox-cjs.js');
-require('../../../ComboboxContent-cjs.js');
+require('../../../FilterPicker-cjs.js');
+require('../../../FilterPickerContent-cjs.js');
 require('classnames');
 require('../../../floating-ui.react-cjs.js');
 require('../../../floating-ui.utils.dom-cjs.js');
@@ -15,10 +15,10 @@ require('../../../index.esm-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../../../floating-ui.react-dom-cjs.js');
-require('../../../ComboboxContentSearch-cjs.js');
+require('../../../FilterPickerContentSearch-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
-require('../../../ComboboxContentList-cjs.js');
+require('../../../FilterPickerContentList-cjs.js');
 require('framer-motion');
 require('../../../Text-cjs.js');
 require('../../../Typography-cjs.js');
@@ -35,23 +35,23 @@ require('../../../_baseFor-cjs.js');
 require('../../../keysIn-cjs.js');
 require('../../../_isIterateeCall-cjs.js');
 require('../../../_setToString-cjs.js');
-require('../../../ComboboxOption-cjs.js');
+require('../../../FilterPickerOption-cjs.js');
 require('../../../Flex-cjs.js');
-require('../../../ComboboxProvider-cjs.js');
-require('../../../ComboboxLoadMore-cjs.js');
+require('../../../FilterPickerProvider-cjs.js');
+require('../../../FilterPickerLoadMore-cjs.js');
 require('@jobber/hooks');
-require('../../../ComboboxContentHeader-cjs.js');
+require('../../../FilterPickerContentHeader-cjs.js');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../constants-cjs.js');
-require('../../../ComboboxAction-cjs.js');
-require('../../../ComboboxTrigger-cjs.js');
+require('../../../FilterPickerAction-cjs.js');
+require('../../../FilterPickerTrigger-cjs.js');
 require('../../../Chip-cjs.js');
 require('../../../Avatar-cjs.js');
 require('color');
 require('../../../useChildComponent-cjs.js');
 require('../../../Tooltip-cjs.js');
-require('../../../ComboboxActivator-cjs.js');
+require('../../../FilterPickerActivator-cjs.js');
 require('../../../DataListOverflowFade-cjs.js');
 require('../../../DataList.utils-cjs.js');
 require('../../../_getTag-cjs.js');

package/dist/DataList/components/DataListFilters/index.mjs

@@ -4,8 +4,8 @@ import '../../../DataListSort-es.js';
 import '../../../DataListContext-es.js';
 import '../../../noop-es.js';
 import '../../../_commonjsHelpers-es.js';
-import '../../../Combobox-es.js';
-import '../../../ComboboxContent-es.js';
+import '../../../FilterPicker-es.js';
+import '../../../FilterPickerContent-es.js';
 import 'classnames';
 import '../../../floating-ui.react-es.js';
 import '../../../floating-ui.utils.dom-es.js';
@@ -13,10 +13,10 @@ import '../../../index.esm-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../../../floating-ui.react-dom-es.js';
-import '../../../ComboboxContentSearch-es.js';
+import '../../../FilterPickerContentSearch-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
-import '../../../ComboboxContentList-es.js';
+import '../../../FilterPickerContentList-es.js';
 import 'framer-motion';
 import '../../../Text-es.js';
 import '../../../Typography-es.js';
@@ -33,23 +33,23 @@ import '../../../_baseFor-es.js';
 import '../../../keysIn-es.js';
 import '../../../_isIterateeCall-es.js';
 import '../../../_setToString-es.js';
-import '../../../ComboboxOption-es.js';
+import '../../../FilterPickerOption-es.js';
 import '../../../Flex-es.js';
-import '../../../ComboboxProvider-es.js';
-import '../../../ComboboxLoadMore-es.js';
+import '../../../FilterPickerProvider-es.js';
+import '../../../FilterPickerLoadMore-es.js';
 import '@jobber/hooks';
-import '../../../ComboboxContentHeader-es.js';
+import '../../../FilterPickerContentHeader-es.js';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../constants-es.js';
-import '../../../ComboboxAction-es.js';
-import '../../../ComboboxTrigger-es.js';
+import '../../../FilterPickerAction-es.js';
+import '../../../FilterPickerTrigger-es.js';
 import '../../../Chip-es.js';
 import '../../../Avatar-es.js';
 import 'color';
 import '../../../useChildComponent-es.js';
 import '../../../Tooltip-es.js';
-import '../../../ComboboxActivator-es.js';
+import '../../../FilterPickerActivator-es.js';
 import '../../../DataListOverflowFade-es.js';
 import '../../../DataList.utils-es.js';
 import '../../../_getTag-es.js';

package/dist/DataList/index.cjs

@@ -56,10 +56,10 @@ require('../DataListHeader-cjs.js');
 require('../DataListBulkActions-cjs.js');
 require('../DataListFilters-cjs.js');
 require('../DataListSort-cjs.js');
-require('../Combobox-cjs.js');
-require('../ComboboxContent-cjs.js');
-require('../ComboboxContentSearch-cjs.js');
-require('../ComboboxContentList-cjs.js');
+require('../FilterPicker-cjs.js');
+require('../FilterPickerContent-cjs.js');
+require('../FilterPickerContentSearch-cjs.js');
+require('../FilterPickerContentList-cjs.js');
 require('../Spinner-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
 require('../identity-cjs.js');
@@ -68,19 +68,19 @@ require('../_baseFor-cjs.js');
 require('../keysIn-cjs.js');
 require('../_isIterateeCall-cjs.js');
 require('../_setToString-cjs.js');
-require('../ComboboxOption-cjs.js');
+require('../FilterPickerOption-cjs.js');
 require('../Flex-cjs.js');
-require('../ComboboxProvider-cjs.js');
-require('../ComboboxLoadMore-cjs.js');
-require('../ComboboxContentHeader-cjs.js');
+require('../FilterPickerProvider-cjs.js');
+require('../FilterPickerLoadMore-cjs.js');
+require('../FilterPickerContentHeader-cjs.js');
 require('../constants-cjs.js');
-require('../ComboboxAction-cjs.js');
-require('../ComboboxTrigger-cjs.js');
+require('../FilterPickerAction-cjs.js');
+require('../FilterPickerTrigger-cjs.js');
 require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
-require('../ComboboxActivator-cjs.js');
+require('../FilterPickerActivator-cjs.js');
 require('../DataListOverflowFade-cjs.js');
 require('../DataListStickyHeader-cjs.js');
 require('../DataListSearch-cjs.js');

package/dist/DataList/index.mjs

@@ -54,10 +54,10 @@ import '../DataListHeader-es.js';
 import '../DataListBulkActions-es.js';
 import '../DataListFilters-es.js';
 import '../DataListSort-es.js';
-import '../Combobox-es.js';
-import '../ComboboxContent-es.js';
-import '../ComboboxContentSearch-es.js';
-import '../ComboboxContentList-es.js';
+import '../FilterPicker-es.js';
+import '../FilterPickerContent-es.js';
+import '../FilterPickerContentSearch-es.js';
+import '../FilterPickerContentList-es.js';
 import '../Spinner-es.js';
 import '../AtlantisThemeContext-es.js';
 import '../identity-es.js';
@@ -66,19 +66,19 @@ import '../_baseFor-es.js';
 import '../keysIn-es.js';
 import '../_isIterateeCall-es.js';
 import '../_setToString-es.js';
-import '../ComboboxOption-es.js';
+import '../FilterPickerOption-es.js';
 import '../Flex-es.js';
-import '../ComboboxProvider-es.js';
-import '../ComboboxLoadMore-es.js';
-import '../ComboboxContentHeader-es.js';
+import '../FilterPickerProvider-es.js';
+import '../FilterPickerLoadMore-es.js';
+import '../FilterPickerContentHeader-es.js';
 import '../constants-es.js';
-import '../ComboboxAction-es.js';
-import '../ComboboxTrigger-es.js';
+import '../FilterPickerAction-es.js';
+import '../FilterPickerTrigger-es.js';
 import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
-import '../ComboboxActivator-es.js';
+import '../FilterPickerActivator-es.js';
 import '../DataListOverflowFade-es.js';
 import '../DataListStickyHeader-es.js';
 import '../DataListSearch-es.js';

package/dist/DataListSort-cjs.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var DataListContext = require('./DataListContext-cjs.js');
-var Combobox = require('./Combobox-cjs.js');
-require('./ComboboxProvider-cjs.js');
+var FilterPicker = require('./FilterPicker-cjs.js');
+require('./FilterPickerProvider-cjs.js');
 var Chip = require('./Chip-cjs.js');
 require('./tslib.es6-cjs.js');
 var Icon = require('./Icon-cjs.js');
@@ -14,16 +14,16 @@ function DataListSort() {
         return null;
     const { sortable, state, onSort } = sorting;
     const sortByOptions = getSortByOptions();
-    return (React.createElement(Combobox.Combobox, { onSelect: selection => handleKeyChange(selection[0].id.toString()), selected: [
+    return (React.createElement(FilterPicker.FilterPicker, { onSelect: selection => handleKeyChange(selection[0].id.toString()), selected: [
             {
                 id: getSelectedSortID(),
                 label: (state === null || state === void 0 ? void 0 : state.order) || "",
             },
         ] },
-        React.createElement(Combobox.Combobox.Activator, null,
+        React.createElement(FilterPicker.FilterPicker.Activator, null,
             React.createElement(Chip.Chip, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React.createElement(Chip.Chip.Suffix, null,
                 React.createElement(Icon.Icon, { name: "arrowDown", size: "small" }))))),
-        sortByOptions.map(({ label, value }) => (React.createElement(Combobox.Combobox.Option, { key: value, id: value, label: label })))));
+        sortByOptions.map(({ label, value }) => (React.createElement(FilterPicker.FilterPicker.Option, { key: value, id: value, label: label })))));
     function getSortByOptions() {
         const options = sortable.reduce((acc, sort) => {
             const label = headers[sort.key];

package/dist/DataListSort-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { u as useDataListContext } from './DataListContext-es.js';
-import { C as Combobox } from './Combobox-es.js';
-import './ComboboxProvider-es.js';
+import { F as FilterPicker } from './FilterPicker-es.js';
+import './FilterPickerProvider-es.js';
 import { C as Chip } from './Chip-es.js';
 import './tslib.es6-es.js';
 import { I as Icon } from './Icon-es.js';
@@ -12,16 +12,16 @@ function DataListSort() {
         return null;
     const { sortable, state, onSort } = sorting;
     const sortByOptions = getSortByOptions();
-    return (React__default.createElement(Combobox, { onSelect: selection => handleKeyChange(selection[0].id.toString()), selected: [
+    return (React__default.createElement(FilterPicker, { onSelect: selection => handleKeyChange(selection[0].id.toString()), selected: [
             {
                 id: getSelectedSortID(),
                 label: (state === null || state === void 0 ? void 0 : state.order) || "",
             },
         ] },
-        React__default.createElement(Combobox.Activator, null,
+        React__default.createElement(FilterPicker.Activator, null,
             React__default.createElement(Chip, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React__default.createElement(Chip.Suffix, null,
                 React__default.createElement(Icon, { name: "arrowDown", size: "small" }))))),
-        sortByOptions.map(({ label, value }) => (React__default.createElement(Combobox.Option, { key: value, id: value, label: label })))));
+        sortByOptions.map(({ label, value }) => (React__default.createElement(FilterPicker.Option, { key: value, id: value, label: label })))));
     function getSortByOptions() {
         const options = sortable.reduce((acc, sort) => {
             const label = headers[sort.key];

package/dist/FilterPicker/FilterPicker.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { FilterPickerProps } from "./FilterPicker.types";
+import { FilterPickerAction } from "./components/FilterPickerAction";
+import { FilterPickerOption as FilterPickerOptionComponent } from "./components/FilterPickerOption/FilterPickerOption";
+import { FilterPickerActivator } from "./components/FilterPickerActivator";
+export declare function FilterPicker(props: FilterPickerProps): React.JSX.Element;
+export declare namespace FilterPicker {
+    var Activator: typeof FilterPickerActivator;
+    var Action: typeof FilterPickerAction;
+    var Option: typeof FilterPickerOptionComponent;
+}