@mittwald/flow-react-components 0.2.0-alpha.6 → 0.2.0-alpha.600

package/dist/js/components/src/components/Legend/Legend.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const legend = "flow--legend";
+const styles = {
+	legend: legend
+};
+
+export { styles as default, legend };
+//# sourceMappingURL=Legend.module.scss.mjs.map

package/dist/js/components/src/components/Legend/Legend.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.mjs

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text } from '../../../Text/Text.mjs';
+import styles from './LegendItem.module.scss.mjs';
+import clsx from 'clsx';
+
+const LegendItem = (props) => {
+  const { children, color } = props;
+  return /* @__PURE__ */ jsxs("li", { className: styles.legendItem, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(styles.colorSquare, color && styles[`color-${color}`])
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("small", { children }) })
+  ] });
+};
+
+export { LegendItem, LegendItem as default };
+//# sourceMappingURL=LegendItem.mjs.map

package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem.mjs","sources":["../../../../../../../../src/components/Legend/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import Text from \"@/components/Text\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./LegendItem.module.scss\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\nimport clsx from \"clsx\";\n\nexport interface LegendItemProps extends PropsWithChildren {\n  color?: CategoricalColor;\n}\n\nexport const LegendItem: FC<LegendItemProps> = (props) => {\n  const { children, color } = props;\n\n  return (\n    <li className={styles.legendItem}>\n      <div\n        className={clsx(styles.colorSquare, color && styles[`color-${color}`])}\n      />\n      <Text>\n        <small>{children}</small>\n      </Text>\n    </li>\n  );\n};\n\nexport default LegendItem;\n"],"names":[],"mappings":";;;;;AAUO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAM,GAAI,KAAA;AAE5B,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,UAAA,EACpB,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,KAAK,MAAA,CAAO,WAAA,EAAa,SAAS,MAAA,CAAO,CAAA,MAAA,EAAS,KAAK,CAAA,CAAE,CAAC;AAAA;AAAA,KACvE;AAAA,oBACA,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAO,UAAS,CAAA,EACnB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.module.scss.mjs

@@ -0,0 +1,23 @@
+"use client"
+/* */
+const legendItem = "flow--legend--legend-item";
+const colorSquare = "flow--legend--legend-item--color-square";
+const styles = {
+	legendItem: legendItem,
+	colorSquare: colorSquare,
+	"color-sea-green": "flow--legend--legend-item--color-sea-green",
+	"color-palatinate-blue": "flow--legend--legend-item--color-palatinate-blue",
+	"color-tangerine": "flow--legend--legend-item--color-tangerine",
+	"color-magenta": "flow--legend--legend-item--color-magenta",
+	"color-tropical-indigo": "flow--legend--legend-item--color-tropical-indigo",
+	"color-malachite": "flow--legend--legend-item--color-malachite",
+	"color-azure": "flow--legend--legend-item--color-azure",
+	"color-violet": "flow--legend--legend-item--color-violet",
+	"color-yellow": "flow--legend--legend-item--color-yellow",
+	"color-alloy-orange": "flow--legend--legend-item--color-alloy-orange",
+	"color-green": "flow--legend--legend-item--color-green",
+	"color-lime": "flow--legend--legend-item--color-lime"
+};
+
+export { colorSquare, styles as default, legendItem };
+//# sourceMappingURL=LegendItem.module.scss.mjs.map

package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/components/src/components/LightBox/LightBox.mjs

@@ -0,0 +1,73 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { Overlay } from '../Overlay/Overlay.mjs';
+import clsx from 'clsx';
+import 'mobx';
+import 'react';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import '@tabler/icons-react';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import { IconClose } from '../Icon/components/icons/IconClose.mjs';
+import styles from './LightBox.module.scss.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import DivView from '../../views/DivView.mjs';
+import ButtonView from '../../views/ButtonView.mjs';
+
+const LightBox = flowComponent("LightBox", (props) => {
+  const {
+    controller: controllerFromProps,
+    children,
+    ref: ignoredRef,
+    className,
+    fitScreen = true,
+    ...rest
+  } = props;
+  const rootClassName = clsx(
+    styles.lightBox,
+    fitScreen && styles.fitScreen,
+    className
+  );
+  const propsContext = {
+    ActionGroup: {
+      className: styles.actionGroup,
+      Button: { variant: "solid", color: "light" },
+      tunnelId: "actionGroup"
+    }
+  };
+  const controllerFromContext = useOverlayController("LightBox", {
+    reuseControllerFromContext: true
+  });
+  const controller = controllerFromProps ?? controllerFromContext;
+  return /* @__PURE__ */ jsx(
+    Overlay,
+    {
+      overlayType: "LightBox",
+      className: rootClassName,
+      controller,
+      ...rest,
+      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+        /* @__PURE__ */ jsx(DivView, { className: styles.content, children }),
+        /* @__PURE__ */ jsxs(DivView, { className: styles.actions, children: [
+          /* @__PURE__ */ jsx(
+            ButtonView,
+            {
+              color: "light",
+              variant: "solid",
+              onPress: controller.close,
+              children: /* @__PURE__ */ jsx(IconClose, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(TunnelExit, { id: "actionGroup" })
+        ] })
+      ] }) })
+    }
+  );
+});
+
+export { LightBox, LightBox as default };
+//# sourceMappingURL=LightBox.mjs.map

