@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-WEH5TCPE.js

@@ -1,183 +0,0 @@
-import {
-  DateRangeQuickList
-} from "./chunk-ZRHSIFWA.js";
-import {
-  DateRangeFields
-} from "./chunk-MEWYA74E.js";
-import {
-  DEFAULT_QUICK_RANGES
-} from "./chunk-QKLSHNOH.js";
-import {
-  useDateRangePicker
-} from "./chunk-OD4Z5G6G.js";
-import {
-  toLocalDay
-} from "./chunk-FRAVVI4A.js";
-import {
-  Calendar
-} from "./chunk-BPYPUEM5.js";
-
-// src/components/form/DateRangePicker/DateRangePicker.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CALENDAR_CLASS = "date-range-picker__calendar";
-var NARROW_QUERY = "(max-width:899.95px)";
-var ROOT_SX = {
-  display: "inline-flex",
-  flexDirection: "column",
-  gap: 2,
-  p: 2,
-  maxWidth: "100%",
-  // `Calendar` renders its own `Paper` with 24px of padding. Nested in this one
-  // that reads as a box inside a box, so the inner frame is flattened here
-  // through the className hook the component exposes for exactly this.
-  [`& .${CALENDAR_CLASS}`]: {
-    p: 0,
-    boxShadow: "none",
-    backgroundColor: "transparent",
-    backgroundImage: "none"
-  }
-};
-var BODY_SX = {
-  display: "flex",
-  // The quick column sits BESIDE the calendar on a wide screen. Narrow, it
-  // moves ABOVE it — `column-reverse`, so the DOM order stays calendar-then-
-  // list (the calendar is the primary control and should be reached first by a
-  // screen reader and by Tab) while the eye meets the quick ranges first, which
-  // is the order the phone mock asks for and the order a thumb wants: nine
-  // one-tap answers before a grid of thirty.
-  //
-  // A side column at 390px would squeeze the day grid to roughly half its width
-  // and make the numbers unreadable. Checked at 390px.
-  flexDirection: { xs: "column-reverse", md: "row" },
-  alignItems: { xs: "stretch", md: "flex-start" },
-  gap: 2,
-  maxWidth: "100%"
-};
-var QUICK_DIVIDER_SX = {
-  borderColor: "divider",
-  borderStyle: "solid",
-  borderWidth: 0,
-  borderLeftWidth: { xs: 0, md: "1px" },
-  borderBottomWidth: { xs: "1px", md: 0 },
-  pl: { xs: 0, md: 2 },
-  pb: { xs: 2, md: 0 },
-  alignSelf: "stretch"
-};
-var FIELDS_DIVIDER_SX = {
-  borderTop: "1px solid",
-  borderColor: "divider",
-  pt: 2
-};
-function useMonthCount(requested) {
-  const narrow = useMediaQuery(NARROW_QUERY);
-  return narrow ? 1 : requested;
-}
-function RangeCalendar({
-  calendarLabel,
-  picker,
-  value,
-  locale,
-  weekStartsOn,
-  months,
-  maxRangeDays
-}) {
-  return /* @__PURE__ */ jsx(
-    Calendar,
-    {
-      ariaLabel: calendarLabel,
-      className: CALENDAR_CLASS,
-      selectionMode: "range",
-      locale,
-      firstDayOfWeek: weekStartsOn,
-      numberOfMonths: months,
-      range: { start: toLocalDay(value.from), end: toLocalDay(value.to) },
-      onIntermediateRangeChange: picker.pickOnCalendar,
-      onRangeChange: picker.pickOnCalendar,
-      maxRangeLength: maxRangeDays
-    },
-    picker.viewNonce
-  );
-}
-function QuickColumn({
-  picker,
-  maxRangeDays,
-  dataTestId
-}) {
-  if (picker.options.length === 0) return null;
-  return /* @__PURE__ */ jsx(Box, { sx: QUICK_DIVIDER_SX, children: /* @__PURE__ */ jsx(
-    DateRangeQuickList,
-    {
-      options: picker.options,
-      activeId: picker.activeId,
-      onPick: picker.pickQuick,
-      reasonFor: (option) => picker.copy.overMax({ maxRangeDays: maxRangeDays ?? option.days, days: option.days }),
-      label: picker.copy.quickRanges,
-      dataTestId
-    }
-  ) });
-}
-function DateRangePicker({
-  value,
-  onChange,
-  timeZone,
-  now,
-  maxRangeDays,
-  weekStartsOn = 0,
-  quickRanges = DEFAULT_QUICK_RANGES,
-  locale = "en-US",
-  numberOfMonths,
-  messages,
-  dataTestId = "date-range-picker",
-  className
-}) {
-  const picker = useDateRangePicker({
-    value,
-    onChange,
-    timeZone,
-    now,
-    maxRangeDays,
-    weekStartsOn,
-    quickRanges,
-    messages
-  });
-  const months = useMonthCount(numberOfMonths);
-  return /* @__PURE__ */ jsxs(Paper, { className, "data-testid": dataTestId, sx: ROOT_SX, children: [
-    /* @__PURE__ */ jsxs(Box, { sx: BODY_SX, children: [
-      /* @__PURE__ */ jsx(
-        RangeCalendar,
-        {
-          calendarLabel: picker.copy.calendarLabel,
-          picker,
-          value,
-          locale,
-          weekStartsOn,
-          months,
-          maxRangeDays
-        }
-      ),
-      /* @__PURE__ */ jsx(QuickColumn, { picker, maxRangeDays, dataTestId })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { sx: FIELDS_DIVIDER_SX, children: /* @__PURE__ */ jsx(
-      DateRangeFields,
-      {
-        value,
-        status: picker.status,
-        messages: picker.copy,
-        maxRangeDays,
-        onEdit: picker.editBound,
-        statusId: picker.statusId,
-        dataTestId
-      }
-    ) })
-  ] });
-}
-var DateRangePicker_default = DateRangePicker;
-
-export {
-  DateRangePicker,
-  DateRangePicker_default
-};
-//# sourceMappingURL=chunk-WEH5TCPE.js.map

package/dist/chunk-WPR2HS5B.js

@@ -1,33 +0,0 @@
-import {
-  CepField
-} from "./chunk-VOOPGAQO.js";
-import {
-  CategoryField
-} from "./chunk-GCJLMX63.js";
-import {
-  ToggleField
-} from "./chunk-LYMAMKJT.js";
-import {
-  TextField
-} from "./chunk-ZBOFBRZC.js";
-import {
-  SelectField
-} from "./chunk-37YPZHAG.js";
-import {
-  __export
-} from "./chunk-PZ5AY32C.js";
-
-// src/components/form/total-form/Fields/index.ts
-var Fields_exports = {};
-__export(Fields_exports, {
-  CategoryField: () => CategoryField,
-  CepField: () => CepField,
-  SelectField: () => SelectField,
-  TextField: () => TextField,
-  ToggleField: () => ToggleField
-});
-
-export {
-  Fields_exports
-};
-//# sourceMappingURL=chunk-WPR2HS5B.js.map

package/dist/chunk-WZUNBSS7.js

@@ -1,315 +0,0 @@
-import {
-  buildChartContext
-} from "./chunk-HKV4MQ2W.js";
-import {
-  ChartLegendContent,
-  ChartTooltipContent
-} from "./chunk-M5T3COS2.js";
-
-// src/components/data-display/Chart/chart-renderers.tsx
-import {
-  Area,
-  AreaChart,
-  Bar,
-  BarChart,
-  CartesianGrid,
-  Cell,
-  ComposedChart,
-  Legend,
-  Line,
-  LineChart,
-  Pie,
-  PieChart,
-  PolarAngleAxis,
-  PolarGrid,
-  PolarRadiusAxis,
-  Radar,
-  RadarChart,
-  Scatter,
-  ScatterChart,
-  Tooltip,
-  XAxis,
-  YAxis
-} from "recharts";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function chartExtras(ctx) {
-  const { props } = ctx;
-  const nodes = [];
-  if (props.showTooltip !== false) {
-    nodes.push(
-      /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, { valueFormatter: props.valueFormatter }) }, "tooltip")
-    );
-  }
-  if (props.showLegend !== false) {
-    nodes.push(/* @__PURE__ */ jsx(Legend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }, "legend"));
-  }
-  return nodes;
-}
-function chartGrid(ctx) {
-  return /* @__PURE__ */ jsx(CartesianGrid, { stroke: ctx.gridStroke, strokeOpacity: ctx.gridOpacity }, "grid");
-}
-function cartesianAxes(ctx) {
-  const { props, axisConfig } = ctx;
-  const nodes = [];
-  if (props.showCartesianGrid !== false) nodes.push(chartGrid(ctx));
-  nodes.push(
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        dataKey: props.xAxisKey ?? "name",
-        style: ctx.axisStyle,
-        label: props.xAxisLabel,
-        tickMargin: axisConfig.tickMargin,
-        ticks: axisConfig.categoryTicks,
-        tickFormatter: axisConfig.tickFormatter
-      },
-      "x"
-    ),
-    /* @__PURE__ */ jsx(
-      YAxis,
-      {
-        style: ctx.axisStyle,
-        label: props.yAxisLabel,
-        width: "auto",
-        tickMargin: axisConfig.tickMargin,
-        tickFormatter: props.valueFormatter,
-        allowDecimals: props.allowDecimalTicks !== false
-      },
-      "y"
-    )
-  );
-  return nodes;
-}
-function renderLine(ctx) {
-  return /* @__PURE__ */ jsxs(LineChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Line,
-      {
-        type: ctx.strokeType,
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        strokeWidth: s.strokeWidth ?? 2,
-        dot: s.dot !== false,
-        activeDot: s.activeDot !== false ? { r: 8 } : false,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function renderBar(ctx) {
-  return /* @__PURE__ */ jsxs(BarChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Bar,
-      {
-        dataKey: s.dataKey,
-        name: s.name,
-        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        stackId: ctx.props.stacked ? "stack" : void 0,
-        radius: ctx.barGeometry.radius,
-        maxBarSize: ctx.barGeometry.maxBarSize,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function renderArea(ctx) {
-  return /* @__PURE__ */ jsxs(AreaChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Area,
-      {
-        type: ctx.strokeType,
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fillOpacity: s.fillOpacity ?? 0.6,
-        stackId: ctx.props.stacked ? "stack" : void 0,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function pieCenterLabel(ctx) {
-  const { centerLabel } = ctx.props;
-  const innerRadius = ctx.props.innerRadius ?? 0;
-  if (!centerLabel || innerRadius <= 0) return null;
-  const fill = ctx.props.variant === "neon" ? "#00ffff" : ctx.theme.palette.text.primary;
-  return /* @__PURE__ */ jsx(
-    "text",
-    {
-      x: "50%",
-      y: "50%",
-      textAnchor: "middle",
-      dominantBaseline: "middle",
-      style: { fontSize: ctx.sizeStyles.fontSize, fill, fontWeight: 600 },
-      children: typeof centerLabel === "string" ? centerLabel : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "tspan",
-          {
-            x: "50%",
-            dy: "-0.6em",
-            style: { fontSize: "0.875em", fontWeight: 500, fill: ctx.theme.palette.text.secondary },
-            children: centerLabel.label
-          }
-        ),
-        /* @__PURE__ */ jsx("tspan", { x: "50%", dy: "1.4em", style: { fontSize: "1.5em", fontWeight: 700 }, children: centerLabel.value })
-      ] })
-    }
-  );
-}
-function renderPie(ctx) {
-  const { props } = ctx;
-  return /* @__PURE__ */ jsxs(PieChart, { children: [
-    chartExtras(ctx),
-    /* @__PURE__ */ jsx(
-      Pie,
-      {
-        data: props.data,
-        dataKey: ctx.chartSeries[0]?.dataKey ?? "value",
-        nameKey: props.xAxisKey ?? "name",
-        cx: "50%",
-        cy: "50%",
-        outerRadius: ctx.sizeStyles.height / 3,
-        innerRadius: props.innerRadius ?? 0,
-        fill: ctx.chartColors[0],
-        label: props.showValues ?? false,
-        animationDuration: ctx.animationDuration,
-        children: props.data.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: ctx.chartColors[index % ctx.chartColors.length] }, `cell-${index}`))
-      }
-    ),
-    pieCenterLabel(ctx)
-  ] });
-}
-function renderRadar(ctx) {
-  return /* @__PURE__ */ jsxs(RadarChart, { ...ctx.commonProps, children: [
-    /* @__PURE__ */ jsx(PolarGrid, { stroke: ctx.gridStroke }),
-    /* @__PURE__ */ jsx(PolarAngleAxis, { dataKey: ctx.props.xAxisKey ?? "name", style: ctx.axisStyle }),
-    /* @__PURE__ */ jsx(PolarRadiusAxis, { style: ctx.axisStyle }),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => /* @__PURE__ */ jsx(
-      Radar,
-      {
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fill: s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length],
-        fillOpacity: s.fillOpacity ?? 0.6,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    ))
-  ] });
-}
-function renderScatter(ctx) {
-  const { props } = ctx;
-  return /* @__PURE__ */ jsxs(ScatterChart, { ...ctx.commonProps, children: [
-    props.showCartesianGrid !== false && chartGrid(ctx),
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        dataKey: props.xAxisKey ?? "name",
-        style: ctx.axisStyle,
-        label: props.xAxisLabel,
-        tickMargin: ctx.axisConfig.tickMargin
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      YAxis,
-      {
-        dataKey: ctx.chartSeries[0]?.dataKey,
-        style: ctx.axisStyle,
-        label: props.yAxisLabel,
-        tickMargin: ctx.axisConfig.tickMargin
-      }
-    ),
-    chartExtras(ctx),
-    /* @__PURE__ */ jsx(
-      Scatter,
-      {
-        name: ctx.chartSeries[0]?.name ?? "Data",
-        data: props.data,
-        fill: ctx.chartColors[0],
-        animationDuration: ctx.animationDuration
-      }
-    )
-  ] });
-}
-function composedSeries(ctx, s, index) {
-  const color = s.color ?? ctx.chartColors[index % ctx.chartColors.length];
-  if (s.type === "bar") {
-    return /* @__PURE__ */ jsx(
-      Bar,
-      {
-        dataKey: s.dataKey,
-        name: s.name,
-        fill: color,
-        radius: ctx.barGeometry.radius,
-        maxBarSize: ctx.barGeometry.maxBarSize,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    );
-  }
-  if (s.type === "area") {
-    return /* @__PURE__ */ jsx(
-      Area,
-      {
-        type: ctx.strokeType,
-        dataKey: s.dataKey,
-        name: s.name,
-        stroke: color,
-        fill: color,
-        fillOpacity: 0.6,
-        animationDuration: ctx.animationDuration
-      },
-      s.dataKey
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Line,
-    {
-      type: ctx.strokeType,
-      dataKey: s.dataKey,
-      name: s.name,
-      stroke: color,
-      animationDuration: ctx.animationDuration
-    },
-    s.dataKey
-  );
-}
-function renderComposed(ctx) {
-  return /* @__PURE__ */ jsxs(ComposedChart, { ...ctx.commonProps, children: [
-    cartesianAxes(ctx),
-    chartExtras(ctx),
-    ctx.chartSeries.map((s, index) => composedSeries(ctx, s, index))
-  ] });
-}
-var RENDERERS = {
-  line: renderLine,
-  bar: renderBar,
-  area: renderArea,
-  pie: renderPie,
-  radar: renderRadar,
-  scatter: renderScatter,
-  composed: renderComposed
-};
-function renderChartByType(props, theme) {
-  const renderer = RENDERERS[props.type ?? "line"];
-  const ctx = buildChartContext(props, theme);
-  return renderer ? renderer(ctx) : /* @__PURE__ */ jsx(Fragment, {});
-}
-
-export {
-  renderChartByType
-};
-//# sourceMappingURL=chunk-WZUNBSS7.js.map