@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-RXSGHPCR.js

@@ -1,304 +0,0 @@
-import {
-  useMenuItemState
-} from "./chunk-3L5OZCGA.js";
-import {
-  navItemButtonStyles,
-  pulseGlow
-} from "./chunk-FYLCSCMR.js";
-
-// src/components/navigation/NavigationMenu/NavigationMenuItem.tsx
-import ChevronRight from "@mui/icons-material/ChevronRight";
-import ExpandMore from "@mui/icons-material/ExpandMore";
-import Box from "@mui/material/Box/index.js";
-import Collapse from "@mui/material/Collapse/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import Grow from "@mui/material/Grow/index.js";
-import List from "@mui/material/List/index.js";
-import ListItem from "@mui/material/ListItem/index.js";
-import ListItemButton from "@mui/material/ListItemButton/index.js";
-import ListItemIcon from "@mui/material/ListItemIcon/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import Popover from "@mui/material/Popover/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledListItem = styled(ListItem, {
-  shouldForwardProp: (prop) => !["variant", "active", "size", "level"].includes(prop)
-})(
-  ({ theme, variant, level = 0 }) => ({
-    padding: 0,
-    ...variant === "horizontal" && {
-      width: "auto"
-    },
-    ...level > 0 && {
-      paddingLeft: theme.spacing(2 * level)
-    }
-  })
-);
-var StyledListItemButton = styled(ListItemButton, {
-  shouldForwardProp: (prop) => !["variant", "active", "size", "collapsed", "minimal"].includes(prop)
-})(
-  ({ theme, variant, active, size, collapsed, minimal }) => ({
-    ...navItemButtonStyles({ theme, variant, active, size, collapsed, minimal })
-  })
-);
-var MenuItemPopover = ({ anchorEl, item, size, minimal, onClose, onMouseEnter, onMouseLeave, onItemClick }) => /* @__PURE__ */ jsx(
-  Popover,
-  {
-    open: Boolean(anchorEl),
-    anchorEl,
-    onClose,
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "left"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "left"
-    },
-    disableRestoreFocus: true,
-    sx: {
-      pointerEvents: "none"
-    },
-    slotProps: {
-      paper: {
-        onMouseEnter,
-        onMouseLeave,
-        sx: {
-          pointerEvents: "auto",
-          mt: 0.5,
-          borderRadius: 2,
-          boxShadow: (theme) => `0 12px 40px ${alpha(theme.palette.common.black, 0.15)}`,
-          border: (theme) => `1px solid ${alpha(theme.palette.divider, 0.1)}`,
-          background: (theme) => `linear-gradient(145deg, ${theme.palette.background.paper} 0%, ${alpha(theme.palette.background.default, 0.95)} 100%)`,
-          backdropFilter: "blur(10px)",
-          minWidth: 200
-        }
-      }
-    },
-    children: /* @__PURE__ */ jsx(List, { sx: { p: 1 }, children: item.children?.map((child) => {
-      const childHasChildren = child.children && child.children.length > 0;
-      if (childHasChildren) {
-        return renderMenuItem(child, "vertical", size, false, minimal, 0, onItemClick);
-      }
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          onClick: onClose,
-          children: renderMenuItem(child, "vertical", size, false, minimal, 0, onItemClick)
-        },
-        child.id
-      );
-    }) })
-  }
-);
-var MenuItemLabel = ({ item, collapsed, open, hasChildren, size, variant }) => /* @__PURE__ */ jsx(Fade, { in: !collapsed, timeout: 400, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", width: "100%", gap: 1 }, children: [
-  /* @__PURE__ */ jsx(
-    ListItemText,
-    {
-      primary: item.label,
-      secondary: item.description,
-      sx: {
-        flex: 1,
-        minWidth: 0
-        // Allows text truncation if needed
-      },
-      slotProps: {
-        primary: {
-          variant: size === "sm" ? "body2" : size === "lg" ? "h6" : "body1",
-          sx: {
-            fontWeight: item.active ? 600 : 400,
-            transition: "all 0.3s ease"
-          }
-        },
-        secondary: {
-          sx: {
-            opacity: 0.7,
-            transition: "all 0.3s ease"
-          }
-        }
-      }
-    }
-  ),
-  item.badge && /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "span",
-      sx: {
-        flexShrink: 0,
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        minWidth: 20,
-        height: 20,
-        px: 0.75,
-        borderRadius: "10px",
-        fontSize: "0.75rem",
-        fontWeight: 600,
-        color: "#fff",
-        background: "linear-gradient(135deg, #ff5252 0%, #ff1744 100%)",
-        boxShadow: "0 2px 8px rgba(255, 23, 68, 0.4)",
-        animation: typeof item.badge === "number" && item.badge > 0 ? `${pulseGlow} 2s infinite` : "none"
-      },
-      children: item.badge
-    }
-  ),
-  hasChildren && /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        flexShrink: 0,
-        // Prevents expand icon from shrinking
-        transition: "transform 0.3s ease",
-        transform: open ? "rotate(180deg)" : "rotate(0deg)"
-      },
-      children: variant === "horizontal" ? /* @__PURE__ */ jsx(ChevronRight, { fontSize: "small" }) : /* @__PURE__ */ jsx(ExpandMore, {})
-    }
-  )
-] }) });
-var MenuItemContent = ({
-  item,
-  variant,
-  size,
-  active: _active,
-  collapsed,
-  minimal,
-  level,
-  open,
-  hasChildren,
-  onClick,
-  onMouseEnter,
-  onMouseLeave
-}) => /* @__PURE__ */ jsx(StyledListItem, { variant, active: item.active, size, level, children: /* @__PURE__ */ jsxs(
-  StyledListItemButton,
-  {
-    variant,
-    active: item.active,
-    size,
-    collapsed,
-    minimal,
-    disabled: item.disabled,
-    onClick,
-    onMouseEnter,
-    onMouseLeave,
-    ...item.href && !hasChildren ? {
-      component: "a",
-      href: item.href,
-      target: item.target
-    } : {},
-    children: [
-      item.icon && /* @__PURE__ */ jsx(
-        ListItemIcon,
-        {
-          sx: {
-            minWidth: collapsed ? 0 : 40,
-            justifyContent: "center",
-            transition: "all 0.3s ease",
-            "& svg": {
-              filter: item.active ? "drop-shadow(0 2px 8px rgba(0,0,0,0.15))" : "none",
-              transition: "all 0.3s ease"
-            }
-          },
-          children: /* @__PURE__ */ jsx(Grow, { in: true, timeout: 600, children: /* @__PURE__ */ jsx(Box, { children: item.icon }) })
-        }
-      ),
-      !collapsed && /* @__PURE__ */ jsx(
-        MenuItemLabel,
-        {
-          item,
-          collapsed,
-          minimal,
-          open,
-          hasChildren,
-          size,
-          variant
-        }
-      )
-    ]
-  }
-) }, item.id);
-var MenuItemRenderer = ({
-  item,
-  variant,
-  size,
-  collapsed,
-  minimal,
-  level,
-  onItemClick
-}) => {
-  const {
-    open,
-    anchorEl,
-    hasChildren,
-    handleClick,
-    handleMouseEnter,
-    handleMouseLeave,
-    handlePopoverMouseEnter,
-    handlePopoverMouseLeave,
-    closePopover
-  } = useMenuItemState({ item, variant, onItemClick });
-  const itemContent = /* @__PURE__ */ jsx(
-    MenuItemContent,
-    {
-      item,
-      variant,
-      size,
-      active: item.active,
-      collapsed,
-      minimal,
-      level,
-      open,
-      hasChildren,
-      onClick: handleClick,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
-    }
-  );
-  if (hasChildren && variant === "horizontal") {
-    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      itemContent,
-      /* @__PURE__ */ jsx(
-        MenuItemPopover,
-        {
-          anchorEl,
-          item,
-          size,
-          minimal,
-          onClose: closePopover,
-          onMouseEnter: handlePopoverMouseEnter,
-          onMouseLeave: handlePopoverMouseLeave,
-          onItemClick
-        }
-      )
-    ] }, item.id);
-  }
-  if (hasChildren && variant !== "horizontal") {
-    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      itemContent,
-      !collapsed && /* @__PURE__ */ jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsx(List, { component: "div", disablePadding: true, children: item.children?.map(
-        (child) => renderMenuItem(child, variant, size, collapsed, minimal, level + 1, onItemClick)
-      ) }) })
-    ] }, item.id);
-  }
-  return itemContent;
-};
-var renderMenuItem = (item, variant = "vertical", size = "md", collapsed = false, minimal = false, level = 0, onItemClick) => /* @__PURE__ */ jsx(
-  MenuItemRenderer,
-  {
-    item,
-    variant,
-    size,
-    collapsed,
-    minimal,
-    level,
-    onItemClick
-  },
-  item.id
-);
-
-export {
-  renderMenuItem
-};
-//# sourceMappingURL=chunk-RXSGHPCR.js.map