package/dist/js/components/src/components/LightBox/LightBox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBox.mjs","sources":["../../../../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Overlay } from \"@/components/Overlay/Overlay\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport styles from \"./LightBox.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport DivView from \"@/views/DivView\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport interface LightBoxProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** An overlay controller to control the light box state. */\n  controller?: OverlayController;\n  /**\n   * Whether content can be displayed larger than the available space in the\n   * screen. @default true\n   */\n  fitScreen?: boolean;\n}\n\nexport const LightBox = flowComponent(\"LightBox\", (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    ref: ignoredRef,\n    className,\n    fitScreen = true,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.lightBox,\n    fitScreen && styles.fitScreen,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      className: styles.actionGroup,\n      Button: { variant: \"solid\", color: \"light\" },\n      tunnelId: \"actionGroup\",\n    },\n  };\n\n  const controllerFromContext = useOverlayController(\"LightBox\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  return (\n    <Overlay\n      overlayType=\"LightBox\"\n      className={rootClassName}\n      controller={controller}\n      {...rest}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <DivView className={styles.content}>{children}</DivView>\n          <DivView className={styles.actions}>\n            <ButtonView\n              color=\"light\"\n              variant=\"solid\"\n              onPress={controller.close}\n            >\n              <IconClose />\n            </ButtonView>\n            <TunnelExit id=\"actionGroup\" />\n          </DivView>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default LightBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA+BO,MAAM,QAAA,GAAW,aAAA,CAAc,UAAA,EAAY,CAAC,KAAA,KAAU;AAC3D,EAAA,MAAM;AAAA,IACJ,UAAA,EAAY,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,GAAA,EAAK,UAAA;AAAA,IACL,SAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,QAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,WAAA,EAAa;AAAA,MACX,WAAW,MAAA,CAAO,WAAA;AAAA,MAClB,MAAA,EAAQ,EAAE,OAAA,EAAS,OAAA,EAAS,OAAO,OAAA,EAAQ;AAAA,MAC3C,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,UAAA,EAAY;AAAA,IAC7D,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAE1C,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAY,UAAA;AAAA,MACZ,SAAA,EAAW,aAAA;AAAA,MACX,UAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,+BAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EAAU,QAAA,EAAS,CAAA;AAAA,wBAC9C,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,OAAA;AAAA,cACN,OAAA,EAAQ,OAAA;AAAA,cACR,SAAS,UAAA,CAAW,KAAA;AAAA,cAEpB,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,WACb;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,aAAA,EAAc;AAAA,SAAA,EAC/B;AAAA,OAAA,EACF,CAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/LightBox/LightBox.module.scss.mjs

@@ -0,0 +1,17 @@
+"use client"
+/* */
+const lightBox = "flow--light-box";
+const content = "flow--light-box--content";
+const fitScreen = "flow--light-box--fit-screen";
+const actions = "flow--light-box--actions";
+const actionGroup = "flow--light-box--action-group";
+const styles = {
+	lightBox: lightBox,
+	content: content,
+	fitScreen: fitScreen,
+	actions: actions,
+	actionGroup: actionGroup
+};
+
+export { actionGroup, actions, content, styles as default, fitScreen, lightBox };
+//# sourceMappingURL=LightBox.module.scss.mjs.map

package/dist/js/components/src/components/LightBox/LightBox.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBox.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/js/components/src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.mjs

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react-aria-components';
+import '../../../OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
+import { OverlayTrigger } from '../../../OverlayTrigger/OverlayTrigger.mjs';
+import DialogTriggerView from '../../../../views/DialogTriggerView.mjs';
+
+const LightBoxTrigger = (props) => {
+  const { children, ...triggerProps } = props;
+  return /* @__PURE__ */ jsx(
+    OverlayTrigger,
+    {
+      overlayType: "LightBox",
+      ...triggerProps,
+      component: DialogTriggerView,
+      children
+    }
+  );
+};
+
+export { LightBoxTrigger, LightBoxTrigger as default };
+//# sourceMappingURL=LightBoxTrigger.mjs.map

