@mittwald/flow-react-components 0.2.0-alpha.26 → 0.2.0-alpha.261

package/dist/js/SettingsProvider-DRSFnfXN.js

@@ -1,99 +0,0 @@
-"use client"
-/* */
-var y = Object.defineProperty;
-var J = (s, t, e) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var c = (s, t, e) => J(s, typeof t != "symbol" ? t + "" : t, e);
-import { jsx as O } from "react/jsx-runtime";
-import { createContext as b, useContext as x, useRef as j, useMemo as K, useEffect as v } from "react";
-import { makeAutoObservable as l, ObservableMap as a, toJS as P, autorun as A } from "mobx";
-import { getAsyncResource as E } from "@mittwald/react-use-promise";
-import { mapValues as g } from "remeda";
-const p = (s) => Object.fromEntries(s.entries());
-class i {
-  constructor(t = new a()) {
-    c(this, "settings");
-    this.settings = t, l(this);
-  }
-  set(t, e, n) {
-    this.settings.set(t, e.parse(P(n)));
-  }
-  get(t, e) {
-    return e.parse(this.settings.get(t));
-  }
-  clear(t) {
-    this.settings.delete(t);
-  }
-  get asJson() {
-    return g(p(this.settings), (t) => JSON.stringify(t));
-  }
-  static fromJson(t) {
-    return new i(
-      new a(
-        g(t, (e) => typeof e == "string" ? JSON.parse(e) : e)
-      )
-    );
-  }
-}
-class u {
-  constructor(t = new a()) {
-    c(this, "componentSettings");
-    this.componentSettings = t, l(this);
-  }
-  set(t, e, n, o) {
-    const r = this.componentSettings.get(t) ?? new i();
-    r.set(e, n, o), this.componentSettings.set(t, r);
-  }
-  get(t, e, n) {
-    return (this.componentSettings.get(t) ?? new i()).get(e, n);
-  }
-  clear(t, e) {
-    var n;
-    (n = this.componentSettings.get(t)) == null || n.clear(e);
-  }
-  get asJson() {
-    return g(p(this.componentSettings), (t) => t.asJson);
-  }
-  static fromJson(t) {
-    const e = g(t, (n) => i.fromJson(n));
-    return new u(new a(e));
-  }
-}
-class I {
-  constructor(t) {
-    c(this, "storageKey");
-    this.storageKey = t;
-  }
-  async load() {
-    const t = localStorage.getItem(this.storageKey);
-    return t === null ? {} : JSON.parse(t);
-  }
-  async store(t) {
-    localStorage.setItem(this.storageKey, JSON.stringify(t));
-  }
-}
-const M = (s) => {
-  switch (s.type) {
-    case "custom":
-      return s.store;
-    case "localStorage":
-      return new I(s.storageKey);
-  }
-  throw new Error(`Unsupported setting backend: ${s}`);
-}, h = b(void 0), L = () => x(h), T = (s) => {
-  const { children: t, id: e, ...n } = s, o = M(n), r = E(() => o.load(), [], {
-    loaderId: e
-  }), f = r.use(), m = j(Promise.resolve()), S = K(
-    () => u.fromJson(f),
-    [e]
-  ), d = () => {
-    const w = S.asJson;
-    m.current = m.current.then(async () => {
-      await o.store(w), r.refresh();
-    });
-  };
-  return v(() => A(d), [e]), /* @__PURE__ */ O(h.Provider, { value: S, children: t });
-};
-export {
-  T as S,
-  L as u
-};

package/dist/js/SettingsProvider.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { S as t } from "./SettingsProvider-DRSFnfXN.js";
-export {
-  t as SettingsProvider,
-  t as default
-};

package/dist/js/Skeleton-Bgnxy2Df.js

