@mittwald/flow-react-components 0.1.0-alpha.44 → 0.1.0-alpha.45

package/dist/Initials.js

@@ -1,16 +1,16 @@
 "use client"
 /* */
-import s from "react";
-import m from "clsx";
+import e from "react";
+import c from "clsx";
 import "./PropsContextProvider-C7Evvjhy.js";
 import "@react-aria/utils";
-import { u as c } from "./useProps-d5Do2me4.js";
-import { onlyText as p } from "react-children-utilities";
-const f = (i) => i.replace(/[^\p{L}\s]/giu, "").split(" ").map((t) => t.trim()[0]).filter((t) => t !== void 0).map((t) => t.toUpperCase()).slice(0, 2), u = "flow--initials", d = {
-  initials: u
+import { u as p } from "./useProps-d5Do2me4.js";
+import { onlyText as f } from "react-children-utilities";
+const u = (i) => i.replace(/[^\p{L}\s]/giu, "").split(" ").map((t) => t.trim()[0]).filter((t) => t !== void 0).map((t) => t.toUpperCase()).slice(0, 2), d = "flow--initials", x = {
+  initials: d
 }, v = (i) => {
-  const { children: t, className: e } = c("Initials", i), a = f(p(t)), l = m(d.initials, e), o = a.map((r, n) => /* @__PURE__ */ s.createElement("span", { key: n }, r));
-  return /* @__PURE__ */ s.createElement("div", { "aria-label": t, className: l }, o);
+  const { children: t, className: a } = p("Initials", i), s = f(t), n = u(s), o = c(x.initials, a), l = n.map((r, m) => /* @__PURE__ */ e.createElement("span", { key: m }, r));
+  return /* @__PURE__ */ e.createElement("div", { "aria-label": s, className: o }, l);
 };
 export {
   v as Initials,

package/dist/List.js

@@ -1,15 +1,15 @@
 "use client"
 /* */
-var z = Object.defineProperty;
-var V = (i, t, e) => t in i ? z(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var n = (i, t, e) => (V(i, typeof t != "symbol" ? t + "" : t, e), e);
-import r, { createContext as B, useContext as U, Suspense as $, createElement as x, useMemo as O, useEffect as I, isValidElement as H } from "react";
+var V = Object.defineProperty;
+var B = (i, t, e) => t in i ? V(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var n = (i, t, e) => (B(i, typeof t != "symbol" ? t + "" : t, e), e);
+import r, { createContext as U, useContext as $, Suspense as D, createElement as x, useMemo as O, useEffect as I, isValidElement as H } from "react";
 import { useMessageFormatter as j, useLocalizedStringFormatter as q } from "react-aria";
 import { T as J } from "./Text-B5YK5s7t.js";
 import { B as b } from "./Button-FPl3fKiM.js";
 import "@tabler/icons-react";
 import "./Icon-S-6j_Kl3.js";
-import D from "clsx";
+import R from "clsx";
 import "html-react-parser";
 import "./PropsContextProvider-C7Evvjhy.js";
 import "@react-aria/utils";
@@ -25,12 +25,12 @@ import { getAsyncResource as T } from "@mittwald/react-use-promise";
 import { deepFind as st, deepForEach as nt } from "react-children-utilities";
 import { I as rt } from "./InlineCode-CVs3jCiw.js";
 import { ListLoaderAsyncResource as ot } from "./List/ListLoaderAsyncResource.js";
-const R = B({}), g = () => U(R).list, lt = (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, i.children()), ct = (i) => {
+const M = U({}), g = () => $(M).list, lt = (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, i.children()), ct = (i) => {
   const { pageIndex: t } = i;
   return g().loader.useSuspenseHook(t), null;
-}, ut = () => g().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ r.createElement($, { key: e, fallback: /* @__PURE__ */ r.createElement(ct, { pageIndex: e }) }, /* @__PURE__ */ r.createElement(lt, null, () => {
+}, ut = () => g().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ r.createElement(D, { key: e, fallback: /* @__PURE__ */ r.createElement(ct, { pageIndex: e }) }, /* @__PURE__ */ r.createElement(lt, null, () => {
   t();
-}))), M = {
+}))), A = {
   "de-DE": {
     paginationInfo: "{visibleItemsCount} von insgesamt {totalItemsCount} angezeigt",
     paginationInfoFiltered: "{visibleItemsCount} von insgesamt {filteredItemsCount} (gefiltert aus {totalItemsCount}) angezeigt",
@@ -42,7 +42,7 @@ const R = B({}), g = () => U(R).list, lt = (i) => /* @__PURE__ */ r.createElemen
     showMore: "Show more"
   }
 }, gt = (i) => {
-  const t = j(M), e = g(), a = e.pagination, s = e.isFiltered() && !e.loader.manualFiltering, o = a.getTotalItemsCount(), c = a.getFilteredItemsCount(), l = a.getVisibleItemsCount();
+  const t = j(A), e = g(), a = e.pagination, s = e.isFiltered() && !e.loader.manualFiltering, o = a.getTotalItemsCount(), c = a.getFilteredItemsCount(), l = a.getVisibleItemsCount();
   if (o === 0)
     return null;
   const h = s ? t("paginationInfoFiltered", {
@@ -89,7 +89,7 @@ const R = B({}), g = () => U(R).list, lt = (i) => /* @__PURE__ */ r.createElemen
   filterBar: wt
 }, Ft = (i) => {
   const { className: t } = i;
-  return /* @__PURE__ */ r.createElement("div", { className: D(t, Pt.filterBar) }, /* @__PURE__ */ r.createElement(ft, null), /* @__PURE__ */ r.createElement(vt, null));
+  return /* @__PURE__ */ r.createElement("div", { className: R(t, Pt.filterBar) }, /* @__PURE__ */ r.createElement(ft, null), /* @__PURE__ */ r.createElement(vt, null));
 }, Ct = "flow--list", It = "flow--list--filter-bar", Tt = "flow--list--items", Et = "flow--list--pagination-infos", Lt = "flow--list--show-more-button", d = {
   list: Ct,
   filterBar: It,
@@ -427,7 +427,7 @@ class zt {
     );
   }
 }
-let Vt = class A {
+let Vt = class N {
   constructor(t) {
     n(this, "filters");
     n(this, "sorting");
@@ -451,14 +451,14 @@ let Vt = class A {
     });
   }
   static useNew(t) {
-    return new A(t);
+    return new N(t);
   }
   isFiltered() {
     return this.filters.some((t) => t.isActive());
   }
 };
 const Bt = (i) => {
-  const t = q(M), e = g(), a = e.loader.useIsLoading(), o = e.pagination.hasNextPage();
+  const t = q(A), e = g(), a = e.loader.useIsLoading(), o = e.pagination.hasNextPage();
   return /* @__PURE__ */ r.createElement(
     b,
     {
@@ -478,12 +478,12 @@ const Bt = (i) => {
   const { children: t } = i;
   return /* @__PURE__ */ r.createElement("div", { className: Ot.listItem }, t);
 }, jt = (i) => {
-  const { className: t } = i, a = g().items.entries.map((s) => /* @__PURE__ */ r.createElement(Ht, { key: s.id }, s.render()));
-  return /* @__PURE__ */ r.createElement("div", { className: D($t.items, t) }, a);
-}, N = (i, t) => H(i) ? typeof t == "string" ? typeof i.type == "string" ? i.type === t : !1 : i.type === t : !1, p = (i, t) => st(i, (e) => N(e, t)), k = (i, t) => {
+  const { className: t } = i, a = g().items.entries.map((s) => /* @__PURE__ */ r.createElement(Ht, { key: s.id }, /* @__PURE__ */ r.createElement(D, null, s.render())));
+  return /* @__PURE__ */ r.createElement("div", { className: R($t.items, t) }, a);
+}, z = (i, t) => H(i) ? typeof t == "string" ? typeof i.type == "string" ? i.type === t : !1 : i.type === t : !1, p = (i, t) => st(i, (e) => z(e, t)), k = (i, t) => {
   const e = [];
   return nt(i, (a) => {
-    N(a, t) && e.push(a);
+    z(a, t) && e.push(a);
   }), e;
 };
 function qt(i) {
@@ -525,7 +525,7 @@ function ye(i) {
     ...e
   });
   return /* @__PURE__ */ r.createElement(
-    R.Provider,
+    M.Provider,
     {
       value: {
         list: h

package/dist/types/components/Initials/Initials.d.ts

@@ -1,7 +1,5 @@
 import { FC, PropsWithChildren } from "react";
-export interface InitialsProps extends PropsWithChildren<{
-    children: string;
-}> {
+export interface InitialsProps extends PropsWithChildren {
     className?: string;
 }
 export declare const Initials: FC<InitialsProps>;

package/dist/types/lib/propsContext/PropsContextProvider.d.ts

@@ -1,5 +1,5 @@
 import { DependencyList, FC, PropsWithChildren } from "react";
-import { PropsContext as PropsContextShape } from '.';
+import { PropsContext as PropsContextShape } from './types';
 interface Props extends PropsWithChildren {
     props: PropsContextShape;
     dependencies?: DependencyList;

package/dist/types/lib/propsContext/index.d.ts

@@ -1,5 +1,6 @@
 export { ClearPropsContext } from './ClearPropsContext';
-export { dynamic } from "./dynamicProps/dynamic";
 export { PropsContextProvider } from "./PropsContextProvider";
 export { useProps } from "./useProps";
 export type { PropsContext } from "./types";
+import { useProps } from "./useProps";
+export default useProps;

package/dist/types/lib/propsContext/mergePropsContext.d.ts

@@ -1,3 +1,3 @@
-import { PropsContext } from '.';
+import { PropsContext } from './types';
 export declare const mergePropsContext: (firstContext: PropsContext, secondContext: PropsContext) => PropsContext;
 export default mergePropsContext;

package/dist/types/lib/propsContext/nestedPropsContext/pickPropsContext.d.ts

@@ -1,3 +1,2 @@
-import { PropsContext } from '..';
-import { ComponentPropsContext } from '../types';
+import { ComponentPropsContext, PropsContext } from '../types';
 export declare const pickPropsContext: <C extends keyof import('../../../components/propTypes').FlowComponentPropsTypes>(props: ComponentPropsContext<C>) => PropsContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.44",
+  "version": "0.1.0-alpha.45",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -253,5 +253,5 @@
       "optional": true
     }
   },
-  "gitHead": "79b1586d1ea438e712b3e4e1e0a57c554cb11ad0"
+  "gitHead": "be9d031d09a0fce11fbd3d7258edc95da99f106e"
 }