@jobber/components 8.14.0 → 8.15.0

package/dist/index.cjs

@@ -20,8 +20,8 @@ var ChipDismissible = require('./ChipDismissible-cjs.js');
 require('react');
 var Icon = require('./Icon-cjs.js');
 var Chips = require('./Chips-cjs.js');
-var Combobox = require('./Combobox-cjs.js');
-var ComboboxProvider = require('./ComboboxProvider-cjs.js');
+var FilterPicker = require('./FilterPicker-cjs.js');
+var FilterPickerProvider = require('./FilterPickerProvider-cjs.js');
 var ConfirmationModal = require('./ConfirmationModal-cjs.js');
 var Content = require('./Content-cjs.js');
 var ContentBlock = require('./ContentBlock-cjs.js');
@@ -122,18 +122,18 @@ require('./isSymbol-cjs.js');
 require('./_getTag-cjs.js');
 require('./_baseEach-cjs.js');
 require('./debounce-cjs.js');
-require('./ComboboxContent-cjs.js');
-require('./ComboboxContentSearch-cjs.js');
-require('./ComboboxContentList-cjs.js');
+require('./FilterPickerContent-cjs.js');
+require('./FilterPickerContentSearch-cjs.js');
+require('./FilterPickerContentList-cjs.js');
 require('framer-motion');
