iguazio.dashboard-react-controls 3.2.21 → 3.2.23

package/dist/nextGenComponents/components/BadgeCell/BadgeCell.mjs

@@ -0,0 +1,109 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { useRef as W, useState as O, useCallback as R, useMemo as P, useEffect as T } from "react";
+import "../Badge/index.mjs";
+import { Popover as j, PopoverTrigger as z, PopoverContent as A } from "../ui/popover.mjs";
+import { cn as p } from "../../lib/utils.mjs";
+import k, { getBadgeColor as G } from "../Badge/Badge.mjs";
+const d = G(), M = 36, B = 4, v = (n, r) => n.value ? `${n.key}${r}${n.value}` : n.key, q = ({ badges: n, delimiter: r = ":", maxVisible: f, className: N }) => {
+  const c = W(null), g = W(null), [x, w] = O(n.length), l = R(() => {
+    const e = c.current, t = g.current;
+    if (!e || !t) return;
+    const i = e.offsetWidth;
+    if (f !== void 0) {
+      w(Math.min(f, n.length));
+      return;
+    }
+    const s = t.children;
+    let a = 0, C = 0;
+    for (let u = 0; u < s.length; u++) {
+      const $ = s[u].offsetWidth + B, E = u < n.length - 1 ? i - M - B : i;
+      if (a + $ <= E)
+        a += $, C++;
+      else
+        break;
+    }
+    w(Math.max(C, 0));
+  }, [n.length, f]), h = P(() => {
+    let e = 0, t = null;
+    const i = () => {
+      const s = Date.now(), a = 150 - (s - e);
+      a <= 0 ? (e = s, l()) : t || (t = setTimeout(() => {
+        e = Date.now(), t = null, l();
+      }, a));
+    };
+    return i.cancel = () => {
+      t && (clearTimeout(t), t = null);
+    }, i;
+  }, [l]);
+  if (T(() => {
+    l();
+    const e = new ResizeObserver(h);
+    return c.current && e.observe(c.current), () => {
+      e.disconnect(), h.cancel();
+    };
+  }, [l, h]), n.length === 0)
+    return null;
+  const D = n.slice(0, x), b = n.slice(x), y = b.length;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: c,
+      "data-testid": "badge-cell",
+      className: p("relative flex items-center gap-1 min-w-0 overflow-hidden", N),
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            ref: g,
+            "aria-hidden": !0,
+            className: "absolute top-0 left-0 flex items-center gap-1 invisible pointer-events-none whitespace-nowrap",
+            children: n.map((e, t) => /* @__PURE__ */ o(k, { label: v(e, r) }, `measure-${e.key}-${t}`))
+          }
+        ),
+        D.map((e, t) => /* @__PURE__ */ o(k, { label: v(e, r) }, `${e.key}-${t}`)),
+        y > 0 && /* @__PURE__ */ m(j, { children: [
+          /* @__PURE__ */ o(z, { asChild: !0, children: /* @__PURE__ */ m(
+            "button",
+            {
+              type: "button",
+              "data-testid": "badge-cell-overflow",
+              className: p(
+                "inline-flex items-center justify-center rounded px-2 py-0.5 text-xs font-medium cursor-pointer whitespace-nowrap border-0",
+                d.bg,
+                d.text
+              ),
+              children: [
+                "+",
+                y
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ o(
+            A,
+            {
+              side: "top",
+              align: "start",
+              className: "w-auto max-h-[200px] overflow-y-auto p-2 bg-white text-igz-primary border border-igz-gray-light",
+              children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: b.map((e, t) => /* @__PURE__ */ o(
+                "span",
+                {
+                  className: p(
+                    "inline-flex rounded px-2 py-0.5 text-xs font-medium whitespace-nowrap",
+                    d.bg,
+                    d.text
+                  ),
+                  children: v(e, r)
+                },
+                `hidden-${e.key}-${t}`
+              )) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  q as default
+};
+//# sourceMappingURL=BadgeCell.mjs.map

package/dist/nextGenComponents/components/BadgeCell/BadgeCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCell.mjs","sources":["../../../../src/lib/nextGenComponents/components/BadgeCell/BadgeCell.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport Badge, { getBadgeColor } from '@/components/Badge'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'\nimport { cn } from '@/lib/utils'\n\nexport type BadgeItem = {\n  key: string\n  value?: string\n}\n\nexport type BadgeCellProps = {\n  badges: BadgeItem[]\n  delimiter?: string\n  maxVisible?: number\n  className?: string\n}\n\nconst badgeColor = getBadgeColor()\nconst OVERFLOW_BADGE_WIDTH = 36\nconst BADGE_GAP = 4\n\nconst formatLabel = (badge: BadgeItem, delimiter: string) => {\n  if (!badge.value) return badge.key\n  return `${badge.key}${delimiter}${badge.value}`\n}\n\nconst BadgeCell = ({ badges, delimiter = ':', maxVisible, className }: BadgeCellProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const measureRef = useRef<HTMLDivElement>(null)\n  const [visibleCount, setVisibleCount] = useState(badges.length)\n\n  const calculateVisibleCount = useCallback(() => {\n    const container = containerRef.current\n    const measure = measureRef.current\n    if (!container || !measure) return\n\n    const containerWidth = container.offsetWidth\n\n    if (maxVisible !== undefined) {\n      setVisibleCount(Math.min(maxVisible, badges.length))\n      return\n    }\n\n    const badgeElements = measure.children\n    let totalWidth = 0\n    let count = 0\n\n    for (let i = 0; i < badgeElements.length; i++) {\n      const badgeWidth = (badgeElements[i] as HTMLElement).offsetWidth + BADGE_GAP\n      const needsOverflow = i < badges.length - 1\n      const availableWidth = needsOverflow\n        ? containerWidth - OVERFLOW_BADGE_WIDTH - BADGE_GAP\n        : containerWidth\n\n      if (totalWidth + badgeWidth <= availableWidth) {\n        totalWidth += badgeWidth\n        count++\n      } else {\n        break\n      }\n    }\n\n    setVisibleCount(Math.max(count, 0))\n  }, [badges.length, maxVisible])\n\n  const throttledCalculate = useMemo(() => {\n    let lastCall = 0\n    let timeoutId: ReturnType<typeof setTimeout> | null = null\n\n    const throttled = () => {\n      const now = Date.now()\n      const remaining = 150 - (now - lastCall)\n\n      if (remaining <= 0) {\n        lastCall = now\n        calculateVisibleCount()\n      } else if (!timeoutId) {\n        timeoutId = setTimeout(() => {\n          lastCall = Date.now()\n          timeoutId = null\n          calculateVisibleCount()\n        }, remaining)\n      }\n    }\n\n    throttled.cancel = () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId)\n        timeoutId = null\n      }\n    }\n\n    return throttled\n  }, [calculateVisibleCount])\n\n  useEffect(() => {\n    calculateVisibleCount()\n\n    const observer = new ResizeObserver(throttledCalculate)\n    if (containerRef.current) {\n      observer.observe(containerRef.current)\n    }\n\n    return () => {\n      observer.disconnect()\n      throttledCalculate.cancel()\n    }\n  }, [calculateVisibleCount, throttledCalculate])\n\n  if (badges.length === 0) {\n    return null\n  }\n\n  const visibleBadges = badges.slice(0, visibleCount)\n  const hiddenBadges = badges.slice(visibleCount)\n  const hiddenCount = hiddenBadges.length\n\n  return (\n    <div\n      ref={containerRef}\n      data-testid=\"badge-cell\"\n      className={cn('relative flex items-center gap-1 min-w-0 overflow-hidden', className)}\n    >\n      <div\n        ref={measureRef}\n        aria-hidden\n        className=\"absolute top-0 left-0 flex items-center gap-1 invisible pointer-events-none whitespace-nowrap\"\n      >\n        {badges.map((badge, index) => (\n          <Badge key={`measure-${badge.key}-${index}`} label={formatLabel(badge, delimiter)} />\n        ))}\n      </div>\n\n      {visibleBadges.map((badge, index) => (\n        <Badge key={`${badge.key}-${index}`} label={formatLabel(badge, delimiter)} />\n      ))}\n\n      {hiddenCount > 0 && (\n        <Popover>\n          <PopoverTrigger asChild>\n            <button\n              type=\"button\"\n              data-testid=\"badge-cell-overflow\"\n              className={cn(\n                'inline-flex items-center justify-center rounded px-2 py-0.5 text-xs font-medium cursor-pointer whitespace-nowrap border-0',\n                badgeColor.bg,\n                badgeColor.text\n              )}\n            >\n              +{hiddenCount}\n            </button>\n          </PopoverTrigger>\n          <PopoverContent\n            side=\"top\"\n            align=\"start\"\n            className=\"w-auto max-h-[200px] overflow-y-auto p-2 bg-white text-igz-primary border border-igz-gray-light\"\n          >\n            <div className=\"flex flex-col gap-1.5\">\n              {hiddenBadges.map((badge, index) => (\n                <span\n                  key={`hidden-${badge.key}-${index}`}\n                  className={cn(\n                    'inline-flex rounded px-2 py-0.5 text-xs font-medium whitespace-nowrap',\n                    badgeColor.bg,\n                    badgeColor.text\n                  )}\n                >\n                  {formatLabel(badge, delimiter)}\n                </span>\n              ))}\n            </div>\n          </PopoverContent>\n        </Popover>\n      )}\n    </div>\n  )\n}\n\nexport default BadgeCell\n"],"names":["badgeColor","getBadgeColor","OVERFLOW_BADGE_WIDTH","BADGE_GAP","formatLabel","badge","delimiter","BadgeCell","badges","maxVisible","className","containerRef","useRef","measureRef","visibleCount","setVisibleCount","useState","calculateVisibleCount","useCallback","container","measure","containerWidth","badgeElements","totalWidth","count","i","badgeWidth","availableWidth","throttledCalculate","useMemo","lastCall","timeoutId","throttled","now","remaining","useEffect","observer","visibleBadges","hiddenBadges","hiddenCount","jsxs","cn","jsx","index","Badge","Popover","PopoverTrigger","PopoverContent"],"mappings":"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"}

package/dist/nextGenComponents/components/BadgeCell/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './BadgeCell';
+export type { BadgeCellProps, BadgeItem } from './BadgeCell';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/BadgeCell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/BadgeCell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACrC,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/nextGenComponents/components/BadgeCell/index.mjs

@@ -0,0 +1,5 @@
+import { default as o } from "./BadgeCell.mjs";
+export {
+  o as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/nextGenComponents/components/BadgeCell/index.mjs.map

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

package/dist/nextGenComponents/components/CustomRangePicker/CustomRangePicker.d.ts

@@ -0,0 +1,10 @@
+import type { CustomDateRange } from '@/types/table/timeFilter';
+type Props = {
+    onApply?: (range: CustomDateRange) => void;
+    singleDate?: boolean;
+    onReset?: () => void;
+    initialRange?: CustomDateRange;
+};
+declare const CustomRangePicker: ({ onApply, singleDate, onReset, initialRange }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CustomRangePicker;
+//# sourceMappingURL=CustomRangePicker.d.ts.map

package/dist/nextGenComponents/components/CustomRangePicker/CustomRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/CustomRangePicker/CustomRangePicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAU/D,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,eAAe,CAAA;CAC/B,CAAA;AAKD,QAAA,MAAM,iBAAiB,GAAI,gDAAwD,KAAK,4CA4HvF,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/nextGenComponents/components/CustomRangePicker/CustomRangePicker.mjs

@@ -0,0 +1,103 @@
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { AlertCircle as I } from "lucide-react";
+import { useState as T, useMemo as O } from "react";
+import { DateTimePickerPanel as N } from "./DateTimePickerPanel.mjs";
+import { Button as H } from "../ui/button.mjs";
+import { RESET as P, FILTER_BUTTON_APPLY as L } from "../../constants/index.mjs";
+import { getDefaultSinceHour as U, getDefaultUntilHour as V, isoToLocalDate as S, isoToHour as v, applyHourToDate as h, toUTCISO as x } from "../../utils/date.utils.mjs";
+const j = { from: void 0, to: void 0 }, z = '"To" must be later than "From"', J = ({ onApply: m, singleDate: s = !1, onReset: n, initialRange: r }) => {
+  const u = U(), f = V(), [o, b] = T({
+    from: S((r == null ? void 0 : r.since) ?? ""),
+    to: S((r == null ? void 0 : r.until) ?? "")
+  }), [d, p] = T({
+    from: v((r == null ? void 0 : r.since) ?? "") || u,
+    to: v((r == null ? void 0 : r.until) ?? "") || (s ? "" : f)
+  }), a = O(() => {
+    if (s || !o.from || !o.to) return "";
+    const t = h(o.from, d.from, u), e = h(o.to, d.to, f);
+    return t.getTime() > e.getTime() ? z : "";
+  }, [o.from, o.to, d.from, d.to, s, u, f]), C = () => {
+    b(j), p({ from: u, to: s ? "" : f }), n == null || n();
+  }, F = (t) => b((e) => ({ from: t, to: e.to })), i = (t) => b((e) => ({ from: e.from, to: t })), w = (t) => {
+    p((e) => ({ ...e, from: t }));
+  }, k = (t) => {
+    p((e) => ({ ...e, to: t }));
+  }, E = !o.from && !o.to, _ = (s ? !o.from : !o.from || !o.to) || !!a, D = () => {
+    if (a || !o.from) return;
+    const t = h(o.from, d.from, u);
+    if (s) {
+      m == null || m({ since: x(t), until: "" });
+      return;
+    }
+    if (!o.to) return;
+    const e = h(o.to, d.to, f);
+    m == null || m({ since: x(t), until: x(e) });
+  };
+  return /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 bg-white p-6 w-fit", children: [
+    /* @__PURE__ */ l("div", { className: s ? "" : "grid grid-cols-2 gap-8", children: [
+      /* @__PURE__ */ c(
+        N,
+        {
+          label: s ? "" : "From:",
+          side: "start",
+          dateValue: o.from,
+          range: o,
+          hourValue: d.from,
+          singleDate: s,
+          onHourChange: w,
+          onSelectDate: F
+        }
+      ),
+      !s && /* @__PURE__ */ c(
+        N,
+        {
+          label: "To:",
+          side: "end",
+          dateValue: o.to,
+          range: o,
+          hourValue: d.to,
+          onHourChange: k,
+          onSelectDate: i
+        }
+      )
+    ] }),
+    a && /* @__PURE__ */ l(
+      "div",
+      {
+        className: "flex items-center gap-3 rounded-md border border-red-300 bg-red-50 px-4 py-3",
+        "data-testid": "custom-date-error",
+        children: [
+          /* @__PURE__ */ c(I, { className: "h-5 w-5 shrink-0 text-red-500" }),
+          /* @__PURE__ */ c("span", { className: "text-sm font-medium text-red-600", children: a })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: "flex justify-end gap-3 pt-4", children: [
+      /* @__PURE__ */ c(
+        H,
+        {
+          variant: "secondary",
+          className: "px-6 py-2 bg-white w-[90px] border-[1.5px] border-igz-gray text-[#4B4760] rounded-md hover:bg-[#483F561F]",
+          "data-testid": "custom-date-reset-btn",
+          onClick: C,
+          disabled: E,
+          children: P
+        }
+      ),
+      /* @__PURE__ */ c(
+        H,
+        {
+          className: "px-6 py-2 bg-igz-light-purple w-[90px] text-white hover:bg-igz-dark-purple rounded-md",
+          "data-testid": "custom-date-apply-btn",
+          onClick: D,
+          disabled: _,
+          children: L
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  J as default
+};
+//# sourceMappingURL=CustomRangePicker.mjs.map

package/dist/nextGenComponents/components/CustomRangePicker/CustomRangePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomRangePicker.mjs","sources":["../../../../src/lib/nextGenComponents/components/CustomRangePicker/CustomRangePicker.tsx"],"sourcesContent":["import { AlertCircle } from 'lucide-react'\nimport { useMemo, useState } from 'react'\nimport type { DateRange } from 'react-day-picker'\n\nimport { DateTimePickerPanel } from '@/components/CustomRangePicker/DateTimePickerPanel'\nimport { Button } from '@/components/ui/button'\nimport { FILTER_BUTTON_APPLY, RESET } from '@/constants'\nimport type { CustomDateRange } from '@/types/table/timeFilter'\nimport {\n  applyHourToDate,\n  getDefaultSinceHour,\n  getDefaultUntilHour,\n  isoToHour,\n  isoToLocalDate,\n  toUTCISO\n} from '@/utils/date.utils'\n\ntype Props = {\n  onApply?: (range: CustomDateRange) => void\n  singleDate?: boolean\n  onReset?: () => void\n  initialRange?: CustomDateRange\n}\n\nconst INITIAL_RANGE: DateRange = { from: undefined, to: undefined }\nconst FROM_AFTER_TO_ERROR = '\"To\" must be later than \"From\"'\n\nconst CustomRangePicker = ({ onApply, singleDate = false, onReset, initialRange }: Props) => {\n  const defaultSinceHour = getDefaultSinceHour()\n  const defaultUntilHour = getDefaultUntilHour()\n\n  const [date, setDate] = useState<DateRange>({\n    from: isoToLocalDate(initialRange?.since ?? ''),\n    to: isoToLocalDate(initialRange?.until ?? '')\n  })\n  const [hours, setHours] = useState<{ from: string; to: string }>({\n    from: isoToHour(initialRange?.since ?? '') || defaultSinceHour,\n    to: isoToHour(initialRange?.until ?? '') || (singleDate ? '' : defaultUntilHour)\n  })\n\n  const errorMessage = useMemo(() => {\n    if (singleDate || !date.from || !date.to) return ''\n\n    const fromDate = applyHourToDate(date.from, hours.from, defaultSinceHour)\n    const toDate = applyHourToDate(date.to, hours.to, defaultUntilHour)\n\n    if (fromDate.getTime() > toDate.getTime()) {\n      return FROM_AFTER_TO_ERROR\n    }\n\n    return ''\n  }, [date.from, date.to, hours.from, hours.to, singleDate, defaultSinceHour, defaultUntilHour])\n\n  const handleReset = () => {\n    setDate(INITIAL_RANGE)\n    setHours({ from: defaultSinceHour, to: singleDate ? '' : defaultUntilHour })\n    onReset?.()\n  }\n\n  const handleSelectDateFrom = (selectedDate?: Date) =>\n    setDate(prev => ({ from: selectedDate, to: prev.to }))\n\n  const handleSelectDateTo = (selectedDate?: Date) =>\n    setDate(prev => ({ from: prev.from, to: selectedDate }))\n\n  const handleFromHourChange = (hour: string) => {\n    setHours(prev => ({ ...prev, from: hour }))\n  }\n\n  const handleToHourChange = (hour: string) => {\n    setHours(prev => ({ ...prev, to: hour }))\n  }\n\n  const hasNoDateSelected = !date.from && !date.to\n  const isApplyDisabled = (singleDate ? !date.from : !date.from || !date.to) || !!errorMessage\n\n  const handleApply = () => {\n    if (errorMessage) return\n    if (!date.from) return\n\n    const since = applyHourToDate(date.from, hours.from, defaultSinceHour)\n\n    if (singleDate) {\n      onApply?.({ since: toUTCISO(since), until: '' })\n      return\n    }\n\n    if (!date.to) return\n    const until = applyHourToDate(date.to, hours.to, defaultUntilHour)\n\n    onApply?.({ since: toUTCISO(since), until: toUTCISO(until) })\n  }\n\n  return (\n    <div className=\"flex flex-col gap-6 bg-white p-6 w-fit\">\n      <div className={singleDate ? '' : 'grid grid-cols-2 gap-8'}>\n        <DateTimePickerPanel\n          label={singleDate ? '' : 'From:'}\n          side=\"start\"\n          dateValue={date.from}\n          range={date}\n          hourValue={hours.from}\n          singleDate={singleDate}\n          onHourChange={handleFromHourChange}\n          onSelectDate={handleSelectDateFrom}\n        />\n\n        {!singleDate && (\n          <DateTimePickerPanel\n            label=\"To:\"\n            side=\"end\"\n            dateValue={date.to}\n            range={date}\n            hourValue={hours.to}\n            onHourChange={handleToHourChange}\n            onSelectDate={handleSelectDateTo}\n          />\n        )}\n      </div>\n\n      {errorMessage && (\n        <div\n          className=\"flex items-center gap-3 rounded-md border border-red-300 bg-red-50 px-4 py-3\"\n          data-testid=\"custom-date-error\"\n        >\n          <AlertCircle className=\"h-5 w-5 shrink-0 text-red-500\" />\n          <span className=\"text-sm font-medium text-red-600\">{errorMessage}</span>\n        </div>\n      )}\n\n      <div className=\"flex justify-end gap-3 pt-4\">\n        <Button\n          variant=\"secondary\"\n          className=\"px-6 py-2 bg-white w-[90px] border-[1.5px] border-igz-gray text-[#4B4760] rounded-md hover:bg-[#483F561F]\"\n          data-testid=\"custom-date-reset-btn\"\n          onClick={handleReset}\n          disabled={hasNoDateSelected}\n        >\n          {RESET}\n        </Button>\n        <Button\n          className=\"px-6 py-2 bg-igz-light-purple w-[90px] text-white hover:bg-igz-dark-purple rounded-md\"\n          data-testid=\"custom-date-apply-btn\"\n          onClick={handleApply}\n          disabled={isApplyDisabled}\n        >\n          {FILTER_BUTTON_APPLY}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport default CustomRangePicker\n"],"names":["INITIAL_RANGE","FROM_AFTER_TO_ERROR","CustomRangePicker","onApply","singleDate","onReset","initialRange","defaultSinceHour","getDefaultSinceHour","defaultUntilHour","getDefaultUntilHour","date","setDate","useState","isoToLocalDate","hours","setHours","isoToHour","errorMessage","useMemo","fromDate","applyHourToDate","toDate","handleReset","handleSelectDateFrom","selectedDate","prev","handleSelectDateTo","handleFromHourChange","hour","handleToHourChange","hasNoDateSelected","isApplyDisabled","handleApply","since","toUTCISO","until","jsxs","jsx","DateTimePickerPanel","AlertCircle","Button","RESET","FILTER_BUTTON_APPLY"],"mappings":"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"}

package/dist/nextGenComponents/components/CustomRangePicker/DateTimePickerPanel.d.ts

@@ -0,0 +1,14 @@
+import type { DateRange } from 'react-day-picker';
+type Props = {
+    label: string;
+    side: 'start' | 'end';
+    dateValue?: Date;
+    range?: DateRange;
+    hourValue: string;
+    singleDate?: boolean;
+    onHourChange: (value: string) => void;
+    onSelectDate: (selectedDate?: Date) => void;
+};
+export declare const DateTimePickerPanel: ({ label, side, dateValue, range, hourValue, singleDate, onHourChange, onSelectDate }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DateTimePickerPanel.d.ts.map

package/dist/nextGenComponents/components/CustomRangePicker/DateTimePickerPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePickerPanel.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/CustomRangePicker/DateTimePickerPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAiBjD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,GAAG,KAAK,CAAA;IACrB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,YAAY,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC5C,CAAA;AA+CD,eAAO,MAAM,mBAAmB,GAAI,sFASjC,KAAK,4CAgFP,CAAA"}

package/dist/nextGenComponents/components/CustomRangePicker/DateTimePickerPanel.mjs

@@ -0,0 +1,115 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { useState as f, useEffect as y, useCallback as x } from "react";
+import { isMaskComplete as h, MaskedInput as D } from "./MaskedInput.mjs";
+import { TimePickerInput as L } from "./TimePickerInput.mjs";
+import { Calendar as N } from "../ui/calendar.mjs";
+import { cn as w } from "../../lib/utils.mjs";
+import { getSupportedLocale as A, getDatePlaceholder as B, formatLocalDate as c, parseLocalDate as g } from "../../utils/date.utils.mjs";
+const C = "_", F = () => A() === "en-US" ? (t) => {
+  const e = t[0], s = t[3];
+  return [
+    /[0-1]/,
+    e === "1" ? /[0-2]/ : /\d/,
+    "/",
+    /[0-3]/,
+    s === "3" ? /[0-1]/ : /\d/,
+    "/",
+    /[1-2]/,
+    /\d/,
+    /\d/,
+    /\d/
+  ];
+} : (t) => {
+  const e = t[0], s = t[3];
+  return [
+    /[0-3]/,
+    e === "3" ? /[0-1]/ : /\d/,
+    "/",
+    /[0-1]/,
+    s === "1" ? /[0-2]/ : /\d/,
+    "/",
+    /[1-2]/,
+    /\d/,
+    /\d/,
+    /\d/
+  ];
+}, z = F(), E = B(), O = ({
+  label: p,
+  side: t,
+  dateValue: e,
+  range: s,
+  hourValue: u,
+  singleDate: b,
+  onHourChange: k,
+  onSelectDate: o
+}) => {
+  const [n, i] = f(e ? c(e) : ""), [M, d] = f(e ?? /* @__PURE__ */ new Date());
+  y(() => {
+    i(e ? c(e) : ""), e && d(e);
+  }, [e]);
+  const v = x(
+    (r) => {
+      if (i(r), !r) {
+        o(void 0);
+        return;
+      }
+      if (h(r, C)) {
+        const l = g(r);
+        l && o(l);
+      }
+    },
+    [o]
+  ), P = x(() => {
+    if (!n) {
+      o(void 0);
+      return;
+    }
+    if (h(n, C)) {
+      const r = g(n);
+      r ? (i(c(r)), o(r)) : i(e ? c(e) : "");
+    } else
+      i(e ? c(e) : "");
+  }, [n, e, o]);
+  return /* @__PURE__ */ m("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ m("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ a(
+        D,
+        {
+          mask: z,
+          value: n,
+          onChange: v,
+          onBlur: P,
+          textPlaceholder: E,
+          className: w(
+            "h-10 flex-1 w-[116px] text-center text-[14px] border border-[#C4C2C8] rounded-md focus-visible:ring-1 focus-visible:ring-igz-light-purple focus-visible:outline-none",
+            e ? "text-igz-primary" : "text-[#C4C2C8]"
+          )
+        }
+      ),
+      /* @__PURE__ */ a(L, { value: u, onChange: k, className: "w-[110px]" })
+    ] }),
+    /* @__PURE__ */ a(
+      N,
+      {
+        mode: "single",
+        month: M,
+        onMonthChange: d,
+        selected: e,
+        onSelect: o,
+        className: "[--calendar-padding:0rem] border-none",
+        classNames: {
+          weekday: "text-[#ADABB0] uppercase font-normal text-[12px] w-full",
+          caption_label: "text-igz-primary font-normal text-[20px]"
+        },
+        range: s,
+        activeRangeSide: t,
+        captionPrefix: p,
+        singleDate: b
+      }
+    )
+  ] });
+};
+export {
+  O as DateTimePickerPanel
+};
+//# sourceMappingURL=DateTimePickerPanel.mjs.map

package/dist/nextGenComponents/components/CustomRangePicker/DateTimePickerPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePickerPanel.mjs","sources":["../../../../src/lib/nextGenComponents/components/CustomRangePicker/DateTimePickerPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport type { DateRange } from 'react-day-picker'\n\nimport {\n  MaskedInput,\n  isMaskComplete,\n  type MaskItem\n} from '@/components/CustomRangePicker/MaskedInput'\nimport { TimePickerInput } from '@/components/CustomRangePicker/TimePickerInput'\nimport { Calendar } from '@/components/ui/calendar'\nimport { cn } from '@/lib/utils'\nimport {\n  formatLocalDate,\n  getDatePlaceholder,\n  getSupportedLocale,\n  parseLocalDate\n} from '@/utils/date.utils'\n\ntype Props = {\n  label: string\n  side: 'start' | 'end'\n  dateValue?: Date\n  range?: DateRange\n  hourValue: string\n  singleDate?: boolean\n  onHourChange: (value: string) => void\n  onSelectDate: (selectedDate?: Date) => void\n}\n\nconst PLACEHOLDER_CHAR = '_' as const\n\nconst buildLocalDateMask = (): ((value: string) => MaskItem[]) => {\n  const isUS = getSupportedLocale() === 'en-US'\n\n  if (isUS) {\n    return (value: string): MaskItem[] => {\n      const monthFirst = value[0]\n      const dayFirst = value[3]\n      return [\n        /[0-1]/,\n        monthFirst === '1' ? /[0-2]/ : /\\d/,\n        '/',\n        /[0-3]/,\n        dayFirst === '3' ? /[0-1]/ : /\\d/,\n        '/',\n        /[1-2]/,\n        /\\d/,\n        /\\d/,\n        /\\d/\n      ]\n    }\n  }\n\n  return (value: string): MaskItem[] => {\n    const dayFirst = value[0]\n    const monthFirst = value[3]\n    return [\n      /[0-3]/,\n      dayFirst === '3' ? /[0-1]/ : /\\d/,\n      '/',\n      /[0-1]/,\n      monthFirst === '1' ? /[0-2]/ : /\\d/,\n      '/',\n      /[1-2]/,\n      /\\d/,\n      /\\d/,\n      /\\d/\n    ]\n  }\n}\n\nconst dateMask = buildLocalDateMask()\nconst datePlaceholder = getDatePlaceholder()\n\nexport const DateTimePickerPanel = ({\n  label,\n  side,\n  dateValue,\n  range,\n  hourValue,\n  singleDate,\n  onHourChange,\n  onSelectDate\n}: Props) => {\n  const [maskedDate, setMaskedDate] = useState(dateValue ? formatLocalDate(dateValue) : '')\n  const [displayedMonth, setDisplayedMonth] = useState<Date>(dateValue ?? new Date())\n\n  useEffect(() => {\n    setMaskedDate(dateValue ? formatLocalDate(dateValue) : '')\n    if (dateValue) {\n      setDisplayedMonth(dateValue)\n    }\n  }, [dateValue])\n\n  const handleMaskedDateChange = useCallback(\n    (masked: string) => {\n      setMaskedDate(masked)\n      if (!masked) {\n        onSelectDate(undefined)\n        return\n      }\n      if (isMaskComplete(masked, PLACEHOLDER_CHAR)) {\n        const parsed = parseLocalDate(masked)\n        if (parsed) onSelectDate(parsed)\n      }\n    },\n    [onSelectDate]\n  )\n\n  const handleDateBlur = useCallback(() => {\n    if (!maskedDate) {\n      onSelectDate(undefined)\n      return\n    }\n    if (isMaskComplete(maskedDate, PLACEHOLDER_CHAR)) {\n      const parsed = parseLocalDate(maskedDate)\n      if (parsed) {\n        setMaskedDate(formatLocalDate(parsed))\n        onSelectDate(parsed)\n      } else {\n        setMaskedDate(dateValue ? formatLocalDate(dateValue) : '')\n      }\n    } else {\n      setMaskedDate(dateValue ? formatLocalDate(dateValue) : '')\n    }\n  }, [maskedDate, dateValue, onSelectDate])\n\n  return (\n    <div className=\"flex flex-col gap-6\">\n      <div className=\"flex gap-2\">\n        <MaskedInput\n          mask={dateMask}\n          value={maskedDate}\n          onChange={handleMaskedDateChange}\n          onBlur={handleDateBlur}\n          textPlaceholder={datePlaceholder}\n          className={cn(\n            'h-10 flex-1 w-[116px] text-center text-[14px] border border-[#C4C2C8] rounded-md focus-visible:ring-1 focus-visible:ring-igz-light-purple focus-visible:outline-none',\n            dateValue ? 'text-igz-primary' : 'text-[#C4C2C8]'\n          )}\n        />\n\n        <TimePickerInput value={hourValue} onChange={onHourChange} className=\"w-[110px]\" />\n      </div>\n\n      <Calendar\n        mode=\"single\"\n        month={displayedMonth}\n        onMonthChange={setDisplayedMonth}\n        selected={dateValue}\n        onSelect={onSelectDate}\n        className=\"[--calendar-padding:0rem] border-none\"\n        classNames={{\n          weekday: 'text-[#ADABB0] uppercase font-normal text-[12px] w-full',\n          caption_label: 'text-igz-primary font-normal text-[20px]'\n        }}\n        range={range}\n        activeRangeSide={side}\n        captionPrefix={label}\n        singleDate={singleDate}\n      />\n    </div>\n  )\n}\n"],"names":["PLACEHOLDER_CHAR","buildLocalDateMask","getSupportedLocale","value","monthFirst","dayFirst","dateMask","datePlaceholder","getDatePlaceholder","DateTimePickerPanel","label","side","dateValue","range","hourValue","singleDate","onHourChange","onSelectDate","maskedDate","setMaskedDate","useState","formatLocalDate","displayedMonth","setDisplayedMonth","useEffect","handleMaskedDateChange","useCallback","masked","isMaskComplete","parsed","parseLocalDate","handleDateBlur","jsxs","jsx","MaskedInput","cn","TimePickerInput","Calendar"],"mappings":"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"}

package/dist/nextGenComponents/components/CustomRangePicker/MaskedInput.d.ts

@@ -0,0 +1,14 @@
+export type MaskItem = RegExp | string;
+export declare const isMaskComplete: (value: string, placeholderChar?: string) => boolean;
+type Props = {
+    mask: MaskItem[] | ((value: string) => MaskItem[]);
+    value: string;
+    onChange: (conformedValue: string) => void;
+    onBlur?: () => void;
+    placeholderChar?: string;
+    textPlaceholder?: string;
+    className?: string;
+};
+export declare const MaskedInput: ({ mask, value, onChange, onBlur, placeholderChar, textPlaceholder, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MaskedInput.d.ts.map

package/dist/nextGenComponents/components/CustomRangePicker/MaskedInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/CustomRangePicker/MaskedInput.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAEtC,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,EAAE,wBAAqB,KAAG,OAChB,CAAA;AAEtD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,QAAQ,EAAE,CAAC,CAAA;IAClD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAqBD,eAAO,MAAM,WAAW,GAAI,gFAQzB,KAAK,4CAgJP,CAAA"}

package/dist/nextGenComponents/components/CustomRangePicker/MaskedInput.mjs

@@ -0,0 +1,109 @@
+import { jsx as L } from "react/jsx-runtime";
+import { useRef as T, useState as I, useCallback as P } from "react";
+import { cn as O } from "../../lib/utils.mjs";
+const J = (n, r = "_") => n.length > 0 && !n.includes(r), _ = "_", x = (n, r) => typeof n == "function" ? n(r) : n, k = (n, r) => n.map((i) => typeof i == "string" ? i : r).join(""), w = (n, r, i) => n.split("").map((g, o) => typeof r[o] == "string" ? r[o] : g === i ? i : r[o].test(g) ? g : i).join(""), Q = ({
+  mask: n,
+  value: r,
+  onChange: i,
+  onBlur: g,
+  placeholderChar: o = _,
+  textPlaceholder: D,
+  className: v
+}) => {
+  const A = T(null), [S, F] = I(!1), l = x(n, r), j = k(l, o), f = r || j, M = !!D && !r && !S ? "" : f, m = P((t, c) => {
+    let s = t;
+    for (; s < c.length && typeof c[s] == "string"; ) s++;
+    return s;
+  }, []), R = P((t, c) => {
+    let s = t;
+    for (; s >= 0 && typeof c[s] == "string"; ) s--;
+    return s;
+  }, []), q = P(
+    (t) => {
+      const c = t.target, s = c.selectionStart ?? 0;
+      if (t.key === "Backspace") {
+        t.preventDefault();
+        const e = R(s - 1, l);
+        if (e >= 0) {
+          const p = f.split("");
+          p[e] = o;
+          const a = p.join(""), u = x(n, a), y = k(u, o), d = w(a, u, o);
+          i(d === y ? "" : d), requestAnimationFrame(() => c.setSelectionRange(e, e));
+        }
+        return;
+      }
+      if (t.key === "Delete") {
+        t.preventDefault();
+        const e = m(s, l);
+        if (e < l.length) {
+          const p = f.split("");
+          p[e] = o;
+          const a = p.join(""), u = x(n, a), y = k(u, o), d = w(a, u, o);
+          i(d === y ? "" : d), requestAnimationFrame(() => c.setSelectionRange(e, e));
+        }
+        return;
+      }
+      if (!(t.key === "ArrowLeft" || t.key === "ArrowRight") && t.key.length === 1 && !t.metaKey && !t.ctrlKey) {
+        t.preventDefault();
+        const e = m(s, l);
+        if (e >= l.length || !l[e].test(t.key)) return;
+        const a = f.split("");
+        a[e] = t.key;
+        const u = a.join(""), y = x(n, u), d = w(u, y, o);
+        i(d);
+        const b = m(e + 1, y);
+        requestAnimationFrame(() => c.setSelectionRange(b, b));
+      }
+    },
+    [n, l, f, i, o, m, R]
+  ), V = P(
+    (t) => {
+      t.preventDefault();
+      const c = t.clipboardData.getData("text"), s = t.target;
+      let e = s.selectionStart ?? 0;
+      const p = f.split("");
+      for (const b of c) {
+        if (e = m(e, l), e >= l.length) break;
+        l[e].test(b) && (p[e] = b, e++);
+      }
+      const a = p.join(""), u = x(n, a), y = w(a, u, o);
+      i(y);
+      const d = m(e, u);
+      requestAnimationFrame(() => s.setSelectionRange(d, d));
+    },
+    [n, l, f, i, o, m]
+  ), E = P(() => {
+    F(!0), requestAnimationFrame(() => {
+      var s;
+      const t = f.indexOf(o), c = t === -1 ? f.length : t;
+      (s = A.current) == null || s.setSelectionRange(c, c);
+    });
+  }, [f, o]), K = P(() => {
+    F(!1), g == null || g();
+  }, [g]);
+  return /* @__PURE__ */ L(
+    "input",
+    {
+      ref: A,
+      value: M,
+      placeholder: D,
+      onChange: () => {
+      },
+      onKeyDown: q,
+      onPaste: V,
+      onFocus: E,
+      onBlur: K,
+      className: O(
+        "flex h-10 rounded-md border border-solid border-input bg-background px-3 py-2 text-base placeholder:text-[#C4C2C8] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        v
+      ),
+      spellCheck: !1,
+      autoComplete: "off"
+    }
+  );
+};
+export {
+  Q as MaskedInput,
+  J as isMaskComplete
+};
+//# sourceMappingURL=MaskedInput.mjs.map

package/dist/nextGenComponents/components/CustomRangePicker/MaskedInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInput.mjs","sources":["../../../../src/lib/nextGenComponents/components/CustomRangePicker/MaskedInput.tsx"],"sourcesContent":["import type { ClipboardEvent, KeyboardEvent } from 'react'\nimport { useCallback, useRef, useState } from 'react'\n\nimport { cn } from '@/lib/utils'\n\nexport type MaskItem = RegExp | string\n\nexport const isMaskComplete = (value: string, placeholderChar = '_'): boolean =>\n  value.length > 0 && !value.includes(placeholderChar)\n\ntype Props = {\n  mask: MaskItem[] | ((value: string) => MaskItem[])\n  value: string\n  onChange: (conformedValue: string) => void\n  onBlur?: () => void\n  placeholderChar?: string\n  textPlaceholder?: string\n  className?: string\n}\n\nconst PLACEHOLDER = '_'\n\nconst resolveMask = (mask: Props['mask'], value: string): MaskItem[] =>\n  typeof mask === 'function' ? mask(value) : mask\n\nconst buildPlaceholder = (mask: MaskItem[], pc: string): string =>\n  mask.map(m => (typeof m === 'string' ? m : pc)).join('')\n\nconst conformToMask = (raw: string, resolvedMask: MaskItem[], placeholderChar: string): string =>\n  raw\n    .split('')\n    .map((c, i) => {\n      if (typeof resolvedMask[i] === 'string') return resolvedMask[i] as string\n      if (c === placeholderChar) return placeholderChar\n      if ((resolvedMask[i] as RegExp).test(c)) return c\n      return placeholderChar\n    })\n    .join('')\n\nexport const MaskedInput = ({\n  mask,\n  value,\n  onChange,\n  onBlur,\n  placeholderChar = PLACEHOLDER,\n  textPlaceholder,\n  className\n}: Props) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isFocused, setIsFocused] = useState(false)\n  const maskArr = resolveMask(mask, value)\n  const maskPlaceholder = buildPlaceholder(maskArr, placeholderChar)\n  const maskedDisplay = value || maskPlaceholder\n\n  const showTextPlaceholder = !!textPlaceholder && !value && !isFocused\n  const inputValue = showTextPlaceholder ? '' : maskedDisplay\n\n  const nextEditablePos = useCallback((from: number, maskItems: MaskItem[]): number => {\n    let pos = from\n    while (pos < maskItems.length && typeof maskItems[pos] === 'string') pos++\n    return pos\n  }, [])\n\n  const prevEditablePos = useCallback((from: number, maskItems: MaskItem[]): number => {\n    let pos = from\n    while (pos >= 0 && typeof maskItems[pos] === 'string') pos--\n    return pos\n  }, [])\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      const input = e.target as HTMLInputElement\n      const pos = input.selectionStart ?? 0\n\n      if (e.key === 'Backspace') {\n        e.preventDefault()\n        const editPos = prevEditablePos(pos - 1, maskArr)\n        if (editPos >= 0) {\n          const chars = maskedDisplay.split('')\n          chars[editPos] = placeholderChar\n          const newVal = chars.join('')\n          const resolvedMask = resolveMask(mask, newVal)\n          const resolvedPlaceholder = buildPlaceholder(resolvedMask, placeholderChar)\n          const corrected = conformToMask(newVal, resolvedMask, placeholderChar)\n          onChange(corrected === resolvedPlaceholder ? '' : corrected)\n          requestAnimationFrame(() => input.setSelectionRange(editPos, editPos))\n        }\n        return\n      }\n\n      if (e.key === 'Delete') {\n        e.preventDefault()\n        const editPos = nextEditablePos(pos, maskArr)\n        if (editPos < maskArr.length) {\n          const chars = maskedDisplay.split('')\n          chars[editPos] = placeholderChar\n          const newVal = chars.join('')\n          const resolvedMask = resolveMask(mask, newVal)\n          const resolvedPlaceholder = buildPlaceholder(resolvedMask, placeholderChar)\n          const corrected = conformToMask(newVal, resolvedMask, placeholderChar)\n          onChange(corrected === resolvedPlaceholder ? '' : corrected)\n          requestAnimationFrame(() => input.setSelectionRange(editPos, editPos))\n        }\n        return\n      }\n\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') return\n\n      if (e.key.length === 1 && !e.metaKey && !e.ctrlKey) {\n        e.preventDefault()\n        const editPos = nextEditablePos(pos, maskArr)\n        if (editPos >= maskArr.length) return\n\n        const regex = maskArr[editPos] as RegExp\n        if (!regex.test(e.key)) return\n\n        const chars = maskedDisplay.split('')\n        chars[editPos] = e.key\n        const newVal = chars.join('')\n\n        const resolvedMask = resolveMask(mask, newVal)\n        const corrected = conformToMask(newVal, resolvedMask, placeholderChar)\n\n        onChange(corrected)\n        const nextPos = nextEditablePos(editPos + 1, resolvedMask)\n        requestAnimationFrame(() => input.setSelectionRange(nextPos, nextPos))\n      }\n    },\n    [mask, maskArr, maskedDisplay, onChange, placeholderChar, nextEditablePos, prevEditablePos]\n  )\n\n  const handlePaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault()\n      const pasted = e.clipboardData.getData('text')\n      const input = e.target as HTMLInputElement\n      let pos = input.selectionStart ?? 0\n      const chars = maskedDisplay.split('')\n\n      for (const char of pasted) {\n        pos = nextEditablePos(pos, maskArr)\n        if (pos >= maskArr.length) break\n        if ((maskArr[pos] as RegExp).test(char)) {\n          chars[pos] = char\n          pos++\n        }\n      }\n\n      const newVal = chars.join('')\n      const resolvedMask = resolveMask(mask, newVal)\n      const corrected = conformToMask(newVal, resolvedMask, placeholderChar)\n\n      onChange(corrected)\n      const cursorPos = nextEditablePos(pos, resolvedMask)\n      requestAnimationFrame(() => input.setSelectionRange(cursorPos, cursorPos))\n    },\n    [mask, maskArr, maskedDisplay, onChange, placeholderChar, nextEditablePos]\n  )\n\n  const handleFocus = useCallback(() => {\n    setIsFocused(true)\n    requestAnimationFrame(() => {\n      const pos = maskedDisplay.indexOf(placeholderChar)\n      const cursorPos = pos === -1 ? maskedDisplay.length : pos\n      inputRef.current?.setSelectionRange(cursorPos, cursorPos)\n    })\n  }, [maskedDisplay, placeholderChar])\n\n  const handleBlurInternal = useCallback(() => {\n    setIsFocused(false)\n    onBlur?.()\n  }, [onBlur])\n\n  return (\n    <input\n      ref={inputRef}\n      value={inputValue}\n      placeholder={textPlaceholder}\n      onChange={() => {}}\n      onKeyDown={handleKeyDown}\n      onPaste={handlePaste}\n      onFocus={handleFocus}\n      onBlur={handleBlurInternal}\n      className={cn(\n        'flex h-10 rounded-md border border-solid border-input bg-background px-3 py-2 text-base placeholder:text-[#C4C2C8] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        className\n      )}\n      spellCheck={false}\n      autoComplete=\"off\"\n    />\n  )\n}\n"],"names":["isMaskComplete","value","placeholderChar","PLACEHOLDER","resolveMask","mask","buildPlaceholder","pc","m","conformToMask","raw","resolvedMask","c","i","MaskedInput","onChange","onBlur","textPlaceholder","className","inputRef","useRef","isFocused","setIsFocused","useState","maskArr","maskPlaceholder","maskedDisplay","inputValue","nextEditablePos","useCallback","from","maskItems","pos","prevEditablePos","handleKeyDown","e","input","editPos","chars","newVal","resolvedPlaceholder","corrected","nextPos","handlePaste","pasted","char","cursorPos","handleFocus","_a","handleBlurInternal","jsx","cn"],"mappings":"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"}

package/dist/nextGenComponents/components/CustomRangePicker/TimePickerInput.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+};
+export declare const TimePickerInput: ({ value, onChange, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TimePickerInput.d.ts.map

package/dist/nextGenComponents/components/CustomRangePicker/TimePickerInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/CustomRangePicker/TimePickerInput.tsx"],"names":[],"mappings":"AAgBA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA4BD,eAAO,MAAM,eAAe,GAAI,gCAAgC,KAAK,4CA8GpE,CAAA"}