package/dist/js/components/src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxTrigger.mjs","sources":["../../../../../../../../src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport DialogTriggerView from \"@/views/DialogTriggerView\";\n\nexport type LightBoxTriggerProps = OverlayTriggerProps;\n\nexport const LightBoxTrigger: FC<LightBoxTriggerProps> = (props) => {\n  const { children, ...triggerProps } = props;\n  return (\n    <OverlayTrigger\n      overlayType=\"LightBox\"\n      {...triggerProps}\n      component={DialogTriggerView}\n    >\n      {children}\n    </OverlayTrigger>\n  );\n};\n\nexport default LightBoxTrigger;\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,eAAA,GAA4C,CAAC,KAAA,KAAU;AAClE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAa,GAAI,KAAA;AACtC,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAY,UAAA;AAAA,MACX,GAAG,YAAA;AAAA,MACJ,SAAA,EAAW,iBAAA;AAAA,MAEV;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/js/components/src/components/Link/Link.mjs

@@ -0,0 +1,63 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext } from 'react';
+import * as Aria from 'react-aria-components';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import styles from './Link.module.scss.mjs';
+import clsx from 'clsx';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { linkContext } from './context.mjs';
+import { LinkIcon } from './components/LinkIcon/LinkIcon.mjs';
+
+const Link = flowComponent("Link", (props) => {
+  const {
+    children,
+    className,
+    inline,
+    linkComponent: linkComponentFromProps,
+    color = "primary",
+    unstyled = false,
+    "aria-current": ariaCurrent,
+    ref,
+    slot: ignoredSlotProp,
+    style,
+    whiteSpace,
+    ...rest
+  } = props;
+  const { linkComponent: linkComponentFromContext } = useContext(linkContext);
+  const Link2 = linkComponentFromProps ? linkComponentFromProps : props.href && linkComponentFromContext ? linkComponentFromContext : Aria.Link;
+  const rootClassName = unstyled ? className : clsx(
+    styles.link,
+    inline && styles.inline,
+    styles[color],
+    className
+  );
+  const propsContext = {
+    Icon: {
+      className: styles.icon,
+      size: "s"
+    }
+  };
+  const unsupportedTypingsLinkProps = ariaCurrent ? {
+    "aria-current": true
+  } : {};
+  return /* @__PURE__ */ jsx(
+    Link2,
+    {
+      ...unsupportedTypingsLinkProps,
+      ...rest,
+      className: rootClassName,
+      ref,
+      style: { ...style, whiteSpace },
+      children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+        children,
+        /* @__PURE__ */ jsx(LinkIcon, { ...props })
+      ] })
+    }
+  );
+});
+
+export { Link, Link as default };
+//# sourceMappingURL=Link.mjs.map

package/dist/js/components/src/components/Link/Link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.mjs","sources":["../../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentType,\n  CSSProperties,\n  PropsWithChildren,\n} from \"react\";\nimport { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./Link.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { linkContext } from \"@/components/Link/context\";\nimport { LinkIcon } from \"@/components/Link/components/LinkIcon\";\n\nexport interface LinkProps\n  extends PropsWithChildren<\n      Omit<Aria.LinkProps, \"children\" | \"slot\" | \"className\">\n    >,\n    FlowComponentProps<HTMLAnchorElement>,\n    PropsWithClassName {\n  /** Whether the link should be styled for being displayed inside a text. */\n  inline?: boolean;\n  /** An alternative link component. */\n  linkComponent?: ComponentType<Omit<ComponentProps<\"a\">, \"ref\">>;\n  /** The color of the link. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n  \"aria-current\"?: string;\n  slot?: string;\n  /** The whiteSpace css value of the element. */\n  whiteSpace?: CSSProperties[\"whiteSpace\"];\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Link = flowComponent(\"Link\", (props) => {\n  const {\n    children,\n    className,\n    inline,\n    linkComponent: linkComponentFromProps,\n    color = \"primary\",\n    unstyled = false,\n    \"aria-current\": ariaCurrent,\n    ref,\n    slot: ignoredSlotProp,\n    style,\n    whiteSpace,\n    ...rest\n  } = props;\n\n  const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n  const Link = linkComponentFromProps\n    ? (linkComponentFromProps as typeof Aria.Link)\n    : props.href && linkComponentFromContext\n      ? (linkComponentFromContext as typeof Aria.Link)\n      : Aria.Link;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.link,\n        inline && styles.inline,\n        styles[color as keyof typeof styles],\n        className,\n      );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      size: \"s\",\n    },\n  };\n\n  const unsupportedTypingsLinkProps = ariaCurrent\n    ? ({\n        \"aria-current\": true,\n      } as Record<string, unknown>)\n    : {};\n\n  return (\n    <Link\n      {...unsupportedTypingsLinkProps}\n      {...rest}\n      className={rootClassName}\n      ref={ref}\n      style={{ ...style, whiteSpace }}\n    >\n      <PropsContextProvider props={propsContext}>\n        {children}\n        <LinkIcon {...props} />\n      </PropsContextProvider>\n    </Link>\n  );\n});\n\nexport default Link;\n"],"names":["Link"],"mappings":";;;;;;;;;;;AAuCO,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA,EAAe,sBAAA;AAAA,IACf,KAAA,GAAQ,SAAA;AAAA,IACR,QAAA,GAAW,KAAA;AAAA,IACX,cAAA,EAAgB,WAAA;AAAA,IAChB,GAAA;AAAA,IACA,IAAA,EAAM,eAAA;AAAA,IACN,KAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,aAAA,EAAe,wBAAA,EAAyB,GAAI,WAAW,WAAW,CAAA;AAC1E,EAAA,MAAMA,QAAO,sBAAA,GACR,sBAAA,GACD,MAAM,IAAA,IAAQ,wBAAA,GACX,2BACD,IAAA,CAAK,IAAA;AAEX,EAAA,MAAM,aAAA,GAAgB,WAClB,SAAA,GACA,IAAA;AAAA,IACE,MAAA,CAAO,IAAA;AAAA,IACP,UAAU,MAAA,CAAO,MAAA;AAAA,IACjB,OAAO,KAA4B,CAAA;AAAA,IACnC;AAAA,GACF;AAEJ,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,IAAA,EAAM;AAAA;AACR,GACF;AAEA,EAAA,MAAM,8BAA8B,WAAA,GAC/B;AAAA,IACC,cAAA,EAAgB;AAAA,MAElB,EAAC;AAEL,EAAA,uBACE,GAAA;AAAA,IAACA,KAAAA;AAAA,IAAA;AAAA,MACE,GAAG,2BAAA;AAAA,MACH,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MACX,GAAA;AAAA,MACA,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,UAAA,EAAW;AAAA,MAE9B,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO;AAAA,OAAA,EACvB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/Link/Link.module.scss.mjs

