inconel 0.1.6 → 0.1.7

package/dist/components/ReadOnly/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/ReadOnly/constants.ts"],"sourcesContent":["export const DEFAULT_READ_ONLY_EMPTY_VALUE = '—'\n"],"names":["DEFAULT_READ_ONLY_EMPTY_VALUE"],"mappings":"AAAO,MAAMA,IAAgC;"}

package/dist/components/Select/Select.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties, ForwardedRef, ReactNode } from 'react';
+import { ControlSize } from '../shared/types';
 import { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback';
 export type OptionValue = string | number;
 export interface SelectHandle {
@@ -62,7 +63,7 @@ export interface SelectProps<T extends object> extends FieldFeedbackContentProps
     maxMenuHeight?: number;
     inputClassName?: string;
     labelClassName?: string;
-    size?: string;
+    size?: ControlSize;
     required?: boolean;
     components?: Record<string, unknown>;
 }

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,aAAa,EAClB,KAAK,YAAY,EAEjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAad,OAAO,qBAAqB,CAAA;AAC5B,OAAO,8BAA8B,CAAA;AACrC,OAAO,cAAc,CAAA;AAGrB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAE/E,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AAEzC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,KAAK,UAAU,GACX,MAAM,GACN,OAAO,GACP,SAAS,GACT,OAAO,GACP,aAAa,GACb,cAAc,GACd,MAAM,GACN,QAAQ,GACR,SAAS,CAAA;AAEb,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;AAClE,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAA;AAErE,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,yBAAyB;IAC9E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAA;IACb,KAAK,CAAC,EAAE,WAAW,GAAG,CAAC,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GACvD,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,WAAW,CAAC,CAAA;IACpD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAA;IAC3C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAA;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAA;IACvE,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,GAAG,IAAI,CAAA;IACrC,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;IACzC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACrC;AAinBD,QAAA,MAAM,MAAM,EAA8B,CAAC,CAAC,SAAS,MAAM,EACzD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;CAAE,KACzD,SAAS,CAAA;AAEd,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/components/Select/Select.js

@@ -0,0 +1,455 @@
+import { jsxs as z, jsx as o } from "react/jsx-runtime";
+import { forwardRef as vt, useId as kt, useRef as te, useState as S, useEffect as B, useCallback as x, useMemo as xe, useImperativeHandle as wt } from "react";
+import { useFloating as St, autoUpdate as xt, offset as It, flip as Lt, shift as At, size as Et } from "@floating-ui/react";
+import { useVirtualizer as zt } from "@tanstack/react-virtual";
+import { createPortal as Bt } from "react-dom";
+import { classNames as c } from "../shared/classNames.js";
+/* empty css                  */
+/* empty css                           */
+/* empty css                  */
+/* empty css           */
+import Dt from "../FieldFeedback/FieldFeedback.js";
+import { useInconelAdapters as Ot } from "../../adapters/context.js";
+function Vt({
+  id: Ie,
+  name: ne,
+  label: H,
+  options: M = [],
+  value: Le,
+  onChange: D,
+  optionLabel: O = "label",
+  optionValue: V = "value",
+  getOptionSearchText: U,
+  isOptionDisabled: C = () => !1,
+  placeholder: Ae,
+  isClearable: le = !1,
+  isDisabled: Ee = !1,
+  isReadOnly: ze = !1,
+  isRequired: oe = !1,
+  isLoading: Be = !1,
+  loadOptions: b,
+  loadOptionsDebounceMs: re = 250,
+  hint: ie,
+  errorMessage: h,
+  asyncErrorMessage: De,
+  loadingMessage: Oe,
+  noOptionsMessage: Ve,
+  clearButtonLabel: Ce,
+  openMenuButtonLabel: Fe,
+  closeMenuButtonLabel: Ne,
+  searchLocale: $,
+  menuPortalTarget: F,
+  virtualize: je = !1,
+  virtualizationThreshold: Re = 100,
+  optionHeight: qe = 44,
+  className: He,
+  classNames: i = {},
+  styles: s = {},
+  onInputChange: I,
+  onMenuOpen: Me,
+  onMenuClose: se,
+  autoFocus: Ue,
+  selectClassName: ae,
+  disabled: $e,
+  isSearchable: Te = !0,
+  readOnly: Ye,
+  defaultValue: Ke,
+  errorPlace: T,
+  onBlur: We,
+  setFieldValue: Ge,
+  render: Je = !0,
+  singleValue: Qe,
+  sortByUppercase: Xe,
+  inputClassName: Ze,
+  labelClassName: _e,
+  size: ce = "md",
+  required: Pe
+}, et) {
+  const f = Ot(), de = Qe !== void 0 || ae !== void 0 || T !== void 0, N = Le ?? Ge ?? Ke ?? null, tt = kt(), d = Ie ?? `inconel-select-${tt.replace(/:/g, "")}`, ue = `${d}-label`, fe = `${d}-listbox`, me = `${d}-message`, pe = `${d}-hint`, ge = te(null), L = te(null), Y = te(null), [n, be] = S(!1), [m, K] = S(""), [a, u] = S(0), [nt, lt] = S(null), [ot, he] = S(!1), [rt, ye] = S(!1);
+  B(() => {
+    if (!b) return;
+    const e = new AbortController(), t = window.setTimeout(async () => {
+      he(!0), ye(!1);
+      try {
+        const r = await b(
+          m,
+          e.signal
+        );
+        e.signal.aborted || lt(r);
+      } catch {
+        e.signal.aborted || ye(!0);
+      } finally {
+        e.signal.aborted || he(!1);
+      }
+    }, re);
+    return () => {
+      window.clearTimeout(t), e.abort();
+    };
+  }, [m, b, re]);
+  const y = b ? nt ?? M : M, W = Be || ot, p = Ee || !!$e, A = ze || !!Ye, G = oe || !!Pe, it = (T === "in" && h ? String(h) : Ae) ?? String(f.translate?.("select", "Seçim yapın...") ?? "Seçim yapın..."), st = Ve ?? f.translate?.("noData", "Sonuç bulunamadı.") ?? "Sonuç bulunamadı.", at = Oe ?? f.translate?.("loading", "Yükleniyor...") ?? "Yükleniyor...", ct = Ce ?? String(f.translate?.("clearSelection", "Seçimi temizle") ?? "Seçimi temizle"), dt = Fe ?? String(f.translate?.("openOptions", "Seçenekleri aç") ?? "Seçenekleri aç"), ut = Ne ?? String(f.translate?.("closeOptions", "Seçenekleri kapat") ?? "Seçenekleri kapat"), J = x(
+    (e) => typeof O == "function" ? O(e) : String(e[O]),
+    [O]
+  ), Q = x(
+    (e) => {
+      if (U) return U(e);
+      const t = J(e);
+      return typeof t == "string" || typeof t == "number" ? String(t) : "";
+    },
+    [J, U]
+  ), v = x(
+    (e) => {
+      const t = typeof V == "function" ? V(e) : e[V];
+      if (typeof t != "string" && typeof t != "number")
+        throw new TypeError("optionValue must resolve to a string or number.");
+      return t;
+    },
+    [V]
+  ), g = N && typeof N == "object" ? v(N) : N, X = x(
+    (e, t) => {
+      D && (de ? D(t) : D(e, t));
+    },
+    [de, D]
+  ), Z = xe(() => {
+    const e = /* @__PURE__ */ new Set();
+    return y.map(v).filter((t) => e.has(t) ? !0 : (e.add(t), !1));
+  }, [y, v]);
+  B(() => {
+    Z.length && console.warn(
+      `Duplicate optionValue found in Select "${H}":`,
+      Z
+    );
+  }, [Z, H]);
+  const _ = [...M, ...y].find(
+    (e) => v(e) === g
+  ), ft = _ ? Q(_) : "", l = xe(() => {
+    const e = m.trim().toLocaleLowerCase($);
+    return !e || b ? y : y.filter(
+      (t) => Q(t).toLocaleLowerCase($).includes(e)
+    );
+  }, [y, Q, m, b, $]), { refs: ve, floatingStyles: mt } = St({
+    open: n,
+    placement: "bottom-start",
+    strategy: F ? "fixed" : "absolute",
+    whileElementsMounted: xt,
+    middleware: [
+      It(8),
+      Lt({ padding: 12 }),
+      At({ padding: 12 }),
+      Et({
+        padding: 12,
+        apply({ availableHeight: e, rects: t, elements: r }) {
+          Object.assign(r.floating.style, {
+            maxHeight: `${Math.min(230, e)}px`,
+            width: `${t.reference.width}px`
+          });
+        }
+      })
+    ]
+  }), j = je || l.length >= Re, R = zt({
+    count: l.length,
+    getScrollElement: () => Y.current,
+    estimateSize: () => qe,
+    overscan: 5,
+    enabled: j && n
+  }), k = x(() => {
+    be(!1), K(""), I?.(""), se?.();
+  }, [I, se]), E = () => {
+    p || A || (n || Me?.(), be(!0));
+  }, q = x(() => {
+    p || A || (X(null, null), K(""), u(0), I?.(""), L.current?.focus());
+  }, [p, A, X, I]);
+  wt(
+    et,
+    () => ({
+      focus: () => L.current?.focus(),
+      blur: () => L.current?.blur(),
+      clear: q
+    }),
+    [q]
+  ), B(() => {
+    const e = (t) => {
+      const r = t.target;
+      !ge.current?.contains(r) && !Y.current?.contains(r) && k();
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [k]), B(() => {
+    a >= l.length && u(0);
+  }, [a, l.length]), B(() => {
+    j && n && l[a] && R.scrollToIndex(a, { align: "auto" });
+  }, [
+    a,
+    l,
+    n,
+    j,
+    R
+  ]);
+  const ke = (e) => {
+    C(e) || (X(v(e), e), k(), L.current?.focus());
+  }, pt = (e) => {
+    if (!l.length) return;
+    let t = a;
+    do
+      t = (t + e + l.length) % l.length;
+    while (C(l[t]) && t !== a);
+    u(t);
+  }, P = (e = !1) => {
+    const t = l.map((r, w) => ({ option: r, index: w }));
+    return e && t.reverse(), t.find(({ option: r }) => !C(r))?.index ?? 0;
+  }, gt = (e) => {
+    if (e.key === "Backspace" && !m && g !== null && le) {
+      e.preventDefault(), q();
+      return;
+    }
+    if (e.key === "ArrowDown" || e.key === "ArrowUp")
+      e.preventDefault(), n ? pt(e.key === "ArrowDown" ? 1 : -1) : (E(), u(P(e.key === "ArrowUp")));
+    else if (e.key === "Home" && n)
+      e.preventDefault(), u(P());
+    else if (e.key === "End" && n)
+      e.preventDefault(), u(P(!0));
+    else if (e.key === "Enter" && n) {
+      e.preventDefault();
+      const t = l[a];
+      t && ke(t);
+    } else e.key === "Escape" && n ? (e.preventDefault(), k()) : e.key === "Tab" && k();
+  }, we = (e, t, r) => {
+    const w = v(e), Se = C(e);
+    return /* @__PURE__ */ z(
+      "div",
+      {
+        id: `${d}-option-${t}`,
+        role: "option",
+        "aria-selected": w === g,
+        "aria-disabled": Se,
+        "aria-posinset": t + 1,
+        "aria-setsize": l.length,
+        className: c(
+          "inconel-select-option",
+          t === a && "inconel-is-active",
+          w === g && "inconel-is-selected",
+          Se && "inconel-is-disabled",
+          i.option
+        ),
+        style: { ...r, ...s.option },
+        onMouseEnter: () => u(t),
+        onMouseDown: (yt) => yt.preventDefault(),
+        onClick: () => ke(e),
+        children: [
+          /* @__PURE__ */ o("span", { children: J(e) }),
+          w === g && /* @__PURE__ */ o("span", { "aria-hidden": "true", children: "✓" })
+        ]
+      },
+      w
+    );
+  }, bt = W ? /* @__PURE__ */ z(
+    "div",
+    {
+      role: "status",
+      className: c("inconel-select-message", i.message),
+      style: s.message,
+      children: [
+        /* @__PURE__ */ o("span", { className: "inconel-select-spinner", "aria-hidden": "true" }),
+        at
+      ]
+    }
+  ) : rt ? /* @__PURE__ */ o(
+    "div",
+    {
+      role: "alert",
+      className: c("inconel-select-message inconel-select-message-error", i.message),
+      style: s.message,
+      children: De
+    }
+  ) : l.length === 0 ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: c("inconel-select-message", i.message),
+      style: s.message,
+      children: st
+    }
+  ) : j ? /* @__PURE__ */ o(
+    "div",
+    {
+      role: "presentation",
+      className: "inconel-select-virtual-content",
+      style: { height: R.getTotalSize() },
+      children: R.getVirtualItems().map(
+        (e) => we(l[e.index], e.index, {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: "100%",
+          height: e.size,
+          transform: `translateY(${e.start}px)`
+        })
+      )
+    }
+  ) : l.map((e, t) => we(e, t)), ee = n ? /* @__PURE__ */ o(
+    "div",
+    {
+      ref: (e) => {
+        Y.current = e, ve.setFloating(e);
+      },
+      id: fe,
+      role: "listbox",
+      "aria-labelledby": ue,
+      className: c(
+        "inconel-select-menu",
+        F && "inconel-select-menu-portal",
+        i.menu
+      ),
+      style: { ...mt, ...s.menu },
+      children: bt
+    }
+  ) : null, ht = h ? me : ie ? pe : void 0;
+  return Je ? /* @__PURE__ */ z(
+    "div",
+    {
+      ref: ge,
+      className: c(
+        "inconel-select-field",
+        `inconel-size-${ce}`,
+        `inconel-select-field--${ce}`,
+        He,
+        i.root
+      ),
+      style: s.root,
+      children: [
+        /* @__PURE__ */ z(
+          "label",
+          {
+            id: ue,
+            htmlFor: d,
+            className: c(i.label, _e),
+            style: s.label,
+            children: [
+              H,
+              G && /* @__PURE__ */ o("span", { "aria-hidden": "true", children: " *" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ z(
+          "div",
+          {
+            ref: ve.setReference,
+            className: c(
+              "inconel-select-control",
+              n && "inconel-is-open",
+              p && "inconel-is-disabled",
+              !!h && "inconel-has-error",
+              i.control
+            ),
+            style: s.control,
+            children: [
+              /* @__PURE__ */ o(
+                "input",
+                {
+                  ref: L,
+                  id: d,
+                  role: "combobox",
+                  "aria-expanded": n,
+                  "aria-controls": fe,
+                  "aria-autocomplete": "list",
+                  "aria-activedescendant": n && l[a] ? `${d}-option-${a}` : void 0,
+                  "aria-describedby": ht,
+                  "aria-invalid": !!h,
+                  "aria-required": oe,
+                  "aria-busy": W,
+                  required: G,
+                  disabled: p,
+                  readOnly: A || !Te,
+                  autoFocus: Ue,
+                  autoComplete: "off",
+                  placeholder: it,
+                  value: m || ft,
+                  className: c(i.input, Ze, ae),
+                  style: s.input,
+                  onChange: (e) => {
+                    const t = Xe ? e.target.value.toLocaleUpperCase(
+                      f.locale ?? "tr-TR"
+                    ) : e.target.value;
+                    K(t), u(0), I?.(t), E();
+                  },
+                  onClick: E,
+                  onFocus: (e) => {
+                    E(), _ && !m && e.currentTarget.select();
+                  },
+                  onBlur: We,
+                  onKeyDown: gt
+                }
+              ),
+              W && /* @__PURE__ */ o("span", { className: "inconel-select-spinner", "aria-hidden": "true" }),
+              le && g !== null && !p && !A && /* @__PURE__ */ o(
+                "button",
+                {
+                  type: "button",
+                  className: c("inconel-select-clear", i.clearButton),
+                  style: s.clearButton,
+                  "aria-label": ct,
+                  onClick: q,
+                  children: "×"
+                }
+              ),
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  type: "button",
+                  className: c("inconel-select-toggle", i.toggleButton),
+                  style: s.toggleButton,
+                  "aria-label": n ? ut : dt,
+                  "aria-expanded": n,
+                  disabled: p,
+                  tabIndex: -1,
+                  onClick: () => n ? k() : E(),
+                  children: /* @__PURE__ */ o(
+                    "svg",
+                    {
+                      "aria-hidden": "true",
+                      viewBox: "0 0 20 20",
+                      width: "20",
+                      height: "20",
+                      fill: "none",
+                      children: /* @__PURE__ */ o(
+                        "path",
+                        {
+                          d: "m5 7.5 5 5 5-5",
+                          stroke: "currentColor",
+                          strokeWidth: "1.75",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        ne && /* @__PURE__ */ o(
+          "input",
+          {
+            type: "hidden",
+            name: ne,
+            value: g ?? "",
+            required: G
+          }
+        ),
+        /* @__PURE__ */ o(
+          Dt,
+          {
+            hint: ie,
+            errorMessage: T === "in" ? void 0 : h,
+            hintId: pe,
+            errorId: me
+          }
+        ),
+        F && ee ? Bt(ee, F) : ee
+      ]
+    }
+  ) : null;
+}
+const Kt = vt(Vt);
+export {
+  Kt as default
+};
+//# sourceMappingURL=Select.js.map

package/dist/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ForwardedRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  size as floatingSize,\n  useFloating,\n} from '@floating-ui/react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { createPortal } from 'react-dom'\nimport { useInconelAdapters } from '../../adapters'\nimport { classNames as mergeClassNames } from '../shared/classNames'\nimport '../shared/field.css'\nimport '../shared/field-controls.css'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport './styles.css'\n\nimport FieldFeedback from '../FieldFeedback/FieldFeedback'\nimport type { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback'\n\nexport type OptionValue = string | number\n\nexport interface SelectHandle {\n  focus: () => void\n  blur: () => void\n  clear: () => void\n}\n\ntype SelectPart =\n  | 'root'\n  | 'label'\n  | 'control'\n  | 'input'\n  | 'clearButton'\n  | 'toggleButton'\n  | 'menu'\n  | 'option'\n  | 'message'\n\nexport type SelectClassNames = Partial<Record<SelectPart, string>>\nexport type SelectStyles = Partial<Record<SelectPart, CSSProperties>>\n\nexport interface SelectProps<T extends object> extends FieldFeedbackContentProps {\n  id?: string\n  name?: string\n  label?: ReactNode\n  options?: T[]\n  value?: OptionValue | T | null\n  onChange?:\n    | ((value: OptionValue | null, option: T | null) => void)\n    | ((option: T | null) => void)\n  optionLabel?: keyof T | ((option: T) => ReactNode)\n  optionValue?: keyof T | ((option: T) => OptionValue)\n  getOptionSearchText?: (option: T) => string\n  isOptionDisabled?: (option: T) => boolean\n  placeholder?: string\n  isClearable?: boolean\n  isDisabled?: boolean\n  isReadOnly?: boolean\n  isRequired?: boolean\n  isLoading?: boolean\n  loadOptions?: (inputValue: string, signal: AbortSignal) => Promise<T[]>\n  loadOptionsDebounceMs?: number\n  asyncErrorMessage?: ReactNode\n  loadingMessage?: ReactNode\n  noOptionsMessage?: ReactNode\n  clearButtonLabel?: string\n  openMenuButtonLabel?: string\n  closeMenuButtonLabel?: string\n  searchLocale?: string\n  menuPortalTarget?: HTMLElement | null\n  virtualize?: boolean\n  virtualizationThreshold?: number\n  optionHeight?: number\n  className?: string\n  classNames?: SelectClassNames\n  styles?: SelectStyles\n  onInputChange?: (value: string) => void\n  onMenuOpen?: () => void\n  onMenuClose?: () => void\n  autoFocus?: boolean\n  selectClassName?: string\n  disabled?: boolean\n  isSearchable?: boolean\n  readOnly?: boolean\n  defaultValue?: OptionValue | T | null\n  errorPlace?: 'in' | 'out' | string\n  onBlur?: () => void\n  setFieldValue?: OptionValue | string | null\n  render?: boolean\n  singleValue?: boolean\n  sortByUppercase?: boolean\n  selectClassNamePrefix?: string\n  menuPlacement?: 'auto' | 'bottom' | 'top'\n  maxMenuHeight?: number\n  inputClassName?: string\n  labelClassName?: string\n  size?: ControlSize\n  required?: boolean\n  components?: Record<string, unknown>\n}\n\nfunction SelectInner<T extends object>(\n  {\n    id,\n    name,\n    label,\n    options = [],\n    value,\n    onChange,\n    optionLabel = 'label' as keyof T,\n    optionValue = 'value' as keyof T,\n    getOptionSearchText,\n    isOptionDisabled = () => false,\n    placeholder,\n    isClearable = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    isLoading = false,\n    loadOptions,\n    loadOptionsDebounceMs = 250,\n    hint,\n    errorMessage,\n    asyncErrorMessage,\n    loadingMessage,\n    noOptionsMessage,\n    clearButtonLabel,\n    openMenuButtonLabel,\n    closeMenuButtonLabel,\n    searchLocale,\n    menuPortalTarget,\n    virtualize = false,\n    virtualizationThreshold = 100,\n    optionHeight = 44,\n    className,\n    classNames = {},\n    styles = {},\n    onInputChange,\n    onMenuOpen,\n    onMenuClose,\n    autoFocus,\n    selectClassName,\n    disabled,\n    isSearchable = true,\n    readOnly,\n    defaultValue,\n    errorPlace,\n    onBlur,\n    setFieldValue,\n    render = true,\n    singleValue,\n    sortByUppercase,\n    inputClassName,\n    labelClassName,\n    size = 'md',\n    required,\n  }: SelectProps<T>,\n  forwardedRef: ForwardedRef<SelectHandle>,\n) {\n  const adapters = useInconelAdapters()\n  const legacyMode =\n    singleValue !== undefined ||\n    selectClassName !== undefined ||\n    errorPlace !== undefined\n  const controlledValue = value ?? setFieldValue ?? defaultValue ?? null\n  const generatedId = useId()\n  const inputId = id ?? `inconel-select-${generatedId.replace(/:/g, '')}`\n  const labelId = `${inputId}-label`\n  const listboxId = `${inputId}-listbox`\n  const messageId = `${inputId}-message`\n  const hintId = `${inputId}-hint`\n  const rootRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const menuRef = useRef<HTMLDivElement>(null)\n  const [isOpen, setIsOpen] = useState(false)\n  const [inputValue, setInputValue] = useState('')\n  const [activeIndex, setActiveIndex] = useState(0)\n  const [asyncOptions, setAsyncOptions] = useState<T[] | null>(null)\n  const [isAsyncLoading, setIsAsyncLoading] = useState(false)\n  const [hasAsyncError, setHasAsyncError] = useState(false)\n\n  useEffect(() => {\n    if (!loadOptions) return\n    const controller = new AbortController()\n    const timeout = window.setTimeout(async () => {\n      setIsAsyncLoading(true)\n      setHasAsyncError(false)\n      try {\n        const loadedOptions = await loadOptions(\n          inputValue,\n          controller.signal,\n        )\n        if (!controller.signal.aborted) setAsyncOptions(loadedOptions)\n      } catch {\n        if (!controller.signal.aborted) setHasAsyncError(true)\n      } finally {\n        if (!controller.signal.aborted) setIsAsyncLoading(false)\n      }\n    }, loadOptionsDebounceMs)\n\n    return () => {\n      window.clearTimeout(timeout)\n      controller.abort()\n    }\n  }, [inputValue, loadOptions, loadOptionsDebounceMs])\n\n  const availableOptions = loadOptions\n    ? (asyncOptions ?? options)\n    : options\n  const loading = isLoading || isAsyncLoading\n  const componentDisabled = isDisabled || Boolean(disabled)\n  const componentReadOnly = isReadOnly || Boolean(readOnly)\n  const componentRequired = isRequired || Boolean(required)\n  const resolvedPlaceholder =\n    (errorPlace === 'in' && errorMessage\n      ? String(errorMessage)\n      : placeholder) ??\n    String(adapters.translate?.('select', 'Seçim yapın...') ?? 'Seçim yapın...')\n  const resolvedNoOptionsMessage =\n    noOptionsMessage ??\n    adapters.translate?.('noData', 'Sonuç bulunamadı.') ??\n    'Sonuç bulunamadı.'\n  const resolvedLoadingMessage =\n    loadingMessage ??\n    adapters.translate?.('loading', 'Yükleniyor...') ??\n    'Yükleniyor...'\n  const resolvedClearLabel =\n    clearButtonLabel ??\n    String(adapters.translate?.('clearSelection', 'Seçimi temizle') ?? 'Seçimi temizle')\n  const resolvedOpenLabel =\n    openMenuButtonLabel ??\n    String(adapters.translate?.('openOptions', 'Seçenekleri aç') ?? 'Seçenekleri aç')\n  const resolvedCloseLabel =\n    closeMenuButtonLabel ??\n    String(adapters.translate?.('closeOptions', 'Seçenekleri kapat') ?? 'Seçenekleri kapat')\n\n  const getLabel = useCallback(\n    (option: T): ReactNode =>\n      typeof optionLabel === 'function'\n        ? optionLabel(option)\n        : String(option[optionLabel]),\n    [optionLabel],\n  )\n\n  const getSearchLabel = useCallback(\n    (option: T) => {\n      if (getOptionSearchText) return getOptionSearchText(option)\n      const renderedLabel = getLabel(option)\n      return typeof renderedLabel === 'string' ||\n        typeof renderedLabel === 'number'\n        ? String(renderedLabel)\n        : ''\n    },\n    [getLabel, getOptionSearchText],\n  )\n\n  const getValue = useCallback(\n    (option: T): OptionValue => {\n      const resolvedValue =\n        typeof optionValue === 'function'\n          ? optionValue(option)\n          : option[optionValue]\n\n      if (\n        typeof resolvedValue !== 'string' &&\n        typeof resolvedValue !== 'number'\n      ) {\n        throw new TypeError('optionValue must resolve to a string or number.')\n      }\n      return resolvedValue\n    },\n    [optionValue],\n  )\n\n  const normalizedValue =\n    controlledValue && typeof controlledValue === 'object'\n      ? getValue(controlledValue as T)\n      : (controlledValue as OptionValue | null)\n\n  const emitChange = useCallback(\n    (nextValue: OptionValue | null, option: T | null) => {\n      if (!onChange) return\n      if (legacyMode) {\n        ;(onChange as (selected: T | null) => void)(option)\n      } else {\n        ;(\n          onChange as (\n            value: OptionValue | null,\n            selected: T | null,\n          ) => void\n        )(nextValue, option)\n      }\n    },\n    [legacyMode, onChange],\n  )\n\n  const duplicateValues = useMemo(() => {\n    const seen = new Set<OptionValue>()\n    return availableOptions\n      .map(getValue)\n      .filter((optionId) => {\n        if (seen.has(optionId)) return true\n        seen.add(optionId)\n        return false\n      })\n  }, [availableOptions, getValue])\n\n  useEffect(() => {\n    if (duplicateValues.length) {\n      console.warn(\n        `Duplicate optionValue found in Select \"${label}\":`,\n        duplicateValues,\n      )\n    }\n  }, [duplicateValues, label])\n\n  const selectedOption = [...options, ...availableOptions].find(\n    (option) => getValue(option) === normalizedValue,\n  )\n  const selectedLabel = selectedOption ? getSearchLabel(selectedOption) : ''\n\n  const filteredOptions = useMemo(() => {\n    const query = inputValue.trim().toLocaleLowerCase(searchLocale)\n    if (!query || loadOptions) return availableOptions\n    return availableOptions.filter((option) =>\n      getSearchLabel(option).toLocaleLowerCase(searchLocale).includes(query),\n    )\n  }, [availableOptions, getSearchLabel, inputValue, loadOptions, searchLocale])\n\n  const { refs, floatingStyles } = useFloating({\n    open: isOpen,\n    placement: 'bottom-start',\n    strategy: menuPortalTarget ? 'fixed' : 'absolute',\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      offset(8),\n      flip({ padding: 12 }),\n      shift({ padding: 12 }),\n      floatingSize({\n        padding: 12,\n        apply({ availableHeight, rects, elements }) {\n          Object.assign(elements.floating.style, {\n            maxHeight: `${Math.min(230, availableHeight)}px`,\n            width: `${rects.reference.width}px`,\n          })\n        },\n      }),\n    ],\n  })\n\n  const shouldVirtualize =\n    virtualize || filteredOptions.length >= virtualizationThreshold\n  const virtualizer = useVirtualizer({\n    count: filteredOptions.length,\n    getScrollElement: () => menuRef.current,\n    estimateSize: () => optionHeight,\n    overscan: 5,\n    enabled: shouldVirtualize && isOpen,\n  })\n\n  const closeMenu = useCallback(() => {\n    setIsOpen(false)\n    setInputValue('')\n    onInputChange?.('')\n    onMenuClose?.()\n  }, [onInputChange, onMenuClose])\n\n  const openMenu = () => {\n    if (componentDisabled || componentReadOnly) return\n    if (!isOpen) onMenuOpen?.()\n    setIsOpen(true)\n  }\n\n  const clearSelection = useCallback(() => {\n    if (componentDisabled || componentReadOnly) return\n    emitChange(null, null)\n    setInputValue('')\n    setActiveIndex(0)\n    onInputChange?.('')\n    inputRef.current?.focus()\n  }, [componentDisabled, componentReadOnly, emitChange, onInputChange])\n\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      focus: () => inputRef.current?.focus(),\n      blur: () => inputRef.current?.blur(),\n      clear: clearSelection,\n    }),\n    [clearSelection],\n  )\n\n  useEffect(() => {\n    const closeOnOutsideClick = (event: MouseEvent) => {\n      const target = event.target as Node\n      if (\n        !rootRef.current?.contains(target) &&\n        !menuRef.current?.contains(target)\n      ) {\n        closeMenu()\n      }\n    }\n\n    document.addEventListener('mousedown', closeOnOutsideClick)\n    return () => document.removeEventListener('mousedown', closeOnOutsideClick)\n  }, [closeMenu])\n\n  useEffect(() => {\n    if (activeIndex >= filteredOptions.length) setActiveIndex(0)\n  }, [activeIndex, filteredOptions.length])\n\n  useEffect(() => {\n    if (shouldVirtualize && isOpen && filteredOptions[activeIndex]) {\n      virtualizer.scrollToIndex(activeIndex, { align: 'auto' })\n    }\n  }, [\n    activeIndex,\n    filteredOptions,\n    isOpen,\n    shouldVirtualize,\n    virtualizer,\n  ])\n\n  const selectOption = (option: T) => {\n    if (isOptionDisabled(option)) return\n    emitChange(getValue(option), option)\n    closeMenu()\n    inputRef.current?.focus()\n  }\n\n  const moveActiveOption = (direction: 1 | -1) => {\n    if (!filteredOptions.length) return\n    let nextIndex = activeIndex\n    do {\n      nextIndex =\n        (nextIndex + direction + filteredOptions.length) %\n        filteredOptions.length\n    } while (\n      isOptionDisabled(filteredOptions[nextIndex]) &&\n      nextIndex !== activeIndex\n    )\n    setActiveIndex(nextIndex)\n  }\n\n  const findEnabledIndex = (fromEnd = false) => {\n    const entries = filteredOptions.map((option, index) => ({ option, index }))\n    if (fromEnd) entries.reverse()\n    return entries.find(({ option }) => !isOptionDisabled(option))?.index ?? 0\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (\n      event.key === 'Backspace' &&\n      !inputValue &&\n      normalizedValue !== null &&\n      isClearable\n    ) {\n      event.preventDefault()\n      clearSelection()\n      return\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault()\n      if (!isOpen) {\n        openMenu()\n        setActiveIndex(findEnabledIndex(event.key === 'ArrowUp'))\n      } else {\n        moveActiveOption(event.key === 'ArrowDown' ? 1 : -1)\n      }\n    } else if (event.key === 'Home' && isOpen) {\n      event.preventDefault()\n      setActiveIndex(findEnabledIndex())\n    } else if (event.key === 'End' && isOpen) {\n      event.preventDefault()\n      setActiveIndex(findEnabledIndex(true))\n    } else if (event.key === 'Enter' && isOpen) {\n      event.preventDefault()\n      const activeOption = filteredOptions[activeIndex]\n      if (activeOption) selectOption(activeOption)\n    } else if (event.key === 'Escape' && isOpen) {\n      event.preventDefault()\n      closeMenu()\n    } else if (event.key === 'Tab') {\n      closeMenu()\n    }\n  }\n\n  const renderOption = (option: T, index: number, style?: CSSProperties) => {\n    const optionId = getValue(option)\n    const disabled = isOptionDisabled(option)\n    return (\n      <div\n        id={`${inputId}-option-${index}`}\n        key={optionId}\n        role=\"option\"\n        aria-selected={optionId === normalizedValue}\n        aria-disabled={disabled}\n        aria-posinset={index + 1}\n        aria-setsize={filteredOptions.length}\n        className={mergeClassNames(\n          'inconel-select-option',\n          index === activeIndex && 'inconel-is-active',\n          optionId === normalizedValue && 'inconel-is-selected',\n          disabled && 'inconel-is-disabled',\n          classNames.option,\n        )}\n        style={{ ...style, ...styles.option }}\n        onMouseEnter={() => setActiveIndex(index)}\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => selectOption(option)}\n      >\n        <span>{getLabel(option)}</span>\n        {optionId === normalizedValue && <span aria-hidden=\"true\">✓</span>}\n      </div>\n    )\n  }\n\n  const menuContent = loading ? (\n    <div\n      role=\"status\"\n      className={mergeClassNames('inconel-select-message', classNames.message)}\n      style={styles.message}\n    >\n      <span className=\"inconel-select-spinner\" aria-hidden=\"true\" />\n      {resolvedLoadingMessage}\n    </div>\n  ) : hasAsyncError ? (\n    <div\n      role=\"alert\"\n      className={mergeClassNames('inconel-select-message inconel-select-message-error', classNames.message)}\n      style={styles.message}\n    >\n      {asyncErrorMessage}\n    </div>\n  ) : filteredOptions.length === 0 ? (\n    <div\n      className={mergeClassNames('inconel-select-message', classNames.message)}\n      style={styles.message}\n    >\n      {resolvedNoOptionsMessage}\n    </div>\n  ) : shouldVirtualize ? (\n    <div\n      role=\"presentation\"\n      className=\"inconel-select-virtual-content\"\n      style={{ height: virtualizer.getTotalSize() }}\n    >\n      {virtualizer.getVirtualItems().map((virtualRow) =>\n        renderOption(filteredOptions[virtualRow.index], virtualRow.index, {\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          width: '100%',\n          height: virtualRow.size,\n          transform: `translateY(${virtualRow.start}px)`,\n        }),\n      )}\n    </div>\n  ) : (\n    filteredOptions.map((option, index) => renderOption(option, index))\n  )\n\n  const menu = isOpen ? (\n    <div\n      ref={(node) => {\n        menuRef.current = node\n        refs.setFloating(node)\n      }}\n      id={listboxId}\n      role=\"listbox\"\n      aria-labelledby={labelId}\n      className={mergeClassNames(\n        'inconel-select-menu',\n        menuPortalTarget && 'inconel-select-menu-portal',\n        classNames.menu,\n      )}\n      style={{ ...floatingStyles, ...styles.menu }}\n    >\n      {menuContent}\n    </div>\n  ) : null\n\n  const describedBy = errorMessage ? messageId : hint ? hintId : undefined\n\n  if (!render) return null\n\n  return (\n    <div\n      ref={rootRef}\n      className={mergeClassNames(\n        'inconel-select-field',\n        `inconel-size-${size}`,\n        `inconel-select-field--${size}`,\n        className,\n        classNames.root,\n      )}\n      style={styles.root}\n    >\n      <label\n        id={labelId}\n        htmlFor={inputId}\n        className={mergeClassNames(classNames.label, labelClassName)}\n        style={styles.label}\n      >\n        {label}\n        {componentRequired && <span aria-hidden=\"true\"> *</span>}\n      </label>\n      <div\n        ref={refs.setReference}\n        className={mergeClassNames(\n          'inconel-select-control',\n          isOpen && 'inconel-is-open',\n          componentDisabled && 'inconel-is-disabled',\n          Boolean(errorMessage) && 'inconel-has-error',\n          classNames.control,\n        )}\n        style={styles.control}\n      >\n        <input\n          ref={inputRef}\n          id={inputId}\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          aria-controls={listboxId}\n          aria-autocomplete=\"list\"\n          aria-activedescendant={\n            isOpen && filteredOptions[activeIndex]\n              ? `${inputId}-option-${activeIndex}`\n              : undefined\n          }\n          aria-describedby={describedBy}\n          aria-invalid={Boolean(errorMessage)}\n          aria-required={isRequired}\n          aria-busy={loading}\n          required={componentRequired}\n          disabled={componentDisabled}\n          readOnly={componentReadOnly || !isSearchable}\n          autoFocus={autoFocus}\n          autoComplete=\"off\"\n          placeholder={resolvedPlaceholder}\n          value={inputValue || selectedLabel}\n          className={mergeClassNames(classNames.input, inputClassName, selectClassName)}\n          style={styles.input}\n          onChange={(event) => {\n            const nextInput = sortByUppercase\n              ? event.target.value.toLocaleUpperCase(\n                  adapters.locale ?? 'tr-TR',\n                )\n              : event.target.value\n            setInputValue(nextInput)\n            setActiveIndex(0)\n            onInputChange?.(nextInput)\n            openMenu()\n          }}\n          onClick={openMenu}\n          onFocus={(event) => {\n            openMenu()\n            if (selectedOption && !inputValue) event.currentTarget.select()\n          }}\n          onBlur={onBlur}\n          onKeyDown={handleKeyDown}\n        />\n        {loading && <span className=\"inconel-select-spinner\" aria-hidden=\"true\" />}\n        {isClearable && normalizedValue !== null && !componentDisabled && !componentReadOnly && (\n          <button\n            type=\"button\"\n            className={mergeClassNames('inconel-select-clear', classNames.clearButton)}\n            style={styles.clearButton}\n            aria-label={resolvedClearLabel}\n            onClick={clearSelection}\n          >\n            ×\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className={mergeClassNames('inconel-select-toggle', classNames.toggleButton)}\n          style={styles.toggleButton}\n          aria-label={isOpen ? resolvedCloseLabel : resolvedOpenLabel}\n          aria-expanded={isOpen}\n          disabled={componentDisabled}\n          tabIndex={-1}\n          onClick={() => (isOpen ? closeMenu() : openMenu())}\n        >\n          <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 20 20\"\n            width=\"20\"\n            height=\"20\"\n            fill=\"none\"\n          >\n            <path\n              d=\"m5 7.5 5 5 5-5\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.75\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </button>\n      </div>\n\n      {name && (\n        <input\n          type=\"hidden\"\n          name={name}\n          value={normalizedValue ?? ''}\n          required={componentRequired}\n        />\n      )}\n      <FieldFeedback\n        hint={hint}\n        errorMessage={errorPlace === 'in' ? undefined : errorMessage}\n        hintId={hintId}\n        errorId={messageId}\n      />\n\n      {menuPortalTarget && menu\n        ? createPortal(menu, menuPortalTarget)\n        : menu}\n    </div>\n  )\n}\n\nconst Select = forwardRef(SelectInner) as <T extends object>(\n  props: SelectProps<T> & { ref?: ForwardedRef<SelectHandle> },\n) => ReactNode\n\nexport default Select\n"],"names":["SelectInner","id","name","label","options","value","onChange","optionLabel","optionValue","getOptionSearchText","isOptionDisabled","placeholder","isClearable","isDisabled","isReadOnly","isRequired","isLoading","loadOptions","loadOptionsDebounceMs","hint","errorMessage","asyncErrorMessage","loadingMessage","noOptionsMessage","clearButtonLabel","openMenuButtonLabel","closeMenuButtonLabel","searchLocale","menuPortalTarget","virtualize","virtualizationThreshold","optionHeight","className","classNames","styles","onInputChange","onMenuOpen","onMenuClose","autoFocus","selectClassName","disabled","isSearchable","readOnly","defaultValue","errorPlace","onBlur","setFieldValue","render","singleValue","sortByUppercase","inputClassName","labelClassName","size","required","forwardedRef","adapters","useInconelAdapters","legacyMode","controlledValue","generatedId","useId","inputId","labelId","listboxId","messageId","hintId","rootRef","useRef","inputRef","menuRef","isOpen","setIsOpen","useState","inputValue","setInputValue","activeIndex","setActiveIndex","asyncOptions","setAsyncOptions","isAsyncLoading","setIsAsyncLoading","hasAsyncError","setHasAsyncError","useEffect","controller","timeout","loadedOptions","availableOptions","loading","componentDisabled","componentReadOnly","componentRequired","resolvedPlaceholder","resolvedNoOptionsMessage","resolvedLoadingMessage","resolvedClearLabel","resolvedOpenLabel","resolvedCloseLabel","getLabel","useCallback","option","getSearchLabel","renderedLabel","getValue","resolvedValue","normalizedValue","emitChange","nextValue","duplicateValues","useMemo","seen","optionId","selectedOption","selectedLabel","filteredOptions","query","refs","floatingStyles","useFloating","autoUpdate","offset","flip","shift","floatingSize","availableHeight","rects","elements","shouldVirtualize","virtualizer","useVirtualizer","closeMenu","openMenu","clearSelection","useImperativeHandle","closeOnOutsideClick","event","target","selectOption","moveActiveOption","direction","nextIndex","findEnabledIndex","fromEnd","entries","index","handleKeyDown","activeOption","renderOption","style","jsxs","mergeClassNames","jsx","menuContent","virtualRow","menu","node","describedBy","nextInput","FieldFeedback","createPortal","Select","forwardRef"],"mappings":"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"}

package/dist/components/SlideTabs/SlideTabs.js

@@ -0,0 +1,54 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useRef as h, useState as p, useMemo as y, useEffect as k } from "react";
+import { classNames as c } from "../shared/classNames.js";
+/* empty css           */
+function x({
+  tabs: i = [],
+  activeKey: f,
+  onChange: a,
+  className: d
+}) {
+  const s = h({}), [o, m] = p({ left: 0, width: 0 }), t = y(
+    () => i.filter((e) => e.show !== !1),
+    [i]
+  ), n = t.find((e) => e.key === f) ?? t[0];
+  return k(() => {
+    if (!n) return;
+    const e = s.current[String(n.key)];
+    e && m({ left: e.offsetLeft, width: e.offsetWidth });
+  }, [n, t]), t.length ? /* @__PURE__ */ l("div", { className: c("inconel-slide-tabs", d), children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "inconel-slide-tabs__indicator",
+        style: {
+          width: o.width,
+          transform: `translateX(${o.left}px)`
+        }
+      }
+    ),
+    t.map((e) => /* @__PURE__ */ l(
+      "button",
+      {
+        ref: (u) => {
+          s.current[String(e.key)] = u;
+        },
+        type: "button",
+        className: c(
+          "inconel-slide-tabs__item",
+          n.key === e.key && "inconel-is-active"
+        ),
+        onClick: () => a?.(e.key),
+        children: [
+          e.label,
+          typeof e.count == "number" && e.count > 0 && /* @__PURE__ */ r("span", { className: "inconel-slide-tabs__count", children: e.count })
+        ]
+      },
+      e.key
+    ))
+  ] }) : null;
+}
+export {
+  x as SlideTabs
+};
+//# sourceMappingURL=SlideTabs.js.map

package/dist/components/SlideTabs/SlideTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideTabs.js","sources":["../../../src/components/SlideTabs/SlideTabs.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface SlideTab {\n  key: string | number\n  label: ReactNode\n  count?: ReactNode\n  show?: boolean\n}\n\nexport interface SlideTabsProps {\n  tabs?: SlideTab[]\n  activeKey?: string | number | null\n  onChange?: (key: string | number) => void\n  className?: string | null\n}\n\nexport function SlideTabs({\n  tabs = [],\n  activeKey,\n  onChange,\n  className,\n}: SlideTabsProps) {\n  const refs = useRef<Record<string, HTMLButtonElement | null>>({})\n  const [indicator, setIndicator] = useState({ left: 0, width: 0 })\n  const visibleTabs = useMemo(\n    () => tabs.filter((tab) => tab.show !== false),\n    [tabs],\n  )\n  const active =\n    visibleTabs.find((tab) => tab.key === activeKey) ?? visibleTabs[0]\n\n  useEffect(() => {\n    if (!active) return\n    const element = refs.current[String(active.key)]\n    if (element) {\n      setIndicator({ left: element.offsetLeft, width: element.offsetWidth })\n    }\n  }, [active, visibleTabs])\n\n  if (!visibleTabs.length) return null\n\n  return (\n    <div className={classNames('inconel-slide-tabs', className)}>\n      <div\n        className=\"inconel-slide-tabs__indicator\"\n        style={{\n          width: indicator.width,\n          transform: `translateX(${indicator.left}px)`,\n        }}\n      />\n      {visibleTabs.map((tab) => (\n        <button\n          key={tab.key}\n          ref={(element) => {\n            refs.current[String(tab.key)] = element\n          }}\n          type=\"button\"\n          className={classNames(\n            'inconel-slide-tabs__item',\n            active.key === tab.key && 'inconel-is-active',\n          )}\n          onClick={() => onChange?.(tab.key)}\n        >\n          {tab.label}\n          {typeof tab.count === 'number' && tab.count > 0 && (\n            <span className=\"inconel-slide-tabs__count\">{tab.count}</span>\n          )}\n        </button>\n      ))}\n    </div>\n  )\n}\n"],"names":["SlideTabs","tabs","activeKey","onChange","className","refs","useRef","indicator","setIndicator","useState","visibleTabs","useMemo","tab","active","useEffect","element","classNames","jsx","jsxs"],"mappings":";;;;AAyBO,SAASA,EAAU;AAAA,EACxB,MAAAC,IAAO,CAAA;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,QAAMC,IAAOC,EAAiD,EAAE,GAC1D,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE,MAAM,GAAG,OAAO,GAAG,GAC1DC,IAAcC;AAAA,IAClB,MAAMV,EAAK,OAAO,CAACW,MAAQA,EAAI,SAAS,EAAK;AAAA,IAC7C,CAACX,CAAI;AAAA,EAAA,GAEDY,IACJH,EAAY,KAAK,CAACE,MAAQA,EAAI,QAAQV,CAAS,KAAKQ,EAAY,CAAC;AAUnE,SARAI,EAAU,MAAM;AACd,QAAI,CAACD,EAAQ;AACb,UAAME,IAAUV,EAAK,QAAQ,OAAOQ,EAAO,GAAG,CAAC;AAC/C,IAAIE,KACFP,EAAa,EAAE,MAAMO,EAAQ,YAAY,OAAOA,EAAQ,aAAa;AAAA,EAEzE,GAAG,CAACF,GAAQH,CAAW,CAAC,GAEnBA,EAAY,2BAGd,OAAA,EAAI,WAAWM,EAAW,sBAAsBZ,CAAS,GACxD,UAAA;AAAA,IAAA,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,OAAOV,EAAU;AAAA,UACjB,WAAW,cAAcA,EAAU,IAAI;AAAA,QAAA;AAAA,MACzC;AAAA,IAAA;AAAA,IAEDG,EAAY,IAAI,CAACE,MAChB,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,KAAK,CAACH,MAAY;AAChB,UAAAV,EAAK,QAAQ,OAAOO,EAAI,GAAG,CAAC,IAAIG;AAAA,QAClC;AAAA,QACA,MAAK;AAAA,QACL,WAAWC;AAAA,UACT;AAAA,UACAH,EAAO,QAAQD,EAAI,OAAO;AAAA,QAAA;AAAA,QAE5B,SAAS,MAAMT,IAAWS,EAAI,GAAG;AAAA,QAEhC,UAAA;AAAA,UAAAA,EAAI;AAAA,UACJ,OAAOA,EAAI,SAAU,YAAYA,EAAI,QAAQ,KAC5C,gBAAAK,EAAC,QAAA,EAAK,WAAU,6BAA6B,UAAAL,EAAI,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAbpDA,EAAI;AAAA,IAAA,CAgBZ;AAAA,EAAA,GACH,IA9B8B;AAgClC;"}