@12-apps/ui 6.54.1 → 6.56.0

package/dist/chunk-44LYXLW7.js

@@ -1,294 +0,0 @@
-import {
-  NumberBoundInput
-} from "./chunk-CMVEXPUV.js";
-import {
-  isRangeInverted,
-  isRangeSet,
-  numericRange,
-  rangeChipLabel
-} from "./chunk-GCZJH4XL.js";
-import {
-  RangePresets
-} from "./chunk-7D7CJRL7.js";
-import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  TableFilter
-} from "./chunk-DDJXV6EB.js";
-import {
-  DayBoundInput
-} from "./chunk-JXTJI2YF.js";
-import {
-  fieldHeight
-} from "./chunk-2TZ6X265.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DataViews/data-views-range-pill.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import ChevronDownIcon from "@mui/icons-material/KeyboardArrowDown";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Popover from "@mui/material/Popover/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function BoundField({
-  field,
-  label,
-  value,
-  onChange,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  if (field.kind === "day") {
-    return /* @__PURE__ */ jsx(
-      DayBoundInput,
-      {
-        mask: copy.filters.dayMask,
-        label,
-        value: value == null ? void 0 : String(value),
-        onChange,
-        testId
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    NumberBoundInput,
-    {
-      label,
-      value,
-      unit: field.unit,
-      onChange,
-      testId
-    }
-  );
-}
-function RangeBounds({
-  field,
-  value,
-  onChange,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  const inverted = isRangeInverted(value);
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testId}-panel`, children: [
-    /* @__PURE__ */ jsx(Box, { sx: { "&:not(:empty)": { mb: 1.5 } }, children: /* @__PURE__ */ jsx(RangePresets, { presets: presetsFor(field, copy), value, onChange, testId }) }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
-      /* @__PURE__ */ jsx(
-        BoundField,
-        {
-          field,
-          label: copy.filters.rangeStart,
-          value: value.min,
-          onChange: (min) => onChange({ ...value, min }),
-          testId: `${testId}-min`
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        BoundField,
-        {
-          field,
-          label: copy.filters.rangeEnd,
-          value: value.max,
-          onChange: (max) => onChange({ ...value, max }),
-          testId: `${testId}-max`
-        }
-      )
-    ] }),
-    inverted && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        component: "p",
-        "data-testid": `${testId}-inverted`,
-        sx: { mt: 0.75, fontSize: sxRem(12), color: "error.main" },
-        children: copy.filters.rangeInvalid
-      }
-    ),
-    field.kind === "day" && !inverted && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        component: "p",
-        "data-testid": `${testId}-inclusive`,
-        sx: { mt: 0.75, fontSize: sxRem(12), color: "text.disabled" },
-        children: copy.filters.rangeInclusiveNote
-      }
-    )
-  ] });
-}
-function ClearAffordance({
-  label,
-  onClear,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  const clear = (event) => {
-    event.stopPropagation();
-    onClear();
-  };
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "span",
-      role: "button",
-      tabIndex: 0,
-      "aria-label": copy.filters.clearRange(label),
-      "data-testid": testId,
-      onClick: clear,
-      onKeyDown: (event) => {
-        if (event.key !== "Enter" && event.key !== " ") return;
-        event.preventDefault();
-        clear(event);
-      },
-      sx: { display: "inline-flex", borderRadius: 999, p: 0.125, "&:hover": { bgcolor: "action.selected" } },
-      children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: sxRem(14) } })
-    }
-  );
-}
-function RangeTrigger({
-  field,
-  value,
-  onChange,
-  onOpen,
-  open,
-  testId
-}) {
-  const active = isRangeSet(value);
-  const inverted = isRangeInverted(value);
-  const tone = inverted ? "error.main" : active ? "primary.main" : null;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outlined",
-      color: "inherit",
-      size: "small",
-      "data-testid": testId,
-      "aria-haspopup": "dialog",
-      "aria-expanded": open,
-      onClick: (event) => onOpen(event.currentTarget),
-      startIcon: active ? /* @__PURE__ */ jsx(ClearAffordance, { label: field.label, onClear: () => onChange({}), testId: `${testId}-clear-inline` }) : void 0,
-      endIcon: /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: sxRem(16) } }),
-      sx: {
-        borderRadius: fieldRadiusPx,
-        height: fieldHeight,
-        px: 1.5,
-        maxWidth: sxRem(280),
-        color: inverted ? "error.main" : "text.primary",
-        fontWeight: 600,
-        fontSize: sxRem(13),
-        textTransform: "none",
-        whiteSpace: "nowrap",
-        borderColor: (theme) => tone ?? fieldEdge(theme),
-        bgcolor: active ? "action.selected" : "background.paper",
-        "&:hover": {
-          borderColor: active ? tone : "text.primary",
-          bgcolor: active ? "action.selected" : "action.hover"
-        }
-      },
-      children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { overflow: "hidden", textOverflow: "ellipsis" }, children: active ? rangeChipLabel(field, value) : field.label })
-    }
-  );
-}
-function RangePill({
-  field,
-  value,
-  onChange,
-  onOpenChange,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const [anchor, setAnchor] = useState(null);
-  const active = isRangeSet(value);
-  const testId = `${testIdPrefix}-range-${field.id}`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      RangeTrigger,
-      {
-        field,
-        value,
-        onChange,
-        onOpen: (element) => {
-          setAnchor(element);
-          onOpenChange?.(true);
-        },
-        open: Boolean(anchor),
-        testId
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Popover,
-      {
-        open: Boolean(anchor),
-        anchorEl: anchor,
-        onClose: () => {
-          setAnchor(null);
-          onOpenChange?.(false);
-        },
-        anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        slotProps: { paper: { sx: { p: 2, mt: 0.5 } } },
-        children: [
-          /* @__PURE__ */ jsx(RangeBounds, { field, value, onChange, testId }),
-          active && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 2, mt: 1.5 }, children: [
-            /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: sxRem(12), color: "text.secondary" }, children: rangeChipLabel(field, value) }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "text",
-                size: "small",
-                onClick: () => onChange({}),
-                "data-testid": `${testId}-clear`,
-                sx: { textTransform: "none" },
-                children: copy.filters.clear
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function PanelRangeField({
-  field,
-  value,
-  onChange,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  if (field.kind === "day") {
-    return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
-      /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: sxRem(12), fontWeight: 500, color: "text.secondary" }, children: field.label }),
-      /* @__PURE__ */ jsx(RangeBounds, { field, value, onChange, testId })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
-    /* @__PURE__ */ jsx(
-      TableFilter.RangeField,
-      {
-        label: field.label,
-        unit: field.unit,
-        value: numericRange(value),
-        onChange: (range) => onChange(range),
-        testId
-      }
-    ),
-    /* @__PURE__ */ jsx(RangePresets, { presets: presetsFor(field, copy), value, onChange, testId })
-  ] });
-}
-
-export {
-  RangeBounds,
-  RangePill,
-  PanelRangeField
-};
-//# sourceMappingURL=chunk-44LYXLW7.js.map

package/dist/chunk-46MO2WZL.js

@@ -1,92 +0,0 @@
-import {
-  MIN_QUERY_LENGTH,
-  addressOptionLabel,
-  isSameAddressOption
-} from "./chunk-MTGEJRE4.js";
-import {
-  AddressSuggestionsPaper
-} from "./chunk-C5RQBTRZ.js";
-import {
-  AddressOption
-} from "./chunk-P5JCOFK3.js";
-import {
-  AddressInputField
-} from "./chunk-TIANJVF3.js";
-
-// src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx
-import Alert from "@mui/material/Alert/index.js";
-import Autocomplete from "@mui/material/Autocomplete/index.js";
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var AddressAutocompleteField = ({
-  copy,
-  variant,
-  label,
-  placeholder,
-  icon,
-  floating,
-  error,
-  helperText,
-  disabled,
-  required,
-  fullWidth,
-  getCurrentLocation,
-  inputValue,
-  options,
-  loading,
-  apiError,
-  handleInputChange,
-  handleSelect,
-  handleGetCurrentLocation
-}) => /* @__PURE__ */ jsxs(Box, { "data-testid": "address-autocomplete-container", children: [
-  /* @__PURE__ */ jsx(
-    Autocomplete,
-    {
-      freeSolo: true,
-      options,
-      inputValue,
-      onInputChange: handleInputChange,
-      onChange: handleSelect,
-      loading,
-      disabled,
-      fullWidth,
-      getOptionLabel: addressOptionLabel,
-      isOptionEqualToValue: isSameAddressOption,
-      PaperComponent: AddressSuggestionsPaper,
-      noOptionsText: inputValue.length <= MIN_QUERY_LENGTH ? "Type at least 3 characters" : "No addresses found",
-      renderOption: ({ key, ...optionProps }, option, state) => /* @__PURE__ */ jsx(
-        AddressOption,
-        {
-          optionProps,
-          option,
-          index: state.index
-        },
-        key
-      ),
-      renderInput: (params) => /* @__PURE__ */ jsx(
-        AddressInputField,
-        {
-          copy,
-          params,
-          addressVariant: variant,
-          label: floating ? void 0 : label,
-          placeholder,
-          icon,
-          error: error || !!apiError,
-          helperText: apiError || helperText,
-          required,
-          disabled,
-          loading,
-          showCurrentLocation: getCurrentLocation && !loading,
-          onGetCurrentLocation: handleGetCurrentLocation
-        }
-      )
-    }
-  ),
-  apiError && /* @__PURE__ */ jsx(Alert, { severity: "warning", sx: { mt: 1 }, children: apiError })
-] });
-
-export {
-  AddressAutocompleteField
-};
-//# sourceMappingURL=chunk-46MO2WZL.js.map

package/dist/chunk-4D4LLSQC.js

@@ -1,231 +0,0 @@
-import {
-  SonnerToast
-} from "./chunk-6P2OFMBX.js";
-import {
-  rem,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/feedback/Sonner/Sonner.tsx
-import Box from "@mui/material/Box/index.js";
-import Portal from "@mui/material/Portal/index.js";
-import React, { createContext, useCallback, useContext, useRef, useState, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SonnerContext = createContext(null);
-var DEFAULT_DURATION_MS = 4e3;
-var buildToastItem = (toast2, id, type) => ({
-  ...toast2,
-  id,
-  type: type || toast2.type || "default",
-  createdAt: Date.now(),
-  visible: true
-});
-var scheduleAutoDismiss = (toast2, id, dismiss) => {
-  if (toast2.persistent || toast2.duration === 0) return;
-  window.setTimeout(() => dismiss(id), toast2.duration ?? DEFAULT_DURATION_MS);
-};
-var EXIT_TRANSITION_MS = 300;
-var resolveMessage = (message, value) => typeof message === "function" ? message(value) : message;
-var trackPromiseWithToasts = async (promiseToResolve, options, toasts) => {
-  const toastId = toasts.loading(options.loading);
-  try {
-    const data = await promiseToResolve;
-    toasts.dismiss(toastId);
-    toasts.success(resolveMessage(options.success, data));
-    return data;
-  } catch (err) {
-    toasts.dismiss(toastId);
-    toasts.error(resolveMessage(options.error, err instanceof Error ? err : new Error(String(err))));
-    throw err;
-  }
-};
-var SonnerProvider = ({ children, dismissLabel }) => {
-  const [toasts, setToasts] = useState([]);
-  const toastCounter = useRef(0);
-  const dismiss = useCallback((id) => {
-    const matches = (toast3) => id === void 0 || toast3.id === id;
-    setToasts(
-      (prev) => prev.map((toast3) => matches(toast3) ? { ...toast3, visible: false } : toast3)
-    );
-    window.setTimeout(() => {
-      setToasts((prev) => prev.filter((toast3) => !matches(toast3)));
-    }, EXIT_TRANSITION_MS);
-  }, []);
-  const addToast = useCallback(
-    (toast3, type) => {
-      const id = `sonner-${++toastCounter.current}`;
-      setToasts((prev) => [...prev, buildToastItem(toast3, id, type)]);
-      scheduleAutoDismiss(toast3, id, dismiss);
-      return id;
-    },
-    [dismiss]
-  );
-  const makeShortcut = useCallback(
-    (type, extra) => (message, options) => addToast({ dismissLabel, ...options, ...extra, title: message }, type),
-    [addToast]
-  );
-  const toast2 = useMemo(() => makeShortcut("default"), [makeShortcut]);
-  const success = useMemo(() => makeShortcut("success"), [makeShortcut]);
-  const error = useMemo(() => makeShortcut("error"), [makeShortcut]);
-  const warning = useMemo(() => makeShortcut("warning"), [makeShortcut]);
-  const info = useMemo(() => makeShortcut("info"), [makeShortcut]);
-  const loading = useMemo(
-    () => makeShortcut("loading", { persistent: true }),
-    [makeShortcut]
-  );
-  const promise = useCallback(
-    (promiseToResolve, options) => trackPromiseWithToasts(promiseToResolve, options, { loading, success, error, dismiss }),
-    [loading, success, error, dismiss]
-  );
-  const contextValue = {
-    toast: toast2,
-    success,
-    error,
-    warning,
-    info,
-    loading,
-    dismiss,
-    promise
-  };
-  useRegisterGlobalToast(contextValue);
-  return /* @__PURE__ */ jsxs(SonnerContext.Provider, { value: contextValue, children: [
-    children,
-    /* @__PURE__ */ jsx(SonnerToaster, { toasts, onDismiss: dismiss })
-  ] });
-};
-var useSonner = () => {
-  const context = useContext(SonnerContext);
-  if (!context) {
-    throw new Error("useSonner must be used within a SonnerProvider");
-  }
-  return context;
-};
-var SonnerToaster = ({ toasts, onDismiss }) => {
-  const MAX_VISIBLE_TOASTS = 5;
-  const visibleToasts = toasts.slice(-MAX_VISIBLE_TOASTS);
-  const hiddenCount = Math.max(0, toasts.length - MAX_VISIBLE_TOASTS);
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        position: "fixed",
-        top: sxRem(16),
-        right: sxRem(16),
-        zIndex: 9999,
-        display: "flex",
-        flexDirection: "column",
-        pointerEvents: "none",
-        maxHeight: (theme) => `calc(100vh - ${rem(theme, 32)})`,
-        overflowY: "auto",
-        overflowX: "hidden"
-      },
-      children: [
-        hiddenCount > 0 && /* @__PURE__ */ jsxs(
-          Box,
-          {
-            sx: {
-              p: 1,
-              mb: 0.5,
-              textAlign: "center",
-              fontSize: sxRem(12),
-              color: "text.secondary",
-              pointerEvents: "none"
-            },
-            children: [
-              "+",
-              hiddenCount,
-              " more"
-            ]
-          }
-        ),
-        visibleToasts.map((toast2) => /* @__PURE__ */ jsx(Box, { sx: { pointerEvents: "auto" }, children: /* @__PURE__ */ jsx(SonnerToast, { ...toast2, onDismiss }) }, toast2.id))
-      ]
-    }
-  ) });
-};
-var globalToastContext = null;
-var useRegisterGlobalToast = (context) => {
-  React.useEffect(() => {
-    globalToastContext = context;
-    return () => {
-      globalToastContext = null;
-    };
-  }, [context]);
-};
-var createToastInstance = () => {
-  const warnNoProvider = () => {
-    if (typeof window !== "undefined" && window.console && window.console.warn) {
-      window.console.warn("Sonner: No SonnerProvider found. Please wrap your app with SonnerProvider.");
-    }
-  };
-  const methods = {
-    toast: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.toast(message, options);
-    },
-    success: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.success(message, options);
-    },
-    error: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.error(message, options);
-    },
-    warning: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.warning(message, options);
-    },
-    info: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.info(message, options);
-    },
-    loading: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.loading(message, options);
-    },
-    dismiss: (id) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return;
-      }
-      globalToastContext.dismiss(id);
-    },
-    promise: async (promiseToResolve, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        throw new Error("No SonnerProvider found");
-      }
-      return globalToastContext.promise(promiseToResolve, options);
-    }
-  };
-  return methods;
-};
-var toast = createToastInstance();
-var Toaster = ({ children, dismissLabel }) => /* @__PURE__ */ jsx(SonnerProvider, { dismissLabel, children });
-
-export {
-  SonnerProvider,
-  useSonner,
-  useRegisterGlobalToast,
-  toast,
-  Toaster
-};
-//# sourceMappingURL=chunk-4D4LLSQC.js.map