@@ -0,0 +1,17 @@
+"use client"
+/* */
+const link = "flow--link";
+const inline = "flow--link--inline";
+const icon = "flow--link--icon";
+const dark = "flow--link--dark";
+const light = "flow--link--light";
+const styles = {
+	link: link,
+	inline: inline,
+	icon: icon,
+	dark: dark,
+	light: light
+};
+
+export { dark, styles as default, icon, inline, light, link };
+//# sourceMappingURL=Link.module.scss.mjs.map

package/dist/js/components/src/components/Link/Link.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/js/components/src/components/Link/components/LinkIcon/LinkIcon.mjs

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import '@tabler/icons-react';
+import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
+import { IconDownload } from '../../../Icon/components/icons/IconDownload.mjs';
+import { IconExternalLink } from '../../../Icon/components/icons/IconExternalLink.mjs';
+import locales from '../../../../../../_virtual/_.locale.json@d7a4ca29c343fa700bb5aa84d322958b.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+
+const LinkIcon = (props) => {
+  const { unstyled, target, download } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  if (unstyled) {
+    return null;
+  }
+  if (download) {
+    return /* @__PURE__ */ jsx(IconDownload, { "aria-label": stringFormatter.format("link.download") });
+  }
+  if (target === "_blank") {
+    return /* @__PURE__ */ jsx(IconExternalLink, { "aria-label": stringFormatter.format("link.external") });
+  }
+  return null;
+};
+
+export { LinkIcon, LinkIcon as default };
+//# sourceMappingURL=LinkIcon.mjs.map

package/dist/js/components/src/components/Link/components/LinkIcon/LinkIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkIcon.mjs","sources":["../../../../../../../../src/components/Link/components/LinkIcon/LinkIcon.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport {\n  IconDownload,\n  IconExternalLink,\n} from \"@/components/Icon/components/icons\";\nimport type { LinkProps } from \"@/components/Link\";\nimport locales from \"../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nexport const LinkIcon: FC<LinkProps> = (props) => {\n  const { unstyled, target, download } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  if (unstyled) {\n    return null;\n  }\n\n  if (download) {\n    return (\n      <IconDownload aria-label={stringFormatter.format(\"link.download\")} />\n    );\n  }\n\n  if (target === \"_blank\") {\n    return (\n      <IconExternalLink aria-label={stringFormatter.format(\"link.external\")} />\n    );\n  }\n\n  return null;\n};\n\nexport default LinkIcon;\n"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,QAAA,GAA0B,CAAC,KAAA,KAAU;AAChD,EAAA,MAAM,EAAE,QAAA,EAAU,MAAA,EAAQ,QAAA,EAAS,GAAI,KAAA;AAEvC,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,2BACG,YAAA,EAAA,EAAa,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,eAAe,CAAA,EAAG,CAAA;AAAA,EAEvE;AAEA,EAAA,IAAI,WAAW,QAAA,EAAU;AACvB,IAAA,2BACG,gBAAA,EAAA,EAAiB,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,eAAe,CAAA,EAAG,CAAA;AAAA,EAE3E;AAEA,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist/js/components/src/components/Link/context.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { createContext } from 'react';
+
+const linkContext = createContext({});
+const LinkContextProvider = linkContext.Provider;
+
+export { LinkContextProvider, linkContext };
+//# sourceMappingURL=context.mjs.map