@@ -1,23 +0,0 @@
-"use client"
-/* */
-import { jsx as m } from "react/jsx-runtime";
-import "react";
-import n from "clsx";
-const i = "flow--skeleton", a = "flow--skeleton--shimmer", c = {
-  skeleton: i,
-  shimmer: a
-}, f = (s) => {
-  const { width: e, height: t, className: o, ...r } = s, l = n(c.skeleton, o);
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: l,
-      "aria-hidden": !0,
-      style: { height: t, width: e },
-      ...r
-    }
-  );
-};
-export {
-  f as S
-};

package/dist/js/Skeleton.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { S as o } from "./Skeleton-Bgnxy2Df.js";
-export {
-  o as Skeleton,
-  o as default
-};

package/dist/js/SkeletonText-C83Oqahi.js

@@ -1,14 +0,0 @@
-"use client"
-/* */
-import { jsx as e } from "react/jsx-runtime";
-import "react";
-const l = "flow--skeleton-text", r = "flow--skeleton-text--shimmer", i = {
-  skeletonText: l,
-  shimmer: r
-}, c = (t) => {
-  const { width: s, style: o = {}, ...n } = t;
-  return /* @__PURE__ */ e("div", { "aria-hidden": !0, style: { width: s, ...o }, ...n, children: /* @__PURE__ */ e("div", { className: i.skeletonText }) });
-};
-export {
-  c as S
-};

package/dist/js/SkeletonText.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { S as t } from "./SkeletonText-C83Oqahi.js";
-export {
-  t as SkeletonText,
-  t as default
-};

package/dist/js/Slider.js

@@ -1,114 +0,0 @@
-"use client"
-/* */
-import { jsxs as n, jsx as e, Fragment as v } from "react/jsx-runtime";
-import "react";
-import { f as w } from "./flowComponent-B8dC8eRj.js";
-import * as s from "react-aria-components";
-import x from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as N } from "./PropsContextProvider.js";
-import { B as o } from "./Button-WawPguWq.js";
-import "@tabler/icons-react";
-import "./viewComponentContext-HXEKmx_D.js";
-import { I as k, a as P } from "./IconPlus-B4GbH9Av.js";
-import { useLocalizedStringFormatter as S } from "react-aria";
-const T = "flow--slider", g = "flow--slider--text", y = "flow--slider--value", F = "flow--slider--track", I = "flow--slider--fill", M = "flow--slider--initial-marker", C = "flow--slider--thumb", z = "flow--slider--increment", D = "flow--slider--decrement", O = "flow--slider--disabled", r = {
-  slider: T,
-  text: g,
-  value: y,
-  track: F,
-  fill: I,
-  initialMarker: M,
-  thumb: C,
-  increment: z,
-  decrement: D,
-  disabled: O
-}, j = { "de-DE": {
-  "slider.decrement": "Wert verkleinern",
-  "slider.increment": "Wert erhöhen"
-}, "en-EN": {
-  "slider.decrement": "Decrement value",
-  "slider.increment": "Increment value"
-} }, K = w("Slider", (c) => {
-  const {
-    className: m,
-    children: d,
-    name: u,
-    isDisabled: t,
-    defaultValue: l,
-    showInitialMarker: f,
-    ...p
-  } = c, b = x(
-    r.slider,
-    t && r.disabled,
-    m
-  ), a = S(j), h = {
-    Label: {
-      unstyled: !0
-    }
-  };
-  return /* @__PURE__ */ n(
-    s.Slider,
-    {
-      className: b,
-      isDisabled: t,
-      defaultValue: l,
-      ...p,
-      children: [
-        /* @__PURE__ */ n("div", { className: r.text, children: [
-          /* @__PURE__ */ e(s.SliderOutput, { className: r.value }),
-          /* @__PURE__ */ e(N, { props: h, children: d })
-        ] }),
-        /* @__PURE__ */ e(s.SliderTrack, { className: r.track, children: ({ state: i }) => /* @__PURE__ */ n(v, { children: [
-          /* @__PURE__ */ e(
-            o,
-            {
-              onPress: () => i.decrementThumb(0),
-              "aria-label": a.format("slider.decrement"),
-              size: "s",
-              variant: "plain",
-              className: r.decrement,
-              isDisabled: t,
-              excludeFromTabOrder: !0,
-              children: /* @__PURE__ */ e(k, {})
-            }
-          ),
-          /* @__PURE__ */ e(
-            o,
-            {
-              onPress: () => i.incrementThumb(0),
-              "aria-label": a.format("slider.increment"),
-              size: "s",
-              variant: "plain",
-              className: r.increment,
-              isDisabled: t,
-              excludeFromTabOrder: !0,
-              children: /* @__PURE__ */ e(P, {})
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: r.fill,
-              style: { width: i.getThumbPercent(0) * 100 + "%" }
-            }
-          ),
-          f && l && typeof l == "number" && /* @__PURE__ */ e(
-            "div",
-            {
-              className: r.initialMarker,
-              style: {
-                left: `calc(${i.getValuePercent(l) * 100}% - 2px)`
-              }
-            }
-          ),
-          /* @__PURE__ */ e(s.SliderThumb, { name: u, className: r.thumb })
-        ] }) })
-      ]
-    }
-  );
-});
-export {
-  K as Slider,
-  K as default
-};

