@eightshift/ui-components 0.0.1

package/dist/components/link-input/link-input.js

@@ -0,0 +1,937 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, b as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, c as $13c3c67164f4d5be$export$4c260019440d418f, B as Button } from "../../button-BkkdyHfJ.js";
+import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-DyqpTRPe.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-jsbb4ugq.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BPzS-sR7.js";
+import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-BsiH7-5Y.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-wtMA4667.js";
+import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-BM136LvS.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-DG2RfOUr.js";
+import React__default, { useReducer, useRef, useEffect, forwardRef, createContext, useMemo, useState, useCallback } from "react";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-C3K8zAKj.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-Prmz0h0A.js";
+import { _ as __ } from "../../default-i18n-BhE-OUmt.js";
+import { icons } from "../../icons/icons.js";
+import { classnames } from "../../utilities/classnames.js";
+import { Spacer } from "../spacer/spacer.js";
+import { T as Tooltip } from "../../tooltip-CkCndvTI.js";
+import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
+import { BaseControl } from "../base-control/base-control.js";
+import { RichLabel } from "../rich-label/rich-label.js";
+import { P as Popover } from "../../popover-Dx3vKXUX.js";
+import { a as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a } from "../../useListData-BelKu4kx.js";
+var $03c9a1a10de12f06$exports = {};
+$03c9a1a10de12f06$exports = {
+  "Clear search": `مسح البحث`
+};
+var $4da0c2ffa4ba4159$exports = {};
+$4da0c2ffa4ba4159$exports = {
+  "Clear search": `Изчистване на търсене`
+};
+var $8c59fd0c2c96821b$exports = {};
+$8c59fd0c2c96821b$exports = {
+  "Clear search": `Vymazat hledání`
+};
+var $0a371f9c1df8120f$exports = {};
+$0a371f9c1df8120f$exports = {
+  "Clear search": `Ryd søgning`
+};
+var $67f4d0b0de9f8a52$exports = {};
+$67f4d0b0de9f8a52$exports = {
+  "Clear search": `Suche zurücksetzen`
+};
+var $72a312d948f0214b$exports = {};
+$72a312d948f0214b$exports = {
+  "Clear search": `Απαλοιφή αναζήτησης`
+};
+var $5012d21d933388c1$exports = {};
+$5012d21d933388c1$exports = {
+  "Clear search": `Clear search`
+};
+var $0159854399308e2e$exports = {};
+$0159854399308e2e$exports = {
+  "Clear search": `Borrar búsqueda`
+};
+var $390613981d970276$exports = {};
+$390613981d970276$exports = {
+  "Clear search": `Tühjenda otsing`
+};
+var $961ae0833f811705$exports = {};
+$961ae0833f811705$exports = {
+  "Clear search": `Tyhjennä haku`
+};
+var $26d76742decfd829$exports = {};
+$26d76742decfd829$exports = {
+  "Clear search": `Effacer la recherche`
+};
+var $92ef254c82a5c769$exports = {};
+$92ef254c82a5c769$exports = {
+  "Clear search": `נקה חיפוש`
+};
+var $e0321b43bdefb8b3$exports = {};
+$e0321b43bdefb8b3$exports = {
+  "Clear search": `Obriši pretragu`
+};
+var $0c1ee0b8d50940d9$exports = {};
+$0c1ee0b8d50940d9$exports = {
+  "Clear search": `Keresés törlése`
+};
+var $b09198915a38946f$exports = {};
+$b09198915a38946f$exports = {
+  "Clear search": `Cancella ricerca`
+};
+var $3a9a3d180c3145c0$exports = {};
+$3a9a3d180c3145c0$exports = {
+  "Clear search": `検索をクリア`
+};
+var $b7a611726449f4a3$exports = {};
+$b7a611726449f4a3$exports = {
+  "Clear search": `검색 지우기`
+};
+var $d9a3d49db610dd5c$exports = {};
+$d9a3d49db610dd5c$exports = {
+  "Clear search": `Išvalyti iešką`
+};
+var $3ab64b73ea27c23a$exports = {};
+$3ab64b73ea27c23a$exports = {
+  "Clear search": `Notīrīt meklēšanu`
+};
+var $bf5cce1b47d23baf$exports = {};
+$bf5cce1b47d23baf$exports = {
+  "Clear search": `Tøm søk`
+};
+var $4e0c9a9a010e4598$exports = {};
+$4e0c9a9a010e4598$exports = {
+  "Clear search": `Zoekactie wissen`
+};
+var $63cf4a75ec270508$exports = {};
+$63cf4a75ec270508$exports = {
+  "Clear search": `Wyczyść zawartość wyszukiwania`
+};
+var $083b0cad27fdbd06$exports = {};
+$083b0cad27fdbd06$exports = {
+  "Clear search": `Limpar pesquisa`
+};
+var $1b7f0864d830ba6d$exports = {};
+$1b7f0864d830ba6d$exports = {
+  "Clear search": `Limpar pesquisa`
+};
+var $d6d2588377fc9718$exports = {};
+$d6d2588377fc9718$exports = {
+  "Clear search": `Ştergeţi căutarea`
+};
+var $701c918a4653e946$exports = {};
+$701c918a4653e946$exports = {
+  "Clear search": `Очистить поиск`
+};
+var $7cacc29a1e5f4fbe$exports = {};
+$7cacc29a1e5f4fbe$exports = {
+  "Clear search": `Vymazať vyhľadávanie`
+};
+var $c63231bcc300d0df$exports = {};
+$c63231bcc300d0df$exports = {
+  "Clear search": `Počisti iskanje`
+};
+var $b61510478bc0e6f6$exports = {};
+$b61510478bc0e6f6$exports = {
+  "Clear search": `Obriši pretragu`
+};
+var $ce325e6dd3f9c37a$exports = {};
+$ce325e6dd3f9c37a$exports = {
+  "Clear search": `Rensa sökning`
+};
+var $1f7e1cf2285af2b2$exports = {};
+$1f7e1cf2285af2b2$exports = {
+  "Clear search": `Aramayı temizle`
+};
+var $2d999353ca652e34$exports = {};
+$2d999353ca652e34$exports = {
+  "Clear search": `Очистити пошук`
+};
+var $117b536bfb1ae554$exports = {};
+$117b536bfb1ae554$exports = {
+  "Clear search": `清除搜索`
+};
+var $525f6fa4ac26e278$exports = {};
+$525f6fa4ac26e278$exports = {
+  "Clear search": `清除搜尋條件`
+};
+var $8112f8b883c0272d$exports = {};
+$8112f8b883c0272d$exports = {
+  "ar-AE": $03c9a1a10de12f06$exports,
+  "bg-BG": $4da0c2ffa4ba4159$exports,
+  "cs-CZ": $8c59fd0c2c96821b$exports,
+  "da-DK": $0a371f9c1df8120f$exports,
+  "de-DE": $67f4d0b0de9f8a52$exports,
+  "el-GR": $72a312d948f0214b$exports,
+  "en-US": $5012d21d933388c1$exports,
+  "es-ES": $0159854399308e2e$exports,
+  "et-EE": $390613981d970276$exports,
+  "fi-FI": $961ae0833f811705$exports,
+  "fr-FR": $26d76742decfd829$exports,
+  "he-IL": $92ef254c82a5c769$exports,
+  "hr-HR": $e0321b43bdefb8b3$exports,
+  "hu-HU": $0c1ee0b8d50940d9$exports,
+  "it-IT": $b09198915a38946f$exports,
+  "ja-JP": $3a9a3d180c3145c0$exports,
+  "ko-KR": $b7a611726449f4a3$exports,
+  "lt-LT": $d9a3d49db610dd5c$exports,
+  "lv-LV": $3ab64b73ea27c23a$exports,
+  "nb-NO": $bf5cce1b47d23baf$exports,
+  "nl-NL": $4e0c9a9a010e4598$exports,
+  "pl-PL": $63cf4a75ec270508$exports,
+  "pt-BR": $083b0cad27fdbd06$exports,
+  "pt-PT": $1b7f0864d830ba6d$exports,
+  "ro-RO": $d6d2588377fc9718$exports,
+  "ru-RU": $701c918a4653e946$exports,
+  "sk-SK": $7cacc29a1e5f4fbe$exports,
+  "sl-SI": $c63231bcc300d0df$exports,
+  "sr-SP": $b61510478bc0e6f6$exports,
+  "sv-SE": $ce325e6dd3f9c37a$exports,
+  "tr-TR": $1f7e1cf2285af2b2$exports,
+  "uk-UA": $2d999353ca652e34$exports,
+  "zh-CN": $117b536bfb1ae554$exports,
+  "zh-TW": $525f6fa4ac26e278$exports
+};
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $4d52238874b24f86$export$9bb30bbe003b82e0(props, state, inputRef) {
+  let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($8112f8b883c0272d$exports), "@react-aria/searchfield");
+  let { isDisabled, isReadOnly, onSubmit = () => {
+  }, onClear, type = "search" } = props;
+  let onKeyDown = (e) => {
+    const key = e.key;
+    if (key === "Enter")
+      e.preventDefault();
+    if (isDisabled || isReadOnly)
+      return;
+    if (key === "Enter")
+      onSubmit(state.value);
+    if (key === "Escape") {
+      if (state.value === "")
+        e.continuePropagation();
+      else {
+        state.setValue("");
+        if (onClear)
+          onClear();
+      }
+    }
+  };
+  let onClearButtonClick = () => {
+    state.setValue("");
+    if (onClear)
+      onClear();
+  };
+  let onPressStart = () => {
+    var _inputRef_current;
+    (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+  };
+  let { labelProps, inputProps, descriptionProps, errorMessageProps, ...validation } = $2d73ec29415bd339$export$712718f7aec83d5({
+    ...props,
+    value: state.value,
+    onChange: state.setValue,
+    onKeyDown: !isReadOnly ? $ff5963eb1fccf552$export$e08e3b67e392101e(onKeyDown, props.onKeyDown) : props.onKeyDown,
+    type
+  }, inputRef);
+  return {
+    labelProps,
+    inputProps: {
+      ...inputProps,
+      // already handled by useSearchFieldState
+      defaultValue: void 0
+    },
+    clearButtonProps: {
+      "aria-label": stringFormatter.format("Clear search"),
+      excludeFromTabOrder: true,
+      // @ts-ignore
+      preventFocusOnPress: true,
+      isDisabled: isDisabled || isReadOnly,
+      onPress: onClearButtonClick,
+      onPressStart
+    },
+    descriptionProps,
+    errorMessageProps,
+    ...validation
+  };
+}
+function $f86e6c1ec7da6ebb$var$reducer(data, action) {
+  let selectedKeys;
+  switch (data.state) {
+    case "idle":
+    case "error":
+      switch (action.type) {
+        case "loading":
+        case "loadingMore":
+        case "sorting":
+        case "filtering":
+          var _action_filterText, _action_sortDescriptor;
+          return {
+            ...data,
+            filterText: (_action_filterText = action.filterText) !== null && _action_filterText !== void 0 ? _action_filterText : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            sortDescriptor: (_action_sortDescriptor = action.sortDescriptor) !== null && _action_sortDescriptor !== void 0 ? _action_sortDescriptor : data.sortDescriptor,
+            abortController: action.abortController
+          };
+        case "update":
+          return {
+            ...data,
+            ...action.updater(data)
+          };
+        case "success":
+        case "error":
+          return data;
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    case "loading":
+    case "sorting":
+    case "filtering":
+      switch (action.type) {
+        case "success":
+          if (action.abortController !== data.abortController)
+            return data;
+          var _action_selectedKeys;
+          selectedKeys = (_action_selectedKeys = action.selectedKeys) !== null && _action_selectedKeys !== void 0 ? _action_selectedKeys : data.selectedKeys;
+          var _action_filterText1, _action_sortDescriptor1;
+          return {
+            ...data,
+            filterText: (_action_filterText1 = action.filterText) !== null && _action_filterText1 !== void 0 ? _action_filterText1 : data.filterText,
+            state: "idle",
+            items: [
+              ...action.items
+            ],
+            selectedKeys: selectedKeys === "all" ? "all" : new Set(selectedKeys),
+            sortDescriptor: (_action_sortDescriptor1 = action.sortDescriptor) !== null && _action_sortDescriptor1 !== void 0 ? _action_sortDescriptor1 : data.sortDescriptor,
+            abortController: null,
+            cursor: action.cursor
+          };
+        case "error":
+          if (action.abortController !== data.abortController)
+            return data;
+          return {
+            ...data,
+            state: "error",
+            error: action.error,
+            abortController: null
+          };
+        case "loading":
+        case "loadingMore":
+        case "sorting":
+        case "filtering":
+          data.abortController.abort();
+          var _action_filterText2;
+          return {
+            ...data,
+            filterText: (_action_filterText2 = action.filterText) !== null && _action_filterText2 !== void 0 ? _action_filterText2 : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            abortController: action.abortController
+          };
+        case "update":
+          return {
+            ...data,
+            ...action.updater(data)
+          };
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    case "loadingMore":
+      switch (action.type) {
+        case "success":
+          var _action_selectedKeys1;
+          selectedKeys = data.selectedKeys === "all" || action.selectedKeys === "all" ? "all" : /* @__PURE__ */ new Set([
+            ...data.selectedKeys,
+            ...(_action_selectedKeys1 = action.selectedKeys) !== null && _action_selectedKeys1 !== void 0 ? _action_selectedKeys1 : []
+          ]);
+          var _action_sortDescriptor2;
+          return {
+            ...data,
+            state: "idle",
+            items: [
+              ...data.items,
+              ...action.items
+            ],
+            selectedKeys,
+            sortDescriptor: (_action_sortDescriptor2 = action.sortDescriptor) !== null && _action_sortDescriptor2 !== void 0 ? _action_sortDescriptor2 : data.sortDescriptor,
+            abortController: null,
+            cursor: action.cursor
+          };
+        case "error":
+          if (action.abortController !== data.abortController)
+            return data;
+          return {
+            ...data,
+            state: "error",
+            error: action.error
+          };
+        case "loading":
+        case "sorting":
+        case "filtering":
+          data.abortController.abort();
+          var _action_filterText3;
+          return {
+            ...data,
+            filterText: (_action_filterText3 = action.filterText) !== null && _action_filterText3 !== void 0 ? _action_filterText3 : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            abortController: action.abortController
+          };
+        case "loadingMore":
+          action.abortController.abort();
+          return data;
+        case "update":
+          return {
+            ...data,
+            ...action.updater(data)
+          };
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    default:
+      throw new Error(`Invalid state "${data.state}"`);
+  }
+}
+function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
+  const { load, sort, initialSelectedKeys, initialSortDescriptor, getKey = (item) => item.id || item.key, initialFilterText = "" } = options;
+  let [data, dispatch] = useReducer($f86e6c1ec7da6ebb$var$reducer, {
+    state: "idle",
+    error: null,
+    items: [],
+    selectedKeys: initialSelectedKeys === "all" ? "all" : new Set(initialSelectedKeys),
+    sortDescriptor: initialSortDescriptor,
+    filterText: initialFilterText
+  });
+  const dispatchFetch = async (action, fn) => {
+    let abortController = new AbortController();
+    try {
+      dispatch({
+        ...action,
+        abortController
+      });
+      var _action_filterText;
+      let previousFilterText = (_action_filterText = action.filterText) !== null && _action_filterText !== void 0 ? _action_filterText : data.filterText;
+      var _action_sortDescriptor;
+      let response = await fn({
+        items: data.items.slice(),
+        selectedKeys: data.selectedKeys,
+        sortDescriptor: (_action_sortDescriptor = action.sortDescriptor) !== null && _action_sortDescriptor !== void 0 ? _action_sortDescriptor : data.sortDescriptor,
+        signal: abortController.signal,
+        cursor: action.type === "loadingMore" ? data.cursor : null,
+        filterText: previousFilterText
+      });
+      var _response_filterText;
+      let filterText = (_response_filterText = response.filterText) !== null && _response_filterText !== void 0 ? _response_filterText : previousFilterText;
+      dispatch({
+        type: "success",
+        ...response,
+        abortController
+      });
+      if (filterText && filterText !== previousFilterText && !abortController.signal.aborted)
+        dispatchFetch({
+          type: "filtering",
+          filterText
+        }, load);
+    } catch (e) {
+      dispatch({
+        type: "error",
+        error: e,
+        abortController
+      });
+    }
+  };
+  let didDispatchInitialFetch = useRef(false);
+  useEffect(() => {
+    if (!didDispatchInitialFetch.current) {
+      dispatchFetch({
+        type: "loading"
+      }, load);
+      didDispatchInitialFetch.current = true;
+    }
+  }, []);
+  return {
+    items: data.items,
+    selectedKeys: data.selectedKeys,
+    sortDescriptor: data.sortDescriptor,
+    isLoading: data.state === "loading" || data.state === "loadingMore" || data.state === "sorting" || data.state === "filtering",
+    loadingState: data.state,
+    error: data.error,
+    filterText: data.filterText,
+    getItem(key) {
+      return data.items.find((item) => getKey(item) === key);
+    },
+    reload() {
+      dispatchFetch({
+        type: "loading"
+      }, load);
+    },
+    loadMore() {
+      if (data.state === "loadingMore" || data.state === "filtering" || data.cursor == null)
+        return;
+      dispatchFetch({
+        type: "loadingMore"
+      }, load);
+    },
+    sort(sortDescriptor) {
+      dispatchFetch({
+        type: "sorting",
+        sortDescriptor
+      }, sort || load);
+    },
+    ...$0d86e9c8f07f9a7b$export$79c0c687a5963b0a({
+      ...options,
+      getKey,
+      cursor: data.cursor
+    }, (fn) => {
+      dispatch({
+        type: "update",
+        updater: fn
+      });
+    }),
+    setFilterText(filterText) {
+      dispatchFetch({
+        type: "filtering",
+        filterText
+      }, load);
+    }
+  };
+}
+function $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2(props) {
+  let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715($0b2218c4e3fe7d7e$var$toString(props.value), $0b2218c4e3fe7d7e$var$toString(props.defaultValue) || "", props.onChange);
+  return {
+    value,
+    setValue
+  };
+}
+function $0b2218c4e3fe7d7e$var$toString(val) {
+  if (val == null)
+    return;
+  return val.toString();
+}
+const $440f4836bcb56932$export$d1c4e4c63cb03a11 = /* @__PURE__ */ createContext(null);
+function $440f4836bcb56932$var$SearchField(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $440f4836bcb56932$export$d1c4e4c63cb03a11);
+  let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
+  var _props_validationBehavior, _ref;
+  let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
+  let inputRef = useRef(null);
+  let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
+  let state = $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2({
+    ...props,
+    validationBehavior
+  });
+  let { labelProps, inputProps, clearButtonProps, descriptionProps, errorMessageProps, ...validation } = $4d52238874b24f86$export$9bb30bbe003b82e0({
+    ...$64fa3d84918910a7$export$ef03459518577ad4(props),
+    label,
+    validationBehavior
+  }, state, inputRef);
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    values: {
+      isEmpty: state.value === "",
+      isDisabled: props.isDisabled || false,
+      isInvalid: validation.isInvalid || false,
+      state
+    },
+    defaultClassName: "react-aria-SearchField"
+  });
+  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
+  delete DOMProps.id;
+  return /* @__PURE__ */ React__default.createElement("div", {
+    ...DOMProps,
+    ...renderProps,
+    ref,
+    slot: props.slot || void 0,
+    "data-empty": state.value === "" || void 0,
+    "data-disabled": props.isDisabled || void 0,
+    "data-invalid": validation.isInvalid || void 0
+  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $01b77f81d0f07f68$export$75b6ee27786ba447,
+        {
+          ...labelProps,
+          ref: labelRef
+        }
+      ],
+      [
+        $3985021b0ad6602f$export$37fb8590cf2c088c,
+        {
+          ...inputProps,
+          ref: inputRef
+        }
+      ],
+      [
+        $d2b4bc8c273e7be6$export$24d547caef80ccd1,
+        clearButtonProps
+      ],
+      [
+        $514c0188e459b4c0$export$9afb8bc826b033ea,
+        {
+          slots: {
+            description: descriptionProps,
+            errorMessage: errorMessageProps
+          }
+        }
+      ],
+      [
+        $a049562f99e7db0e$export$f9c6924e160136d1,
+        {
+          isInvalid: validation.isInvalid,
+          isDisabled: props.isDisabled || false
+        }
+      ],
+      [
+        $ee014567cb39d3f0$export$ff05c3ac10437e03,
+        validation
+      ]
+    ]
+  }, renderProps.children));
+}
+const $440f4836bcb56932$export$b94867ecbd698f21 = /* @__PURE__ */ forwardRef($440f4836bcb56932$var$SearchField);
+function c(e, u, c2) {
+  var i = this, a = useRef(null), o = useRef(0), f = useRef(null), l = useRef([]), v = useRef(), m = useRef(), d = useRef(e), g = useRef(true);
+  d.current = e;
+  var p = "undefined" != typeof window, w = !u && 0 !== u && p;
+  if ("function" != typeof e)
+    throw new TypeError("Expected a function");
+  u = +u || 0;
+  var s = !!(c2 = c2 || {}).leading, x = !("trailing" in c2) || !!c2.trailing, h = "maxWait" in c2, y = "debounceOnServer" in c2 && !!c2.debounceOnServer, F = h ? Math.max(+c2.maxWait || 0, u) : null;
+  useEffect(function() {
+    return g.current = true, function() {
+      g.current = false;
+    };
+  }, []);
+  var A = useMemo(function() {
+    var r = function(r2) {
+      var n2 = l.current, t2 = v.current;
+      return l.current = v.current = null, o.current = r2, m.current = d.current.apply(t2, n2);
+    }, n = function(r2, n2) {
+      w && cancelAnimationFrame(f.current), f.current = w ? requestAnimationFrame(r2) : setTimeout(r2, n2);
+    }, t = function(r2) {
+      if (!g.current)
+        return false;
+      var n2 = r2 - a.current;
+      return !a.current || n2 >= u || n2 < 0 || h && r2 - o.current >= F;
+    }, e2 = function(n2) {
+      return f.current = null, x && l.current ? r(n2) : (l.current = v.current = null, m.current);
+    }, c3 = function r2() {
+      var c4 = Date.now();
+      if (t(c4))
+        return e2(c4);
+      if (g.current) {
+        var i2 = u - (c4 - a.current), f2 = h ? Math.min(i2, F - (c4 - o.current)) : i2;
+        n(r2, f2);
+      }
+    }, A2 = function() {
+      if (p || y) {
+        var e3 = Date.now(), d2 = t(e3);
+        if (l.current = [].slice.call(arguments), v.current = i, a.current = e3, d2) {
+          if (!f.current && g.current)
+            return o.current = a.current, n(c3, u), s ? r(a.current) : m.current;
+          if (h)
+            return n(c3, u), r(a.current);
+        }
+        return f.current || n(c3, u), m.current;
+      }
+    };
+    return A2.cancel = function() {
+      f.current && (w ? cancelAnimationFrame(f.current) : clearTimeout(f.current)), o.current = 0, l.current = a.current = v.current = f.current = null;
+    }, A2.isPending = function() {
+      return !!f.current;
+    }, A2.flush = function() {
+      return f.current ? e2(Date.now()) : m.current;
+    }, A2;
+  }, [s, h, u, F, x, w, p, y]);
+  return A;
+}
+/**
+ * Component that allows URL selection, with a suggestionList of suggestions and type-to-search.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {string} [props.url] - The current URL.
+ * @param {Function} [props.onChange] - Function to run when the URL changes.
+ * @param {string} [props.label] - Label to display.
+ * @param {string} [props.subtitle] - Subtitle to display.
+ * @param {string} [props.help] - Help text to display below the input.
+ * @param {string} [props.placeholder] - Placeholder to show in the input field.
+ * @param {JSX.Element|JSX.Element[]} [props.actions] - Actions to display to the right of the label.
+ * @param {JSX.Element} [props.icon=icons.globe] - Icon to display in the label.
+ * @param {JSX.Element} [props.removeIcon=icons.clearAlt] - Icon to display in the input's clear button.
+ * @param {boolean} [props.disabled=false] - If `true`, the input is disabled.
+ * @param {Function} [props.suggestionTypeIconOverride] - Function
+ * @param {Function} [props.fetchSuggestions] - A function that fetches suggestions based on the input value.
+ * @param {string} [props.className] - Classes to pass to the input field.
+ * @param {number} [props.inputDebounceDelay=500] - The delay in milliseconds before the input value is considered final.
+ * @param {Function} [props.suggestionTypeIconOverride] - Allows overriding the default icon for the suggestion type, e.g. when using CPTs. Should be in the format: `(type) => icon or React component`.
+ *
+ * @returns {JSX.Element} The LinkInput component.
+ *
+ * @example
+ * <LinkInput
+ * 	url={url}
+ * 	onChange={setUrl}
+ * />
+ *
+ * @preserve
+ */
+const LinkInput = (props) => {
+  var _a;
+  const {
+    url,
+    onChange,
+    label = __("Link", "eightshift-ui-components"),
+    subtitle,
+    help,
+    actions,
+    placeholder = __("Type to search or enter URL", "eightshift-ui-components"),
+    icon = icons.globe,
+    removeIcon = icons.clearAlt,
+    disabled = false,
+    suggestionTypeIconOverride,
+    fetchSuggestions,
+    className,
+    inputDebounceDelay = 500
+  } = props;
+  const [inputValue, setInputValue] = useState(url ?? "");
+  const [suggestionsVisible, setSuggestionsVisible] = useState(false);
+  const triggerRef = useRef(null);
+  const inputRef = useRef(null);
+  const suggestionList = $f86e6c1ec7da6ebb$export$bc3384a35de93d66({
+    getKey: ({ item }) => item.value,
+    async load({ signal }) {
+      const items = await fetchSuggestions(inputValue, signal);
+      return {
+        items: items ?? []
+      };
+    }
+  });
+  const shouldNotShowSuggestions = (url2) => {
+    var _a2;
+    if (!url2) {
+      return true;
+    }
+    return ((_a2 = url2 == null ? void 0 : url2.trim()) == null ? void 0 : _a2.length) < 3 || (url2 == null ? void 0 : url2.startsWith("#")) || (url2 == null ? void 0 : url2.startsWith(":")) || (url2 == null ? void 0 : url2.startsWith("mailto:")) || (url2 == null ? void 0 : url2.startsWith("tel:")) || (url2 == null ? void 0 : url2.startsWith("http://")) || (url2 == null ? void 0 : url2.startsWith("https://"));
+  };
+  const debounced = c(
+    useCallback(
+      (value) => {
+        onChange({ url: value, isAnchor: value == null ? void 0 : value.includes("#") });
+        if (shouldNotShowSuggestions(value)) {
+          setSuggestionsVisible(false);
+        } else {
+          suggestionList.setFilterText(value);
+          setSuggestionsVisible((value == null ? void 0 : value.length) > 3);
+        }
+      },
+      [onChange, suggestionList]
+    ),
+    inputDebounceDelay,
+    { maxWait: 2e3 }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      $440f4836bcb56932$export$b94867ecbd698f21,
+      {
+        className: "es-uic-w-full es-uic-space-y-1",
+        type: "url",
+        value: inputValue,
+        onChange: (value) => {
+          setInputValue(value);
+          debounced(value);
+        },
+        isDisabled: disabled,
+        children: /* @__PURE__ */ jsx(
+          BaseControl,
+          {
+            as: $01b77f81d0f07f68$export$b04be29aa201d4f5,
+            icon,
+            label,
+            subtitle,
+            actions,
+            labelAs: $01b77f81d0f07f68$export$b04be29aa201d4f5,
+            help,
+            children: /* @__PURE__ */ jsxs(
+              $a049562f99e7db0e$export$eb2fcfdbd7ba97d4,
+              {
+                className: "es-uic-relative",
+                ref: triggerRef,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    $3985021b0ad6602f$export$f5b8910cec6cf069,
+                    {
+                      placeholder,
+                      ref: inputRef,
+                      className: classnames(
+                        "es-uic-min-h-10 es-uic-w-full es-uic-rounded-md es-uic-border es-uic-border-gray-300 es-uic-py-2 es-uic-pl-2 es-uic-pr-1 es-uic-text-sm es-uic-shadow-sm es-uic-transition selection:es-uic-bg-teal-500/20 selection:es-uic-text-teal-950",
+                        "focus:es-uic-outline-none focus-visible:es-uic-outline-none focus-visible:es-uic-ring focus-visible:es-uic-ring-teal-500 focus-visible:es-uic-ring-opacity-50",
+                        (inputValue == null ? void 0 : inputValue.length) > 0 && "es-uic-pr-8",
+                        className
+                      ),
+                      onFocus: (e) => {
+                        onChange({ url: inputValue, isAnchor: inputValue == null ? void 0 : inputValue.includes("#") });
+                        if (props.onFocus) {
+                          props.onFocus(e);
+                        }
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    AnimatedVisibility,
+                    {
+                      visible: (inputValue == null ? void 0 : inputValue.length) > 0,
+                      className: "es-uic-absolute es-uic-inset-y-1 es-uic-right-1",
+                      transition: "scaleFade",
+                      children: /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { children: /* @__PURE__ */ jsx(Tooltip, { text: __("Clear", "eightshift-ui-components"), children: /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: classnames(
+                            "es-uic-flex es-uic-size-8 es-uic-items-center es-uic-justify-center es-uic-rounded es-uic-bg-white/85 es-uic-text-gray-600 es-uic-backdrop-blur es-uic-transition",
+                            "hover:es-uic-bg-red-50 hover:es-uic-text-red-500",
+                            "[&>svg]:es-uic-size-6"
+                          ),
+                          children: removeIcon
+                        }
+                      ) }) })
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Popover,
+      {
+        "aria-label": __("URL suggestions", "eightshift-ui-components"),
+        shouldFlip: false,
+        triggerRef,
+        isOpen: suggestionsVisible,
+        onOpenChange: (value) => {
+          setSuggestionsVisible(value);
+          debounced.cancel();
+        },
+        placement: "bottom",
+        className: "!es-uic-p-0",
+        style: {
+          width: `${(_a = triggerRef.current) == null ? void 0 : _a.offsetWidth}px`
+        },
+        children: [
+          suggestionList.isLoading && /* @__PURE__ */ jsx(
+            RichLabel,
+            {
+              icon: icons.progressbarIntermittent,
+              label: __("Loading suggestions...", "eightshift-ui-components"),
+              subtitle: __("Please wait", "eightshift-ui-components"),
+              className: "es-uic-min-h-14 es-uic-p-2"
+            }
+          ),
+          !suggestionList.isLoading && suggestionList.items.length === 0 && /* @__PURE__ */ jsx(
+            RichLabel,
+            {
+              icon: icons.searchEmpty,
+              label: __("No suggestions found", "eightshift-ui-components"),
+              subtitle: __("Try a different search term.", "eightshift-ui-components"),
+              className: "es-uic-min-h-14 es-uic-p-2"
+            }
+          ),
+          !suggestionList.isLoading && suggestionList.items.length > 0 && /* @__PURE__ */ jsx(
+            $13c3c67164f4d5be$export$4c260019440d418f,
+            {
+              orientation: "vertical",
+              className: "es-uic-flex es-uic-min-h-10 es-uic-flex-col es-uic-space-y-1 es-uic-p-2",
+              children: suggestionList.items.map((item, index) => {
+                const {
+                  label: title,
+                  value: url2,
+                  metadata: { subtype }
+                } = item;
+                let typeIcon = icons.file;
+                if (subtype.toLowerCase() === "url") {
+                  typeIcon = icons.externalLink;
+                } else if (subtype.toLowerCase() === "attachment") {
+                  typeIcon = icons.file;
+                } else if (subtype.toLowerCase() === "category") {
+                  typeIcon = icons.layoutAlt;
+                } else if (subtype.toLowerCase() === "internal") {
+                  typeIcon = icons.anchor;
+                } else if (subtype.toLowerCase() === "eightshift-forms") {
+                  typeIcon = icons.formAlt;
+                }
+                if (suggestionTypeIconOverride) {
+                  const overrideIcon = suggestionTypeIconOverride(subtype);
+                  if (overrideIcon) {
+                    typeIcon = overrideIcon;
+                  }
+                }
+                return /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    textValue: label,
+                    size: "large",
+                    type: "ghost",
+                    className: classnames(
+                      "es-uic-w-full es-uic-text-start",
+                      "es-uic-grid es-uic-grid-cols-[auto,_minmax(0,_1fr)] es-uic-grid-rows-2 es-uic-items-center es-uic-justify-items-start es-uic-gap-x-2 es-uic-gap-y-0",
+                      "[&>svg]:es-uic-row-span-2 [&>svg]:es-uic-shrink-0",
+                      "[&>span:last-child]:es-uic-self-start [&>span]:es-uic-w-full [&>span]:es-uic-self-end [&>span]:es-uic-truncate"
+                    ),
+                    onPress: () => {
+                      setInputValue(url2);
+                      debounced(url2);
+                      setSuggestionsVisible(false);
+                    },
+                    icon: typeIcon,
+                    autoFocus: index === 0,
+                    children: /* @__PURE__ */ jsx(
+                      RichLabel,
+                      {
+                        label: title,
+                        subtitle: url2 == null ? void 0 : url2.replace(location.origin, "").replace(/\/$/, ""),
+                        contentsOnly: true
+                      }
+                    )
+                  },
+                  url2
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Spacer,
+            {
+              size: "px",
+              border: true
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "es-uic-grid es-uic-select-none es-uic-grid-cols-[auto,_1fr] es-uic-items-center es-uic-gap-x-1.5 es-uic-gap-y-1 es-uic-p-2 es-uic-text-sm es-uic-text-gray-500", children: [
+            /* @__PURE__ */ jsxs("div", { className: "es-uic-flex es-uic-gap-0.5 es-uic-justify-self-center", children: [
+              /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "↑" }),
+              /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "↓" })
+            ] }),
+            __("Navigate", "eightshift-ui-components"),
+            /* @__PURE__ */ jsxs("div", { className: "es-uic-flex es-uic-gap-0.5 es-uic-justify-self-center", children: [
+              /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-justify-self-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "↵" }),
+              /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-justify-self-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "␣" })
+            ] }),
+            __("Select an item", "eightshift-ui-components"),
+            /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-h-5 es-uic-min-w-5 es-uic-items-center es-uic-justify-center es-uic-justify-self-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "Esc" }),
+            " ",
+            __("Close suggestion panel", "eightshift-ui-components")
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  LinkInput
+};