@reapit/elements 5.0.0-beta.80 → 5.0.0-beta.81

package/dist/js/drawer-C8OMQUV0.js

@@ -1,155 +0,0 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { c as y } from "./index-BsMVp4qF.js";
-import { s as r } from "./index-AHmiDD3r.js";
-import { createContext as _, useContext as v, useId as x } from "react";
-import "./button-base-BxF98pDk.js";
-import { B } from "./button-DYIdjjTt.js";
-import { CloseIcon as b } from "./icons/close.js";
-import { H as g, g as N } from "./get-closest-dialog-element-PaoHhqBs.js";
-import { u as R } from "./use-dialog-open-controller-kj_mwIKH.js";
-import { u as T } from "./use-dialog-open-state-QCDyC33W.js";
-const S = /* @__PURE__ */ r("article")({
-  name: "ElDrawerBody",
-  class: "el-drawer-body",
-  propsAsIs: !1
-});
-function u({ children: a, ...s }) {
-  return /* @__PURE__ */ e(S, { ...s, children: a });
-}
-u.displayName = "Drawer.Body";
-const ee = "--drawer", re = "375px", ae = "480px", p = _(null);
-function f() {
-  return v(p);
-}
-const O = /* @__PURE__ */ r("footer")({
-  name: "ElDrawerFooter",
-  class: "el-drawer-footer",
-  propsAsIs: !1
-});
-function E({ children: a, ...s }) {
-  return /* @__PURE__ */ e(O, { ...s, children: a });
-}
-E.displayName = "Drawer.Footer";
-function C() {
-  return /* @__PURE__ */ e("form", { children: /* @__PURE__ */ e(
-    B,
-    {
-      autoFocus: !0,
-      "aria-label": "Close",
-      formMethod: "dialog",
-      iconLeft: /* @__PURE__ */ e(b, { "aria-hidden": !0 }),
-      size: "large",
-      type: "submit",
-      variant: "tertiary"
-    }
-  ) });
-}
-C.displayName = "Drawer.HeaderCloseButton";
-const se = "drawer-header", F = /* @__PURE__ */ r("header")({
-  name: "ElDrawerHeader",
-  class: "el-drawer-header",
-  propsAsIs: !1
-}), W = /* @__PURE__ */ r("div")({
-  name: "ElDrawerHeaderTabsContainer",
-  class: "el-drawer-header-tabs-container",
-  propsAsIs: !1
-}), M = /* @__PURE__ */ r("div")({
-  name: "ElDrawerHeaderContentContainer",
-  class: "el-drawer-header-content-container",
-  propsAsIs: !1
-}), j = /* @__PURE__ */ r("div")({
-  name: "ElDrawerHeaderTitleContainer",
-  class: "el-drawer-header-title-container",
-  propsAsIs: !1
-}), q = /* @__PURE__ */ r("div")({
-  name: "ElDrawerHeaderAction",
-  class: "el-drawer-header-action",
-  propsAsIs: !1
-}), L = /* @__PURE__ */ r("div")({
-  name: "ElDrawerHeaderOverline",
-  class: "el-drawer-header-overline",
-  propsAsIs: !1
-}), X = /* @__PURE__ */ r("h2")({
-  name: "ElDrawerHeaderTitle",
-  class: "el-drawer-header-title",
-  propsAsIs: !1
-}), k = /* @__PURE__ */ r("div")({
-  name: "ElDrawerHeaderSupplementaryInfo",
-  class: "el-drawer-header-supplementary-info",
-  propsAsIs: !1
-});
-function n({ action: a, overline: s, children: d, supplementaryInfo: t, tabs: l, ...i }) {
-  const { titleId: c } = f() ?? {};
-  return /* @__PURE__ */ e(F, { ...i, children: /* @__PURE__ */ m(M, { children: [
-    /* @__PURE__ */ m(j, { children: [
-      a && /* @__PURE__ */ e(q, { children: a }),
-      s && /* @__PURE__ */ e(L, { children: s }),
-      /* @__PURE__ */ e(X, { id: c, children: d }),
-      t && /* @__PURE__ */ e(k, { children: t })
-    ] }),
-    l && /* @__PURE__ */ e(W, { children: l })
-  ] }) });
-}
-n.displayName = "Drawer.Header";
-n.CloseButton = C;
-const z = "el-drawer";
-function o({
-  "aria-label": a,
-  "aria-labelledby": s,
-  children: d,
-  className: t,
-  closedBy: l = "closerequest",
-  isOpen: i,
-  onCancel: c,
-  onClick: H,
-  onClose: h,
-  ...A
-}) {
-  const w = R(i), I = T(w), D = x();
-  return /* @__PURE__ */ e(
-    g,
-    {
-      ...A,
-      "aria-label": a,
-      "aria-labelledby": a ? void 0 : s ?? D,
-      className: y(z, t),
-      closedBy: l,
-      ref: w,
-      onCancel: c,
-      onClick: H,
-      onClose: h,
-      children: /* @__PURE__ */ e(p.Provider, { value: { titleId: D }, children: I && d })
-    }
-  );
-}
-o.Body = u;
-o.Footer = E;
-o.Header = n;
-o.HeaderCloseButton = n.CloseButton;
-o.Context = p;
-o.useContext = f;
-o.getClosestDialogElement = N;
-export {
-  u as D,
-  S as E,
-  ee as a,
-  re as b,
-  ae as c,
-  p as d,
-  o as e,
-  E as f,
-  O as g,
-  C as h,
-  n as i,
-  se as j,
-  F as k,
-  W as l,
-  M as m,
-  j as n,
-  q as o,
-  L as p,
-  X as q,
-  k as r,
-  z as s,
-  f as u
-};

