impact-nova 1.8.2 → 1.9.0-alpha.0

package/dist/components/ui/data-table/data-table.js

@@ -1,157 +1,171 @@
-import { jsx as i, jsxs as E } from "react/jsx-runtime";
-import { useState as l, useRef as F, useCallback as _, useMemo as S, useEffect as A, memo as N } from "react";
-import { AgGridWrapper as M } from "../ag-grid-react/index.js";
-import { cn as y } from "../../../lib/utils.js";
-import { DataTableContext as z, DataTableSheetPortalContext as I, useDataTable as j, useDataTableSheetPortal as P } from "./data-table-context.js";
-import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as R } from "./data-table-constants.js";
-import { AG_GRID_VALUE_FORMATTERS as k } from "../ag-grid-react/value-formatters.js";
-const C = {
+import { jsx as n, jsxs as C } from "react/jsx-runtime";
+import { useState as a, useRef as E, useCallback as H, useMemo as v, useEffect as y, memo as N } from "react";
+import { AgGridWrapper as z } from "../ag-grid-react/index.js";
+import { cn as w } from "../../../lib/utils.js";
+import { DataTableContext as F, DataTableSheetPortalContext as M, useDataTable as j, useDataTableSheetPortal as P } from "./data-table-context.js";
+import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as A } from "./data-table-constants.js";
+const D = {
   default: 46,
   compact: 30,
   comfort: 52
-}, G = (o) => {
-  if (o)
-    return o.map((e) => {
-      if ("children" in e && e.children)
-        return {
-          ...e,
-          children: G(e.children)
-        };
-      const t = e;
-      return !t.valueFormatter && (t.type === "numericColumn" || t.type === "number") ? {
-        ...t,
-        valueFormatter: k.number
-      } : t;
-    });
-}, q = ({
-  children: o,
-  className: e
+}, Y = ({
+  children: i,
+  className: t
 }) => {
-  const [t, r] = l(null), [n, p] = l(null), [c, d] = l("medium"), [h, u] = l("full"), [s, f] = l("default"), [g, b] = l(!1), m = F(0), x = _((H) => {
-    m.current = Math.max(0, m.current + H), b(m.current > 0);
-  }, []), T = _((H) => {
-    r(H);
-  }, []), v = {
+  const [o, e] = a(null), [r, p] = a(null), [l, c] = a("medium"), [h, d] = a("full"), [m, f] = a("default"), [g, T] = a(!1), u = E(0), x = H((b) => {
+    u.current = Math.max(
+      0,
+      u.current + b
+    ), T(u.current > 0);
+  }, []), S = H((b) => {
+    e(b);
+  }, []), s = {
     small: "12px",
     medium: "14px",
     large: "16px"
-  }[c], a = `${C[s]}px`, O = S(() => ({
-    gridApi: t,
-    registerApi: T,
-    registerScopedSheetDepth: x,
-    fontSize: c,
-    setFontSize: d,
-    numericFormat: h,
-    setNumericFormat: u,
-    rowHeight: s,
-    setRowHeight: f
-  }), [
-    t,
-    T,
-    x,
-    c,
-    d,
-    h,
-    u,
-    s,
-    f
-  ]), D = S(() => ({
-    sheetTarget: n,
-    setSheetTarget: p,
-    scopedSheetOpen: g
-  }), [n, p, g]);
-  return /* @__PURE__ */ i(z.Provider, { value: O, children: /* @__PURE__ */ i(I.Provider, { value: D, children: /* @__PURE__ */ i(
+  }[l], O = `${D[m]}px`, R = v(
+    () => ({
+      gridApi: o,
+      registerApi: S,
+      registerScopedSheetDepth: x,
+      fontSize: l,
+      setFontSize: c,
+      numericFormat: h,
+      setNumericFormat: d,
+      rowHeight: m,
+      setRowHeight: f
+    }),
+    [
+      o,
+      S,
+      x,
+      l,
+      c,
+      h,
+      d,
+      m,
+      f
+    ]
+  ), G = v(
+    () => ({
+      sheetTarget: r,
+      setSheetTarget: p,
+      scopedSheetOpen: g
+    }),
+    [r, p, g]
+  );
+  return /* @__PURE__ */ n(F.Provider, { value: R, children: /* @__PURE__ */ n(M.Provider, { value: G, children: /* @__PURE__ */ n(
     "div",
     {
       "data-component": "data-table",
-      className: y("flex flex-col w-full min-h-0 rounded-[inherit]", e),
+      className: w(
+        "flex flex-col w-full min-h-0 rounded-[inherit]",
+        t
+      ),
       style: {
-        "--ag-font-size": v,
-        "--ag-row-height": a
+        "--ag-font-size": s,
+        "--ag-row-height": O
       },
-      children: o
+      children: i
     }
   ) }) });
-}, w = {
+}, _ = {
   full: "full_no",
   k: "thou",
   m: "mil",
   b: "bil",
   full_precision: "full_precision"
-}, L = N(function() {
-  const { setSheetTarget: e, scopedSheetOpen: t } = P();
-  return /* @__PURE__ */ i(
+}, k = N(function() {
+  const { setSheetTarget: t, scopedSheetOpen: o } = P();
+  return /* @__PURE__ */ n(
     "div",
     {
-      ref: e,
+      ref: t,
       className: "absolute inset-0 pointer-events-none z-[39] flex overflow-x-hidden overflow-y-visible",
-      style: t ? { minHeight: R } : void 0
+      style: o ? { minHeight: A } : void 0
     }
   );
 });
-function J(o) {
+function $(i) {
   const {
-    registerApi: e,
-    rowHeight: t,
-    gridApi: r,
-    numericFormat: n
+    registerApi: t,
+    rowHeight: o,
+    gridApi: e,
+    numericFormat: r
   } = j(), { scopedSheetOpen: p } = P(), {
-    className: c,
-    onGridReady: d,
+    className: l,
+    onGridReady: c,
     rowHeight: h,
-    context: u,
-    columnDefs: s,
+    context: d,
+    columnDefs: m,
     maintainColumnOrder: f = !0,
     ...g
-  } = o, b = C[t], m = h ?? b, x = S(() => G(s), [s]), T = S(() => ({
-    ...u,
-    formatType: w[n]
-  }), [u, n]);
-  A(() => {
-    r?.resetRowHeights();
-  }, [t, r]), A(() => {
-    if (r) {
-      const a = r.getGridOption("context") || {};
-      r.setGridOption("context", {
-        ...a,
-        formatType: w[n]
-      }), r.refreshCells({ force: !0 });
+  } = i, T = D[o], u = h ?? T, x = v(
+    () => ({
+      ...d,
+      formatType: _[r]
+    }),
+    [d, r]
+  );
+  y(() => {
+    e?.resetRowHeights();
+  }, [o, e]), y(() => {
+    if (e) {
+      const s = e.getGridOption("context") || {};
+      e.setGridOption("context", {
+        ...s,
+        formatType: _[r]
+      }), e.refreshCells({ force: !0 });
     }
-  }, [n, r]);
-  const v = _((a) => {
-    e(a.api), d?.(a);
-  }, [e, d]);
-  return /* @__PURE__ */ E(
+  }, [r, e]);
+  const S = H(
+    (s) => {
+      t(s.api), c?.(s);
+    },
+    [t, c]
+  );
+  return /* @__PURE__ */ C(
     "div",
     {
-      className: y(
+      className: w(
         "relative flex-1 min-h-0 w-full bg-canvas-elevated rounded-b-[inherit] grid-rounded-bottom",
-        c
+        l
       ),
-      style: p ? { minHeight: R } : void 0,
+      style: p ? { minHeight: A } : void 0,
       children: [
-        /* @__PURE__ */ i(
-          M,
+        /* @__PURE__ */ n(
+          z,
           {
             ...g,
-            columnDefs: x,
-            rowHeight: m,
-            onGridReady: v,
-            context: T,
+            columnDefs: m,
+            rowHeight: u,
+            onGridReady: S,
+            context: x,
             maintainColumnOrder: f
           }
         ),
-        /* @__PURE__ */ i(L, {})
+        /* @__PURE__ */ n(k, {})
       ]
     }
   );
 }
-const K = ({
-  children: o,
-  className: e
-}) => /* @__PURE__ */ i("div", { "data-component": "data-table-toolbar", className: y("flex items-center justify-between px-4 py-3 shrink-0 bg-canvas-elevated rounded-t-[inherit]", e), children: o });
+const q = ({
+  children: i,
+  className: t
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    "data-component": "data-table-toolbar",
+    className: w(
+      "flex items-center justify-between px-4 py-3 shrink-0 bg-canvas-elevated rounded-t-[inherit]",
+      t
+    ),
+    children: i
+  }
+);
 export {
-  q as DataTable,
-  J as DataTableContent,
-  K as DataTableToolbar
+  Y as DataTable,
+  $ as DataTableContent,
+  q as DataTableToolbar
 };
+//# sourceMappingURL=data-table.js.map

package/dist/components/ui/data-table/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sources":["impact-nova/src/components/ui/data-table/data-table.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useState,\n  useCallback,\n  useRef,\n  useMemo,\n  memo,\n} from \"react\";\nimport { AgGridWrapper } from \"../ag-grid-react\";\nimport type { AgGridWrapperProps } from \"../types/ag-grid.types\";\nimport type {\n  GridApi,\n  GridReadyEvent,\n} from \"ag-grid-community\";\nimport { cn } from \"@/lib/utils\";\n\nimport {\n  DataTableContext,\n  DataTableSheetPortalContext,\n  type DataTableFontSize,\n  type DataTableRowHeight,\n  type DataTableNumericFormat,\n  useDataTable,\n  useDataTableSheetPortal,\n} from \"./data-table-context\";\nimport { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX } from \"./data-table-constants\";\n\n/** Pixel row heights for content density — kept in sync with `--ag-row-height` on `DataTable`. */\nconst DATA_TABLE_ROW_HEIGHT_PX: Record<DataTableRowHeight, number> = {\n  default: 46,\n  compact: 30,\n  comfort: 52,\n};\n\n// ============================================\n// Components\n// ============================================\n\n/**\n * DataTable Root\n * Provides context and structural container.\n */\nexport const DataTable = ({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => {\n  const [gridApi, setGridApi] = useState<GridApi | null>(null);\n  const [sheetTarget, setSheetTarget] = useState<HTMLDivElement | null>(null);\n  const [fontSize, setFontSize] = useState<DataTableFontSize>(\"medium\");\n  const [numericFormat, setNumericFormat] =\n    useState<DataTableNumericFormat>(\"full\");\n  const [rowHeight, setRowHeight] = useState<DataTableRowHeight>(\"default\");\n  const [scopedSheetOpen, setScopedSheetOpen] = useState(false);\n  const scopedSheetDepthRef = useRef(0);\n\n  const registerScopedSheetDepth = useCallback((delta: 1 | -1) => {\n    scopedSheetDepthRef.current = Math.max(\n      0,\n      scopedSheetDepthRef.current + delta,\n    );\n    setScopedSheetOpen(scopedSheetDepthRef.current > 0);\n  }, []);\n\n  // Stable callback to register API\n  const registerApi = useCallback((api: GridApi) => {\n    setGridApi(api);\n  }, []);\n\n  const fontSizeStyle = {\n    small: \"12px\",\n    medium: \"14px\",\n    large: \"16px\",\n  }[fontSize];\n\n  const rowHeightStyle = `${DATA_TABLE_ROW_HEIGHT_PX[rowHeight]}px`;\n\n  const contextValue = useMemo(\n    () => ({\n      gridApi,\n      registerApi,\n      registerScopedSheetDepth,\n      fontSize,\n      setFontSize,\n      numericFormat,\n      setNumericFormat,\n      rowHeight,\n      setRowHeight,\n    }),\n    [\n      gridApi,\n      registerApi,\n      registerScopedSheetDepth,\n      fontSize,\n      setFontSize,\n      numericFormat,\n      setNumericFormat,\n      rowHeight,\n      setRowHeight,\n    ],\n  );\n\n  const sheetPortalValue = useMemo(\n    () => ({\n      sheetTarget,\n      setSheetTarget,\n      scopedSheetOpen,\n    }),\n    [sheetTarget, setSheetTarget, scopedSheetOpen],\n  );\n\n  return (\n    <DataTableContext.Provider value={contextValue}>\n      <DataTableSheetPortalContext.Provider value={sheetPortalValue}>\n        <div\n          data-component=\"data-table\"\n          className={cn(\n            \"flex flex-col w-full min-h-0 rounded-[inherit]\",\n            className,\n          )}\n          style={\n            {\n              \"--ag-font-size\": fontSizeStyle,\n              \"--ag-row-height\": rowHeightStyle,\n            } as React.CSSProperties\n          }\n        >\n          {children}\n        </div>\n      </DataTableSheetPortalContext.Provider>\n    </DataTableContext.Provider>\n  );\n};\n\n/**\n * DataTable Content\n * Wraps AgGridWrapper and captures the API reference.\n */\n// Map numericFormat to formatType for the formatters\nconst FORMAT_TYPE_MAP: Record<\n  DataTableNumericFormat,\n  \"full_no\" | \"thou\" | \"mil\" | \"bil\" | \"full_precision\"\n> = {\n  full: \"full_no\",\n  k: \"thou\",\n  m: \"mil\",\n  b: \"bil\",\n  full_precision: \"full_precision\",\n};\n\n/**\n * Portal host for the scoped sheet overlay.\n * Isolated into its own component so that `scopedSheetOpen` context changes\n * only re-render this lightweight div — not the expensive AG Grid.\n */\nconst SheetPortalHost = memo(function SheetPortalHost() {\n  const { setSheetTarget, scopedSheetOpen } = useDataTableSheetPortal();\n\n  return (\n    <div\n      ref={setSheetTarget}\n      className=\"absolute inset-0 pointer-events-none z-[39] flex overflow-x-hidden overflow-y-visible\"\n      style={\n        scopedSheetOpen\n          ? { minHeight: DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX }\n          : undefined\n      }\n    />\n  );\n});\n\nexport function DataTableContent<TData>(\n  props: AgGridWrapperProps<TData> & { className?: string },\n) {\n  const {\n    registerApi,\n    rowHeight: density,\n    gridApi,\n    numericFormat,\n  } = useDataTable();\n  const { scopedSheetOpen } = useDataTableSheetPortal();\n  const {\n    className,\n    onGridReady: userOnGridReady,\n    rowHeight: rowHeightProp,\n    context: userContext,\n    columnDefs,\n    maintainColumnOrder = true,\n    ...agGridProps\n  } = props;\n  const densityRowHeightPx = DATA_TABLE_ROW_HEIGHT_PX[density];\n  const resolvedRowHeight = rowHeightProp ?? densityRowHeightPx;\n\n  // Merge user context with numericFormat\n  const mergedContext = useMemo(\n    () => ({\n      ...userContext,\n      formatType: FORMAT_TYPE_MAP[numericFormat],\n    }),\n    [userContext, numericFormat],\n  );\n\n  useEffect(() => {\n    gridApi?.resetRowHeights();\n  }, [density, gridApi]);\n\n  // Update grid context when numericFormat changes\n  useEffect(() => {\n    if (gridApi) {\n      const currentContext = gridApi.getGridOption(\"context\") || {};\n      gridApi.setGridOption(\"context\", {\n        ...currentContext,\n        formatType: FORMAT_TYPE_MAP[numericFormat],\n      });\n      gridApi.refreshCells({ force: true });\n    }\n  }, [numericFormat, gridApi]);\n\n  const handleGridReady = useCallback(\n    (event: GridReadyEvent<TData>) => {\n      registerApi(event.api);\n      userOnGridReady?.(event);\n    },\n    [registerApi, userOnGridReady],\n  );\n\n  return (\n    <div\n      className={cn(\n        \"relative flex-1 min-h-0 w-full bg-canvas-elevated rounded-b-[inherit] grid-rounded-bottom\",\n        className,\n      )}\n      style={\n        scopedSheetOpen\n          ? { minHeight: DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX }\n          : undefined\n      }\n    >\n      <AgGridWrapper\n        {...agGridProps}\n        columnDefs={columnDefs}\n        rowHeight={resolvedRowHeight}\n        onGridReady={handleGridReady}\n        context={mergedContext}\n        maintainColumnOrder={maintainColumnOrder}\n      />\n      <SheetPortalHost />\n    </div>\n  );\n}\n\n/**\n * DataTable Toolbar\n * Generic container for top-bar actions.\n * Users can conditionally render this component to remove it from DOM.\n */\nexport const DataTableToolbar = ({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => {\n  return (\n    <div\n      data-component=\"data-table-toolbar\"\n      className={cn(\n        \"flex items-center justify-between px-4 py-3 shrink-0 bg-canvas-elevated rounded-t-[inherit]\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["DATA_TABLE_ROW_HEIGHT_PX","DataTable","children","className","gridApi","setGridApi","useState","sheetTarget","setSheetTarget","fontSize","setFontSize","numericFormat","setNumericFormat","rowHeight","setRowHeight","scopedSheetOpen","setScopedSheetOpen","scopedSheetDepthRef","useRef","registerScopedSheetDepth","useCallback","delta","registerApi","api","fontSizeStyle","rowHeightStyle","contextValue","useMemo","sheetPortalValue","jsx","DataTableContext","DataTableSheetPortalContext","cn","FORMAT_TYPE_MAP","SheetPortalHost","memo","useDataTableSheetPortal","DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX","DataTableContent","props","density","useDataTable","userOnGridReady","rowHeightProp","userContext","columnDefs","maintainColumnOrder","agGridProps","densityRowHeightPx","resolvedRowHeight","mergedContext","useEffect","currentContext","handleGridReady","event","jsxs","AgGridWrapper","DataTableToolbar"],"mappings":"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"}

package/dist/components/ui/data-table/index.js

@@ -37,3 +37,4 @@ export {
   V as useDataTableSheetApi,
   x as useDataTableSheetPortal
 };
+//# sourceMappingURL=index.js.map

package/dist/components/ui/data-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/components/ui/data-table/indicator-legend.js

@@ -18,3 +18,4 @@ i.displayName = "IndicatorLegend";
 export {
   i as IndicatorLegend
 };
+//# sourceMappingURL=indicator-legend.js.map

package/dist/components/ui/data-table/indicator-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-legend.js","sources":["impact-nova/src/components/ui/data-table/indicator-legend.tsx"],"sourcesContent":["import { useImpactNovaI18n } from '@/i18n';\nimport { ColumnIndicator } from './column-indicator';\n\n/**\n * Legend showing the meaning of sort/filter indicator colors.\n * Displayed in the Frozen Columns section header.\n * \n * @example\n * <IndicatorLegend />\n */\nexport const IndicatorLegend: React.FC = () => {\n  const { t } = useImpactNovaI18n();\n\n  return (\n    <div className=\"flex items-center gap-3 text-[10px] text-content-muted\">\n      <div className=\"flex items-center gap-1\">\n        <ColumnIndicator type=\"sort\" />\n        <span>{t('dataTable.indicatorSort')}</span>\n      </div>\n      <div className=\"flex items-center gap-1\">\n        <ColumnIndicator type=\"filter\" />\n        <span>{t('dataTable.indicatorSearch')}</span>\n      </div>\n    </div>\n  );\n};\n\nIndicatorLegend.displayName = 'IndicatorLegend';\n"],"names":["IndicatorLegend","t","useImpactNovaI18n","jsxs","jsx","ColumnIndicator"],"mappings":";;;AAUO,MAAMA,IAA4B,MAAM;AAC7C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,OAAA,CAAO;AAAA,MAC7B,gBAAAD,EAAC,QAAA,EAAM,UAAAH,EAAE,yBAAyB,EAAA,CAAE;AAAA,IAAA,GACtC;AAAA,IACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,SAAA,CAAS;AAAA,MAC/B,gBAAAD,EAAC,QAAA,EAAM,UAAAH,EAAE,2BAA2B,EAAA,CAAE;AAAA,IAAA,EAAA,CACxC;AAAA,EAAA,GACF;AAEJ;AAEAD,EAAgB,cAAc;"}

package/dist/components/ui/data-table/pin-switch.js

@@ -1,15 +1,15 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import { useCallback as s } from "react";
 import { cn as n } from "../../../lib/utils.js";
-import { Pin as w } from "../../../icons/index.js";
-import { useImpactNovaI18n as u } from "../../../i18n/ImpactNovaI18nContext.js";
+import { useImpactNovaI18n as w } from "../../../i18n/ImpactNovaI18nContext.js";
+import { Pin as u } from "../../../icons/generated/pin.js";
 const d = ({
   value: e,
   onChange: r,
   disabled: t = !1,
   className: l
 }) => {
-  const { t: o } = u(), c = s(() => {
+  const { t: o } = w(), c = s(() => {
     t || r(e === "left" ? "right" : "left");
   }, [t, e, r]), f = s(
     (a) => {
@@ -52,7 +52,7 @@ const d = ({
               "absolute flex w-5 h-5 p-0.5 justify-center items-center rounded bg-white shadow-elevation-pin-switch transition-all duration-200 ease-in-out",
               e === "right" ? "left-[calc(100%-22px)]" : "left-0.5"
             ),
-            children: /* @__PURE__ */ i(w, { className: "w-3 h-3 text-content" })
+            children: /* @__PURE__ */ i(u, { className: "w-3 h-3 text-content" })
           }
         )
       }
@@ -73,3 +73,4 @@ d.displayName = "PinSwitch";
 export {
   d as PinSwitch
 };
+//# sourceMappingURL=pin-switch.js.map

package/dist/components/ui/data-table/pin-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin-switch.js","sources":["impact-nova/src/components/ui/data-table/pin-switch.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { cn } from '@/lib/utils';\nimport { Pin } from '@/icons';\nimport { useImpactNovaI18n } from '@/i18n';\n\nexport type PinPosition = 'left' | 'right' | null;\n\ninterface PinSwitchProps {\n  /** Current pin position */\n  value: PinPosition;\n  /** Callback when pin position changes */\n  onChange: (value: PinPosition) => void;\n  /** Whether the switch is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Custom pin switch component for column pinning control.\n * Displays L | [toggle switch with pin] | R where the pin slides left/right.\n * \n * Design specs:\n * - Switch: 44px width, 24px height\n * - Switch box (sliding part): 20px x 20px\n * - Icon: 12px x 12px\n * - Border radius: 4px\n * - Uses shadow-elevation-pin-switch token\n * \n * @example\n * <PinSwitch value=\"left\" onChange={(pos) => console.log(pos)} />\n */\nexport const PinSwitch = ({\n  value,\n  onChange,\n  disabled = false,\n  className\n}: PinSwitchProps) => {\n  const { t } = useImpactNovaI18n();\n\n  const handleToggle = useCallback(() => {\n    if (disabled) return;\n    // Toggle between left and right, default to left if null\n    if (value === 'left') {\n      onChange('right');\n    } else {\n      onChange('left');\n    }\n  }, [disabled, value, onChange]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) return;\n      if (e.key === ' ' || e.key === 'Enter') {\n        e.preventDefault();\n        handleToggle();\n      }\n    },\n    [disabled, handleToggle]\n  );\n\n  const getAriaLabel = () => {\n    if (value === 'left') return t('dataTable.pinSwitchPinnedLeft');\n    if (value === 'right') return t('dataTable.pinSwitchPinnedRight');\n    return t('dataTable.pinSwitchNotPinned');\n  };\n\n  // Map value to checked state for aria-checked (left = false, right = true)\n  const isChecked = value === 'right';\n\n  return (\n    <div className={cn('inline-flex items-center gap-2', className)}>\n      {/* Left Label */}\n      <span \n        className={cn(\n          'text-[10px] font-medium leading-[14px] font-[Manrope]',\n          value === 'left' ? 'text-pinSwitch-label-active' : 'text-pinSwitch-label-inactive'\n        )}\n      >\n        L\n      </span>\n\n      {/* Toggle Switch - 44x24 */}\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={isChecked}\n        aria-label={getAriaLabel()}\n        aria-disabled={disabled}\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleToggle}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n        className={cn(\n          'relative flex w-[44px] h-6 items-center rounded-md border border-pinSwitch-track-border bg-pinSwitch-track-bg p-0.5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-canvas',\n          disabled && 'opacity-50 cursor-not-allowed',\n          !disabled && 'cursor-pointer hover:bg-pinSwitch-track-hover'\n        )}\n      >\n        {/* Sliding Pin Icon Box - 20x20 */}\n        <div\n          className={cn(\n            'absolute flex w-5 h-5 p-0.5 justify-center items-center rounded bg-white shadow-elevation-pin-switch transition-all duration-200 ease-in-out',\n            value === 'right' ? 'left-[calc(100%-22px)]' : 'left-0.5'\n          )}\n        >\n          {/* Pin Icon - 12px */}\n          <Pin className=\"w-3 h-3 text-content\" />\n        </div>\n      </button>\n\n      {/* Right Label */}\n      <span \n        className={cn(\n          'text-[10px] font-medium leading-[14px] font-[Manrope]',\n          value === 'right' ? 'text-pinSwitch-label-active' : 'text-pinSwitch-label-inactive'\n        )}\n      >\n        R\n      </span>\n    </div>\n  );\n};\n\nPinSwitch.displayName = 'PinSwitch';\n"],"names":["PinSwitch","value","onChange","disabled","className","t","useImpactNovaI18n","handleToggle","useCallback","handleKeyDown","e","getAriaLabel","isChecked","cn","jsx","Pin"],"mappings":";;;;;AAgCO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,MAAsB;AACpB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAERC,IAAeC,EAAY,MAAM;AACrC,IAAIL,KAGFD,EADED,MAAU,SACH,UAEA,MAFO;AAAA,EAIpB,GAAG,CAACE,GAAUF,GAAOC,CAAQ,CAAC,GAExBO,IAAgBD;AAAA,IACpB,CAACE,MAA8C;AAC7C,MAAIP,MACAO,EAAE,QAAQ,OAAOA,EAAE,QAAQ,aAC7BA,EAAE,eAAA,GACFH,EAAA;AAAA,IAEJ;AAAA,IACA,CAACJ,GAAUI,CAAY;AAAA,EAAA,GAGnBI,IAAe,MACUN,EAAzBJ,MAAU,SAAiB,kCAC3BA,MAAU,UAAkB,mCACvB,8BAFqD,GAM1DW,IAAYX,MAAU;AAE5B,2BACG,OAAA,EAAI,WAAWY,EAAG,kCAAkCT,CAAS,GAE5D,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACAZ,MAAU,SAAS,gCAAgC;AAAA,QAAA;AAAA,QAEtD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAKD,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAcF;AAAA,QACd,cAAYD,EAAA;AAAA,QACZ,iBAAeR;AAAA,QACf,UAAUA,IAAW,KAAK;AAAA,QAC1B,SAASI;AAAA,QACT,WAAWE;AAAA,QACX,UAAAN;AAAA,QACA,WAAWU;AAAA,UACT;AAAA,UACAV,KAAY;AAAA,UACZ,CAACA,KAAY;AAAA,QAAA;AAAA,QAIf,UAAA,gBAAAW;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAZ,MAAU,UAAU,2BAA2B;AAAA,YAAA;AAAA,YAIjD,UAAA,gBAAAa,EAACC,GAAA,EAAI,WAAU,uBAAA,CAAuB;AAAA,UAAA;AAAA,QAAA;AAAA,MACxC;AAAA,IAAA;AAAA,IAIF,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACAZ,MAAU,UAAU,gCAAgC;AAAA,QAAA;AAAA,QAEvD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;AAEAD,EAAU,cAAc;"}

package/dist/components/ui/date-picker/date-picker.js

@@ -1,132 +1,134 @@
-import { jsxs as C, jsx as c } from "react/jsx-runtime";
+import { jsxs as w, jsx as c } from "react/jsx-runtime";
 import * as o from "react";
 import { X as Z } from "lucide-react";
-import { CalendarMonth as _ } from "../../../icons/index.js";
-import { format as u, isValid as x, parse as I } from "date-fns";
-import { cn as $, padValidDateString as F, maskDate as ee } from "../../../lib/utils.js";
-import { Input as te } from "../input.js";
-import { Popover as ne, PopoverTrigger as re, PopoverContent as oe } from "../popover.js";
-import { Calendar as ce } from "../calendar.js";
-import { Tooltip as T, TooltipTrigger as A, TooltipContent as E } from "../tooltip.js";
-import { getDateFnsLocale as ie } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as le } from "../../../i18n/ImpactNovaI18nContext.js";
+import { format as h, isValid as I, parse as R } from "date-fns";
+import { cn as _, padValidDateString as $, maskDate as F } from "../../../lib/utils.js";
+import { Input as ee } from "../input.js";
+import { Popover as te, PopoverTrigger as ne, PopoverContent as re } from "../popover.js";
+import { Calendar as oe } from "../calendar.js";
+import { Tooltip as A, TooltipTrigger as E, TooltipContent as L } from "../tooltip.js";
+import { getDateFnsLocale as ce } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as ie } from "../../../i18n/ImpactNovaI18nContext.js";
+import { CalendarMonth as le } from "../../../icons/generated/calendar-month.js";
 const ae = o.forwardRef(
   ({
     value: t,
-    onChange: f,
+    onChange: u,
     format: n = "MM/dd/yyyy",
-    placeholder: L,
+    placeholder: b,
     minDate: j,
     maxDate: K,
     startMonth: B,
     endMonth: O,
     showFooter: d = !0,
-    weekStartsOn: R,
-    disabled: b,
+    weekStartsOn: v,
+    disabled: s,
     className: H,
     ...X
   }, q) => {
-    const { locale: v, t: m } = le(), i = o.useMemo(() => ie(v), [v]), z = L ?? m("datePicker.selectDate"), g = o.useRef(null), y = o.useRef(null);
-    o.useImperativeHandle(q, () => g.current);
-    const [r, l] = o.useState(!1), D = o.useRef(!1), [N, a] = o.useState(t), [s, p] = o.useState(t ? u(t, n, { locale: i }) : ""), [G, w] = o.useState(t || /* @__PURE__ */ new Date());
+    const { locale: N, t: g } = ie(), i = o.useMemo(() => ce(N), [N]), z = b ?? g("datePicker.selectDate"), y = o.useRef(null), D = o.useRef(null);
+    o.useImperativeHandle(q, () => y.current);
+    const [r, l] = o.useState(!1), k = o.useRef(!1), [V, a] = o.useState(t), [p, f] = o.useState(t ? h(t, n, { locale: i }) : ""), [G, x] = o.useState(t || /* @__PURE__ */ new Date());
     o.useEffect(() => {
-      g.current && y.current !== null && (g.current.setSelectionRange(y.current, y.current), y.current = null);
-    }, [s]), o.useEffect(() => {
-      r || (p(t ? u(t, n, { locale: i }) : ""), a(t));
+      y.current && D.current !== null && (y.current.setSelectionRange(D.current, D.current), D.current = null);
+    }, [p]), o.useEffect(() => {
+      r || (f(t ? h(t, n, { locale: i }) : ""), a(t));
     }, [t, n, r, i]), o.useEffect(() => {
-      r && (a(t), w(t || /* @__PURE__ */ new Date()));
+      r && (a(t), x(t || /* @__PURE__ */ new Date()));
     }, [r, t]);
     const J = (e) => {
-      a(e), e && p(u(e, n, { locale: i })), d || (f?.(e), l(!1));
+      a(e), e && f(h(e, n, { locale: i })), d || (u?.(e), l(!1));
     }, Q = (e) => {
-      f?.(e !== void 0 ? e : N), l(!1);
-    }, V = () => {
-      a(t), p(t ? u(t, n, { locale: i }) : ""), l(!1);
+      u?.(e !== void 0 ? e : V), l(!1);
     }, M = () => {
-      a(void 0), p(""), f?.(void 0), d || l(!1);
+      a(t), f(t ? h(t, n, { locale: i }) : ""), l(!1);
+    }, S = () => {
+      a(void 0), f(""), u?.(void 0), d || l(!1);
     }, U = (e) => {
-      const h = e.target.value, k = ee(h, n, s);
-      if (p(k), k === "") {
-        a(void 0), d || f?.(void 0);
+      const m = e.target.value, P = F(m, n, p);
+      if (f(P), P === "") {
+        a(void 0), d || u?.(void 0);
         return;
       }
-      const P = I(k, n, /* @__PURE__ */ new Date(), { locale: i });
-      x(P) && k.length === n.length && (a(P), w(P), d || f?.(P));
+      const C = R(P, n, /* @__PURE__ */ new Date(), { locale: i });
+      I(C) && P.length === n.length && (a(C), x(C), d || u?.(C));
     }, W = () => {
       if (r) return;
-      const e = F(s, n), h = I(e, n, /* @__PURE__ */ new Date(), { locale: i });
-      !x(h) || e.length !== n.length ? (p(t ? u(t, n, { locale: i }) : ""), a(t)) : (p(e), d || f?.(h));
-    }, S = (t ? u(t, n, { locale: i }) : "") !== s, Y = s.length === n.length && !x(I(s, n, /* @__PURE__ */ new Date(), { locale: i }));
-    return /* @__PURE__ */ C(ne, { open: r, onOpenChange: l, children: [
-      /* @__PURE__ */ c(re, { asChild: !0, children: /* @__PURE__ */ c("div", { "data-component": "date-picker", "data-state": r ? "open" : "closed", "data-pending": S || void 0, children: /* @__PURE__ */ c(
-        te,
+      const e = $(p, n), m = R(e, n, /* @__PURE__ */ new Date(), { locale: i });
+      !I(m) || e.length !== n.length ? (f(t ? h(t, n, { locale: i }) : ""), a(t)) : (f(e), d || u?.(m));
+    }, T = (t ? h(t, n, { locale: i }) : "") !== p, Y = p.length === n.length && !I(R(p, n, /* @__PURE__ */ new Date(), { locale: i }));
+    return /* @__PURE__ */ w(te, { open: s ? !1 : r, onOpenChange: (e) => {
+      s || l(e);
+    }, children: [
+      /* @__PURE__ */ c(ne, { asChild: !0, children: /* @__PURE__ */ c("div", { "data-component": "date-picker", "data-state": r ? "open" : "closed", "data-pending": T || void 0, children: /* @__PURE__ */ c(
+        ee,
         {
-          ref: g,
-          value: s,
+          ref: y,
+          value: p,
           onChange: U,
           onBlur: W,
           onClick: (e) => r && e.stopPropagation(),
           onKeyDown: (e) => {
-            (e.key === "Enter" || e.key === "ArrowDown") && !r && (e.preventDefault(), D.current = !0, l(!0)), e.key === "Escape" && r && (e.preventDefault(), V());
+            (e.key === "Enter" || e.key === "ArrowDown") && !r && !s && (e.preventDefault(), k.current = !0, l(!0)), e.key === "Escape" && r && (e.preventDefault(), M());
           },
           placeholder: r ? n : z,
-          disabled: b,
+          disabled: s,
           "data-form-control": "input",
-          className: $(
+          className: _(
             "cursor-pointer",
-            Y ? "text-destructive" : S ? "text-content-muted" : "",
+            Y ? "text-destructive" : T ? "text-content-muted" : "",
             H
           ),
-          suffix: /* @__PURE__ */ C("div", { className: "flex items-center gap-1", children: [
-            t && !b && /* @__PURE__ */ C(T, { children: [
-              /* @__PURE__ */ c(A, { asChild: !0, children: /* @__PURE__ */ c(
+          suffix: /* @__PURE__ */ w("div", { className: "flex items-center gap-1", children: [
+            t && !s && /* @__PURE__ */ w(A, { children: [
+              /* @__PURE__ */ c(E, { asChild: !0, children: /* @__PURE__ */ c(
                 Z,
                 {
                   className: "h-4 w-4 cursor-pointer hover:text-content",
                   onClick: (e) => {
-                    e.stopPropagation(), M();
+                    e.stopPropagation(), S();
                   }
                 }
               ) }),
-              /* @__PURE__ */ c(E, { variant: "tertiary", side: "top", children: m("calendar.clear") })
+              /* @__PURE__ */ c(L, { variant: "tertiary", side: "top", children: g("calendar.clear") })
             ] }),
-            /* @__PURE__ */ C(T, { children: [
-              /* @__PURE__ */ c(A, { asChild: !0, children: /* @__PURE__ */ c("button", { type: "button", tabIndex: 0, "aria-label": m("datePicker.selectDate"), onClick: (e) => {
-                e.stopPropagation(), l(!r);
+            /* @__PURE__ */ w(A, { children: [
+              /* @__PURE__ */ c(E, { asChild: !0, children: /* @__PURE__ */ c("button", { type: "button", tabIndex: 0, "aria-label": g("datePicker.selectDate"), onClick: (e) => {
+                e.stopPropagation(), s || l(!r);
               }, onKeyDown: (e) => {
-                (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), D.current = !0, l(!r));
-              }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ c(_, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-              /* @__PURE__ */ c(E, { variant: "tertiary", side: "top", children: m("datePicker.selectDate") })
+                (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), s || (k.current = !0, l(!r)));
+              }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ c(le, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+              /* @__PURE__ */ c(L, { variant: "tertiary", side: "top", children: g("datePicker.selectDate") })
             ] })
           ] }),
           ...X
         }
       ) }) }),
       /* @__PURE__ */ c(
-        oe,
+        re,
         {
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (e) => {
-            D.current || e.preventDefault(), D.current = !1;
+            k.current || e.preventDefault(), k.current = !1;
           },
           children: /* @__PURE__ */ c(
-            ce,
+            oe,
             {
               mode: "single",
-              selected: N,
+              selected: V,
               onSelect: J,
               month: G,
-              onMonthChange: w,
+              onMonthChange: x,
               disabled: { before: j, after: K },
               startMonth: B,
               endMonth: O,
               showFooter: d,
               onApply: Q,
-              onCancel: V,
-              onClear: M,
+              onCancel: M,
+              onClear: S,
               captionLayout: "dropdown",
-              ...R !== void 0 ? { weekStartsOn: R } : {}
+              ...v !== void 0 ? { weekStartsOn: v } : {}
             }
           )
         }
@@ -138,3 +140,4 @@ ae.displayName = "DatePicker";
 export {
   ae as DatePicker
 };
+//# sourceMappingURL=date-picker.js.map

package/dist/components/ui/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sources":["impact-nova/src/components/ui/date-picker/date-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { X } from \"lucide-react\"\nimport { CalendarMonth } from '@/icons';\nimport { format, parse, isValid } from \"date-fns\"\nimport { cn, maskDate, padValidDateString } from \"@/lib/utils\"\nimport { Input } from \"../input\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\"\nimport { Calendar } from \"../calendar\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"../tooltip\"\nimport { useImpactNovaI18n } from \"@/i18n\"\nimport { getDateFnsLocale } from \"@/i18n/getDateFnsLocale\"\n\nimport type { DatePickerProps } from \"../types/date-picker.types\"\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      format: dateFormat = \"MM/dd/yyyy\",\n      placeholder: placeholderProp,\n      minDate,\n      maxDate,\n      startMonth,\n      endMonth,\n      showFooter = true,\n      weekStartsOn,\n      disabled,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const { locale: i18nLocale, t } = useImpactNovaI18n()\n    const dateFnsLocale = React.useMemo(() => getDateFnsLocale(i18nLocale), [i18nLocale])\n    const placeholder = placeholderProp ?? t('datePicker.selectDate')\n\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const selectionRef = React.useRef<number | null>(null)\n\n    React.useImperativeHandle(ref, () => internalRef.current!)\n\n    const [open, setOpen] = React.useState(false)\n    const openedViaKeyboardRef = React.useRef(false)\n    const [pendingDate, setPendingDate] = React.useState<Date | undefined>(value)\n    const [inputValue, setInputValue] = React.useState(value ? format(value, dateFormat, { locale: dateFnsLocale }) : \"\")\n    const [viewMonth, setViewMonth] = React.useState<Date>(value || new Date())\n\n    React.useEffect(() => {\n      if (internalRef.current && selectionRef.current !== null) {\n        internalRef.current.setSelectionRange(selectionRef.current, selectionRef.current)\n        selectionRef.current = null\n      }\n    }, [inputValue])\n\n    // Sync inputValue when value changes from outside\n    React.useEffect(() => {\n      if (!open) {\n        setInputValue(value ? format(value, dateFormat, { locale: dateFnsLocale }) : \"\")\n        setPendingDate(value)\n      }\n    }, [value, dateFormat, open, dateFnsLocale])\n\n    // Only sync items when popover opens\n    React.useEffect(() => {\n      if (open) {\n        setPendingDate(value)\n        setViewMonth(value || new Date())\n      }\n    }, [open, value])\n\n    const handleSelect = (date: Date | undefined) => {\n      setPendingDate(date)\n      if (date) {\n        setInputValue(format(date, dateFormat, { locale: dateFnsLocale }))\n      }\n      if (!showFooter) {\n        onChange?.(date)\n        setOpen(false)\n      }\n    }\n\n    const handleApply = (appliedDate?: Date) => {\n      const dateToApply = appliedDate !== undefined ? appliedDate : pendingDate\n      onChange?.(dateToApply)\n      setOpen(false)\n    }\n\n    const handleCancel = () => {\n      setPendingDate(value)\n      setInputValue(value ? format(value, dateFormat, { locale: dateFnsLocale }) : \"\")\n      setOpen(false)\n    }\n\n    const handleClear = () => {\n      setPendingDate(undefined)\n      setInputValue(\"\")\n      onChange?.(undefined)\n      if (!showFooter) {\n        setOpen(false)\n      }\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const rawValue = e.target.value\n      const v = maskDate(rawValue, dateFormat, inputValue)\n      setInputValue(v)\n\n      if (v === \"\") {\n        setPendingDate(undefined)\n        if (!showFooter) {\n          onChange?.(undefined)\n        }\n        return\n      }\n\n      const parsedDate = parse(v, dateFormat, new Date(), { locale: dateFnsLocale })\n      if (isValid(parsedDate) && v.length === dateFormat.length) {\n        setPendingDate(parsedDate)\n        setViewMonth(parsedDate)\n        if (!showFooter) {\n          onChange?.(parsedDate)\n        }\n      }\n    }\n\n    const handleInputBlur = () => {\n      if (open) return\n\n      const paddedValue = padValidDateString(inputValue, dateFormat)\n      const parsedDate = parse(paddedValue, dateFormat, new Date(), { locale: dateFnsLocale })\n      if (!isValid(parsedDate) || paddedValue.length !== dateFormat.length) {\n        // Revert to committed value if invalid on blur\n        setInputValue(value ? format(value, dateFormat, { locale: dateFnsLocale }) : \"\")\n        setPendingDate(value)\n      } else {\n        setInputValue(paddedValue)\n        // If valid but not applied (footer mode), it will stay muted\n        if (!showFooter) {\n          onChange?.(parsedDate)\n        }\n      }\n    }\n\n\n    const isPending = (value ? format(value, dateFormat, { locale: dateFnsLocale }) : \"\") !== inputValue\n    const isInvalid = inputValue.length === dateFormat.length && !isValid(parse(inputValue, dateFormat, new Date(), { locale: dateFnsLocale }))\n\n    return (\n      <Popover open={disabled ? false : open} onOpenChange={(newOpen) => { if (disabled) return; setOpen(newOpen) }}>\n        <PopoverTrigger asChild>\n          <div data-component=\"date-picker\" data-state={open ? \"open\" : \"closed\"} data-pending={isPending || undefined}>\n              <Input\n                ref={internalRef}\n                value={inputValue}\n                onChange={handleInputChange}\n                onBlur={handleInputBlur}\n                onClick={(e) => open && e.stopPropagation()}\n                onKeyDown={(e) => {\n                  if ((e.key === \"Enter\" || e.key === \"ArrowDown\") && !open && !disabled) { e.preventDefault(); openedViaKeyboardRef.current = true; setOpen(true) }\n                  if (e.key === \"Escape\" && open) { e.preventDefault(); handleCancel() }\n                }}\n                placeholder={open ? dateFormat : placeholder}\n                disabled={disabled}\n                data-form-control=\"input\"\n                className={cn(\n                  \"cursor-pointer\", \n                  isInvalid ? \"text-destructive\" : isPending ? \"text-content-muted\" : \"\", \n                  className\n                )}\n                suffix={\n                  <div className=\"flex items-center gap-1\">\n                    {value && !disabled && (\n                      <Tooltip>\n                        <TooltipTrigger asChild>\n                          <X\n                            className=\"h-4 w-4 cursor-pointer hover:text-content\"\n                            onClick={(e) => {\n                              e.stopPropagation()\n                              handleClear()\n                            }}\n                          />\n                        </TooltipTrigger>\n                        <TooltipContent variant=\"tertiary\" side=\"top\">{t('calendar.clear')}</TooltipContent>\n                      </Tooltip>\n                    )}\n                    <Tooltip>\n                      <TooltipTrigger asChild>\n                        <button type=\"button\" tabIndex={0} aria-label={t('datePicker.selectDate')} onClick={(e) => { e.stopPropagation(); if (!disabled) setOpen(!open) }} onKeyDown={(e) => { if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); e.stopPropagation(); if (!disabled) { openedViaKeyboardRef.current = true; setOpen(!open) } } }} className=\"inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer\">\n                          <CalendarMonth className=\"h-4 w-4 text-secondary-foreground\" />\n                        </button>\n                      </TooltipTrigger>\n                      <TooltipContent variant=\"tertiary\" side=\"top\">{t('datePicker.selectDate')}</TooltipContent>\n                    </Tooltip>\n                  </div>\n                }\n                {...props}\n              />\n          </div>\n        </PopoverTrigger>\n        <PopoverContent \n          className=\"w-auto p-0\" \n          align=\"start\"\n          onOpenAutoFocus={(e) => { if (!openedViaKeyboardRef.current) e.preventDefault(); openedViaKeyboardRef.current = false }}\n        >\n          <Calendar\n            mode=\"single\"\n            selected={pendingDate}\n            onSelect={handleSelect as any}\n            month={viewMonth}\n            onMonthChange={setViewMonth}\n            disabled={{ before: minDate, after: maxDate }}\n            startMonth={startMonth}\n            endMonth={endMonth}\n            showFooter={showFooter}\n            onApply={handleApply as any}\n            onCancel={handleCancel}\n            onClear={handleClear}\n            captionLayout=\"dropdown\"\n            {...(weekStartsOn !== undefined ? { weekStartsOn } : {})}\n          />\n        </PopoverContent>\n      </Popover>\n    )\n  }\n)\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","React","value","onChange","dateFormat","placeholderProp","minDate","maxDate","startMonth","endMonth","showFooter","weekStartsOn","disabled","className","props","ref","i18nLocale","t","useImpactNovaI18n","dateFnsLocale","getDateFnsLocale","placeholder","internalRef","selectionRef","open","setOpen","openedViaKeyboardRef","pendingDate","setPendingDate","inputValue","setInputValue","format","viewMonth","setViewMonth","handleSelect","date","handleApply","appliedDate","handleCancel","handleClear","handleInputChange","rawValue","v","maskDate","parsedDate","parse","isValid","handleInputBlur","paddedValue","padValidDateString","isPending","isInvalid","jsxs","Popover","newOpen","jsx","PopoverTrigger","Input","cn","Tooltip","TooltipTrigger","X","TooltipContent","CalendarMonth","PopoverContent","Calendar"],"mappings":"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"}