package/dist/js/components/src/components/Link/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../../../../../src/components/Link/context.ts"],"sourcesContent":["import type { LinkProps } from \"@/components/Link/index\";\nimport { createContext } from \"react\";\n\ninterface LinkContext {\n  linkComponent?: LinkProps[\"linkComponent\"];\n}\n\nexport const linkContext = createContext<LinkContext>({});\n\nexport const LinkContextProvider = linkContext.Provider;\n"],"names":[],"mappings":";;AAOO,MAAM,WAAA,GAAc,aAAA,CAA2B,EAAE;AAEjD,MAAM,sBAAsB,WAAA,CAAY;;;;"}

package/dist/js/components/src/components/List/List.mjs

@@ -0,0 +1,164 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { DataLoader } from './components/DataLoader/DataLoader.mjs';
+import { Header } from './components/Header/Header.mjs';
+import headerStyles from './components/Header/Header.module.css.mjs';
+import { Items } from './components/Items/Items.mjs';
+import { Table } from './components/Table/Table.mjs';
+import { List as List$1 } from './model/List.mjs';
+import { ListFilter } from './setupComponents/ListFilter.mjs';
+import { ListItem } from './setupComponents/ListItem.mjs';
+import { ListLoaderAsync } from './setupComponents/ListLoaderAsync.mjs';
+import { ListLoaderAsyncResource } from './setupComponents/ListLoaderAsyncResource.mjs';
+import { ListSearch } from './setupComponents/ListSearch.mjs';
+import { ListSorting } from './setupComponents/ListSorting.mjs';
+import { ListStaticData } from './setupComponents/ListStaticData.mjs';
+import { Table as Table$1 } from './setupComponents/Table.mjs';
+import { TableBody } from './setupComponents/TableBody.mjs';
+import { TableCell } from './setupComponents/TableCell.mjs';
+import { TableColumn } from './setupComponents/TableColumn.mjs';
+import { TableHeader } from './setupComponents/TableHeader.mjs';
+import { TableRow } from './setupComponents/TableRow.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { deepFindOfType, deepFilterByType } from '../../lib/react/deepFindOfType.mjs';
+import DivView from '../../views/DivView.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import { Footer } from './components/Footer/Footer.mjs';
+import styles from './List.module.css.mjs';
+import { listContext } from './listContext.mjs';
+import { ListLoaderHooks } from './setupComponents/ListLoaderHooks.mjs';
+
+const List = flowComponent("List", (props) => {
+  const {
+    children,
+    batchSize,
+    loadingItemsCount = batchSize,
+    onChange,
+    ref,
+    hidePagination,
+    ...restProps
+  } = props;
+  const listLoaderAsync = deepFindOfType(
+    children,
+    ListLoaderAsync
+  )?.props;
+  const listLoaderHooks = deepFindOfType(
+    children,
+    ListLoaderHooks
+  )?.props;
+  const listLoaderAsyncResource = deepFindOfType(
+    children,
+    ListLoaderAsyncResource
+  )?.props;
+  const listStaticData = deepFindOfType(children, ListStaticData)?.props;
+  const loaderShape = {
+    source: listLoaderAsync ? {
+      ...listLoaderAsync,
+      asyncLoader: listLoaderAsync.children
+    } : listLoaderAsyncResource ? {
+      ...listLoaderAsyncResource,
+      asyncResourceFactory: listLoaderAsyncResource.children
+    } : listStaticData ? {
+      staticData: listStaticData.data
+    } : listLoaderHooks ? {
+      ...listLoaderHooks,
+      useData: listLoaderHooks.children
+    } : void 0
+  };
+  const searchProps = deepFindOfType(children, ListSearch)?.props;
+  const itemViewProps = deepFindOfType(children, ListItem)?.props;
+  const tableProps = deepFindOfType(children, Table$1)?.props;
+  const tableColumnProps = deepFilterByType(children, TableColumn).map(
+    (c) => ({
+      ...c.props,
+      name: c.props.children
+    })
+  );
+  const tableCellProps = deepFilterByType(children, TableCell).map(
+    (c) => ({
+      ...c.props,
+      renderFn: c.props.children
+    })
+  );
+  const tableRowProps = deepFindOfType(children, TableRow)?.props;
+  const tableHeaderProps = deepFindOfType(children, TableHeader)?.props;
+  const tableBodyProps = deepFindOfType(children, TableBody)?.props;
+  const listModel = List$1.useNew({
+    onChange,
+    loader: loaderShape,
+    filters: deepFilterByType(children, ListFilter).map(
+      (f) => ({
+        ...f.props,
+        renderItem: f.props.children
+      })
+    ),
+    search: searchProps ? {
+      render: searchProps.children,
+      textFieldProps: searchProps,
+      defaultValue: searchProps.defaultValue
+    } : void 0,
+    sorting: deepFilterByType(children, ListSorting).map((s) => s.props),
+    itemView: itemViewProps ? {
+      ...itemViewProps,
+      renderFn: itemViewProps.children
+    } : void 0,
+    table: tableColumnProps.length > 0 ? {
+      header: {
+        ...tableHeaderProps,
+        columns: tableColumnProps
+      },
+      body: {
+        ...tableBodyProps,
+        row: {
+          ...tableRowProps,
+          cells: tableCellProps
+        }
+      },
+      ...tableProps
+    } : void 0,
+    batchesController: {
+      batchSize
+    },
+    loadingItemsCount,
+    ...restProps
+  });
+  const propsContext = {
+    ActionGroup: {
+      tunnelId: "actions",
+      className: headerStyles.actions,
+      Button: {
+        className: headerStyles.action
+      }
+    },
+    ListSummary: {
+      tunnelId: "listSummary"
+    }
+  };
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(
+    listContext.Provider,
+    {
+      value: {
+        list: listModel
+      },
+      children: [
+        /* @__PURE__ */ jsx(DataLoader, {}),
+        /* @__PURE__ */ jsxs(DivView, { className: styles.list, ref, children: [
+          children,
+          /* @__PURE__ */ jsx(Header, {}),
+          /* @__PURE__ */ jsxs(DivView, { className: styles.listWrapper, children: [
+            listModel.items.entries.length > 0 && /* @__PURE__ */ jsx(TunnelExit, { id: "listSummary" }),
+            (listModel.viewMode === "list" || listModel.viewMode === "tiles") && /* @__PURE__ */ jsx(Items, {}),
+            listModel.viewMode === "table" && /* @__PURE__ */ jsx(Table, {})
+          ] }),
+          !hidePagination && /* @__PURE__ */ jsx(Footer, {})
+        ] })
+      ]
+    }
+  ) }) });
+});
+
+export { List, List as default };
+//# sourceMappingURL=List.mjs.map