package/dist/js/drawer-DKjHTSTt.js

@@ -1,109 +0,0 @@
-import { jsx as s, jsxs as d, Fragment as b } from "react/jsx-runtime";
-import { createRef as g, useEffect as y } from "react";
-import { c } from "./index-BsMVp4qF.js";
-import { s as t } from "./index-AHmiDD3r.js";
-import { e as D } from "./deprecated-states-CuyVqPko.js";
-import { CloseIcon as B } from "./icons/close.js";
-const i = /* @__PURE__ */ t("div")({
-  name: "ElDeprecatedDrawerBg",
-  class: "el-deprecated-drawer-bg",
-  propsAsIs: !1
-}), m = /* @__PURE__ */ t("div")({
-  name: "ElDeprecatedDrawer",
-  class: "el-deprecated-drawer",
-  propsAsIs: !1
-}), w = /* @__PURE__ */ t("div")({
-  name: "ElDeprecatedDrawerHeader",
-  class: "el-deprecated-drawer-header",
-  propsAsIs: !1
-}), f = /* @__PURE__ */ t("div")({
-  name: "ElDeprecatedDrawerSubtitle",
-  class: "el-deprecated-drawer-subtitle",
-  propsAsIs: !1
-}), u = /* @__PURE__ */ t("div")({
-  name: "ElDeprecatedDrawerTitle",
-  class: "el-deprecated-drawer-title",
-  propsAsIs: !1
-}), E = /* @__PURE__ */ t("div")({
-  name: "ElDeprecatedDrawerBody",
-  class: "el-deprecated-drawer-body",
-  propsAsIs: !1
-}), h = /* @__PURE__ */ t("div")({
-  name: "ElDeprecatedDrawerFooter",
-  class: "el-deprecated-drawer-footer",
-  propsAsIs: !1
-}), T = ({
-  className: e,
-  children: r,
-  ...a
-}) => /* @__PURE__ */ s(i, { className: c(e), ...a, children: r }), _ = ({
-  className: e,
-  children: r,
-  ...a
-}) => /* @__PURE__ */ s(m, { className: c(e), ...a, children: r }), R = ({
-  className: e,
-  children: r,
-  ...a
-}) => /* @__PURE__ */ s(w, { className: c(e), ...a, children: r }), q = ({
-  className: e,
-  children: r,
-  ...a
-}) => /* @__PURE__ */ s(u, { className: c(e), ...a, children: r }), z = ({
-  className: e,
-  children: r,
-  ...a
-}) => /* @__PURE__ */ s(f, { className: c(e), ...a, children: r }), G = ({
-  className: e,
-  children: r,
-  ...a
-}) => /* @__PURE__ */ s(E, { className: c(e), ...a, children: r }), J = ({
-  className: e,
-  children: r,
-  ...a
-}) => /* @__PURE__ */ s(h, { className: c(e), ...a, children: r }), F = (e, r) => () => {
-  r && e.current && e.current.focus();
-}, K = ({
-  isOpen: e,
-  onDrawerClose: r,
-  title: a,
-  subtitle: o,
-  footerItems: p,
-  className: v,
-  children: N,
-  canDismiss: n,
-  ...A
-}) => {
-  const I = c(v, D), l = g();
-  return y(F(l, e), [l, e]), e ? /* @__PURE__ */ d(b, { children: [
-    /* @__PURE__ */ s(i, { className: D, onClick: n ? r : void 0 }),
-    /* @__PURE__ */ d(m, { className: I, ref: l, autoFocus: !0, ...A, children: [
-      /* @__PURE__ */ d(w, { children: [
-        /* @__PURE__ */ d("div", { children: [
-          a && /* @__PURE__ */ s(u, { children: a }),
-          o && /* @__PURE__ */ s(f, { children: o })
-        ] }),
-        n && /* @__PURE__ */ s(B, { onClick: r, color: "secondary" })
-      ] }),
-      /* @__PURE__ */ s(E, { children: N }),
-      p && /* @__PURE__ */ s(h, { children: p })
-    ] })
-  ] }) : null;
-};
-export {
-  T as D,
-  i as E,
-  m as a,
-  w as b,
-  f as c,
-  u as d,
-  E as e,
-  h as f,
-  _ as g,
-  R as h,
-  q as i,
-  z as j,
-  G as k,
-  J as l,
-  F as m,
-  K as n
-};