package/dist/js/Switch-Bg5jHbFG.js

@@ -1,46 +0,0 @@
-"use client"
-/* */
-import { jsx as o, jsxs as n, Fragment as h } from "react/jsx-runtime";
-import "react";
-import * as p from "react-aria-components";
-import f from "clsx";
-import "@tabler/icons-react";
-import "./propsContext-DzAKlmhS.js";
-import { C as w } from "./ClearPropsContext-CIgOlDjP.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { f as d } from "./flowComponent-B8dC8eRj.js";
-import "./viewComponentContext-HXEKmx_D.js";
-import { I as b } from "./IconCheck-DSJw_XKy.js";
-import { I as C } from "./IconClose-B4zJVugN.js";
-import { L as N } from "./Label-BNeqtA5n.js";
-const k = "flow--switch--track", x = "flow--switch--handle", g = "flow--switch--label", s = {
-  switch: "flow--switch",
-  "label-leading": "flow--switch--label-leading",
-  track: k,
-  handle: x,
-  label: g
-}, D = d(
-  "Switch",
-  (l) => {
-    const {
-      children: t,
-      className: r,
-      labelPosition: a = "trailing",
-      ref: i,
-      ...e
-    } = l, c = f(
-      s.switch,
-      s[`label-${a}`],
-      r
-    );
-    return /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o(p.Switch, { ...e, className: c, ref: i, children: ({ isSelected: m }) => /* @__PURE__ */ n(h, { children: [
-      /* @__PURE__ */ o("div", { className: s.track, children: /* @__PURE__ */ o("div", { className: s.handle, children: m ? /* @__PURE__ */ o(b, { size: "s" }) : /* @__PURE__ */ o(C, { size: "s" }) }) }),
-      t && /* @__PURE__ */ o(N, { className: s.label, children: t })
-    ] }) }) });
-  }
-);
-export {
-  D as S
-};

package/dist/js/Switch.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { S as a } from "./Switch-Bg5jHbFG.js";
-export {
-  a as Switch,
-  a as default
-};

package/dist/js/Table-BmKOh2Rs.js