package/dist/js/components/src/components/List/List.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.mjs","sources":["../../../../../../src/components/List/List.tsx"],"sourcesContent":["import { DataLoader } from \"@/components/List/components/DataLoader\";\nimport { Header } from \"@/components/List/components/Header/Header\";\nimport headerStyles from \"@/components/List/components/Header/Header.module.css\";\nimport { Items } from \"@/components/List/components/Items/Items\";\nimport { Table } from \"@/components/List/components/Table\";\nimport ListModel from \"@/components/List/model/List\";\nimport type { IncrementalLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { ListShape } from \"@/components/List/model/types\";\nimport { ListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { ListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { ListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { ListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { ListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { ListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { Table as TableSetupComponent } from \"@/components/List/setupComponents/Table\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { deepFilterByType, deepFindOfType } from \"@/lib/react/deepFindOfType\";\nimport DivView from \"@/views/DivView\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithChildren } from \"react\";\nimport Footer from \"./components/Footer\";\nimport styles from \"./List.module.css\";\nimport { listContext } from \"./listContext\";\nimport { ListLoaderHooks } from \"@/components/List/setupComponents/ListLoaderHooks\";\n\nexport interface ListProps<T, TMeta = unknown>\n  extends PropsWithChildren,\n    FlowComponentProps,\n    Omit<\n      ListShape<T, TMeta>,\n      | \"search\"\n      | \"loader\"\n      | \"itemView\"\n      | \"table\"\n      | \"batchesController\"\n      | \"filters\"\n      | \"sorting\"\n    > {\n  /** The number of items to be displayed on one page. */\n  batchSize?: number;\n  hidePagination?: boolean;\n}\n\nexport const List = flowComponent(\"List\", (props) => {\n  const {\n    children,\n    batchSize,\n    loadingItemsCount = batchSize,\n    onChange,\n    ref,\n    hidePagination,\n    ...restProps\n  } = props;\n\n  const listLoaderAsync = deepFindOfType(\n    children,\n    ListLoaderAsync<never>,\n  )?.props;\n  const listLoaderHooks = deepFindOfType(\n    children,\n    ListLoaderHooks<never>,\n  )?.props;\n  const listLoaderAsyncResource = deepFindOfType(\n    children,\n    ListLoaderAsyncResource<never>,\n  )?.props;\n  const listStaticData = deepFindOfType(children, ListStaticData<never>)?.props;\n\n  const loaderShape: IncrementalLoaderShape<never> = {\n    source: listLoaderAsync\n      ? {\n          ...listLoaderAsync,\n          asyncLoader: listLoaderAsync.children,\n        }\n      : listLoaderAsyncResource\n        ? {\n            ...listLoaderAsyncResource,\n            asyncResourceFactory: listLoaderAsyncResource.children,\n          }\n        : listStaticData\n          ? {\n              staticData: listStaticData.data,\n            }\n          : listLoaderHooks\n            ? {\n                ...listLoaderHooks,\n                useData: listLoaderHooks.children,\n              }\n            : undefined,\n  };\n\n  const searchProps = deepFindOfType(children, ListSearch)?.props;\n  const itemViewProps = deepFindOfType(children, ListItem<never>)?.props;\n\n  const tableProps = deepFindOfType(children, TableSetupComponent)?.props;\n  const tableColumnProps = deepFilterByType(children, TableColumn<never>).map(\n    (c) => ({\n      ...c.props,\n      name: c.props.children,\n    }),\n  );\n  const tableCellProps = deepFilterByType(children, TableCell<never>).map(\n    (c) => ({\n      ...c.props,\n      renderFn: c.props.children,\n    }),\n  );\n\n  const tableRowProps = deepFindOfType(children, TableRow)?.props;\n  const tableHeaderProps = deepFindOfType(children, TableHeader)?.props;\n  const tableBodyProps = deepFindOfType(children, TableBody)?.props;\n\n  const listModel = ListModel.useNew<never>({\n    onChange,\n    loader: loaderShape,\n    filters: deepFilterByType(children, ListFilter<never, never, never>).map(\n      (f) => ({\n        ...f.props,\n        renderItem: f.props.children,\n      }),\n    ),\n    search: searchProps\n      ? {\n          render: searchProps.children,\n          textFieldProps: searchProps,\n          defaultValue: searchProps.defaultValue,\n        }\n      : undefined,\n    sorting: deepFilterByType(children, ListSorting<never>).map((s) => s.props),\n\n    itemView: itemViewProps\n      ? {\n          ...itemViewProps,\n          renderFn: itemViewProps.children,\n        }\n      : undefined,\n\n    table:\n      tableColumnProps.length > 0\n        ? {\n            header: {\n              ...tableHeaderProps,\n              columns: tableColumnProps,\n            },\n            body: {\n              ...tableBodyProps,\n              row: {\n                ...tableRowProps,\n                cells: tableCellProps,\n              },\n            },\n            ...tableProps,\n          }\n        : undefined,\n\n    batchesController: {\n      batchSize,\n    },\n    loadingItemsCount,\n    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      tunnelId: \"actions\",\n      className: headerStyles.actions,\n      Button: {\n        className: headerStyles.action,\n      },\n    },\n    ListSummary: {\n      tunnelId: \"listSummary\",\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <TunnelProvider>\n        <listContext.Provider\n          value={{\n            list: listModel,\n          }}\n        >\n          <DataLoader />\n          <DivView className={styles.list} ref={ref}>\n            {children}\n            <Header />\n\n            <DivView className={styles.listWrapper}>\n              {listModel.items.entries.length > 0 && (\n                <TunnelExit id=\"listSummary\" />\n              )}\n              {(listModel.viewMode === \"list\" ||\n                listModel.viewMode === \"tiles\") && <Items />}\n              {listModel.viewMode === \"table\" && <Table />}\n            </DivView>\n            {!hidePagination && <Footer />}\n          </DivView>\n        </listContext.Provider>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n});\n\nexport default List;\n"],"names":["TableSetupComponent","ListModel"],"mappings":"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"}