package/dist/chunk-S7HRED4D.js

@@ -1,49 +0,0 @@
-import {
-  Chart
-} from "./chunk-EMNGIYH6.js";
-import {
-  CHART_SEMANTIC_COLORS,
-  specToChartProps
-} from "./chunk-GOWBYHYW.js";
-import {
-  accentFor
-} from "./chunk-V5IOLAIS.js";
-
-// src/components/data-display/Chart/SpecChart.tsx
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var SpecChart = ({
-  spec,
-  data,
-  size,
-  fillHeight,
-  loading,
-  className,
-  onClick,
-  "data-testid": dataTestId = "spec-chart"
-}) => {
-  const theme = useTheme();
-  const chartProps = React.useMemo(() => {
-    const scheme = spec.colorScheme && spec.colorScheme.length > 0 ? spec.colorScheme : CHART_SEMANTIC_COLORS;
-    const resolveColor = (token, index) => accentFor(theme, token ?? scheme[index % scheme.length] ?? "primary").main;
-    return specToChartProps(spec, data, { resolveColor });
-  }, [spec, data, theme]);
-  return /* @__PURE__ */ jsx(
-    Chart,
-    {
-      ...chartProps,
-      size,
-      fillHeight,
-      loading,
-      className,
-      onClick,
-      "data-testid": dataTestId
-    }
-  );
-};
-
-export {
-  SpecChart
-};
-//# sourceMappingURL=chunk-S7HRED4D.js.map