@@ -1,59 +0,0 @@
-"use client"
-/* */
-import { jsx as s } from "react/jsx-runtime";
-import { Suspense as b } from "react";
-import * as n from "react-aria-components";
-import m from "clsx";
-import { S as d } from "./SkeletonText-C83Oqahi.js";
-const f = "flow--table--table-container", N = "flow--table", w = "flow--table--column", u = "flow--table--cell", h = "flow--table--header", C = "flow--table--body", T = "flow--table--row", p = "flow--table--footer", r = {
-  tableContainer: f,
-  table: N,
-  column: w,
-  cell: u,
-  header: h,
-  body: C,
-  row: T,
-  footer: p,
-  "vertical-align-middle": "flow--table--vertical-align-middle"
-}, R = (l) => {
-  const { children: a, className: e, ...t } = l, o = m(r.body, e);
-  return /* @__PURE__ */ s(n.TableBody, { className: o, ...t, children: a });
-}, S = (l) => {
-  const { children: a, className: e, rowHeader: t, ...o } = l, c = m(r.cell, e), i = /* @__PURE__ */ s(b, { fallback: /* @__PURE__ */ s(d, { width: "100px" }), children: a });
-  return t ? /* @__PURE__ */ s(y, { className: c, ...o, children: i }) : /* @__PURE__ */ s(n.Cell, { className: c, ...o, children: i });
-}, y = (l) => {
-  const { children: a, className: e, ...t } = l, o = m(r.column, e);
-  return /* @__PURE__ */ s(n.Column, { isRowHeader: !0, className: o, ...t, children: a });
-}, k = (l) => {
-  const { children: a, className: e, ...t } = l, o = m(r.header, e);
-  return /* @__PURE__ */ s(n.TableHeader, { className: o, ...t, children: a });
-}, A = (l) => {
-  const { children: a, className: e, footer: t, ...o } = l;
-  return /* @__PURE__ */ s(
-    n.Row,
-    {
-      className: (c) => m(
-        r.row,
-        t && r.footer,
-        typeof e == "function" ? e(c) : e
-      ),
-      ...o,
-      children: a
-    }
-  );
-}, B = (l) => {
-  const { children: a, className: e, verticalAlign: t = "top", ...o } = l, c = m(
-    r.table,
-    r[`vertical-align-${t}`],
-    e
-  );
-  return /* @__PURE__ */ s("div", { className: r.tableContainer, children: /* @__PURE__ */ s(n.Table, { className: c, ...o, children: a }) });
-};
-export {
-  A as T,
-  B as a,
-  R as b,
-  S as c,
-  y as d,
-  k as e
-};

package/dist/js/Table.js

@@ -1,17 +0,0 @@
-"use client"
-/* */
-import { T as a, a as l } from "./Table-BmKOh2Rs.js";
-import { b as f, c as p, d, e as u } from "./Table-BmKOh2Rs.js";
-import { jsx as o } from "react/jsx-runtime";
-import "react";
-const b = (e) => /* @__PURE__ */ o(a, { ...e, footer: !0 });
-export {
-  l as Table,
-  f as TableBody,
-  p as TableCell,
-  d as TableColumn,
-  b as TableFooterRow,
-  u as TableHeader,
-  a as TableRow,
-  l as default
-};

package/dist/js/Tabs.js