package/dist/js/components/src/components/List/List.module.css.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+const list = "flow--list";
+const listWrapper = "flow--list--list-wrapper";
+const styles = {
+	list: list,
+	listWrapper: listWrapper
+};
+
+export { styles as default, list, listWrapper };
+//# sourceMappingURL=List.module.css.mjs.map

package/dist/js/components/src/components/List/List.module.css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/js/components/src/components/List/components/DataLoader/DataLoader.mjs

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { DataLoaderSuspense } from './DataLoaderSuspense.mjs';
+import { useList } from '../../hooks/useList.mjs';
+import { Render } from '../../../../lib/react/components/Render/Render.mjs';
+
+const DataLoader = () => {
+  const loaderHooks = useList().loader.getLoaderInvocationHooks();
+  return loaderHooks.map((loaderHook, i) => /* @__PURE__ */ jsx(
+    DataLoaderSuspense,
+    {
+      useRenderSuspense: loaderHook.useRenderSuspense,
+      children: /* @__PURE__ */ jsx(Render, { children: () => {
+        loaderHook.useLoadBatch();
+      } })
+    },
+    i
+  ));
+};
+
+export { DataLoader, DataLoader as default };
+//# sourceMappingURL=DataLoader.mjs.map

package/dist/js/components/src/components/List/components/DataLoader/DataLoader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataLoader.mjs","sources":["../../../../../../../../src/components/List/components/DataLoader/DataLoader.tsx"],"sourcesContent":["import { DataLoaderSuspense } from \"@/components/List/components/DataLoader/DataLoaderSuspense\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport { Render } from \"@/lib/react/components/Render\";\n\nexport const DataLoader = () => {\n  const loaderHooks = useList().loader.getLoaderInvocationHooks();\n\n  return loaderHooks.map((loaderHook, i) => (\n    <DataLoaderSuspense\n      key={i}\n      useRenderSuspense={loaderHook.useRenderSuspense}\n    >\n      <Render>\n        {() => {\n          loaderHook.useLoadBatch();\n        }}\n      </Render>\n    </DataLoaderSuspense>\n  ));\n};\n\nexport default DataLoader;\n"],"names":[],"mappings":";;;;;AAIO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,WAAA,GAAc,OAAA,EAAQ,CAAE,MAAA,CAAO,wBAAA,EAAyB;AAE9D,EAAA,OAAO,WAAA,CAAY,GAAA,CAAI,CAAC,UAAA,EAAY,CAAA,qBAClC,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MAEC,mBAAmB,UAAA,CAAW,iBAAA;AAAA,MAE9B,QAAA,kBAAA,GAAA,CAAC,UACE,QAAA,EAAA,MAAM;AACL,QAAA,UAAA,CAAW,YAAA,EAAa;AAAA,MAC1B,CAAA,EACF;AAAA,KAAA;AAAA,IAPK;AAAA,GASR,CAAA;AACH;;;;"}

