iguazio.dashboard-react-controls 3.2.20 → 3.2.22

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"}

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

@@ -0,0 +1,109 @@
+import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import { useState as m, useRef as p, useMemo as z, useEffect as f, useCallback as h } from "react";
+import { isMaskComplete as b, MaskedInput as E } from "./MaskedInput.mjs";
+import I from "../../../images/select.svg.mjs";
+import { cn as d } from "../../lib/utils.mjs";
+import { is12HourFormat as N, getTimePlaceholder as P, buildHalfHourOptions as D, parseTimeInput as x } from "../../utils/date.utils.mjs";
+const w = "_", H = N(), O = (t) => {
+  const r = t[0];
+  return [
+    /[0-1]/,
+    r === "1" ? /[0-2]/ : /[0-9]/,
+    ":",
+    /[0-5]/,
+    /[0-9]/,
+    " ",
+    /[AaPp]/,
+    /[Mm]/
+  ];
+}, R = (t) => {
+  const r = t[0];
+  return [/[0-2]/, r === "2" ? /[0-3]/ : /[0-9]/, ":", /[0-5]/, /[0-9]/];
+}, S = H ? O : R, L = P(), q = ({ value: t, onChange: r, className: g }) => {
+  const [n, o] = m(""), [c, l] = m(!1), a = p(null), u = p(null), k = z(() => D(), []);
+  f(() => {
+    o(t);
+  }, [t]), f(() => {
+    if (!c) return;
+    const e = (s) => {
+      a.current && !a.current.contains(s.target) && l(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [c]), f(() => {
+    if (!c || !u.current || !t) return;
+    const e = u.current.querySelector('[data-active="true"]');
+    e && e.scrollIntoView({ block: "nearest" });
+  }, [c, t]);
+  const v = h(
+    (e) => {
+      if (o(e), l(!1), b(e, w)) {
+        const s = x(e);
+        s && r(s);
+      }
+    },
+    [r]
+  ), C = h(() => {
+    if (n)
+      if (b(n, w)) {
+        const e = x(n);
+        e ? (o(e), r(e)) : o(t);
+      } else
+        o(t);
+  }, [n, t, r]), M = (e) => {
+    o(e), r(e), l(!1);
+  };
+  return /* @__PURE__ */ y("div", { ref: a, className: d("relative", g), children: [
+    /* @__PURE__ */ i(
+      E,
+      {
+        mask: S,
+        value: n,
+        onChange: v,
+        onBlur: C,
+        textPlaceholder: L,
+        className: d(
+          "h-10 w-full pr-7 text-center text-[14px] border border-[#C4C2C8] rounded-md focus-visible:ring-1 focus-visible:ring-igz-light-purple focus-visible:outline-none",
+          t ? "text-igz-primary" : "text-[#C4C2C8]"
+        )
+      }
+    ),
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: "absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer",
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => l((e) => !e),
+        tabIndex: -1,
+        children: /* @__PURE__ */ i(I, { className: "h-3 w-3 opacity-70" })
+      }
+    ),
+    c && /* @__PURE__ */ i(
+      "div",
+      {
+        ref: u,
+        className: "absolute top-full left-0 mt-1 w-full z-50 max-h-[200px] overflow-y-auto rounded-md border border-[#ccc] bg-white shadow-md",
+        children: k.map((e) => /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            "data-active": e === t || void 0,
+            className: d(
+              "w-full h-[46px] px-4 text-left text-[14px] hover:bg-igz-accent-hover cursor-pointer",
+              e === t && "bg-igz-accent-hover font-medium"
+            ),
+            onMouseDown: (s) => {
+              s.preventDefault(), M(e);
+            },
+            children: e
+          },
+          e
+        ))
+      }
+    )
+  ] });
+};
+export {
+  q as TimePickerInput
+};
+//# sourceMappingURL=TimePickerInput.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerInput.mjs","sources":["../../../../src/lib/nextGenComponents/components/CustomRangePicker/TimePickerInput.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport {\n  MaskedInput,\n  isMaskComplete,\n  type MaskItem\n} from '@/components/CustomRangePicker/MaskedInput'\nimport SelectIcon from '../../../images/select.svg?react'\nimport { cn } from '@/lib/utils'\nimport {\n  buildHalfHourOptions,\n  getTimePlaceholder,\n  is12HourFormat,\n  parseTimeInput\n} from '@/utils/date.utils'\n\ntype Props = {\n  value: string\n  onChange: (value: string) => void\n  className?: string\n}\n\nconst PLACEHOLDER_CHAR = '_' as const\n\nconst use12h = is12HourFormat()\n\nconst timeMask12h = (value: string): MaskItem[] => {\n  const firstChar = value[0]\n  return [\n    /[0-1]/,\n    firstChar === '1' ? /[0-2]/ : /[0-9]/,\n    ':',\n    /[0-5]/,\n    /[0-9]/,\n    ' ',\n    /[AaPp]/,\n    /[Mm]/\n  ]\n}\n\nconst timeMask24h = (value: string): MaskItem[] => {\n  const firstChar = value[0]\n  return [/[0-2]/, firstChar === '2' ? /[0-3]/ : /[0-9]/, ':', /[0-5]/, /[0-9]/]\n}\n\nconst timeMask = use12h ? timeMask12h : timeMask24h\nconst timePlaceholder = getTimePlaceholder()\n\nexport const TimePickerInput = ({ value, onChange, className }: Props) => {\n  const [maskedValue, setMaskedValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const listRef = useRef<HTMLDivElement>(null)\n  const options = useMemo(() => buildHalfHourOptions(), [])\n\n  useEffect(() => {\n    setMaskedValue(value)\n  }, [value])\n\n  useEffect(() => {\n    if (!isOpen) return\n    const handleClick = (e: MouseEvent) => {\n      if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [isOpen])\n\n  useEffect(() => {\n    if (!isOpen || !listRef.current || !value) return\n    const activeEl = listRef.current.querySelector('[data-active=\"true\"]')\n    if (activeEl) activeEl.scrollIntoView({ block: 'nearest' })\n  }, [isOpen, value])\n\n  const handleMaskedChange = useCallback(\n    (masked: string) => {\n      setMaskedValue(masked)\n      setIsOpen(false)\n      if (isMaskComplete(masked, PLACEHOLDER_CHAR)) {\n        const normalized = parseTimeInput(masked)\n        if (normalized) onChange(normalized)\n      }\n    },\n    [onChange]\n  )\n\n  const handleBlur = useCallback(() => {\n    if (!maskedValue) return\n    if (isMaskComplete(maskedValue, PLACEHOLDER_CHAR)) {\n      const normalized = parseTimeInput(maskedValue)\n      if (normalized) {\n        setMaskedValue(normalized)\n        onChange(normalized)\n      } else {\n        setMaskedValue(value)\n      }\n    } else {\n      setMaskedValue(value)\n    }\n  }, [maskedValue, value, onChange])\n\n  const handleOptionSelect = (option: string) => {\n    setMaskedValue(option)\n    onChange(option)\n    setIsOpen(false)\n  }\n\n  return (\n    <div ref={wrapperRef} className={cn('relative', className)}>\n      <MaskedInput\n        mask={timeMask}\n        value={maskedValue}\n        onChange={handleMaskedChange}\n        onBlur={handleBlur}\n        textPlaceholder={timePlaceholder}\n        className={cn(\n          'h-10 w-full pr-7 text-center text-[14px] border border-[#C4C2C8] rounded-md focus-visible:ring-1 focus-visible:ring-igz-light-purple focus-visible:outline-none',\n          value ? 'text-igz-primary' : 'text-[#C4C2C8]'\n        )}\n      />\n      <button\n        type=\"button\"\n        className=\"absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer\"\n        onMouseDown={e => e.preventDefault()}\n        onClick={() => setIsOpen(prev => !prev)}\n        tabIndex={-1}\n      >\n        <SelectIcon className=\"h-3 w-3 opacity-70\" />\n      </button>\n\n      {isOpen && (\n        <div\n          ref={listRef}\n          className=\"absolute top-full left-0 mt-1 w-full z-50 max-h-[200px] overflow-y-auto rounded-md border border-[#ccc] bg-white shadow-md\"\n        >\n          {options.map(time => (\n            <button\n              key={time}\n              type=\"button\"\n              data-active={time === value || undefined}\n              className={cn(\n                'w-full h-[46px] px-4 text-left text-[14px] hover:bg-igz-accent-hover cursor-pointer',\n                time === value && 'bg-igz-accent-hover font-medium'\n              )}\n              onMouseDown={e => {\n                e.preventDefault()\n                handleOptionSelect(time)\n              }}\n            >\n              {time}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["PLACEHOLDER_CHAR","use12h","is12HourFormat","timeMask12h","value","firstChar","timeMask24h","timeMask","timePlaceholder","getTimePlaceholder","TimePickerInput","onChange","className","maskedValue","setMaskedValue","useState","isOpen","setIsOpen","wrapperRef","useRef","listRef","options","useMemo","buildHalfHourOptions","useEffect","handleClick","e","activeEl","handleMaskedChange","useCallback","masked","isMaskComplete","normalized","parseTimeInput","handleBlur","handleOptionSelect","option","jsxs","cn","jsx","MaskedInput","prev","SelectIcon","time"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default } from './CustomRangePicker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/CustomRangePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA"}

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { type ColumnDef, type RowSelectionState, type SortingState } from '@tanstack/react-table';
+import { ComponentType, ReactNode } from 'react';
+import { PaginationConfig } from '@/components/PaginationControls';
+import { ActionMenuItem } from '@/components/RowActions';
+export type DetailsPanelConfig<TData extends object> = {
+    content: ComponentType<TData>;
+    titleAccessorKey?: keyof TData;
+    titleAccessorFn?: (row: TData) => string | ReactNode;
+    selectedRow?: TData;
+    onRowSelect?: (row: TData) => void;
+    onRowClose?: () => void;
+};
+export type CheckboxSelectionConfig = {
+    rowSelection: RowSelectionState;
+    onRowSelectionChange: (state: RowSelectionState) => void;
+};
+export type DataTableProps<TData extends object> = {
+    className?: string;
+    data: TData[];
+    columns: ColumnDef<TData, unknown>[];
+    initialSorting?: SortingState;
+    pagination?: PaginationConfig;
+    rowActions?: (row: TData) => ActionMenuItem[];
+    detailsPanel?: DetailsPanelConfig<TData>;
+    checkboxSelection?: CheckboxSelectionConfig;
+};
+declare const DataTable: <TData extends object>({ className, data, columns, initialSorting, pagination, rowActions, detailsPanel, checkboxSelection }: Readonly<DataTableProps<TData>>) => import("react/jsx-runtime").JSX.Element;
+export default DataTable;
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAA;AAKjE,OAA2B,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACtF,OAAO,EAAc,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAQpE,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,MAAM,IAAI;IACrD,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,KAAK,CAAA;IAC9B,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAA;IACpD,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,EAAE,iBAAiB,CAAA;IAC/B,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;CACzD,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,MAAM,IAAI;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAA;IACpC,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,cAAc,EAAE,CAAA;IAC7C,YAAY,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACxC,iBAAiB,CAAC,EAAE,uBAAuB,CAAA;CAC5C,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,KAAK,SAAS,MAAM,EAAE,uGAStC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,4CAoQjC,CAAA;AAED,eAAe,SAAS,CAAA"}