@@ -1,183 +0,0 @@
-"use client"
-/* */
-import { jsx as t, jsxs as m, Fragment as w } from "react/jsx-runtime";
-import { useRef as y, useState as g, useEffect as P, useId as M, createContext as O, useContext as S } from "react";
-import * as T from "react-aria-components";
-import u from "clsx";
-import { TunnelExit as C, TunnelProvider as A, TunnelEntry as f } from "@mittwald/react-tunnel";
-import { f as B } from "./flowComponent-B8dC8eRj.js";
-import { useCallbackRef as E } from "use-callback-ref";
-import { a as K, C as L } from "./ContextMenuContent-D2RjW6il.js";
-import "./propsContext-DzAKlmhS.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import "@tabler/icons-react";
-import "./viewComponentContext-HXEKmx_D.js";
-import { I as W } from "./IconContextMenu-DnwSrGtk.js";
-import "react-aria";
-import "invariant";
-import "mobx";
-import "./context-BaYmTa0I.js";
-import "./Action-C1Tw5pqL.js";
-import "./getActionGroupSlot-CekBnXeM.js";
-import { B as F } from "./Button-WawPguWq.js";
-import { T as R } from "./Text-CW_CzcoD.js";
-import { M as $ } from "./MenuItem-BGGLM0sj.js";
-import { PropsContextProvider as j } from "./PropsContextProvider.js";
-import { A as N } from "./Activity-BekrxIf7.js";
-const k = "flow--tabs", q = "flow--tabs--list", z = {
-  tabs: k,
-  list: q
-}, D = "flow--tabs--tab-list", G = "flow--tabs--tab-list--context-menu-button", H = "flow--tabs--tab-list--titles", J = "flow--tabs--tab-list--collapsed", p = {
-  tabList: D,
-  contextMenuButton: G,
-  titles: H,
-  collapsed: J
-}, Q = () => {
-  const n = y(null), [s, a] = g(!1), o = E(null, (e) => {
-    r(), i(e);
-  }), l = ([
-    e
-  ]) => {
-    e && a(!e.isIntersecting);
-  }, i = (e = o.current) => {
-    if (e && e instanceof Element) {
-      const c = new IntersectionObserver(l, {
-        root: e.parentElement,
-        // 1 = invoke callback when the element is 100% visible within the parent element
-        threshold: 1
-      });
-      n.current = c, c.observe(e);
-    }
-  }, r = () => {
-    var e;
-    (e = n.current) == null || e.disconnect();
-  };
-  return P(() => (i(), r), [n.current]), {
-    ref: o,
-    isOverflowing: s
-  };
-}, U = "flow--tabs--tab-title", V = "flow--tabs--tab-title--text", X = "flow--tabs--tab-title--menu-item", h = {
-  tabTitle: U,
-  text: V,
-  menuItem: X
-}, Y = (n) => {
-  const { className: s, ...a } = n, o = u(s, h.tabTitle);
-  return /* @__PURE__ */ t("div", { ...a, className: o, "data-selected": !0, children: /* @__PURE__ */ t(C, { id: "ActiveTitle" }) });
-}, Z = (n) => {
-  const { selection: s, disabledKeys: a, onContextMenuSelectionChange: o } = n, l = M(), i = Q(), r = i.isOverflowing, e = u(p.tabList, r && p.collapsed), c = (x) => {
-    o(x);
-  }, d = /* @__PURE__ */ t(T.TabList, { className: p.titles, ref: i.ref, children: /* @__PURE__ */ t(C, { id: "Titles" }) }), b = r && /* @__PURE__ */ t(Y, { id: l }), v = r && /* @__PURE__ */ m(K, { children: [
-    /* @__PURE__ */ t(
-      F,
-      {
-        variant: "soft",
-        className: p.contextMenuButton,
-        color: "secondary",
-        "aria-labelledby": l,
-        children: /* @__PURE__ */ t(W, {})
-      }
-    ),
-    /* @__PURE__ */ t(
-      L,
-      {
-        disabledKeys: a,
-        selectedKeys: s ? [s] : void 0,
-        selectionMode: "navigation",
-        onAction: (x) => c(x),
-        children: /* @__PURE__ */ t(C, { id: "ContextMenuItems" })
-      }
-    )
-  ] });
-  return /* @__PURE__ */ m("div", { className: e, children: [
-    d,
-    b,
-    v
-  ] });
-}, Ot = B("Tabs", (n) => {
-  const {
-    children: s,
-    className: a,
-    defaultSelectedKey: o,
-    disabledKeys: l,
-    ref: i,
-    ...r
-  } = n, e = u(z.tabs, a), [c, d] = g(
-    o
-  );
-  return /* @__PURE__ */ m(A, { children: [
-    s,
-    /* @__PURE__ */ m(
-      T.Tabs,
-      {
-        slot: null,
-        className: e,
-        ...r,
-        selectedKey: c,
-        onSelectionChange: d,
-        disabledKeys: l,
-        ref: i,
-        children: [
-          /* @__PURE__ */ t(
-            Z,
-            {
-              selection: c,
-              onContextMenuSelectionChange: d,
-              disabledKeys: l
-            }
-          ),
-          /* @__PURE__ */ t(C, { id: "Panels" })
-        ]
-      }
-    )
-  ] });
-}), I = O({
-  id: "undefined"
-}), _ = () => S(I), tt = I.Provider, St = (n) => {
-  const { children: s, className: a, ...o } = n, { id: l } = _(), i = u(h.tabTitle, a);
-  return /* @__PURE__ */ m(w, { children: [
-    /* @__PURE__ */ t(f, { id: "Titles", children: /* @__PURE__ */ t(T.Tab, { ...o, id: l, className: i, children: (r) => /* @__PURE__ */ m(w, { children: [
-      /* @__PURE__ */ t(R, { emulateBoldWidth: !0, children: /* @__PURE__ */ t("span", { className: h.text, children: s }) }),
-      /* @__PURE__ */ t(f, { id: "ActiveTitle", children: r.isSelected && s })
-    ] }) }) }),
-    /* @__PURE__ */ t(f, { id: "ContextMenuItems", children: /* @__PURE__ */ t($, { className: h.menuItem, id: l, children: s }) })
-  ] });
-}, et = "flow--tabs--tab--tab-panel", st = {
-  tabPanel: et
-}, At = (n) => {
-  const { children: s, className: a, id: o, ...l } = n, i = u(st.tabPanel, a), r = M(), e = o ?? r, c = (d) => {
-    const b = d.state.selectedKey === e;
-    return /* @__PURE__ */ t(
-      j,
-      {
-        props: {
-          Content: {
-            wrapWith: /* @__PURE__ */ t(N, { isActive: b })
-          },
-          Section: {
-            wrapWith: /* @__PURE__ */ t(N, { isActive: b })
-          }
-        },
-        dependencies: [b, s],
-        children: s
-      }
-    );
-  };
-  return /* @__PURE__ */ t(f, { id: "Panels", children: /* @__PURE__ */ t(tt, { value: { id: e }, children: /* @__PURE__ */ t(
-    T.TabPanel,
-    {
-      className: i,
-      shouldForceMount: !0,
-      id: e,
-      ...l,
-      children: c
-    }
-  ) }) });
-};
-export {
-  At as Tab,
-  St as TabTitle,
-  Ot as Tabs,
-  Ot as default
-};

