@jobber/components 8.21.1 → 8.23.0

package/dist/primitives/SelectPrimitive/SelectPrimitive.d.ts

@@ -0,0 +1,63 @@
+import React from "react";
+import { Select } from "../../unstyledPrimitives";
+import { OverlaySeparator } from "../OverlaySeparator";
+declare function SelectPrimitiveTrigger({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof Select.Trigger>): React.JSX.Element;
+declare namespace SelectPrimitiveTrigger {
+    var displayName: string;
+}
+declare function SelectPrimitiveValue({ className, ...props }: React.ComponentPropsWithoutRef<typeof Select.Value>): React.JSX.Element;
+declare namespace SelectPrimitiveValue {
+    var displayName: string;
+}
+declare function SelectPrimitivePositioner({ className, sideOffset, alignItemWithTrigger, ...props }: React.ComponentPropsWithoutRef<typeof Select.Positioner>): React.JSX.Element;
+declare namespace SelectPrimitivePositioner {
+    var displayName: string;
+}
+declare function SelectPrimitivePopup({ className, ...props }: React.ComponentPropsWithoutRef<typeof Select.Popup>): React.JSX.Element;
+declare namespace SelectPrimitivePopup {
+    var displayName: string;
+}
+declare function SelectPrimitiveList({ className, ...props }: React.ComponentPropsWithoutRef<typeof Select.List>): React.JSX.Element;
+declare namespace SelectPrimitiveList {
+    var displayName: string;
+}
+declare function SelectPrimitiveItem({ className, ...props }: React.ComponentPropsWithoutRef<typeof Select.Item>): React.JSX.Element;
+declare namespace SelectPrimitiveItem {
+    var displayName: string;
+}
+declare function SelectPrimitiveItemText({ className, ...props }: React.ComponentPropsWithoutRef<typeof Select.ItemText>): React.JSX.Element;
+declare namespace SelectPrimitiveItemText {
+    var displayName: string;
+}
+declare function SelectPrimitiveItemIndicator({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof Select.ItemIndicator>): React.JSX.Element;
+declare namespace SelectPrimitiveItemIndicator {
+    var displayName: string;
+}
+declare function SelectPrimitiveGroup({ className, ...props }: React.ComponentPropsWithoutRef<typeof Select.Group>): React.JSX.Element;
+declare namespace SelectPrimitiveGroup {
+    var displayName: string;
+}
+declare function SelectPrimitiveGroupLabel({ className, ...props }: React.ComponentPropsWithoutRef<typeof Select.GroupLabel>): React.JSX.Element;
+declare namespace SelectPrimitiveGroupLabel {
+    var displayName: string;
+}
+declare function SelectPrimitiveSeparator({ className, ...props }: React.ComponentPropsWithoutRef<typeof OverlaySeparator>): React.JSX.Element;
+declare namespace SelectPrimitiveSeparator {
+    var displayName: string;
+}
+export declare const SelectPrimitive: {
+    Root: typeof Select.Root;
+    Trigger: typeof SelectPrimitiveTrigger;
+    Value: typeof SelectPrimitiveValue;
+    Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: typeof SelectPrimitivePositioner;
+    Popup: typeof SelectPrimitivePopup;
+    List: typeof SelectPrimitiveList;
+    Item: typeof SelectPrimitiveItem;
+    ItemText: typeof SelectPrimitiveItemText;
+    ItemIndicator: typeof SelectPrimitiveItemIndicator;
+    Group: typeof SelectPrimitiveGroup;
+    GroupLabel: typeof SelectPrimitiveGroupLabel;
+    Separator: typeof SelectPrimitiveSeparator;
+};
+export {};

package/dist/primitives/SelectPrimitive/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var SelectPrimitive = require('../../SelectPrimitive-cjs.js');
+require('../../tslib.es6-cjs.js');
+require('react');
+require('classnames');
+require('../../Icon-cjs.js');
+require('@jobber/design');
+require('../../OverlaySeparator-cjs.js');
+require('../../Separator-cjs.js');
+require('../../useRenderElement-cjs.js');
+require('../../SelectGroupLabel-cjs.js');
+require('../../useButton-cjs.js');
+require('../../floating-ui.utils.dom-cjs.js');
+require('react-dom');
+require('../../InternalBackdrop-cjs.js');
+require('../../index.esm-cjs.js');
+require('react/jsx-runtime');
+require('../../useLabelableId-cjs.js');
+require('../../resolveAriaLabelledBy-cjs.js');
+require('../../useCompositeListItem-cjs.js');
+require('../../floating-ui.react-dom-cjs.js');
+require('../../CSPContext-cjs.js');
+require('../../ToolbarRootContext-cjs.js');
+require('../../clamp-cjs.js');
+
+
+
+exports.SelectPrimitive = SelectPrimitive.SelectPrimitive;

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

@@ -0,0 +1,2 @@
+export { SelectPrimitive } from "./SelectPrimitive";
+export type { SelectPrimitiveRootProps, SelectPrimitiveTriggerProps, SelectPrimitiveValueProps, SelectPrimitivePortalProps, SelectPrimitivePositionerProps, SelectPrimitivePopupProps, SelectPrimitiveListProps, SelectPrimitiveItemProps, SelectPrimitiveItemTextProps, SelectPrimitiveItemIndicatorProps, SelectPrimitiveGroupProps, SelectPrimitiveGroupLabelProps, SelectPrimitiveSeparatorProps, } from "./types";

package/dist/primitives/SelectPrimitive/index.mjs

@@ -0,0 +1,23 @@
+export { S as SelectPrimitive } from '../../SelectPrimitive-es.js';
+import '../../tslib.es6-es.js';
+import 'react';
+import 'classnames';
+import '../../Icon-es.js';
+import '@jobber/design';
+import '../../OverlaySeparator-es.js';
+import '../../Separator-es.js';
+import '../../useRenderElement-es.js';
+import '../../SelectGroupLabel-es.js';
+import '../../useButton-es.js';
+import '../../floating-ui.utils.dom-es.js';
+import 'react-dom';
+import '../../InternalBackdrop-es.js';
+import '../../index.esm-es.js';
+import 'react/jsx-runtime';
+import '../../useLabelableId-es.js';
+import '../../resolveAriaLabelledBy-es.js';
+import '../../useCompositeListItem-es.js';
+import '../../floating-ui.react-dom-es.js';
+import '../../CSPContext-es.js';
+import '../../ToolbarRootContext-es.js';
+import '../../clamp-es.js';

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

@@ -0,0 +1,16 @@
+import type React from "react";
+import type { Select } from "../../unstyledPrimitives";
+import type { OverlaySeparator } from "../OverlaySeparator";
+export type SelectPrimitiveRootProps = React.ComponentPropsWithoutRef<typeof Select.Root>;
+export type SelectPrimitiveTriggerProps = React.ComponentPropsWithoutRef<typeof Select.Trigger>;
+export type SelectPrimitiveValueProps = React.ComponentPropsWithoutRef<typeof Select.Value>;
+export type SelectPrimitivePortalProps = React.ComponentPropsWithoutRef<typeof Select.Portal>;
+export type SelectPrimitivePositionerProps = React.ComponentPropsWithoutRef<typeof Select.Positioner>;
+export type SelectPrimitivePopupProps = React.ComponentPropsWithoutRef<typeof Select.Popup>;
+export type SelectPrimitiveListProps = React.ComponentPropsWithoutRef<typeof Select.List>;
+export type SelectPrimitiveItemProps = React.ComponentPropsWithoutRef<typeof Select.Item>;
+export type SelectPrimitiveItemTextProps = React.ComponentPropsWithoutRef<typeof Select.ItemText>;
+export type SelectPrimitiveItemIndicatorProps = React.ComponentPropsWithoutRef<typeof Select.ItemIndicator>;
+export type SelectPrimitiveGroupProps = React.ComponentPropsWithoutRef<typeof Select.Group>;
+export type SelectPrimitiveGroupLabelProps = React.ComponentPropsWithoutRef<typeof Select.GroupLabel>;
+export type SelectPrimitiveSeparatorProps = React.ComponentPropsWithoutRef<typeof OverlaySeparator>;

package/dist/primitives/index.cjs

@@ -5,6 +5,7 @@ var BottomSheet = require('../BottomSheet-cjs.js');
 var HelperText = require('../HelperText-cjs.js');
 var ComboboxPrimitive = require('../ComboboxPrimitive-cjs.js');
 var InputNumberExperimental = require('../InputNumberExperimental-cjs.js');
+var SelectPrimitive = require('../SelectPrimitive-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
 require('classnames');
@@ -23,19 +24,26 @@ require('../floating-ui.utils.dom-cjs.js');
 require('../useButton-cjs.js');
 require('react-dom');
 require('react/jsx-runtime');
+require('../CSPContext-cjs.js');
 require('../clamp-cjs.js');
 require('../Text-cjs.js');
 require('../ComboboxChipRemove-cjs.js');
-require('../useLabel-cjs.js');
+require('../useLabelableId-cjs.js');
 require('../useCompositeListItem-cjs.js');
 require('../floating-ui.react-dom-cjs.js');
+require('../resolveAriaLabelledBy-cjs.js');
+require('../useLabel-cjs.js');
 require('../ActivityIndicator-cjs.js');
 require('../NumberFieldInput-cjs.js');
+require('../SelectGroupLabel-cjs.js');
+require('../ToolbarRootContext-cjs.js');
 
 
 
 exports.OverlaySeparator = OverlaySeparator.OverlaySeparator;
 exports.BottomSheet = BottomSheet.BottomSheet;
+exports.BottomSheetScrollAreaContext = BottomSheet.BottomSheetScrollAreaContext;
 exports.HelperText = HelperText.HelperText;
 exports.ComboboxPrimitive = ComboboxPrimitive.ComboboxPrimitive;
 exports.InputNumberExperimental = InputNumberExperimental.InputNumberExperimental;
+exports.SelectPrimitive = SelectPrimitive.SelectPrimitive;

package/dist/primitives/index.d.ts

@@ -11,3 +11,4 @@ export * from "./HelperText/index";
 export * from "./ComboboxPrimitive/index";
 export { InputNumberExperimental } from "./InputNumberExperimental";
 export type { InputNumberExperimentalAffix, InputNumberExperimentalProps, InputNumberExperimentalRef, } from "./InputNumberExperimental";
+export * from "./SelectPrimitive";

package/dist/primitives/index.mjs

@@ -1,8 +1,9 @@
 export { O as OverlaySeparator } from '../OverlaySeparator-es.js';
-export { B as BottomSheet } from '../BottomSheet-es.js';
+export { a as BottomSheet, B as BottomSheetScrollAreaContext } from '../BottomSheet-es.js';
 export { H as HelperText } from '../HelperText-es.js';
 export { C as ComboboxPrimitive } from '../ComboboxPrimitive-es.js';
 export { I as InputNumberExperimental } from '../InputNumberExperimental-es.js';
+export { S as SelectPrimitive } from '../SelectPrimitive-es.js';
 import '../tslib.es6-es.js';
 import 'react';
 import 'classnames';
@@ -21,11 +22,16 @@ import '../floating-ui.utils.dom-es.js';
 import '../useButton-es.js';
 import 'react-dom';
 import 'react/jsx-runtime';
+import '../CSPContext-es.js';
 import '../clamp-es.js';
 import '../Text-es.js';
 import '../ComboboxChipRemove-es.js';
-import '../useLabel-es.js';
+import '../useLabelableId-es.js';
 import '../useCompositeListItem-es.js';
 import '../floating-ui.react-dom-es.js';
+import '../resolveAriaLabelledBy-es.js';
+import '../useLabel-es.js';
 import '../ActivityIndicator-es.js';
 import '../NumberFieldInput-es.js';
+import '../SelectGroupLabel-es.js';
+import '../ToolbarRootContext-es.js';

package/dist/primitives/mergeClassName.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Shared utility for styled BaseUI primitive wrappers.
+ *
+ * Merges an Atlantis base class with a consumer-supplied className that may be
+ * either a plain string or a BaseUI state-based function
+ * (e.g. `className={(state) => state.open ? "open" : ""}`).
+ *
+ * All styled primitives should import from here rather than defining their own
+ * copy, so the type is consistent across the package.
+ */
+export type PrimitiveClassName<State = void> = string | ((state: State) => string | undefined) | undefined;
+export declare function mergeClassName<State>(baseClassName: string, className: PrimitiveClassName<State>): PrimitiveClassName<State>;

package/dist/resolveAriaLabelledBy-cjs.js

@@ -0,0 +1,195 @@
+'use strict';
+
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const defaultItemEquality = (itemValue, selectedValue) => Object.is(itemValue, selectedValue);
+function compareItemEquality(itemValue, selectedValue, comparer) {
+  if (itemValue == null || selectedValue == null) {
+    return Object.is(itemValue, selectedValue);
+  }
+  return comparer(itemValue, selectedValue);
+}
+function selectedValueIncludes(selectedValues, itemValue, comparer) {
+  if (!selectedValues || selectedValues.length === 0) {
+    return false;
+  }
+  return selectedValues.some(selectedValue => {
+    if (selectedValue === undefined) {
+      return false;
+    }
+    return compareItemEquality(itemValue, selectedValue, comparer);
+  });
+}
+function findItemIndex(itemValues, selectedValue, comparer) {
+  if (!itemValues || itemValues.length === 0) {
+    return -1;
+  }
+  return itemValues.findIndex(itemValue => {
+    if (itemValue === undefined) {
+      return false;
+    }
+    return compareItemEquality(itemValue, selectedValue, comparer);
+  });
+}
+function removeItem(selectedValues, itemValue, comparer) {
+  return selectedValues.filter(selectedValue => !compareItemEquality(itemValue, selectedValue, comparer));
+}
+
+function serializeValue(value) {
+  if (value == null) {
+    return '';
+  }
+  if (typeof value === 'string') {
+    return value;
+  }
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+
+function isGroupedItems(items) {
+  return items != null && items.length > 0 && typeof items[0] === 'object' && items[0] != null && 'items' in items[0];
+}
+
+/**
+ * Checks if the items array contains an item with a null value that has a non-null label.
+ */
+function hasNullItemLabel(items) {
+  if (!Array.isArray(items)) {
+    return items != null && 'null' in items;
+  }
+  const arrayItems = items;
+  if (isGroupedItems(arrayItems)) {
+    for (const group of arrayItems) {
+      for (const item of group.items) {
+        if (item && item.value == null && item.label != null) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+  for (const item of arrayItems) {
+    if (item && item.value == null && item.label != null) {
+      return true;
+    }
+  }
+  return false;
+}
+function stringifyAsLabel(item, itemToStringLabel) {
+  if (itemToStringLabel && item != null) {
+    return itemToStringLabel(item) ?? '';
+  }
+  if (item && typeof item === 'object') {
+    if ('label' in item && item.label != null) {
+      return String(item.label);
+    }
+    if ('value' in item) {
+      return String(item.value);
+    }
+  }
+  return serializeValue(item);
+}
+function stringifyAsValue(item, itemToStringValue) {
+  if (itemToStringValue && item != null) {
+    return itemToStringValue(item) ?? '';
+  }
+  if (item && typeof item === 'object' && 'value' in item && 'label' in item) {
+    return serializeValue(item.value);
+  }
+  return serializeValue(item);
+}
+function resolveSelectedLabel(value, items, itemToStringLabel) {
+  function fallback() {
+    return stringifyAsLabel(value, itemToStringLabel);
+  }
+  if (itemToStringLabel && value != null) {
+    return itemToStringLabel(value);
+  }
+
+  // Custom object with explicit label takes precedence
+  if (value && typeof value === 'object' && 'label' in value && value.label != null) {
+    return value.label;
+  }
+
+  // Items provided as plain record map
+  if (items && !Array.isArray(items)) {
+    return items[value] ?? fallback();
+  }
+
+  // Items provided as array (flat or grouped)
+  if (Array.isArray(items)) {
+    const arrayItems = items;
+    const flatItems = isGroupedItems(arrayItems) ? arrayItems.flatMap(group => group.items) : arrayItems;
+    if (value == null || typeof value !== 'object') {
+      const match = flatItems.find(item => item.value === value);
+      if (match && match.label != null) {
+        return match.label;
+      }
+      return fallback();
+    }
+
+    // Object without explicit label: try matching by its `value` property
+    if ('value' in value) {
+      const match = flatItems.find(item => item && item.value === value.value);
+      if (match && match.label != null) {
+        return match.label;
+      }
+    }
+  }
+  return fallback();
+}
+function resolveMultipleLabels(values, items, itemToStringLabel) {
+  return values.reduce((acc, value, index) => {
+    if (index > 0) {
+      acc.push(', ');
+    }
+    acc.push(/*#__PURE__*/jsxRuntime.jsx(React__namespace.Fragment, {
+      children: resolveSelectedLabel(value, items, itemToStringLabel)
+    }, index));
+    return acc;
+  }, []);
+}
+
+function getDefaultLabelId(id) {
+  return id == null ? undefined : `${id}-label`;
+}
+function resolveAriaLabelledBy(fieldLabelId, localLabelId) {
+  return fieldLabelId ?? localLabelId;
+}
+
+exports.compareItemEquality = compareItemEquality;
+exports.defaultItemEquality = defaultItemEquality;
+exports.findItemIndex = findItemIndex;
+exports.getDefaultLabelId = getDefaultLabelId;
+exports.hasNullItemLabel = hasNullItemLabel;
+exports.isGroupedItems = isGroupedItems;
+exports.removeItem = removeItem;
+exports.resolveAriaLabelledBy = resolveAriaLabelledBy;
+exports.resolveMultipleLabels = resolveMultipleLabels;
+exports.resolveSelectedLabel = resolveSelectedLabel;
+exports.selectedValueIncludes = selectedValueIncludes;
+exports.stringifyAsLabel = stringifyAsLabel;
+exports.stringifyAsValue = stringifyAsValue;

package/dist/resolveAriaLabelledBy-es.js

@@ -0,0 +1,162 @@
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const defaultItemEquality = (itemValue, selectedValue) => Object.is(itemValue, selectedValue);
+function compareItemEquality(itemValue, selectedValue, comparer) {
+  if (itemValue == null || selectedValue == null) {
+    return Object.is(itemValue, selectedValue);
+  }
+  return comparer(itemValue, selectedValue);
+}
+function selectedValueIncludes(selectedValues, itemValue, comparer) {
+  if (!selectedValues || selectedValues.length === 0) {
+    return false;
+  }
+  return selectedValues.some(selectedValue => {
+    if (selectedValue === undefined) {
+      return false;
+    }
+    return compareItemEquality(itemValue, selectedValue, comparer);
+  });
+}
+function findItemIndex(itemValues, selectedValue, comparer) {
+  if (!itemValues || itemValues.length === 0) {
+    return -1;
+  }
+  return itemValues.findIndex(itemValue => {
+    if (itemValue === undefined) {
+      return false;
+    }
+    return compareItemEquality(itemValue, selectedValue, comparer);
+  });
+}
+function removeItem(selectedValues, itemValue, comparer) {
+  return selectedValues.filter(selectedValue => !compareItemEquality(itemValue, selectedValue, comparer));
+}
+
+function serializeValue(value) {
+  if (value == null) {
+    return '';
+  }
+  if (typeof value === 'string') {
+    return value;
+  }
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+
+function isGroupedItems(items) {
+  return items != null && items.length > 0 && typeof items[0] === 'object' && items[0] != null && 'items' in items[0];
+}
+
+/**
+ * Checks if the items array contains an item with a null value that has a non-null label.
+ */
+function hasNullItemLabel(items) {
+  if (!Array.isArray(items)) {
+    return items != null && 'null' in items;
+  }
+  const arrayItems = items;
+  if (isGroupedItems(arrayItems)) {
+    for (const group of arrayItems) {
+      for (const item of group.items) {
+        if (item && item.value == null && item.label != null) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+  for (const item of arrayItems) {
+    if (item && item.value == null && item.label != null) {
+      return true;
+    }
+  }
+  return false;
+}
+function stringifyAsLabel(item, itemToStringLabel) {
+  if (itemToStringLabel && item != null) {
+    return itemToStringLabel(item) ?? '';
+  }
+  if (item && typeof item === 'object') {
+    if ('label' in item && item.label != null) {
+      return String(item.label);
+    }
+    if ('value' in item) {
+      return String(item.value);
+    }
+  }
+  return serializeValue(item);
+}
+function stringifyAsValue(item, itemToStringValue) {
+  if (itemToStringValue && item != null) {
+    return itemToStringValue(item) ?? '';
+  }
+  if (item && typeof item === 'object' && 'value' in item && 'label' in item) {
+    return serializeValue(item.value);
+  }
+  return serializeValue(item);
+}
+function resolveSelectedLabel(value, items, itemToStringLabel) {
+  function fallback() {
+    return stringifyAsLabel(value, itemToStringLabel);
+  }
+  if (itemToStringLabel && value != null) {
+    return itemToStringLabel(value);
+  }
+
+  // Custom object with explicit label takes precedence
+  if (value && typeof value === 'object' && 'label' in value && value.label != null) {
+    return value.label;
+  }
+
+  // Items provided as plain record map
+  if (items && !Array.isArray(items)) {
+    return items[value] ?? fallback();
+  }
+
+  // Items provided as array (flat or grouped)
+  if (Array.isArray(items)) {
+    const arrayItems = items;
+    const flatItems = isGroupedItems(arrayItems) ? arrayItems.flatMap(group => group.items) : arrayItems;
+    if (value == null || typeof value !== 'object') {
+      const match = flatItems.find(item => item.value === value);
+      if (match && match.label != null) {
+        return match.label;
+      }
+      return fallback();
+    }
+
+    // Object without explicit label: try matching by its `value` property
+    if ('value' in value) {
+      const match = flatItems.find(item => item && item.value === value.value);
+      if (match && match.label != null) {
+        return match.label;
+      }
+    }
+  }
+  return fallback();
+}
+function resolveMultipleLabels(values, items, itemToStringLabel) {
+  return values.reduce((acc, value, index) => {
+    if (index > 0) {
+      acc.push(', ');
+    }
+    acc.push(/*#__PURE__*/jsx(React.Fragment, {
+      children: resolveSelectedLabel(value, items, itemToStringLabel)
+    }, index));
+    return acc;
+  }, []);
+}
+
+function getDefaultLabelId(id) {
+  return id == null ? undefined : `${id}-label`;
+}
+function resolveAriaLabelledBy(fieldLabelId, localLabelId) {
+  return fieldLabelId ?? localLabelId;
+}
+
+export { resolveMultipleLabels as a, resolveSelectedLabel as b, compareItemEquality as c, defaultItemEquality as d, selectedValueIncludes as e, findItemIndex as f, removeItem as g, hasNullItemLabel as h, stringifyAsLabel as i, isGroupedItems as j, getDefaultLabelId as k, resolveAriaLabelledBy as r, stringifyAsValue as s };