-require('./ComboboxOption-cjs.js');
-require('./ComboboxLoadMore-cjs.js');
-require('./ComboboxContentHeader-cjs.js');
+require('./FilterPickerOption-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('./noop-cjs.js');
-require('./ComboboxActivator-cjs.js');
+require('./FilterPickerActivator-cjs.js');
 require('./index-cjs.js');
 require('./DataList.module-cjs.js');
 require('./DataListTotalCount-cjs.js');
@@ -177,12 +177,11 @@ require('./FormFieldPostFix-cjs.js');
 require('axios');
 require('./useRenderElement-cjs.js');
 require('./BottomSheet-cjs.js');
-require('./DrawerRoot-cjs.js');
+require('./ScrollAreaViewport-cjs.js');
 require('./useValueChanged-cjs.js');
 require('./OverlaySeparator-cjs.js');
 require('./Separator-cjs.js');
 require('./MenuSubmenuTrigger-cjs.js');
-require('./useBaseUiId-cjs.js');
 require('./AtlantisPortalContent-cjs.js');
 require('@jobber/formatters');
 require('react-dom/client');
@@ -227,8 +226,8 @@ exports.ChipDismissible = ChipDismissible.ChipDismissible;
 exports.ChipSelectable = ChipDismissible.ChipSelectable;
 exports.Icon = Icon.Icon;
 exports.Chips = Chips.Chips;
-exports.Combobox = Combobox.Combobox;
-exports.ComboboxContextProvider = ComboboxProvider.ComboboxContextProvider;
+exports.FilterPicker = FilterPicker.FilterPicker;
+exports.FilterPickerContextProvider = FilterPickerProvider.FilterPickerContextProvider;
 exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;
 exports.Content = Content.Content;
 exports.ContentBlock = ContentBlock.ContentBlock;

package/dist/index.d.mts

@@ -14,7 +14,7 @@ export * from "./Cover";
 export * from "./Checkbox";
 export * from "./Chip";
 export { Chips } from "./Chips";
-export * from "./Combobox";
+export * from "./FilterPicker";
 export * from "./ConfirmationModal";
 export * from "./Content";
 export * from "./ContentBlock";

package/dist/index.d.ts

@@ -14,7 +14,7 @@ export * from "./Cover";
 export * from "./Checkbox";
 export * from "./Chip";
 export { Chips } from "./Chips";
-export * from "./Combobox";
+export * from "./FilterPicker";
 export * from "./ConfirmationModal";
 export * from "./Content";
 export * from "./ContentBlock";

package/dist/index.mjs

@@ -18,8 +18,8 @@ export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-es.
 import 'react';
 export { I as Icon } from './Icon-es.js';
 export { C as Chips } from './Chips-es.js';
-export { C as Combobox } from './Combobox-es.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-es.js';
+export { F as FilterPicker } from './FilterPicker-es.js';
+export { F as FilterPickerContextProvider } from './FilterPickerProvider-es.js';
 export { C as ConfirmationModal } from './ConfirmationModal-es.js';
 export { C as Content } from './Content-es.js';
 export { C as ContentBlock } from './ContentBlock-es.js';
@@ -120,18 +120,18 @@ import './isSymbol-es.js';
 import './_getTag-es.js';
 import './_baseEach-es.js';
 import './debounce-es.js';
-import './ComboboxContent-es.js';
-import './ComboboxContentSearch-es.js';
-import './ComboboxContentList-es.js';
+import './FilterPickerContent-es.js';
+import './FilterPickerContentSearch-es.js';
+import './FilterPickerContentList-es.js';
 import 'framer-motion';
-import './ComboboxOption-es.js';
-import './ComboboxLoadMore-es.js';
-import './ComboboxContentHeader-es.js';
+import './FilterPickerOption-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 './noop-es.js';
-import './ComboboxActivator-es.js';
+import './FilterPickerActivator-es.js';
 import './index-es.js';
 import './DataList.module-es.js';
 import './DataListTotalCount-es.js';
@@ -175,12 +175,11 @@ import './FormFieldPostFix-es.js';
 import 'axios';
 import './useRenderElement-es.js';
 import './BottomSheet-es.js';
-import './DrawerRoot-es.js';
+import './ScrollAreaViewport-es.js';
 import './useValueChanged-es.js';
 import './OverlaySeparator-es.js';
 import './Separator-es.js';
 import './MenuSubmenuTrigger-es.js';
-import './useBaseUiId-es.js';
 import './AtlantisPortalContent-es.js';
 import '@jobber/formatters';
 import 'react-dom/client';

package/dist/primitives/BottomSheet/BottomSheet.d.ts

@@ -1,20 +1,19 @@
 import React from "react";
-import { Drawer as BaseDrawer } from "../../unstyledPrimitives";
-export type BottomSheetRootProps = React.ComponentProps<typeof BaseDrawer.Root>;
-type BottomSheetPopupBaseProps = Omit<React.ComponentPropsWithoutRef<typeof BaseDrawer.Popup>, "className">;
-export interface BottomSheetPopupProps extends BottomSheetPopupBaseProps {
-    readonly className?: string;
-}
-type BottomSheetContentBaseProps = Omit<React.ComponentPropsWithoutRef<typeof BaseDrawer.Content>, "className">;
-export interface BottomSheetContentProps extends BottomSheetContentBaseProps {
-    readonly className?: string;
-}
-export interface BottomSheetProps extends Pick<BottomSheetRootProps, "open" | "defaultOpen" | "onOpenChange">, BottomSheetContentProps, Pick<BottomSheetPopupProps, "initialFocus" | "finalFocus"> {
-}
-declare function BottomSheetRoot({ children, defaultOpen, onOpenChange, open, ...rootProps }: BottomSheetRootProps): React.JSX.Element;
-export declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>> & {
+import type { BottomSheetContentProps, BottomSheetPopupProps, BottomSheetProps, BottomSheetRootProps, BottomSheetTriggerProps } from "./BottomSheet.types";
+declare function BottomSheetTrigger({ children, render, className, ...triggerProps }: BottomSheetTriggerProps): React.JSX.Element;
+/**
+ * Thin pass-through to the Drawer root: a single owner manages open state, and
+ * all root props — `handle`, `modal`, `disablePointerDismissal`, the payload
+ * render-function `children`, etc. — reach BaseUI unchanged.
+ */
+declare function BottomSheetRoot({ children, ...rootProps }: BottomSheetRootProps): React.JSX.Element;
+declare function BottomSheetPopup({ children, className, initialFocus, finalFocus, ref, ...popupProps }: BottomSheetPopupProps): React.JSX.Element;
+declare function BottomSheetContent({ children, className, ref, ...contentProps }: BottomSheetContentProps): React.JSX.Element;
+declare function BottomSheetComponent({ children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange, ref, ...contentProps }: BottomSheetProps): React.JSX.Element;
+export declare const BottomSheet: typeof BottomSheetComponent & {
     Root: typeof BottomSheetRoot;
-    Popup: React.ForwardRefExoticComponent<BottomSheetPopupProps & React.RefAttributes<HTMLDivElement>>;
-    Content: React.ForwardRefExoticComponent<BottomSheetContentProps & React.RefAttributes<HTMLDivElement>>;
+    Trigger: typeof BottomSheetTrigger;
+    Popup: typeof BottomSheetPopup;
+    Content: typeof BottomSheetContent;
 };
 export {};

package/dist/primitives/BottomSheet/BottomSheet.types.d.ts

@@ -0,0 +1,27 @@
+import type { Drawer as BaseDrawer } from "../../unstyledPrimitives";
+export type BottomSheetRootProps = React.ComponentProps<typeof BaseDrawer.Root>;
+type BottomSheetPopupBaseProps = Omit<React.ComponentPropsWithRef<typeof BaseDrawer.Popup>, "className">;
+export interface BottomSheetPopupProps extends BottomSheetPopupBaseProps {
+    readonly className?: string;
+}
+type BottomSheetContentBaseProps = Omit<React.ComponentPropsWithRef<typeof BaseDrawer.Content>, "className">;
+export interface BottomSheetContentProps extends BottomSheetContentBaseProps {
+    readonly className?: string;
+}
+export type BottomSheetTriggerRenderProps = React.ComponentPropsWithRef<"button">;
+export type BottomSheetTriggerRender = React.ReactElement | ((props: BottomSheetTriggerRenderProps) => React.ReactElement);
+type BottomSheetTriggerSharedProps = Omit<React.ComponentPropsWithRef<typeof BaseDrawer.Trigger>, "className" | "render" | "children"> & {
+    readonly className?: string;
+};
+interface BottomSheetTriggerDefaultProps extends BottomSheetTriggerSharedProps {
+    readonly children: React.ReactNode;
+    readonly render?: undefined;
+}
+interface BottomSheetTriggerCustomRenderProps extends BottomSheetTriggerSharedProps {
+    readonly children?: React.ReactNode;
+    readonly render: BottomSheetTriggerRender;
+}
+export type BottomSheetTriggerProps = BottomSheetTriggerDefaultProps | BottomSheetTriggerCustomRenderProps;
+export interface BottomSheetProps extends Pick<BottomSheetRootProps, "open" | "defaultOpen" | "onOpenChange">, BottomSheetContentProps, Pick<BottomSheetPopupProps, "initialFocus" | "finalFocus"> {
+}
+export {};

package/dist/primitives/BottomSheet/BottomSheet.utils.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { BottomSheetTriggerRender } from "./BottomSheet.types";
+export declare function resolveBottomSheetTriggerRender({ children, render, }: {
+    readonly children?: React.ReactNode;
+    readonly render?: BottomSheetTriggerRender;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | ((props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => React.JSX.Element);

package/dist/primitives/BottomSheet/index.cjs

@@ -4,13 +4,18 @@ var BottomSheet = require('../../BottomSheet-cjs.js');
 require('../../tslib.es6-cjs.js');
 require('react');
 require('classnames');
-require('../../DrawerRoot-cjs.js');
+require('../../Button-cjs.js');
+require('react-router-dom');
+require('../../Icon-cjs.js');
+require('@jobber/design');
+require('../../Typography-cjs.js');
 require('../../useRenderElement-cjs.js');
+require('../../ScrollAreaViewport-cjs.js');
 require('../../useValueChanged-cjs.js');
+require('../../floating-ui.utils.dom-cjs.js');
 require('react-dom');
 require('react/jsx-runtime');
 require('../../index.esm-cjs.js');
-require('../../floating-ui.utils.dom-cjs.js');
 
 
 

package/dist/primitives/BottomSheet/index.d.ts

@@ -1 +1,2 @@
 export * from "./BottomSheet";
+export type { BottomSheetRootProps, BottomSheetPopupProps, BottomSheetContentProps, BottomSheetTriggerProps, BottomSheetProps, } from "./BottomSheet.types";

package/dist/primitives/BottomSheet/index.mjs

@@ -2,10 +2,15 @@ export { B as BottomSheet } from '../../BottomSheet-es.js';
 import '../../tslib.es6-es.js';
 import 'react';
 import 'classnames';
-import '../../DrawerRoot-es.js';
+import '../../Button-es.js';
+import 'react-router-dom';
+import '../../Icon-es.js';
+import '@jobber/design';
+import '../../Typography-es.js';
 import '../../useRenderElement-es.js';
+import '../../ScrollAreaViewport-es.js';
 import '../../useValueChanged-es.js';
+import '../../floating-ui.utils.dom-es.js';
 import 'react-dom';
 import 'react/jsx-runtime';
 import '../../index.esm-es.js';
-import '../../floating-ui.utils.dom-es.js';

package/dist/primitives/InputNumberExperimental/index.cjs

@@ -11,11 +11,10 @@ require('../../Icon-cjs.js');
 require('@jobber/design');
 require('../../Typography-cjs.js');
 require('../../useValueChanged-cjs.js');
+require('../../floating-ui.utils.dom-cjs.js');
 require('../../useRenderElement-cjs.js');
 require('react-dom');
 require('../../NumberFieldInput-cjs.js');
-require('../../floating-ui.utils.dom-cjs.js');
-require('../../useBaseUiId-cjs.js');
 require('react/jsx-runtime');
 
 

package/dist/primitives/InputNumberExperimental/index.mjs

@@ -9,9 +9,8 @@ import '../../Icon-es.js';
 import '@jobber/design';
 import '../../Typography-es.js';
 import '../../useValueChanged-es.js';
+import '../../floating-ui.utils.dom-es.js';
 import '../../useRenderElement-es.js';
 import 'react-dom';
 import '../../NumberFieldInput-es.js';
-import '../../floating-ui.utils.dom-es.js';
-import '../../useBaseUiId-es.js';
 import 'react/jsx-runtime';

package/dist/primitives/index.cjs

@@ -9,21 +9,20 @@ require('react');
 require('classnames');
 require('../Separator-cjs.js');
 require('../useRenderElement-cjs.js');
-require('../DrawerRoot-cjs.js');
+require('../Button-cjs.js');
+require('react-router-dom');
+require('../Icon-cjs.js');
+require('@jobber/design');
+require('../Typography-cjs.js');
+require('../ScrollAreaViewport-cjs.js');
 require('../useValueChanged-cjs.js');
+require('../floating-ui.utils.dom-cjs.js');
 require('react-dom');
 require('react/jsx-runtime');
 require('../index.esm-cjs.js');
-require('../floating-ui.utils.dom-cjs.js');
 require('../Text-cjs.js');
-require('../Typography-cjs.js');
-require('../Icon-cjs.js');
-require('@jobber/design');
 require('../ActivityIndicator-cjs.js');
-require('../Button-cjs.js');
-require('react-router-dom');
 require('../NumberFieldInput-cjs.js');
-require('../useBaseUiId-cjs.js');
 
 
 

package/dist/primitives/index.mjs

@@ -7,18 +7,17 @@ import 'react';
 import 'classnames';
 import '../Separator-es.js';
 import '../useRenderElement-es.js';
-import '../DrawerRoot-es.js';
+import '../Button-es.js';
+import 'react-router-dom';
+import '../Icon-es.js';
+import '@jobber/design';
+import '../Typography-es.js';
+import '../ScrollAreaViewport-es.js';
 import '../useValueChanged-es.js';
+import '../floating-ui.utils.dom-es.js';
 import 'react-dom';
 import 'react/jsx-runtime';
 import '../index.esm-es.js';
-import '../floating-ui.utils.dom-es.js';
 import '../Text-es.js';
-import '../Typography-es.js';
-import '../Icon-es.js';
-import '@jobber/design';
 import '../ActivityIndicator-es.js';
-import '../Button-es.js';
-import 'react-router-dom';
 import '../NumberFieldInput-es.js';
-import '../useBaseUiId-es.js';