@exxatdesignux/ui 0.2.18 → 0.3.0

package/template/components/dashboard-report-charts.tsx

@@ -11,7 +11,7 @@
 
 import * as React from "react"
 import { DashboardPromoBanner } from "@/components/dashboard-promo-banner"
-import { GettingStarted } from "@/components/getting-started"
+import { GettingStarted } from "@/components/onboarding/getting-started"
 import { KeyMetrics, type MetricInsight, type MetricItem } from "@/components/key-metrics"
 import { ChartsOverview, type ChartCardVariant } from "@/components/charts-overview"
 import { useChartVariant } from "@/contexts/chart-variant-context"

package/template/components/dashboard-tabs.tsx

@@ -15,7 +15,7 @@ import { Separator } from "@/components/ui/separator"
 import { KeyMetrics, type MetricItem, type MetricInsight } from "@/components/key-metrics"
 import type { ChartCardVariant } from "@/components/charts-overview"
 import { DashboardReportCharts } from "@/components/dashboard-report-charts"
-import { GettingStarted, GettingStartedProgressCard } from "@/components/getting-started"
+import { GettingStarted, GettingStartedProgressCard } from "@/components/onboarding/getting-started"
 import { TaskListPanel, type TaskListItem } from "@/components/task-list-panel"
 import { PageHeader } from "@/components/page-header"
 import { useDashboardView }  from "@/contexts/dashboard-view-context"

package/template/components/data-table/filter-date-calendar.tsx

@@ -1,38 +1 @@
-"use client"
-
-import * as React from "react"
-import { Calendar } from "@/components/ui/calendar"
-import { localDateToYmd, ymdToLocalDate } from "@/lib/date-filter"
-
-/** Single-date calendar for table filters (YYYY-MM-DD). */
-export function FilterDateCalendar({
-  valueYmd,
-  onChangeYmd,
-  label,
-}: {
-  valueYmd: string | undefined
-  onChangeYmd: (ymd: string | undefined) => void
-  label: string
-}) {
-  const [timeZone, setTimeZone] = React.useState<string | undefined>()
-  React.useEffect(() => {
-    setTimeZone(Intl.DateTimeFormat().resolvedOptions().timeZone)
-  }, [])
-
-  return (
-    <div
-      className="rounded-lg border border-border overflow-hidden"
-      role="group"
-      aria-label={label}
-    >
-      <Calendar
-        mode="single"
-        selected={ymdToLocalDate(valueYmd)}
-        onSelect={(d) => onChangeYmd(d ? localDateToYmd(d) : undefined)}
-        captionLayout="dropdown"
-        timeZone={timeZone}
-        className="rounded-lg border-0"
-      />
-    </div>
-  )
-}
+export * from "@exxatdesignux/ui/components/data-table/filter-date-calendar"

package/template/components/data-table/filter-text-value-input.tsx

@@ -1,77 +1 @@
-"use client"
-
-import * as React from "react"
-import { DateTextInputField } from "@/components/ui/date-picker-field"
-import { Input } from "@/components/ui/input"
-import { MaskedInput, exxatMaskPatterns } from "@/components/ui/input-mask"
-import type { Mask } from "@/components/ui/input-mask"
-import type { FilterTextMask } from "@/components/table-properties/types"
-
-const MASK_BY_KIND: Record<FilterTextMask, Mask> = {
-  phone: exxatMaskPatterns.phoneUS,
-  zip: exxatMaskPatterns.zipUS,
-  dateMDY: exxatMaskPatterns.dateMDY,
-}
-
-export function FilterTextValueInput({
-  id,
-  mask,
-  value,
-  onValueChange,
-  "aria-label": ariaLabel,
-  placeholder,
-  className,
-  autoFocus,
-}: {
-  id?: string
-  mask?: FilterTextMask
-  value: string
-  onValueChange: (next: string) => void
-  "aria-label": string
-  placeholder?: string
-  className?: string
-  autoFocus?: boolean
-}) {
-  if (mask === "dateMDY") {
-    return (
-      <DateTextInputField
-        id={id}
-        value={value}
-        onValueChange={onValueChange}
-        aria-label={ariaLabel}
-        placeholder={placeholder}
-        inputClassName={className}
-        autoFocus={autoFocus}
-        iconButtonVariant="ghost"
-        popoverAlign="end"
-      />
-    )
-  }
-
-  if (mask) {
-    return (
-      <MaskedInput
-        id={id}
-        mask={MASK_BY_KIND[mask]}
-        aria-label={ariaLabel}
-        placeholder={placeholder}
-        value={value}
-        onChange={e => onValueChange(e.target.value)}
-        className={className}
-        autoFocus={autoFocus}
-      />
-    )
-  }
-  return (
-    <Input
-      id={id}
-      type="text"
-      aria-label={ariaLabel}
-      placeholder={placeholder}
-      value={value}
-      onChange={e => onValueChange(e.target.value)}
-      className={className}
-      autoFocus={autoFocus}
-    />
-  )
-}
+export * from "@exxatdesignux/ui/components/data-table/filter-text-value-input"