@adyen/adyen-platform-experience-web 0.1.2 → 1.0.0-beta.1

package/dist/index-6e47f755.mjs

@@ -0,0 +1,231 @@
+import { o } from "./jsxRuntime.module-69493d81.mjs";
+import { k, C } from "./preact.module-38e5a571.mjs";
+import cx from "classnames";
+import SkeletonBody from "./es/components/internal/DataGrid/components/SkeletonBody.js";
+import { TableBody } from "./es/components/internal/DataGrid/components/TableBody.js";
+import { TableCells } from "./es/components/internal/DataGrid/components/TableCells.js";
+import useCoreContext from "./es/core/Context/useCoreContext.js";
+import { noop } from "./es/utils/common/index.js";
+import { s, T, F } from "./hooks.module-8565d716.mjs";
+import useReflex from "./es/hooks/useReflex/hooks/useReflex.js";
+import { I as InteractionKeyCode } from "./types-0aaff3aa.mjs";
+import { ErrorMessageDisplay } from "./es/components/internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+const useInteractiveDataGrid = ({ totalRows }) => {
+  const [state, dispatch] = s(
+    (currentState, action) => {
+      const total = totalRows;
+      if (total > 1) {
+        const nextIndex = action.index;
+        if (nextIndex < total && nextIndex >= 0) {
+          if (action.type === "ACTIVE") {
+            return Object.freeze({ ...currentState, index: action.index ?? 0, activeIndex: action.index });
+          } else {
+            return Object.freeze({ ...currentState, index: action.index ?? 0, activeIndex: -1 });
+          }
+        }
+      }
+      return currentState;
+    },
+    INITIAL_STATE
+  );
+  const ref = useReflex(
+    T(
+      (current) => {
+        var _a;
+        if (!(current instanceof Element))
+          return;
+        const optionIndex = Number((_a = current.dataset) == null ? void 0 : _a.index);
+        if (state.activeIndex === -1 && optionIndex === 0 || optionIndex === state.index) {
+          current.setAttribute("tabindex", "0");
+        } else {
+          current.setAttribute("tabindex", "-1");
+        }
+        if (optionIndex === state.activeIndex) {
+          current == null ? void 0 : current.focus();
+        }
+      },
+      [state.activeIndex, state.index]
+    )
+  );
+  const onKeyDownCapture = T(
+    (evt) => {
+      var _a, _b;
+      const isRow = ((_a = evt.target) == null ? void 0 : _a.localName) === "tr";
+      if (!isRow) {
+        if (evt.code === InteractionKeyCode.ARROW_LEFT) {
+          dispatch({
+            type: "ACTIVE",
+            index: state.index
+          });
+        }
+        return;
+      }
+      switch (evt.code) {
+        case InteractionKeyCode.ARROW_DOWN:
+        case InteractionKeyCode.ARROW_UP:
+          dispatch({
+            type: "ACTIVE",
+            index: evt.code === InteractionKeyCode.ARROW_DOWN ? state.index + 1 : state.index - 1
+          });
+          break;
+        case InteractionKeyCode.HOME:
+          dispatch({
+            type: "ACTIVE",
+            index: 0
+          });
+          break;
+        case InteractionKeyCode.END:
+          dispatch({
+            type: "ACTIVE",
+            index: totalRows - 1
+          });
+          break;
+        case InteractionKeyCode.ENTER:
+          (_b = evt.currentTarget) == null ? void 0 : _b.click();
+          break;
+        default:
+          return;
+      }
+      evt.stopPropagation();
+    },
+    [totalRows, state.index]
+  );
+  const onFocusCapture = T(
+    (index) => (evt) => {
+      var _a;
+      const isRow = ((_a = evt.target) == null ? void 0 : _a.localName) === "tr";
+      if (!isRow || state.index === -1)
+        dispatch({ type: "CURRENT", index });
+    },
+    [state.index]
+  );
+  return { listeners: { onKeyDownCapture, onFocusCapture }, ref, activeIndex: state.activeIndex, currentIndex: state.index };
+};
+const InteractiveBody = ({
+  data,
+  columns,
+  onRowClick,
+  customCells,
+  onRowHover
+}) => {
+  const onClickCallBack = T(
+    (item) => () => onRowClick == null ? void 0 : onRowClick.callback((onRowClick == null ? void 0 : onRowClick.retrievedField) ? item[onRowClick.retrievedField] : item),
+    [onRowClick]
+  );
+  const { i18n } = useCoreContext();
+  const { currentIndex, listeners, ref } = useInteractiveDataGrid({ totalRows: (data == null ? void 0 : data.length) ?? 0 });
+  return /* @__PURE__ */ o(k, { children: data == null ? void 0 : data.map((item, index) => /* @__PURE__ */ o(
+    "tr",
+    {
+      onMouseEnter: i18n.has(`tooltip.${item == null ? void 0 : item.category}`) ? () => onRowHover(index) : noop,
+      onFocus: i18n.has(`tooltip.${item == null ? void 0 : item.category}`) ? () => onRowHover(index) : noop,
+      onMouseLeave: i18n.has(`tooltip.${item == null ? void 0 : item.category}`) ? () => onRowHover() : noop,
+      onBlur: i18n.has(`tooltip.${item == null ? void 0 : item.category}`) ? () => onRowHover() : noop,
+      ref,
+      "aria-selected": index === currentIndex,
+      "data-index": index,
+      className: "adyen-pe-data-grid__row adyen-pe-data-grid__row--clickable",
+      onClick: onClickCallBack(item),
+      onFocusCapture: listeners.onFocusCapture(index),
+      onKeyDownCapture: listeners.onKeyDownCapture,
+      children: /* @__PURE__ */ o(TableCells, { columns, customCells, item, rowIndex: index })
+    },
+    item
+  )) });
+};
+var CellTextPosition = /* @__PURE__ */ ((CellTextPosition2) => {
+  CellTextPosition2["CENTER"] = "center";
+  CellTextPosition2["RIGHT"] = "right";
+  return CellTextPosition2;
+})(CellTextPosition || {});
+const emptyTableIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMzAwIDIwMCIgZmlsbD0ibm9uZSI+CiAgICA8ZyBjbGlwLXBhdGg9InVybCgjYSkiPgogICAgICAgIDxwYXRoIGZpbGw9IiNCRjdDNkEiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xODkuMyAxMTMuN2MtMS0uMyAzNi4zIDI4LjYgNDcuNyAyNi40IDkuMy0xLjggMTQuMy01OSAxNC4zLTU5aC05LjlsLTEwLjggMzYuM3MtMzAuNC0yMi4zLTMxLjgtMjIuM2MtMS40IDAtOCAxOS4xLTkuNSAxOC42WiIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Im0yMzAuMSAxMTYuNyAyIDMuMiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCRjdDNkEiIGQ9Im0yNTkuOCA3NC42IDEwLTMuNi43LTguMWMuMS0uOS0uNi0xLjYtMS40LTEuNy0uOC0uMS0xLjUuNS0xLjcgMS4zbC0xLjMgNi42LTEyLjYgNC44Ii8+CiAgICAgICAgPHBhdGggc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0ibTI1OS44IDc0LjYgMTAtMy42LjctOC4xYy4xLS45LS42LTEuNi0xLjQtMS43LS44LS4xLTEuNS41LTEuNyAxLjNsLTEuMyA2LjYtMTIuNiA0LjgiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjQkY3QzZBIiBkPSJtMjYwLjUgNzUuNSAxMS4xLTMuNSAyLjktNy4xYy4zLS44LS4xLTEuNy0uOS0yLjEtLjgtLjMtMS42IDAtMiAuN2wtMy4yIDUuOS0xMC4yIDMuMiIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Im0yNjAuNSA3NS41IDExLjEtMy41IDIuOS03LjFjLjMtLjgtLjEtMS43LS45LTIuMS0uOC0uMy0xLjYgMC0yIC43bC0zLjIgNS45LTEwLjIgMy4yIi8+CiAgICAgICAgPHBhdGggZmlsbD0iI0JGN0M2QSIgZD0ibTI1NCA3Ni41IDcuNC03LjhjLjctLjYuOC0xLjUuMi0yLjItLjUtLjctMS41LS44LTIuMi0uNC0yIDEuMy02LjIgNS0xMC43IDcuMS0zLjEgMS40LTUuMiA1LjgtNS44IDcuMyIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Im0yNTQgNzYuNSA3LjQtNy44Yy43LS42LjgtMS41LjItMi4yLS41LS43LTEuNS0uOC0yLjItLjQtMiAxLjMtNi4yIDUtMTAuNyA3LjEtMy4xIDEuNC01LjIgNS44LTUuOCA3LjMiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjQkY3QzZBIiBkPSJNMjUwLjMgODIuMmMxLjItLjMgMjEuNi04LjYgMjYuNy0xMC4zLjktLjMgMS40LTEuMiAxLjEtMi4xLS4yLS45LTEtMS4xLTEuOS0xLTQuNC44LTE3LjkgMy45LTE5LjUgNC4yLTEuNS4yLTUuMy42LTEwLjkgMy4xYTkgOSAwIDAgMC01LjIgOCIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yNTAuMyA4Mi4yYzEuMi0uMyAyMS42LTguNiAyNi43LTEwLjMuOS0uMyAxLjQtMS4yIDEuMS0yLjEtLjItLjktMS0xLjEtMS45LTEtNC40LjgtMTcuOSAzLjktMTkuNSA0LjItMS41LjItNS4zLjYtMTAuOSAzLjFhOSA5IDAgMCAwLTUuMiA4Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMTEyQyIgZD0iTTEzMC45IDYzLjFjLjggNy4zIDQuNyAxNC4xIDEwLjMgMThsLTMuMS02LjRjLS41LTEtLjktMi0xLTMuMWwtLjEtLjNjLS4xLS4xLS4xLjIgMCAuMSIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xMzAuOSA2My4xYy44IDcuMyA0LjcgMTQuMSAxMC4zIDE4bC0zLjEtNi40Yy0uNS0xLS45LTItMS0zLjFsLS4xLS4zYy0uMS0uMS0uMS4yIDAgLjEiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjQkY3QzZBIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJtMTU4LjkgNzQuOC0xMy4yLjItMS41IDE4IDguNCAzLjYgNy45LTMuOC0xLjYtMThaIi8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMTEyQyIgc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTE1MS45IDgzLjljLTQuNyAwLTYuNC0yLjctNi40LTIuN3YtNC42aDEzLjRsLjMgNmMtLjEuMS0yLjUgMS4zLTcuMyAxLjNaIi8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMTEyQyIgc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTEzNC41IDcwLjdjMi40IDMgNi4zIDUuNyA5LjggNy4zIDMuNiAxLjYgMTUuMyAxLjcgMTkuNS0xLjEgOC44LTUuOSAxMC41LTIwLjMgOC4yLTMwLjYtLjctMy40LTEuOC02LjgtMy43LTkuN2EyMiAyMiAwIDAgMC0xOS44LTkuM2MtNy41LjUtMTkuMyA1LjktMjAuOCAxNC4yLTEuNyA5LjYuOCAyMS42IDYuOCAyOS4yWiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCRjdDNkEiIGQ9Ik0xMzMuMiA1OC45cy01LjEtNy03LjgtMS42IDQuOCAxMy40IDEwLjggMTEuMiIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xMzMuMiA1OC45cy01LjEtNy03LjgtMS42IDQuOCAxMy40IDEwLjggMTEuMiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCRjdDNkEiIGQ9Ik0xNjkuNSA1Mi40czIuMy04LjMgNi43LTQuMmM0LjQgNC4xLjIgMTQuMi02LjIgMTQuMyIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xNjkuNSA1Mi40czIuMy04LjMgNi43LTQuMmM0LjQgNC4xLjIgMTQuMi02LjIgMTQuMyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCRjdDNkEiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xNjYuOSA0MS4yYy02LjMtMTItMzMuNC04LjItMzQuOSA2LjNBMzguMiAzOC4yIDAgMCAwIDE0MiA3N2M1LjcgNS4yIDEyIDQuNSAxNC4xIDQuMSAyLjEtLjMgOC4yLTEuOCAxMS43LTguOGEzNy4yIDM3LjIgMCAwIDAtLjktMzEuMVoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAxMTJDIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTM0LjEgNTVjNy44LTEuMSAxNS41LTIuNiAyMy4xLTQuNGwtLjQtNC44YzEgMS42IDEuOCAyLjcgMi40IDQuNSAzLTEuMyA2LjMtMS41IDkuNS0xLjYgMy4xLS4xLTQuMi0xNC4zLTYuMS0xNS42YTE2LjIgMTYuMiAwIDAgMC03LjEtMi4xYy01LjctLjYtMTEuNy0uNC0xNi43IDIuMy00IDIuMi03LjMgNi40LTcuNiAxMSAwIDEuNS41IDExIDIuOSAxMC43WiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNCRjdDNkEiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xMTQuNSAxMTMuN2MxLS4zLTM2LjMgMjguNi00Ny43IDI2LjQtOS4zLTEuOC0xNC4zLTU5LTE0LjMtNTloOS45bDEwLjggMzYuM3MzMC40LTIyLjMgMzEuOC0yMi4zYzEuNS0uMSA4LjEgMTkuMSA5LjUgMTguNloiLz4KICAgICAgICA8cGF0aCBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJtNzMuOCAxMTYuNy0yLjEgMy4yIi8+CiAgICAgICAgPHBhdGggZmlsbD0iI0JGN0M2QSIgZD0iTTQ0IDc0LjYgMzQgNzFsLS43LTguMWMtLjEtLjkuNi0xLjYgMS40LTEuNy44LS4xIDEuNS41IDEuNyAxLjNsMS4zIDYuNiAxMi42IDQuOCIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik00NCA3NC42IDM0IDcxbC0uNy04LjFjLS4xLS45LjYtMS42IDEuNC0xLjcuOC0uMSAxLjUuNSAxLjcgMS4zbDEuMyA2LjYgMTIuNiA0LjgiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjQkY3QzZBIiBkPSJNNDMuMyA3NS41IDMyLjIgNzJsLTIuOS03Yy0uMy0uOC4xLTEuNy45LTIuMS44LS4zIDEuNiAwIDIgLjdsMy4yIDUuOSAxMC4yIDMuMiIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik00My4zIDc1LjUgMzIuMiA3MmwtMi45LTdjLS4zLS44LjEtMS43LjktMi4xLjgtLjMgMS42IDAgMiAuN2wzLjIgNS45IDEwLjIgMy4yIi8+CiAgICAgICAgPHBhdGggZmlsbD0iI0JGN0M2QSIgZD0ibTQ5LjggNzYuNS03LjQtNy44Yy0uNy0uNi0uOC0xLjUtLjItMi4yLjUtLjcgMS41LS44IDIuMi0uNCAyIDEuMyA2LjIgNSAxMC43IDcuMSAzLjEgMS40IDUuMiA1LjggNS44IDcuMyIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Im00OS44IDc2LjUtNy40LTcuOGMtLjctLjYtLjgtMS41LS4yLTIuMi41LS43IDEuNS0uOCAyLjItLjQgMiAxLjMgNi4yIDUgMTAuNyA3LjEgMy4xIDEuNCA1LjIgNS44IDUuOCA3LjMiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjQkY3QzZBIiBkPSJNNTMuNSA4Mi4yQzUyLjQgODEuOSAzMiA3My43IDI2LjggNzJhMS42IDEuNiAwIDAgMS0xLjEtMi4xYy4yLS45IDEtMS4xIDEuOS0xIDQuNC44IDE3LjkgMy45IDE5LjUgNC4yIDEuNS4yIDUuMy42IDEwLjkgMy4xYTkgOSAwIDAgMSA1LjIgOCIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik01My41IDgyLjJDNTIuNCA4MS45IDMyIDczLjcgMjYuOCA3MmExLjYgMS42IDAgMCAxLTEuMS0yLjFjLjItLjkgMS0xLjEgMS45LTEgNC40LjggMTcuOSAzLjkgMTkuNSA0LjIgMS41LjIgNS4zLjYgMTAuOSAzLjFhOSA5IDAgMCAxIDUuMiA4Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMTEyQyIgc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTEzOS45IDg3LjZjLTEuNC0zLjQtNi4zLTEyLjUtOS44LTExLjdhOTAuNyA5MC43IDAgMCAwLTQ2LjIgMjkuN2MtNC40IDUuNC0yIDguNy0yIDguN2w3LjEgMTguOHMzLjYgMiAxNS40IDEuN2MxNy40LS41IDM4LjgtMjYuOCAzOS41LTMwLjYuNC0yLjYtMS43LTEwLjgtNC0xNi42WiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMzMzAwQzIiIGQ9Im0xOTYuNiAyMzIuOC0xOC43LTU4LjFoLTUxbC0yMC4yIDU4LjEiLz4KICAgICAgICA8cGF0aCBzdHJva2U9IiMwQzExMkMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0ibTE5Ni42IDIzMi44LTE4LjctNTguMWgtNTFsLTIwLjIgNTguMSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDExMkMiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Im0xNTkuMSA5MS44LTE2LjguMXMtMjAuNCAxLTIxLjMgNi44Yy0xLjYgMTAuNiA2LjEgNTIuNiA1LjkgNTYuMmwtNC44IDIwLjQuMi4xYzEwLjcgNSAyMi43IDcuMiAzNC42IDYuMmwyMy4xLTEuOS0zLjItMTguMmMtLjItMi43IDcuMy00NiA2LjktNjEuMy0uMS03LjEtMjQuNi04LjQtMjQuNi04LjRaIi8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMTEyQyIgc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0ibTE0MS40IDkyIDEuNi01LjZoMTguN2wxLjEgNC45Yy0uMS4xLTguOSAxMS0yMS40LjdabTIzLjEtNC40YzEuNC0zLjQgNi4zLTEyLjUgOS44LTExLjdhOTAuNyA5MC43IDAgMCAxIDQ2LjIgMjkuN2M0LjQgNS40IDIgOC43IDIgOC43bC03LjEgMTguOHMtMy42IDItMTUuNCAxLjdjLTE3LjQtLjUtMzguOC0yNi44LTM5LjUtMzAuNmE0OC4zIDQ4LjMgMCAwIDEgNC0xNi42Wk0xMTkuOSAxOGMwLTIuNSAxLjEtNC45IDIuNy02LjggMS45LTIuMiA0LjUtMy44IDcuNC00LjIgMi45LS40IDUuOS42IDcuOSAyLjdhNC44IDQuOCAwIDAgMC0zLTQuMXM1LS4yIDcuMS40YTE0LjcgMTQuNyAwIDAgMSAxMSAxNy44Yy0yLjMgOC44LTE0LjIgNy0yMSA1LjYtNS42LTEuMi0xMi00LjktMTIuMS0xMS40WiIvPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJhIj4KICAgICAgICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgzMDB2MjAwSDB6Ii8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KPC9zdmc+";
+const INITIAL_STATE = Object.freeze({
+  activeIndex: -1,
+  index: -1
+});
+function DataGrid({ errorDisplay, ...props }) {
+  var _a, _b, _c;
+  const children = C(props.children);
+  const footer = children.find((child) => (child == null ? void 0 : child["type"]) === DataGridFooter);
+  const emptyBody = !props.loading && ((_a = props.data) == null ? void 0 : _a.length) === 0 && !props.error;
+  const showMessage = F(() => !props.loading && emptyBody || props.error, [emptyBody, props.error, props.loading]);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: cx("adyen-pe-data-grid", {
+        "adyen-pe-data-grid--condensed": props.condensed,
+        "adyen-pe-data-grid--outline": props.outline,
+        "adyen-pe-data-grid--scrollable": props.scrollable,
+        "adyen-pe-data-grid--loading": props.loading,
+        "adyen-pe-data-grid--empty": emptyBody || props.error
+      }),
+      children: /* @__PURE__ */ o(k, { children: [
+        /* @__PURE__ */ o("div", { className: "adyen-pe-data-grid__table-wrapper", children: [
+          /* @__PURE__ */ o("table", { className: "adyen-pe-data-grid__table", children: [
+            /* @__PURE__ */ o("thead", { className: "adyen-pe-data-grid__head", children: /* @__PURE__ */ o("tr", { role: "rowheader", className: "adyen-pe-data-grid__row", children: props.columns.map((item) => /* @__PURE__ */ o(
+              "th",
+              {
+                role: "columnheader",
+                id: String(item.key),
+                className: cx("adyen-pe-data-grid__cell adyen-pe-data-grid__cell--heading", {
+                  "adyen-pe-data-grid__cell--right": item.position === CellTextPosition.RIGHT,
+                  "adyen-pe-data-grid__cell--center": item.position === CellTextPosition.CENTER
+                }),
+                children: item.label
+              },
+              item.key
+            )) }) }),
+            /* @__PURE__ */ o(DataGridBody, { ...props, emptyBody })
+          ] }),
+          showMessage && (props.error && errorDisplay ? errorDisplay() : /* @__PURE__ */ o(
+            ErrorMessageDisplay,
+            {
+              title: ((_b = props.emptyTableMessage) == null ? void 0 : _b.title) ?? "thereAreNoResults",
+              message: (_c = props.emptyTableMessage) == null ? void 0 : _c.message,
+              imageDesktop: emptyTableIcon,
+              centered: true
+            }
+          ))
+        ] }),
+        footer
+      ] })
+    }
+  );
+}
+function DataGridBody(props) {
+  const showSkeleton = F(() => props.loading || props.emptyBody || props.error, [props.emptyBody, props.error, props.loading]);
+  return /* @__PURE__ */ o("tbody", { className: cx("adyen-pe-data-grid__body"), children: showSkeleton ? /* @__PURE__ */ o(SkeletonBody, { columnsNumber: props.columns.length, loading: props.loading }) : props.onRowClick ? /* @__PURE__ */ o(
+    InteractiveBody,
+    {
+      onRowHover: props.onRowHover,
+      data: props.data,
+      columns: props.columns,
+      onRowClick: props.onRowClick,
+      customCells: props.customCells
+    }
+  ) : /* @__PURE__ */ o(
+    TableBody,
+    {
+      onRowHover: props.onRowHover,
+      data: props.data,
+      customCells: props.customCells,
+      columns: props.columns
+    }
+  ) });
+}
+DataGrid.Footer = DataGridFooter;
+function DataGridFooter({ children }) {
+  return /* @__PURE__ */ o("div", { className: "adyen-pe-data-grid__footer", children });
+}
+DataGrid.defaultProps = {
+  condensed: false,
+  outline: true,
+  scrollable: true
+};
+export {
+  CellTextPosition as C,
+  DataGrid as D,
+  InteractiveBody as I,
+  INITIAL_STATE as a,
+  useInteractiveDataGrid as u
+};