package/dist/js/empty-data-eg2wqs9C.js

@@ -1,49 +0,0 @@
-import { jsx as i, jsxs as c } from "react/jsx-runtime";
-import { A as l } from "./anchor-button-BziZ6ILT.js";
-import "./button-base-BxF98pDk.js";
-import "react";
-import { B as y } from "./button-DYIdjjTt.js";
-import { s as e } from "./index-AHmiDD3r.js";
-function o(t) {
-  return /* @__PURE__ */ i(l, { ...t, size: "medium", variant: "tertiary", useLinkStyle: !0 });
-}
-o.displayName = "EmptyData.Action";
-function p(t) {
-  return /* @__PURE__ */ i(y, { ...t, size: "medium", variant: "tertiary", useLinkStyle: !0 });
-}
-p.displayName = "EmptyData.ActionButton";
-const D = /* @__PURE__ */ e("div")({
-  name: "ElEmptyDataDescription",
-  class: "el-empty-data-description",
-  propsAsIs: !1
-}), E = /* @__PURE__ */ e("h3")({
-  name: "ElEmptyDataDescriptionTitle",
-  class: "el-empty-data-description-title",
-  propsAsIs: !1
-}), d = /* @__PURE__ */ e("p")({
-  name: "ElEmptyDataDescriptionSecondaryText",
-  class: "el-empty-data-description-secondary-text",
-  propsAsIs: !1
-});
-function r({ children: t, secondaryText: a, ...s }) {
-  return /* @__PURE__ */ c(D, { ...s, children: [
-    /* @__PURE__ */ i(E, { children: t }),
-    a && /* @__PURE__ */ i(d, { children: a })
-  ] });
-}
-r.displayName = "EmptyData.Description";
-const u = /* @__PURE__ */ e("div")({
-  name: "ElEmptyData",
-  class: "el-empty-data",
-  propsAsIs: !1
-});
-function n({ children: t, height: a, style: s, ...m }) {
-  return /* @__PURE__ */ i(u, { ...m, style: { ...s, height: a ? `var(${a})` : void 0 }, children: t });
-}
-n.Action = o;
-n.ActionButton = p;
-n.Description = r;
-export {
-  n as E,
-  u as a
-};