package/dist/js/components/src/components/List/components/DataLoader/DataLoaderSuspense.mjs

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Suspense } from 'react';
+
+const Fallback = (props) => {
+  const { useRenderSuspense } = props;
+  useRenderSuspense();
+  return null;
+};
+const DataLoaderSuspense = (props) => {
+  const { useRenderSuspense, children } = props;
+  const fallback = /* @__PURE__ */ jsx(Fallback, { useRenderSuspense });
+  return /* @__PURE__ */ jsx(Suspense, { fallback, children });
+};
+
+export { DataLoaderSuspense };
+//# sourceMappingURL=DataLoaderSuspense.mjs.map

package/dist/js/components/src/components/List/components/DataLoader/DataLoaderSuspense.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataLoaderSuspense.mjs","sources":["../../../../../../../../src/components/List/components/DataLoader/DataLoaderSuspense.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { FC } from \"react\";\nimport { Suspense } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  useRenderSuspense: () => void;\n}\n\ninterface FallbackProps {\n  useRenderSuspense: () => void;\n}\n\nconst Fallback: FC<FallbackProps> = (props) => {\n  const { useRenderSuspense } = props;\n  useRenderSuspense();\n  return null;\n};\n\nexport const DataLoaderSuspense: FC<Props> = (props) => {\n  const { useRenderSuspense, children } = props;\n  const fallback = <Fallback useRenderSuspense={useRenderSuspense} />;\n  return <Suspense fallback={fallback}>{children}</Suspense>;\n};\n"],"names":[],"mappings":";;;AAYA,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AAC7C,EAAA,MAAM,EAAE,mBAAkB,GAAI,KAAA;AAC9B,EAAA,iBAAA,EAAkB;AAClB,EAAA,OAAO,IAAA;AACT,CAAA;AAEO,MAAM,kBAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,iBAAA,EAAmB,QAAA,EAAS,GAAI,KAAA;AACxC,EAAA,MAAM,QAAA,mBAAW,GAAA,CAAC,QAAA,EAAA,EAAS,iBAAA,EAAsC,CAAA;AACjE,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAqB,QAAA,EAAS,CAAA;AACjD;;;;"}

package/dist/js/components/src/components/List/components/Footer/Footer.mjs

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import styles from './Footer.module.scss.mjs';
+import { PaginationInfos } from './components/PaginationInfos/PaginationInfos.mjs';
+import { ShowNextBatchButton } from './components/ShowNextBatchButton/ShowNextBatchButton.mjs';
+import DivView from '../../../../views/DivView.mjs';
+
+const Footer = () => {
+  return /* @__PURE__ */ jsxs(DivView, { className: styles.footer, children: [
+    /* @__PURE__ */ jsx(PaginationInfos, {}),
+    /* @__PURE__ */ jsx(ShowNextBatchButton, {})
+  ] });
+};
+
+export { Footer, Footer as default };
+//# sourceMappingURL=Footer.mjs.map