@midas-ds/components 1.0.2

package/index87.js

@@ -0,0 +1,388 @@
+import { jsxs as P, jsx as o } from "react/jsx-runtime";
+import { c as ce, d as oe, e as ie } from "./Form-DXLoQL91.js";
+import { $ as le, a as ne, b as fe, T as de } from "./TextField.module-Cwq1FAm7.js";
+import { a as $e, b as pe } from "./Label-C18A_4Z5.js";
+import { a as be } from "./Button-CCevm2s3.js";
+import { D as ve, a as xe, u as he, v as Ce, w as me, d as Pe, n as ye, x as Be } from "./useFocusRing-D97-G3fT.js";
+import { a as De } from "./Group-DPMuN3h8.js";
+import { $ as Ee } from "./Text-DGLaY3HR.js";
+import * as ke from "react";
+import y, { forwardRef as ge, useRef as _e, createContext as Se } from "react";
+import { $ as Re } from "./useControlledState-S_TYcV_c.js";
+import { $ as Ie } from "./useLocalizedStringFormatter-DVCAZqcL.js";
+import { Button as B } from "./index69.js";
+import { c as Fe } from "./clsx-OuTLNxxd.js";
+import { c as ze } from "./createLucideIcon-DeWljiyi.js";
+import { X as Ae } from "./x-JK7i-TQC.js";
+import './SearchField.css';/**
+ * @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 Ve = ze("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+var E = {};
+E = {
+  "Clear search": "مسح البحث"
+};
+var k = {};
+k = {
+  "Clear search": "Изчистване на търсене"
+};
+var g = {};
+g = {
+  "Clear search": "Vymazat hledání"
+};
+var _ = {};
+_ = {
+  "Clear search": "Ryd søgning"
+};
+var S = {};
+S = {
+  "Clear search": "Suche zurücksetzen"
+};
+var R = {};
+R = {
+  "Clear search": "Απαλοιφή αναζήτησης"
+};
+var I = {};
+I = {
+  "Clear search": "Clear search"
+};
+var F = {};
+F = {
+  "Clear search": "Borrar búsqueda"
+};
+var z = {};
+z = {
+  "Clear search": "Tühjenda otsing"
+};
+var A = {};
+A = {
+  "Clear search": "Tyhjennä haku"
+};
+var V = {};
+V = {
+  "Clear search": "Effacer la recherche"
+};
+var w = {};
+w = {
+  "Clear search": "נקה חיפוש"
+};
+var N = {};
+N = {
+  "Clear search": "Obriši pretragu"
+};
+var T = {};
+T = {
+  "Clear search": "Keresés törlése"
+};
+var O = {};
+O = {
+  "Clear search": "Cancella ricerca"
+};
+var K = {};
+K = {
+  "Clear search": "検索をクリア"
+};
+var L = {};
+L = {
+  "Clear search": "검색 지우기"
+};
+var M = {};
+M = {
+  "Clear search": "Išvalyti iešką"
+};
+var j = {};
+j = {
+  "Clear search": "Notīrīt meklēšanu"
+};
+var q = {};
+q = {
+  "Clear search": "Tøm søk"
+};
+var U = {};
+U = {
+  "Clear search": "Zoekactie wissen"
+};
+var H = {};
+H = {
+  "Clear search": "Wyczyść zawartość wyszukiwania"
+};
+var G = {};
+G = {
+  "Clear search": "Limpar pesquisa"
+};
+var W = {};
+W = {
+  "Clear search": "Limpar pesquisa"
+};
+var Z = {};
+Z = {
+  "Clear search": "Ştergeţi căutarea"
+};
+var J = {};
+J = {
+  "Clear search": "Очистить поиск"
+};
+var X = {};
+X = {
+  "Clear search": "Vymazať vyhľadávanie"
+};
+var Q = {};
+Q = {
+  "Clear search": "Počisti iskanje"
+};
+var Y = {};
+Y = {
+  "Clear search": "Obriši pretragu"
+};
+var ee = {};
+ee = {
+  "Clear search": "Rensa sökning"
+};
+var ae = {};
+ae = {
+  "Clear search": "Aramayı temizle"
+};
+var re = {};
+re = {
+  "Clear search": "Очистити пошук"
+};
+var te = {};
+te = {
+  "Clear search": "清除搜索"
+};
+var se = {};
+se = {
+  "Clear search": "清除搜尋條件"
+};
+var ue = {};
+ue = {
+  "ar-AE": E,
+  "bg-BG": k,
+  "cs-CZ": g,
+  "da-DK": _,
+  "de-DE": S,
+  "el-GR": R,
+  "en-US": I,
+  "es-ES": F,
+  "et-EE": z,
+  "fi-FI": A,
+  "fr-FR": V,
+  "he-IL": w,
+  "hr-HR": N,
+  "hu-HU": T,
+  "it-IT": O,
+  "ja-JP": K,
+  "ko-KR": L,
+  "lt-LT": M,
+  "lv-LV": j,
+  "nb-NO": q,
+  "nl-NL": U,
+  "pl-PL": H,
+  "pt-BR": G,
+  "pt-PT": W,
+  "ro-RO": Z,
+  "ru-RU": J,
+  "sk-SK": X,
+  "sl-SI": Q,
+  "sr-SP": Y,
+  "sv-SE": ee,
+  "tr-TR": ae,
+  "uk-UA": re,
+  "zh-CN": te,
+  "zh-TW": se
+};
+function we(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function Ne(e, a, s) {
+  let u = Ie(we(ue), "@react-aria/searchfield"), { isDisabled: t, isReadOnly: c, onSubmit: f, onClear: i, type: p = "search" } = e, l = (r) => {
+    const m = r.key;
+    m === "Enter" && (t || c) && r.preventDefault(), !(t || c) && (m === "Enter" && f && (r.preventDefault(), f(a.value)), m === "Escape" && (a.value === "" ? r.continuePropagation() : (a.setValue(""), i && i())));
+  }, b = () => {
+    a.setValue(""), i && i();
+  }, v = () => {
+    var r;
+    (r = s.current) === null || r === void 0 || r.focus();
+  }, { labelProps: x, inputProps: h, descriptionProps: C, errorMessageProps: n, ...$ } = le({
+    ...e,
+    value: a.value,
+    onChange: a.setValue,
+    onKeyDown: c ? e.onKeyDown : ve(l, e.onKeyDown),
+    type: p
+  }, s);
+  return {
+    labelProps: x,
+    inputProps: {
+      ...h,
+      // already handled by useSearchFieldState
+      defaultValue: void 0
+    },
+    clearButtonProps: {
+      "aria-label": u.format("Clear search"),
+      excludeFromTabOrder: !0,
+      preventFocusOnPress: !0,
+      isDisabled: t || c,
+      onPress: b,
+      onPressStart: v
+    },
+    descriptionProps: C,
+    errorMessageProps: n,
+    ...$
+  };
+}
+function Te(e) {
+  let [a, s] = Re(D(e.value), D(e.defaultValue) || "", e.onChange);
+  return {
+    value: a,
+    setValue: s
+  };
+}
+function D(e) {
+  if (e != null)
+    return e.toString();
+}
+const Oe = /* @__PURE__ */ Se(null);
+function Ke(e, a) {
+  [e, a] = xe(e, a, Oe);
+  let { validationBehavior: s } = he(ce) || {};
+  var u, t;
+  let c = (t = (u = e.validationBehavior) !== null && u !== void 0 ? u : s) !== null && t !== void 0 ? t : "native", f = _e(null), [i, p] = Ce(), l = Te({
+    ...e,
+    validationBehavior: c
+  }), { labelProps: b, inputProps: v, clearButtonProps: x, descriptionProps: h, errorMessageProps: C, ...n } = Ne({
+    ...me(e),
+    label: p,
+    validationBehavior: c
+  }, l, f), $ = Pe({
+    ...e,
+    values: {
+      isEmpty: l.value === "",
+      isDisabled: e.isDisabled || !1,
+      isInvalid: n.isInvalid || !1,
+      state: l
+    },
+    defaultClassName: "react-aria-SearchField"
+  }), r = ye(e);
+  return delete r.id, /* @__PURE__ */ y.createElement("div", {
+    ...r,
+    ...$,
+    ref: a,
+    slot: e.slot || void 0,
+    "data-empty": l.value === "" || void 0,
+    "data-disabled": e.isDisabled || void 0,
+    "data-invalid": n.isInvalid || void 0
+  }, /* @__PURE__ */ y.createElement(Be, {
+    values: [
+      [
+        $e,
+        {
+          ...b,
+          ref: i
+        }
+      ],
+      [
+        ne,
+        {
+          ...v,
+          ref: f
+        }
+      ],
+      [
+        be,
+        x
+      ],
+      [
+        Ee,
+        {
+          slots: {
+            description: h,
+            errorMessage: C
+          }
+        }
+      ],
+      [
+        De,
+        {
+          isInvalid: n.isInvalid,
+          isDisabled: e.isDisabled || !1
+        }
+      ],
+      [
+        oe,
+        n
+      ]
+    ]
+  }, $.children));
+}
+const Le = /* @__PURE__ */ ge(Ke), Me = '"../theme/tokens.css"', je = '"Inter", sans-serif', qe = "#143c50", Ue = "#1f1f1f", He = "#ffffff", Ge = "_container_1thfk_5", We = "_inputContainer_1thfk_12", Ze = "_icon_1thfk_18", Je = "_clear_1thfk_26", Xe = "_input_1thfk_12", d = {
+  tokens: Me,
+  display: je,
+  blue150: qe,
+  gray150: Ue,
+  backgroundPrimary: He,
+  container: Ge,
+  inputContainer: We,
+  icon: Ze,
+  clear: Je,
+  input: Xe
+}, $a = ({
+  placeholder: e,
+  buttonText: a,
+  ...s
+}) => {
+  const [u, t] = ke.useState(!1);
+  return /* @__PURE__ */ P(
+    Le,
+    {
+      onInput: () => t(!0),
+      onClear: () => t(!1),
+      className: d.container,
+      ...s,
+      children: [
+        /* @__PURE__ */ o(pe, { hidden: !0, children: e }),
+        /* @__PURE__ */ P("div", { className: d.inputContainer, children: [
+          /* @__PURE__ */ o(
+            Ve,
+            {
+              size: 20,
+              className: d.icon
+            }
+          ),
+          /* @__PURE__ */ o(
+            fe,
+            {
+              className: Fe(de.input, d.input),
+              placeholder: e
+            }
+          ),
+          u && /* @__PURE__ */ o(
+            B,
+            {
+              variant: "icon",
+              size: "small",
+              className: d.clear,
+              children: /* @__PURE__ */ o(
+                Ae,
+                {
+                  size: 20,
+                  "aria-hidden": !0
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(ie, {}),
+        /* @__PURE__ */ o(B, { type: "submit", children: a || "Sök" })
+      ]
+    }
+  );
+};
+export {
+  $a as SearchField
+};