package/dist/js/features-xSaxyxVa.js

@@ -1,67 +0,0 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { s } from "./index-AHmiDD3r.js";
-import { T as p } from "./tooltip-Bj7DqYdo.js";
-import { useId as i } from "react";
-import { BathIcon as I } from "./icons/bath.js";
-import { BedIcon as f } from "./icons/bed.js";
-import { CarIcon as F } from "./icons/car.js";
-import { LandSizeIcon as h } from "./icons/land-size.js";
-const E = /* @__PURE__ */ s("div")({
-  name: "ElFeatureItem",
-  class: "el-feature-item",
-  propsAsIs: !1
-}), B = /* @__PURE__ */ s("dt")({
-  name: "ElFeatureItemIcon",
-  class: "el-feature-item-icon",
-  propsAsIs: !1
-}), b = /* @__PURE__ */ s("dd")({
-  name: "ElFeatureItemValue",
-  class: "el-feature-item-value",
-  propsAsIs: !1
-});
-function t({ icon: a, id: o, label: n, value: c, ...u }) {
-  const l = i(), m = o ?? i();
-  return /* @__PURE__ */ d(E, { ...u, id: m, children: [
-    /* @__PURE__ */ e(B, { "aria-labelledby": l, children: a }),
-    /* @__PURE__ */ e(b, { children: c }),
-    /* @__PURE__ */ e(p, { id: l, placement: "top", triggerId: m, children: n })
-  ] });
-}
-t.displayName = "Features.Item";
-function z({ value: a }) {
-  return /* @__PURE__ */ e(t, { icon: /* @__PURE__ */ e(I, {}), label: "Bathrooms", value: a });
-}
-function S({ value: a }) {
-  return /* @__PURE__ */ e(t, { icon: /* @__PURE__ */ e(f, {}), label: "Bedrooms", value: a });
-}
-function A({ value: a }) {
-  return /* @__PURE__ */ e(t, { icon: /* @__PURE__ */ e(F, {}), label: "Car spaces", value: a });
-}
-function C({ value: a }) {
-  return /* @__PURE__ */ e(t, { icon: /* @__PURE__ */ e(h, {}), label: "Land size", value: a });
-}
-const L = /* @__PURE__ */ s("dl")({
-  name: "ElFeatures",
-  class: "el-features",
-  propsAsIs: !1
-});
-function r({ size: a, wrap: o, ...n }) {
-  return /* @__PURE__ */ e(L, { ...n, "data-size": a, "data-wrap": o });
-}
-r.Bathrooms = z;
-r.Bedrooms = S;
-r.CarSpaces = A;
-r.LandSize = C;
-r.Item = t;
-export {
-  E,
-  z as F,
-  S as a,
-  A as b,
-  C as c,
-  r as d,
-  t as e,
-  B as f,
-  b as g,
-  L as h
-};

package/dist/js/file-input-D989Qy72.js