package/dist/chunk-SEH7KOVG.js

@@ -1,70 +0,0 @@
-import {
-  AddressTextField
-} from "./chunk-URWGRPL7.js";
-
-// src/components/form/AddressAutocomplete/AddressInputField.tsx
-import CurrentLocationIcon from "@mui/icons-material/MyLocation";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import InputAdornment from "@mui/material/InputAdornment/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var CurrentLocationButton = ({ disabled, onClick, currentLocationLabel }) => /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
-  IconButton,
-  {
-    edge: "end",
-    onClick,
-    size: "small",
-    title: currentLocationLabel,
-    disabled,
-    "data-testid": "address-current-location-button",
-    children: /* @__PURE__ */ jsx(CurrentLocationIcon, {})
-  }
-) });
-var AddressInputField = ({
-  copy,
-  params,
-  addressVariant,
-  label,
-  placeholder,
-  icon,
-  error,
-  helperText,
-  required,
-  disabled,
-  loading,
-  showCurrentLocation,
-  onGetCurrentLocation
-}) => /* @__PURE__ */ jsx(
-  AddressTextField,
-  {
-    ...params,
-    addressVariant,
-    label,
-    placeholder,
-    error,
-    helperText,
-    required,
-    InputProps: {
-      ...params.InputProps,
-      startAdornment: icon && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: icon }),
-      endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-        loading && /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20, "data-testid": "address-loading" }),
-        showCurrentLocation && /* @__PURE__ */ jsx(
-          CurrentLocationButton,
-          {
-            disabled,
-            onClick: onGetCurrentLocation,
-            currentLocationLabel: copy.useCurrentLocation
-          }
-        ),
-        params.InputProps.endAdornment
-      ] })
-    },
-    inputProps: { ...params.inputProps, "data-testid": "address-input" }
-  }
-);
-
-export {
-  AddressInputField
-};
-//# sourceMappingURL=chunk-SEH7KOVG.js.map

package/dist/chunk-SG6VULKS.js

