@mittwald/flow-react-components 0.1.0-alpha.206 → 0.1.0-alpha.207

package/dist/List.js

@@ -24,9 +24,9 @@ import { R as kt } from "./Render-BdlTa7Qb.js";
 import { T as f } from "./Text-Sd5q3Yme.js";
 import { I as Z } from "./IconChevronDown--OxZLX8L.js";
 import { I as At } from "./IconClose-BFwPT_IX.js";
-import { makeObservable as Bt, observable as $, computed as O, action as L } from "mobx";
+import { makeObservable as Vt, observable as $, computed as O, action as L } from "mobx";
 import "./context-BB3_MApL.js";
-import { u as Vt } from "./useOnChange-C1Quwyuz.js";
+import { u as Bt } from "./useOnChange-C1Quwyuz.js";
 import { S as Pt } from "./SearchField-DstUFmq4.js";
 import { getProperty as xt } from "dot-prop";
 import { hash as Dt } from "object-code";
@@ -34,7 +34,7 @@ import { useReactTable as Nt, getCoreRowModel as Rt, getSortedRowModel as Mt, ge
 import tt from "invariant";
 import { getAsyncResource as q } from "@mittwald/react-use-promise";
 import { u as H } from "./useSelector-DpU7_HMO.js";
-import * as B from "react-aria-components";
+import * as V from "react-aria-components";
 import { I as Ot } from "./IllustratedMessage-B3MHD01M.js";
 import { I as qt } from "./IconSearch-C7VQTAqK.js";
 import { H as et } from "./Heading-BEC6iPfF.js";
@@ -211,7 +211,7 @@ const jt = "flow--list--items--item--view", Wt = "flow--list--items--item--view-
   ));
 }, me = (i) => {
   const { className: t, onChange: e, value: s, ...a } = i, [o, l] = Y(s ?? "");
-  Vt(s, () => {
+  Bt(s, () => {
     l(s ?? "");
   }, [o]);
   const u = () => {
@@ -398,7 +398,7 @@ class Ce {
   }
   deleteUnknownFilterValues() {
     if (this.values !== this.valuesFromTableState)
-      for (const t of this.valuesFromTableState)
+      for (const t of this.getArrayValue())
         this.checkIfValueIsUnknown(t) && this.deactivateValue(t);
   }
   get values() {
@@ -469,7 +469,7 @@ class Le {
     return `${this.getTableColumn().id}:${this.direction}`;
   }
 }
-class V {
+class B {
   constructor(t, e, s = {}) {
     n(this, "list");
     n(this, "table");
@@ -484,7 +484,7 @@ class V {
     this.sortingState = o, this.updateSortingState = l, this.table = this.useReactTable(e, s);
   }
   static useNew(t, e, s = {}) {
-    return new V(t, e, s);
+    return new B(t, e, s);
   }
   useReactTable(t, e = {}) {
     const s = this.list.loader.useData(), a = Nt({
@@ -551,7 +551,7 @@ class P {
     n(this, "dataBatches", []);
     n(this, "prevDataBatches", []);
     n(this, "batchLoadingStates", ["void"]);
-    Bt(this, {
+    Vt(this, {
       prevDataBatches: !1,
       useMergedData: !1,
       useIsLoading: !1,
@@ -751,7 +751,7 @@ let I = F, ke = class rt {
       hasAction: l,
       onChange: u
     } = t;
-    this.items = new ve(this), this.filters = s.map((c) => new Ce(this, c)), this.sorting = a.map((c) => new Le(this, c)), this.search = t.search ? new Ie(this, t.search) : void 0, this.itemView = new I(this, e), this.batches = new ye(this, o), this.loader = x.useNew(this, t.loader), this.reactTable = V.useNew(this, u, {
+    this.items = new ve(this), this.filters = s.map((c) => new Ce(this, c)), this.sorting = a.map((c) => new Le(this, c)), this.search = t.search ? new Ie(this, t.search) : void 0, this.itemView = new I(this, e), this.batches = new ye(this, o), this.loader = x.useNew(this, t.loader), this.reactTable = B.useNew(this, u, {
       manualFiltering: this.loader.manualFiltering,
       manualPagination: this.loader.manualPagination,
       manualSorting: this.loader.manualSorting
@@ -783,16 +783,16 @@ let I = F, ke = class rt {
     return !this.loader.useIsLoading() && this.items.entries.length === 0;
   }
 };
-const Ae = "flow--list--items", Be = "flow--list--items--is-loading", _ = {
+const Ae = "flow--list--items", Ve = "flow--list--items--is-loading", _ = {
   items: Ae,
-  isLoading: Be
-}, Ve = "flow--list--items--item", Pe = "flow--list--items--item--has-action", k = {
-  item: Ve,
+  isLoading: Ve
+}, Be = "flow--list--items--item", Pe = "flow--list--items--item--has-action", k = {
+  item: Be,
   hasAction: Pe
 }, xe = (i) => {
   const { data: t, children: e } = i, s = m(), a = s.itemView, o = a.onAction, l = a.textValue ? a.textValue(t) : void 0, u = o ? () => o(t) : void 0, c = a.href ? a.href(t) : void 0, h = s.hasAction || !!u || !!c, b = C(k.item, h && k.hasAction);
   return /* @__PURE__ */ r.createElement(
-    B.GridListItem,
+    V.GridListItem,
     {
       className: b,
       onAction: u,
@@ -801,7 +801,7 @@ const Ae = "flow--list--items", Be = "flow--list--items--is-loading", _ = {
     },
     e ?? a.render(t)
   );
-}, De = (i) => /* @__PURE__ */ r.createElement(B.GridListItem, { textValue: "-", className: k.item }, i.children), Ne = () => {
+}, De = (i) => /* @__PURE__ */ r.createElement(V.GridListItem, { textValue: "-", className: k.item }, i.children), Ne = () => {
   const i = v(g);
   return /* @__PURE__ */ r.createElement(Ot, null, /* @__PURE__ */ r.createElement(qt, null), /* @__PURE__ */ r.createElement(et, null, i.format("list.noResult.heading")), /* @__PURE__ */ r.createElement(f, null, i.format("list.noResult.text")));
 }, Re = () => /* @__PURE__ */ r.createElement(st, null, /* @__PURE__ */ r.createElement(et, null, /* @__PURE__ */ r.createElement(K, { width: "200px" })), /* @__PURE__ */ r.createElement(f, null, /* @__PURE__ */ r.createElement(K, { width: "300px" }))), Me = () => {
@@ -813,7 +813,7 @@ const Ae = "flow--list--items", Be = "flow--list--items--is-loading", _ = {
     t,
     a && _.isLoading
   );
-  return l ? /* @__PURE__ */ r.createElement(Ne, null) : /* @__PURE__ */ r.createElement("div", { "aria-hidden": o, "aria-busy": a }, /* @__PURE__ */ r.createElement(B.GridList, { className: c, ...e }, o ? /* @__PURE__ */ r.createElement(Me, null) : u));
+  return l ? /* @__PURE__ */ r.createElement(Ne, null) : /* @__PURE__ */ r.createElement("div", { "aria-hidden": o, "aria-busy": a }, /* @__PURE__ */ r.createElement(V.GridList, { className: c, ...e }, o ? /* @__PURE__ */ r.createElement(Me, null) : u));
 }, nt = (i) => null, Ue = () => nt, ot = (i) => null, $e = () => ot, lt = (i) => null, Oe = () => lt, ct = (i) => null, qe = () => ct, ut = (i) => null, He = () => ut, Ke = "flow--list--footer", Ge = {
   footer: Ke
 }, je = (i) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.206",
+  "version": "0.1.0-alpha.207",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -292,7 +292,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.206",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.207",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.25.1",
     "@react-types/shared": "^3.24.1",
@@ -318,7 +318,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.206",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.207",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.5.6",
     "@storybook/addon-a11y": "^8.2.7",
@@ -396,5 +396,5 @@
       "optional": true
     }
   },
-  "gitHead": "60ab89d3d123c93a5f70d25a6b547c0429df9a7a"
+  "gitHead": "9a013d07dc863c485ab5bad240b8bc56e15c35c3"
 }