@midas-ds/components 1.0.2 → 1.1.0

package/index84.js

@@ -1,254 +1,386 @@
-import { jsx as b } from "react/jsx-runtime";
-import { $ as W, a as Z, c as q, d as Q } from "./Collection-B3xUVWPF.js";
-import { n, u as X, d as Y, a as ee } from "./useFocusRing-D97-G3fT.js";
-import { a as re } from "./Link-BU1h3K2a.js";
-import s, { forwardRef as ae, createContext as ue, useContext as te } from "react";
-import { $ as ce } from "./useLocalizedStringFormatter-DVCAZqcL.js";
-import { Link as se } from "./index77.js";
-import './Breadcrumbs.css';var f = {};
-f = {
-  breadcrumbs: "عناصر الواجهة"
-};
-var i = {};
-i = {
-  breadcrumbs: "Трохи хляб"
-};
-var l = {};
-l = {
-  breadcrumbs: "Popis cesty"
-};
-var m = {};
-m = {
-  breadcrumbs: "Brødkrummer"
-};
-var p = {};
-p = {
-  breadcrumbs: "Breadcrumbs"
-};
-var x = {};
-x = {
-  breadcrumbs: "Πλοηγήσεις breadcrumb"
-};
-var v = {};
-v = {
-  breadcrumbs: "Breadcrumbs"
-};
-var D = {};
-D = {
-  breadcrumbs: "Migas de pan"
-};
-var C = {};
-C = {
-  breadcrumbs: "Lingiread"
-};
-var B = {};
-B = {
-  breadcrumbs: "Navigointilinkit"
-};
-var k = {};
-k = {
-  breadcrumbs: "Chemin de navigation"
-};
-var E = {};
-E = {
-  breadcrumbs: "שבילי ניווט"
-};
-var h = {};
-h = {
-  breadcrumbs: "Navigacijski putovi"
-};
-var g = {};
-g = {
-  breadcrumbs: "Morzsamenü"
-};
-var P = {};
-P = {
-  breadcrumbs: "Breadcrumb"
-};
-var y = {};
-y = {
-  breadcrumbs: "パンくずリスト"
+import { jsxs as B, jsx as o } from "react/jsx-runtime";
+import { $ as le, a as fe, b as de } from "./Form-BWBjJC6v.js";
+import { a as $e, $ as D, b as pe, T as be } from "./TextField.module-DdICj682.js";
+import { $ as ve, a as xe } from "./useField-DMzJIIN4.js";
+import { a as he } from "./Button-DL6nqUco.js";
+import { I as Ce, a as E, y as me, z as Pe, A as ye, d as Be, o as De, B as Ee, e as ke } from "./useFocusRing-9PXyKy2A.js";
+import { a as ge } from "./Group-D7_8007y.js";
+import { $ as _e } from "./Text-BCF0xvqL.js";
+import * as Se from "react";
+import k, { forwardRef as Ie, useRef as Re, createContext as ze } from "react";
+import { $ as Ae } from "./useControlledState-Kv9K2AYu.js";
+import { $ as Fe } from "./useLocalizedStringFormatter-BlCbn-hX.js";
+import { Button as g } from "./index66.js";
+import { c as Ve } from "./clsx-OuTLNxxd.js";
+import { c as Ne } from "./createLucideIcon-DeWljiyi.js";
+import { X as Te } from "./x-JK7i-TQC.js";
+import './SearchField.css';var S = {};
+S = {
+  "Clear search": "مسح البحث"
 };
-var N = {};
-N = {
-  breadcrumbs: "탐색 표시"
+var I = {};
+I = {
+  "Clear search": "Изчистване на търсене"
 };
 var R = {};
 R = {
-  breadcrumbs: "Naršymo kelias"
+  "Clear search": "Vymazat hledání"
+};
+var z = {};
+z = {
+  "Clear search": "Ryd søgning"
 };
 var A = {};
 A = {
-  breadcrumbs: "Atpakaļceļi"
-};
-var L = {};
-L = {
-  breadcrumbs: "Navigasjonsstier"
+  "Clear search": "Suche zurücksetzen"
 };
 var F = {};
 F = {
-  breadcrumbs: "Broodkruimels"
+  "Clear search": "Απαλοιφή αναζήτησης"
 };
-var _ = {};
-_ = {
-  breadcrumbs: "Struktura nawigacyjna"
+var V = {};
+V = {
+  "Clear search": "Clear search"
 };
-var j = {};
-j = {
-  breadcrumbs: "Caminho detalhado"
-};
-var S = {};
-S = {
-  breadcrumbs: "Categorias"
-};
-var I = {};
-I = {
-  breadcrumbs: "Miez de pâine"
+var N = {};
+N = {
+  "Clear search": "Borrar búsqueda"
 };
 var T = {};
 T = {
-  breadcrumbs: "Навигация"
+  "Clear search": "Tühjenda otsing"
 };
-var z = {};
-z = {
-  breadcrumbs: "Navigačné prvky Breadcrumbs"
+var w = {};
+w = {
+  "Clear search": "Tyhjennä haku"
+};
+var O = {};
+O = {
+  "Clear search": "Effacer la recherche"
 };
 var K = {};
 K = {
-  breadcrumbs: "Drobtine"
+  "Clear search": "נקה חיפוש"
+};
+var L = {};
+L = {
+  "Clear search": "Obriši pretragu"
 };
 var M = {};
 M = {
-  breadcrumbs: "Putanje navigacije"
+  "Clear search": "Keresés törlése"
+};
+var j = {};
+j = {
+  "Clear search": "Cancella ricerca"
+};
+var q = {};
+q = {
+  "Clear search": "検索をクリア"
 };
 var U = {};
 U = {
-  breadcrumbs: "Sökvägar"
+  "Clear search": "검색 지우기"
 };
-var w = {};
-w = {
-  breadcrumbs: "İçerik haritaları"
+var H = {};
+H = {
+  "Clear search": "Išvalyti iešką"
 };
 var G = {};
 G = {
-  breadcrumbs: "Навігаційна стежка"
+  "Clear search": "Notīrīt meklēšanu"
 };
-var H = {};
-H = {
-  breadcrumbs: "导航栏"
+var W = {};
+W = {
+  "Clear search": "Tøm søk"
 };
-var O = {};
-O = {
-  breadcrumbs: "導覽列"
+var Z = {};
+Z = {
+  "Clear search": "Zoekactie wissen"
 };
 var J = {};
 J = {
-  "ar-AE": f,
-  "bg-BG": i,
-  "cs-CZ": l,
-  "da-DK": m,
-  "de-DE": p,
-  "el-GR": x,
-  "en-US": v,
-  "es-ES": D,
-  "et-EE": C,
-  "fi-FI": B,
-  "fr-FR": k,
-  "he-IL": E,
-  "hr-HR": h,
-  "hu-HU": g,
-  "it-IT": P,
-  "ja-JP": y,
-  "ko-KR": N,
-  "lt-LT": R,
-  "lv-LV": A,
-  "nb-NO": L,
-  "nl-NL": F,
-  "pl-PL": _,
-  "pt-BR": j,
-  "pt-PT": S,
-  "ro-RO": I,
-  "ru-RU": T,
-  "sk-SK": z,
-  "sl-SI": K,
-  "sr-SP": M,
-  "sv-SE": U,
-  "tr-TR": w,
-  "uk-UA": G,
-  "zh-CN": H,
-  "zh-TW": O
-};
-function de(e) {
-  return e && e.__esModule ? e.default : e;
+  "Clear search": "Wyczyść zawartość wyszukiwania"
+};
+var X = {};
+X = {
+  "Clear search": "Limpar pesquisa"
+};
+var Q = {};
+Q = {
+  "Clear search": "Limpar pesquisa"
+};
+var Y = {};
+Y = {
+  "Clear search": "Ştergeţi căutarea"
+};
+var ee = {};
+ee = {
+  "Clear search": "Очистить поиск"
+};
+var ae = {};
+ae = {
+  "Clear search": "Vymazať vyhľadávanie"
+};
+var re = {};
+re = {
+  "Clear search": "Počisti iskanje"
+};
+var te = {};
+te = {
+  "Clear search": "Obriši pretragu"
+};
+var se = {};
+se = {
+  "Clear search": "Rensa sökning"
+};
+var ue = {};
+ue = {
+  "Clear search": "Aramayı temizle"
+};
+var ce = {};
+ce = {
+  "Clear search": "Очистити пошук"
+};
+var oe = {};
+oe = {
+  "Clear search": "清除搜索"
+};
+var ne = {};
+ne = {
+  "Clear search": "清除搜尋條件"
+};
+var ie = {};
+ie = {
+  "ar-AE": S,
+  "bg-BG": I,
+  "cs-CZ": R,
+  "da-DK": z,
+  "de-DE": A,
+  "el-GR": F,
+  "en-US": V,
+  "es-ES": N,
+  "et-EE": T,
+  "fi-FI": w,
+  "fr-FR": O,
+  "he-IL": K,
+  "hr-HR": L,
+  "hu-HU": M,
+  "it-IT": j,
+  "ja-JP": q,
+  "ko-KR": U,
+  "lt-LT": H,
+  "lv-LV": G,
+  "nb-NO": W,
+  "nl-NL": Z,
+  "pl-PL": J,
+  "pt-BR": X,
+  "pt-PT": Q,
+  "ro-RO": Y,
+  "ru-RU": ee,
+  "sk-SK": ae,
+  "sl-SI": re,
+  "sr-SP": te,
+  "sv-SE": se,
+  "tr-TR": ue,
+  "uk-UA": ce,
+  "zh-CN": oe,
+  "zh-TW": ne
+};
+function we(a) {
+  return a && a.__esModule ? a.default : a;
 }
-function be(e) {
-  let { "aria-label": r, ...t } = e, a = ce(de(J), "@react-aria/breadcrumbs");
+function Oe(a, e, r) {
+  let l = Fe(we(ie), "@react-aria/searchfield"), { isDisabled: s, isReadOnly: u, onSubmit: f, onClear: n, type: p = "search" } = a, $ = (t) => {
+    const c = t.key;
+    c === "Enter" && (s || u) && t.preventDefault(), !(s || u) && (c === "Enter" && f && (t.preventDefault(), f(e.value)), c === "Escape" && (e.value === "" && (!r.current || r.current.value === "") ? t.continuePropagation() : (t.preventDefault(), e.setValue(""), n && n())));
+  }, b = () => {
+    e.setValue(""), n && n();
+  }, v = () => {
+    var t;
+    (t = r.current) === null || t === void 0 || t.focus();
+  }, { labelProps: i, inputProps: x, descriptionProps: h, errorMessageProps: C, ...m } = $e({
+    ...a,
+    value: e.value,
+    onChange: e.setValue,
+    onKeyDown: u ? a.onKeyDown : Ce($, a.onKeyDown),
+    type: p
+  }, r);
   return {
-    navProps: {
-      ...n(t, {
-        labelable: !0
-      }),
-      "aria-label": r || a.format("breadcrumbs")
-    }
+    labelProps: i,
+    inputProps: {
+      ...x,
+      // already handled by useSearchFieldState
+      defaultValue: void 0
+    },
+    clearButtonProps: {
+      "aria-label": l.format("Clear search"),
+      excludeFromTabOrder: !0,
+      preventFocusOnPress: !0,
+      isDisabled: s || u,
+      onPress: b,
+      onPressStart: v
+    },
+    descriptionProps: h,
+    errorMessageProps: C,
+    ...m
+  };
+}
+function Ke(a) {
+  let [e, r] = Ae(_(a.value), _(a.defaultValue) || "", a.onChange);
+  return {
+    value: e,
+    setValue: r
   };
 }
-const o = /* @__PURE__ */ ue(null);
-function oe(e, r) {
-  [e, r] = ee(e, r, o);
-  let { CollectionRoot: t } = te(Z), { navProps: a } = be(e);
-  return /* @__PURE__ */ s.createElement(q, {
-    content: /* @__PURE__ */ s.createElement(Q, e)
-  }, (u) => {
-    var c;
-    return /* @__PURE__ */ s.createElement("ol", {
-      ref: r,
-      ...a,
-      slot: e.slot || void 0,
-      style: e.style,
-      className: (c = e.className) !== null && c !== void 0 ? c : "react-aria-Breadcrumbs"
-    }, /* @__PURE__ */ s.createElement(o.Provider, {
-      value: e
-    }, /* @__PURE__ */ s.createElement(t, {
-      collection: u
-    })));
-  });
+function _(a) {
+  if (a != null)
+    return a.toString();
 }
-const $e = /* @__PURE__ */ ae(oe), ne = /* @__PURE__ */ W("item", function(r, t, a) {
-  let u = a.nextKey == null, { isDisabled: c, onAction: d } = X(o), V = {
-    "aria-current": u ? "page" : null,
-    isDisabled: c || u,
-    onPress: () => d == null ? void 0 : d(a.key)
-  }, $ = Y({
-    ...a.props,
-    children: a.rendered,
+const Le = /* @__PURE__ */ ze(null), Me = /* @__PURE__ */ Ie(function(e, r) {
+  [e, r] = E(e, r, Le);
+  let { validationBehavior: l } = me(le) || {};
+  var s, u;
+  let f = (u = (s = e.validationBehavior) !== null && s !== void 0 ? s : l) !== null && u !== void 0 ? u : "native", n = Re(null), [p, $] = E({}, n, D), [b, v] = Pe(), i = Ke({
+    ...e,
+    validationBehavior: f
+  }), { labelProps: x, inputProps: h, clearButtonProps: C, descriptionProps: m, errorMessageProps: t, ...c } = Oe({
+    ...ye(e),
+    label: v,
+    validationBehavior: f
+  }, i, $), P = Be({
+    ...e,
     values: {
-      isDisabled: c || u,
-      isCurrent: u
+      isEmpty: i.value === "",
+      isDisabled: e.isDisabled || !1,
+      isInvalid: c.isInvalid || !1,
+      state: i
     },
-    defaultClassName: "react-aria-Breadcrumb"
-  });
-  return /* @__PURE__ */ s.createElement("li", {
-    ...n(r),
-    ...$,
-    ref: t,
-    "data-disabled": c || u || void 0,
-    "data-current": u || void 0
-  }, /* @__PURE__ */ s.createElement(re.Provider, {
-    value: V
-  }, $.children));
-}), fe = '"../theme/tokens.css"', ie = '"Inter", sans-serif', le = "#1f1f1f", me = "_container_k9jic_4", pe = {
-  tokens: fe,
-  display: ie,
-  gray150: le,
-  container: me
-}, he = ({ items: e }) => /* @__PURE__ */ b($e, { className: pe.container, children: e.map((r, t) => /* @__PURE__ */ b(ne, { children: /* @__PURE__ */ b(
-  se,
-  {
-    href: r.href,
-    isDisabled: r.isDisabled,
-    children: r.title
-  }
-) }, r.title.toLocaleLowerCase() + t)) });
+    defaultClassName: "react-aria-SearchField"
+  }), y = De(e);
+  return delete y.id, /* @__PURE__ */ k.createElement("div", {
+    ...y,
+    ...P,
+    ref: r,
+    slot: e.slot || void 0,
+    "data-empty": i.value === "" || void 0,
+    "data-disabled": e.isDisabled || void 0,
+    "data-invalid": c.isInvalid || void 0
+  }, /* @__PURE__ */ k.createElement(Ee, {
+    values: [
+      [
+        ve,
+        {
+          ...x,
+          ref: b
+        }
+      ],
+      [
+        D,
+        {
+          ...ke(h, p),
+          ref: $
+        }
+      ],
+      [
+        he,
+        C
+      ],
+      [
+        _e,
+        {
+          slots: {
+            description: m,
+            errorMessage: t
+          }
+        }
+      ],
+      [
+        ge,
+        {
+          isInvalid: c.isInvalid,
+          isDisabled: e.isDisabled || !1
+        }
+      ],
+      [
+        fe,
+        c
+      ]
+    ]
+  }, P.children));
+});
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const je = Ne("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]), qe = '"../theme/tokens.css"', Ue = '"Inter", sans-serif', He = "#143c50", Ge = "#1f1f1f", We = "#ffffff", Ze = "_container_1thfk_5", Je = "_inputContainer_1thfk_12", Xe = "_icon_1thfk_18", Qe = "_clear_1thfk_26", Ye = "_input_1thfk_12", d = {
+  tokens: qe,
+  display: Ue,
+  blue150: He,
+  gray150: Ge,
+  backgroundPrimary: We,
+  container: Ze,
+  inputContainer: Je,
+  icon: Xe,
+  clear: Qe,
+  input: Ye
+}, ba = ({
+  placeholder: a,
+  buttonText: e,
+  ...r
+}) => {
+  const [l, s] = Se.useState(!1);
+  return /* @__PURE__ */ B(
+    Me,
+    {
+      onInput: () => s(!0),
+      onClear: () => s(!1),
+      className: d.container,
+      ...r,
+      children: [
+        /* @__PURE__ */ o(xe, { hidden: !0, children: a }),
+        /* @__PURE__ */ B("div", { className: d.inputContainer, children: [
+          /* @__PURE__ */ o(
+            je,
+            {
+              size: 20,
+              className: d.icon
+            }
+          ),
+          /* @__PURE__ */ o(
+            pe,
+            {
+              className: Ve(be.input, d.input),
+              placeholder: a
+            }
+          ),
+          l && /* @__PURE__ */ o(
+            g,
+            {
+              variant: "icon",
+              size: "small",
+              className: d.clear,
+              children: /* @__PURE__ */ o(
+                Te,
+                {
+                  size: 20,
+                  "aria-hidden": !0
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(de, {}),
+        /* @__PURE__ */ o(g, { type: "submit", children: e || "Sök" })
+      ]
+    }
+  );
+};
 export {
-  he as Breadcrumbs
+  ba as SearchField
 };