@@ -1,175 +0,0 @@
-import {
-  useColumnsWithActions,
-  useRenderedColumns
-} from "./chunk-L65LF6LN.js";
-import {
-  filterRows
-} from "./chunk-YGQX7BNI.js";
-import {
-  resolveScope,
-  useScopeConfigChecks
-} from "./chunk-LYKV3C7B.js";
-import {
-  computeActiveFilterCount,
-  defaultSortFields
-} from "./chunk-YLDS5FOQ.js";
-import {
-  serverDerived,
-  useServerQuery
-} from "./chunk-IMLIIW77.js";
-import {
-  useSelection
-} from "./chunk-LLZWB32X.js";
-import {
-  emptyViewState
-} from "./chunk-LHHAYZ55.js";
-import {
-  useStateWriters
-} from "./chunk-U5FOJBLG.js";
-
-// src/components/data-display/DataViews/use-data-views-state.ts
-import { useEffect, useMemo, useRef, useState } from "react";
-function useMatchedRows(server, rows, columns, fields, rangeFields, state) {
-  return useMemo(
-    () => server ? rows : filterRows(
-      rows,
-      columns,
-      fields,
-      { search: state.search, pills: state.pills, ranges: state.ranges },
-      rangeFields
-    ),
-    [server, rows, columns, fields, rangeFields, state.search, state.pills, state.ranges]
-  );
-}
-function useStateSyncEffects(appliedState, syncState, state, onStateChange, setState) {
-  const firstApplied = useRef(true);
-  useEffect(() => {
-    if (firstApplied.current) {
-      firstApplied.current = false;
-      return;
-    }
-    if (appliedState) setState(appliedState);
-  }, [appliedState, setState]);
-  const firstSync = useRef(true);
-  useEffect(() => {
-    if (firstSync.current) {
-      firstSync.current = false;
-      return;
-    }
-    if (syncState) setState((prev) => ({ ...prev, ...syncState }));
-  }, [syncState, setState]);
-  useEffect(() => {
-    onStateChange?.(state);
-  }, [state, onStateChange]);
-}
-function seedState(appliedState, syncState, allColumnIds) {
-  const seed = appliedState ?? emptyViewState(allColumnIds);
-  return syncState ? { ...seed, ...syncState } : seed;
-}
-function makeSetScope(patch, clearSelection) {
-  return (id) => {
-    patch({ scope: id });
-    clearSelection();
-  };
-}
-function orderedColumnIds(allColumnIds, order) {
-  if (!order || order.length === 0) return allColumnIds;
-  const declared = new Set(allColumnIds);
-  const kept = order.filter((id) => declared.has(id));
-  const seen = new Set(kept);
-  return [...kept, ...allColumnIds.filter((id) => !seen.has(id))];
-}
-function liveQuery(state, scope, server, matchedCount) {
-  return {
-    search: state.search,
-    pills: state.pills,
-    ranges: state.ranges ?? {},
-    sortBy: state.sortBy,
-    // Absent, not undefined, when the table declares no scopes.
-    ...scope !== void 0 ? { scope } : {},
-    page: server?.page ?? 1,
-    // Client mode has one page, and it is everything that matched.
-    pageSize: server?.pageSize ?? matchedCount
-  };
-}
-function activeSortOf(state, resolvedSortFields) {
-  const active = state.sortBy?.[0];
-  return {
-    activeSortField: active?.id ?? resolvedSortFields[0]?.value ?? "",
-    activeSortOrder: active?.dir === "desc" ? "desc" : "asc"
-  };
-}
-function useDataViewsState({
-  rows,
-  columns,
-  fields,
-  rangeFields,
-  getRowId,
-  onRowClick,
-  appliedState,
-  syncState,
-  onStateChange,
-  testIdPrefix,
-  sortFields,
-  rowActions,
-  rowActionsLeading,
-  renderRowMenu,
-  server,
-  scopes = [],
-  scopeFieldId
-}) {
-  useScopeConfigChecks(scopes, fields.map((field) => field.id), scopeFieldId, server !== void 0);
-  const { columnsWithActions, allColumnIds } = useColumnsWithActions(columns, {
-    rowActions,
-    rowActionsLeading,
-    renderRowMenu,
-    testIdPrefix,
-    getRowId
-  });
-  const [state, setState] = useState(
-    () => seedState(appliedState, syncState, allColumnIds)
-  );
-  const [filterOpen, setFilterOpen] = useState(false);
-  useStateSyncEffects(appliedState, syncState, state, onStateChange, setState);
-  const { patch, toggleColumn } = useStateWriters(setState);
-  const matched = useMatchedRows(server, rows, columns, fields, rangeFields, state);
-  const scope = resolveScope(scopes, state.scope);
-  const { changePage } = useServerQuery(server, state, scope);
-  const { gridColumns, hideableColumns } = useRenderedColumns(
-    columnsWithActions,
-    state.visibleColumns,
-    onRowClick,
-    state.order
-  );
-  const selection = useSelection(matched, getRowId, { rememberOffPage: Boolean(server) });
-  const resolvedSortFields = sortFields ?? defaultSortFields(columns);
-  return {
-    state,
-    ranges: state.ranges ?? {},
-    patch,
-    matched,
-    gridColumns,
-    hideableColumns,
-    columnOrder: orderedColumnIds(allColumnIds, state.order),
-    toggleColumn,
-    ...selection,
-    filterOpen,
-    setFilterOpen,
-    resolvedSortFields,
-    ...activeSortOf(state, resolvedSortFields),
-    activeFilterCount: computeActiveFilterCount(state, fields, rangeFields),
-    ...serverDerived(server, matched.length),
-    changePage,
-    scope,
-    setScope: makeSetScope(patch, selection.clearSelection),
-    currentQuery: liveQuery(state, scope, server, matched.length),
-    // Verbatim, or absent. See DataViewServer.scopeCounts for why there is no
-    // client-side fallback.
-    scopeCounts: server?.scopeCounts
-  };
-}
-
-export {
-  useDataViewsState
-};
-//# sourceMappingURL=chunk-SG6VULKS.js.map