@@ -1,109 +0,0 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { forwardRef as g, useState as E, useEffect as h } from "react";
-import { u as b } from "./random-id-Dlehz5dT.js";
-import { a as u, b as C } from "./deprecated-spacing-CGGxnk0m.js";
-import "./button-base-BxF98pDk.js";
-import { B as w } from "./button-DYIdjjTt.js";
-import { F as A } from "./layout-9vWoOGXZ.js";
-import { h as U } from "./multi-select-B0ZJPy4i.js";
-import { s as o } from "./index-AHmiDD3r.js";
-import { P as y } from "./placeholder-image-BYVgWq1E.js";
-import { D as P } from "./typography-DeZ1Nfkq.js";
-import { ViewIcon as x } from "./icons/view.js";
-import { CloseIcon as v } from "./icons/close.js";
-const D = /* @__PURE__ */ o("label")({
-  name: "ElFileInputLabel",
-  class: "el-file-input-label",
-  propsAsIs: !1
-}), L = /* @__PURE__ */ o("input")({
-  name: "ElFileInput",
-  class: "el-file-input",
-  propsAsIs: !1
-}), N = /* @__PURE__ */ o("div")({
-  name: "ElFileInputWrap",
-  class: "el-file-input-wrap",
-  propsAsIs: !1
-}), R = /* @__PURE__ */ o("div")({
-  name: "ElFileInputIconContainer",
-  class: "el-file-input-icon-container",
-  propsAsIs: !1
-}), M = /* @__PURE__ */ o("input")({
-  name: "ElFileInputHidden",
-  class: "el-file-input-hidden",
-  propsAsIs: !1
-}), S = /* @__PURE__ */ o("img")({
-  name: "ElFilePreviewImage",
-  class: "el-file-preview-image",
-  propsAsIs: !1
-}), j = (e, s, l) => (i) => {
-  if (i.target && i.target.files && i.target.files[0]) {
-    const r = i.target.files[0], m = URL.createObjectURL(r);
-    typeof m == "string" && e(m);
-    const t = new FileReader();
-    return t.readAsDataURL(r), t.onload = async () => {
-      const n = t.result;
-      if (l && typeof n == "string") {
-        const p = await l({
-          imageData: n,
-          name: `${s || r.name}`
-        });
-        p && p.Url && e(p.Url);
-      }
-    }, t.onerror = (n) => {
-      console.error(`file upload error: ${n}`);
-    }, t;
-  }
-}, z = (e) => (s) => {
-  s.stopPropagation(), s.preventDefault(), e("");
-}, $ = (e, s) => (l) => {
-  l.stopPropagation(), l.preventDefault(), e(s);
-}, Y = ({ src: e }) => e ? /* @__PURE__ */ a(S, { src: e }) : /* @__PURE__ */ a(y, { placeholder: "placeholderSmall", size: 120, fillAvailable: !0 }), Z = g(
-  ({ onFileView: e, onFileUpload: s, defaultValue: l, label: i, placeholderText: r, fileName: m = "", accept: t, id: n, ...p }, F) => {
-    const [c, f] = E(l ?? ""), I = b(n);
-    return h(U(I, [c]), [c]), h(() => {
-      l && f(l);
-    }, [l]), /* @__PURE__ */ d(N, { children: [
-      i && /* @__PURE__ */ a(D, { children: i }),
-      /* @__PURE__ */ d(A, { isFlexAlignCenter: !0, children: [
-        /* @__PURE__ */ a(w, { className: u, type: "button", children: c ? "Change" : "Upload" }),
-        /* @__PURE__ */ a(
-          L,
-          {
-            "data-testid": "el-file-input",
-            "aria-label": `File upload input ${r}`,
-            accept: t,
-            type: "file",
-            onChange: j(f, m, s)
-          }
-        ),
-        /* @__PURE__ */ a(
-          M,
-          {
-            "aria-hidden": "true",
-            id: I,
-            ...p,
-            defaultValue: l,
-            ref: F
-          }
-        ),
-        c ? /* @__PURE__ */ d(R, { children: [
-          e && /* @__PURE__ */ a("span", { role: "button", onClick: $(e, c), className: u, children: /* @__PURE__ */ a(x, { size: "sm", color: "action" }) }),
-          /* @__PURE__ */ a("span", { role: "button", onClick: z(f), className: u, children: /* @__PURE__ */ a(v, { size: "sm", color: "action" }) })
-        ] }) : /* @__PURE__ */ a(P, { className: C, hasGreyText: !0, hasNoMargin: !0, children: r || "Upload File" })
-      ] })
-    ] });
-  }
-);
-export {
-  D as E,
-  Y as F,
-  L as a,
-  N as b,
-  R as c,
-  M as d,
-  S as e,
-  z as f,
-  $ as g,
-  j as h,
-  Z as i
-};