package/dist/js/Text-CW_CzcoD.js

@@ -1,47 +0,0 @@
-"use client"
-/* */
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import "react";
-import * as T from "react-aria-components";
-import "./propsContext-DzAKlmhS.js";
-import { C as u } from "./ClearPropsContext-CIgOlDjP.js";
-import { PropsContextProvider as C } from "./PropsContextProvider.js";
-import b from "invariant";
-import { f as N } from "./flowComponent-B8dC8eRj.js";
-import x from "clsx";
-import { W as w } from "./Wrap-DGT1h1o3.js";
-const y = "flow--emulated-bold-text", g = "flow--emulated-bold-text--bold-text", c = {
-  emulatedBoldText: y,
-  boldText: g
-}, B = (o) => {
-  const { children: r, className: s, ...e } = o, l = x(c.emulatedBoldText, s);
-  return /* @__PURE__ */ h("span", { className: l, ...e, children: [
-    r,
-    /* @__PURE__ */ t("span", { "aria-hidden": "true", className: c.boldText, children: r })
-  ] });
-}, k = "flow--text", E = "flow--text--light", P = "flow--text--dark", d = {
-  text: k,
-  light: E,
-  dark: P
-}, H = N("Text", (o) => {
-  const {
-    children: r,
-    className: s,
-    elementType: e = "span",
-    emulateBoldWidth: l,
-    ref: n,
-    color: m,
-    ...p
-  } = o, f = x(d.text, m && d[m], s), a = { ...p, className: f }, i = /* @__PURE__ */ t(C, { props: {
-    Link: {
-      inline: !0
-    }
-  }, children: /* @__PURE__ */ t(w, { if: l, children: /* @__PURE__ */ t(B, { children: r }) }) });
-  return o.slot ? (b(
-    typeof e == "string",
-    "'elementType' in Text component must be of type string"
-  ), /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(T.Text, { ...a, elementType: e, ref: n, children: i }) })) : /* @__PURE__ */ t(e, { ...a, ref: n, children: i });
-});
-export {
-  H as T
-};

package/dist/js/Text.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { T as a } from "./Text-CW_CzcoD.js";
-export {
-  a as Text,
-  a as default
-};