package/dist/chunk-SL4NFGOL.js

@@ -1,114 +0,0 @@
-import {
-  resolveButtonProps
-} from "./chunk-TAMIZE4Q.js";
-import {
-  buttonEmphasisStyles,
-  buttonSize,
-  buttonVariantStyles,
-  getColorFromTheme,
-  iconAlignmentStyles
-} from "./chunk-JT6TERQL.js";
-import {
-  childTestId,
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-QLWBQQW7.js";
-
-// src/components/form/Button/Button.tsx
-import MuiButton from "@mui/material/Button/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledButton = styled(MuiButton, {
-  shouldForwardProp: (prop) => ["glow", "pulse", "loading", "customVariant", "customColor", "ripple"].indexOf(
-    prop
-  ) === -1
-})(({ theme, customVariant, customColor = "primary", glow, pulse }) => {
-  const colorPalette = getColorFromTheme(theme, customColor);
-  return {
-    textTransform: "none",
-    fontWeight: 500,
-    borderRadius: theme.spacing(1),
-    transition: "all 0.3s ease",
-    position: "relative",
-    overflow: "hidden",
-    ...iconAlignmentStyles(theme),
-    ...buttonVariantStyles(theme, customVariant, colorPalette, customColor),
-    ...buttonEmphasisStyles(colorPalette, glow, pulse)
-  };
-});
-var muiVariantFor = (variant) => {
-  if (variant === "outline") return "outlined";
-  return variant === "text" ? "text" : "contained";
-};
-var muiColorFor = (color) => {
-  if (color === "danger") return "error";
-  return color === "neutral" ? "inherit" : color;
-};
-function isIconOnly({
-  loading,
-  icon,
-  children
-}) {
-  return !loading && icon != null && children == null;
-}
-var Button = React.forwardRef(
-  (rawProps, ref) => {
-    const {
-      variant,
-      color,
-      size,
-      loading,
-      icon,
-      iconPosition,
-      glow,
-      pulse,
-      ripple,
-      active,
-      children,
-      disabled,
-      onClick,
-      onFocus,
-      onBlur,
-      ...others
-    } = resolveButtonProps(rawProps);
-    const ownTestId = resolveTestId(others, "button");
-    const testId = (suffix) => childTestId(others, suffix, "button");
-    const props = withoutTestIdProps(others);
-    const iconWithTestId = !loading && icon ? /* @__PURE__ */ jsx("span", { "data-testid": testId("icon"), children: icon }) : void 0;
-    const iconOnly = isIconOnly({ loading, icon, children });
-    const mergedClassName = [active ? "active" : "", props.className].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ jsx(
-      StyledButton,
-      {
-        ref,
-        variant: muiVariantFor(variant),
-        color: muiColorFor(color),
-        customVariant: variant,
-        customColor: color,
-        glow,
-        pulse,
-        ripple,
-        disabled: disabled || loading,
-        disableRipple: !ripple,
-        startIcon: iconPosition === "left" ? iconWithTestId : void 0,
-        endIcon: iconPosition === "right" ? iconWithTestId : void 0,
-        onClick,
-        onFocus,
-        onBlur,
-        sx: buttonSize(size, iconOnly),
-        "data-testid": ownTestId,
-        ...props,
-        className: mergedClassName,
-        children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 16, color: "inherit", "data-testid": testId("loading") }) : children
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-export {
-  Button
-};
-//# sourceMappingURL=chunk-SL4NFGOL.js.map