package/dist/js/filter-bar-yQLqpYAP.js

@@ -1,85 +0,0 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { s as t } from "./index-AHmiDD3r.js";
-const f = /* @__PURE__ */ t("div")({
-  name: "ElFilterBarAppliedFilters",
-  class: "el-filter-bar-applied-filters",
-  propsAsIs: !1
-}), b = /* @__PURE__ */ t("div")({
-  name: "ElFilterBarAppliedFiltersChipGroupContainer",
-  class: "el-filter-bar-applied-filters-chip-group-container",
-  propsAsIs: !1
-}), F = /* @__PURE__ */ t("div")({
-  name: "ElFilterBarAppliedFiltersActionContainer",
-  class: "el-filter-bar-applied-filters-action-container",
-  propsAsIs: !1
-});
-function s({ action: e, children: i, ...l }) {
-  return /* @__PURE__ */ n(f, { ...l, children: [
-    i,
-    e && /* @__PURE__ */ r(F, { children: e })
-  ] });
-}
-s.displayName = "FilterBar.AppliedFilters";
-const d = /* @__PURE__ */ t("search")({
-  name: "ElFilterBar",
-  class: "el-filter-bar",
-  propsAsIs: !0
-}), B = /* @__PURE__ */ t("div")({
-  name: "ElFilterBarAppliedFiltersContainer",
-  class: "el-filter-bar-applied-filters-container",
-  propsAsIs: !1
-}), C = /* @__PURE__ */ t("div")({
-  name: "ElFilterBarLeftContentContainer",
-  class: "el-filter-bar-left-content-container",
-  propsAsIs: !1
-}), A = /* @__PURE__ */ t("div")({
-  name: "ElFilterBarRightContentContainer",
-  class: "el-filter-bar-right-content-container",
-  propsAsIs: !1
-}), h = /* @__PURE__ */ t("div")({
-  name: "ElFilterBarLeftContent",
-  class: "el-filter-bar-left-content",
-  propsAsIs: !1
-});
-function o(e) {
-  return /* @__PURE__ */ r(h, { ...e });
-}
-o.displayName = "FilterBar.LeftContent";
-const E = /* @__PURE__ */ t("div")({
-  name: "ElFilterBarRightContent",
-  class: "el-filter-bar-right-content",
-  propsAsIs: !1
-});
-function p(e) {
-  return /* @__PURE__ */ r(E, { ...e });
-}
-p.displayName = "FilterBar.RightContent";
-function a({ appliedFilters: e, leftContent: i, rightContent: l, ...c }) {
-  return (
-    // NOTE: We apply role="search" explicitly because React Testing Library does not (yet)
-    // support it implicitly for the <search> element.
-    /* @__PURE__ */ n(d, { ...c, role: "search", children: [
-      /* @__PURE__ */ r(C, { children: i }),
-      l && /* @__PURE__ */ r(A, { children: l }),
-      e && /* @__PURE__ */ r(B, { children: e })
-    ] })
-  );
-}
-a.AppliedFilters = s;
-a.LeftContent = o;
-a.RightContent = p;
-export {
-  f as E,
-  s as F,
-  b as a,
-  F as b,
-  a as c,
-  o as d,
-  h as e,
-  p as f,
-  E as g,
-  d as h,
-  B as i,
-  C as j,
-  A as k
-};