@mittwald/flow-react-components 0.2.0-alpha.82 → 0.2.0-alpha.84

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

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { LinkIcon } from \"@/components/Link/components/LinkIcon\";\nimport { linkContext } from \"@/components/Link/context\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport type { ComponentProps, ComponentType, PropsWithChildren } from \"react\";\nimport { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Link.module.scss\";\n\nexport interface LinkProps\n  extends PropsWithChildren<\n      Omit<Aria.LinkProps, \"children\" | \"slot\" | \"className\">\n    >,\n    FlowComponentProps,\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  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Link = flowComponent<\"Link\", HTMLAnchorElement>(\n  \"Link\",\n  (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      ...rest\n    } = props;\n\n    const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n    const Link = linkComponentFromProps\n      ? linkComponentFromProps\n      : props.href && linkComponentFromContext\n        ? linkComponentFromContext\n        : Aria.Link;\n\n    const rootClassName = unstyled\n      ? className\n      : clsx(styles.link, inline && styles.inline, styles[color], className);\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      <ClearPropsContextView>\n        <Link\n          {...unsupportedTypingsLinkProps}\n          {...rest}\n          className={rootClassName}\n          ref={ref}\n        >\n          <PropsContextProvider props={propsContext}>\n            {children}\n            <LinkIcon {...props} />\n          </PropsContextProvider>\n        </Link>\n      </ClearPropsContextView>\n    );\n  },\n);\n\nexport default Link;\n"],"names":["Link"],"mappings":";;;;;;;;;;;;AAiCO,MAAM,IAAO,GAAA,aAAA;AAAA,EAClB,MAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,aAAe,EAAA,sBAAA;AAAA,MACf,KAAQ,GAAA,SAAA;AAAA,MACR,QAAW,GAAA,KAAA;AAAA,MACX,cAAgB,EAAA,WAAA;AAAA,MAChB,GAAA;AAAA,MACA,IAAM,EAAA,eAAA;AAAA,MACN,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,EAAE,aAAA,EAAe,wBAAyB,EAAA,GAAI,WAAW,WAAW,CAAA;AAC1E,IAAA,MAAMA,QAAO,sBACT,GAAA,sBAAA,GACA,MAAM,IAAQ,IAAA,wBAAA,GACZ,2BACA,IAAK,CAAA,IAAA;AAEX,IAAA,MAAM,aAAgB,GAAA,QAAA,GAClB,SACA,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,EAAM,MAAU,IAAA,MAAA,CAAO,MAAQ,EAAA,MAAA,CAAO,KAAK,CAAA,EAAG,SAAS,CAAA;AAEvE,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,IAAM,EAAA;AAAA;AACR,KACF;AAEA,IAAA,MAAM,8BAA8B,WAC/B,GAAA;AAAA,MACC,cAAgB,EAAA;AAAA,QAElB,EAAC;AAEL,IAAA,2BACG,qBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAACA,KAAAA;AAAA,MAAA;AAAA,QACE,GAAG,2BAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,aAAA;AAAA,QACX,GAAA;AAAA,QAEA,QAAA,kBAAA,IAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BACD,GAAA,CAAC,QAAU,EAAA,EAAA,GAAG,KAAO,EAAA;AAAA,SACvB,EAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"Link.mjs","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import type { ComponentProps, ComponentType, PropsWithChildren } from \"react\";\nimport React, { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\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,\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  /** @internal */\n  unstyled?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Link = flowComponent<\"Link\", HTMLAnchorElement>(\n  \"Link\",\n  (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      ...rest\n    } = props;\n\n    const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n    const Link = linkComponentFromProps\n      ? linkComponentFromProps\n      : props.href && linkComponentFromContext\n        ? linkComponentFromContext\n        : Aria.Link;\n\n    const rootClassName = unstyled\n      ? className\n      : clsx(styles.link, inline && styles.inline, styles[color], className);\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      <ClearPropsContext>\n        <Link\n          {...unsupportedTypingsLinkProps}\n          {...rest}\n          className={rootClassName}\n          ref={ref}\n        >\n          <PropsContextProvider props={propsContext}>\n            {children}\n            <LinkIcon {...props} />\n          </PropsContextProvider>\n        </Link>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Link;\n"],"names":["Link"],"mappings":";;;;;;;;;;;;AAoCO,MAAM,IAAO,GAAA,aAAA;AAAA,EAClB,MAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,aAAe,EAAA,sBAAA;AAAA,MACf,KAAQ,GAAA,SAAA;AAAA,MACR,QAAW,GAAA,KAAA;AAAA,MACX,cAAgB,EAAA,WAAA;AAAA,MAChB,GAAA;AAAA,MACA,IAAM,EAAA,eAAA;AAAA,MACN,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,EAAE,aAAA,EAAe,wBAAyB,EAAA,GAAI,WAAW,WAAW,CAAA;AAC1E,IAAA,MAAMA,QAAO,sBACT,GAAA,sBAAA,GACA,MAAM,IAAQ,IAAA,wBAAA,GACZ,2BACA,IAAK,CAAA,IAAA;AAEX,IAAA,MAAM,aAAgB,GAAA,QAAA,GAClB,SACA,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,EAAM,MAAU,IAAA,MAAA,CAAO,MAAQ,EAAA,MAAA,CAAO,KAAK,CAAA,EAAG,SAAS,CAAA;AAEvE,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,IAAM,EAAA;AAAA;AACR,KACF;AAEA,IAAA,MAAM,8BAA8B,WAC/B,GAAA;AAAA,MACC,cAAgB,EAAA;AAAA,QAElB,EAAC;AAEL,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAACA,KAAAA;AAAA,MAAA;AAAA,QACE,GAAG,2BAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,aAAA;AAAA,QACX,GAAA;AAAA,QAEA,QAAA,kBAAA,IAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BACD,GAAA,CAAC,QAAU,EAAA,EAAA,GAAG,KAAO,EAAA;AAAA,SACvB,EAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -3,6 +3,7 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
+import 'clsx';
 import '@mittwald/react-tunnel';
 import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
@@ -10,7 +11,6 @@ import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
 import { IconDownload } from '../../../Icon/components/icons/IconDownload.mjs';
 import { IconExternalLink } from '../../../Icon/components/icons/IconExternalLink.mjs';
 import locales from '../../../../_virtual/_.locale.json@d7a4ca29c343fa700bb5aa84d322958b.mjs';

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

@@ -1,37 +1,38 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { listContext } from './listContext.mjs';
+import { ActionGroup } from '../ActionGroup/ActionGroup.mjs';
 import { DataLoader } from './components/DataLoader/DataLoader.mjs';
 import { Header } from './components/Header/Header.mjs';
-import styles from './List.module.css.mjs';
-import { List as List$1 } from './model/List.mjs';
 import { Items } from './components/Items/Items.mjs';
-import { deepFindOfType, deepFilterByType } from '../../lib/react/deepFindOfType.mjs';
-import { ListLoaderAsync } from './setupComponents/ListLoaderAsync.mjs';
+import { Table } from './components/Table/Table.mjs';
+import { List as List$1 } from './model/List.mjs';
 import { ListFilter } from './setupComponents/ListFilter.mjs';
-import { ListSorting } from './setupComponents/ListSorting.mjs';
 import { ListItem } from './setupComponents/ListItem.mjs';
-import { ListStaticData } from './setupComponents/ListStaticData.mjs';
+import { ListLoaderAsync } from './setupComponents/ListLoaderAsync.mjs';
 import { ListLoaderAsyncResource } from './setupComponents/ListLoaderAsyncResource.mjs';
-import { Footer } from './components/Footer/Footer.mjs';
 import { ListSearch } from './setupComponents/ListSearch.mjs';
-import { TableColumn } from './setupComponents/TableColumn.mjs';
-import { TableRow } from './setupComponents/TableRow.mjs';
-import { TableCell } from './setupComponents/TableCell.mjs';
-import { Table } from './components/Table/Table.mjs';
+import { ListSorting } from './setupComponents/ListSorting.mjs';
+import { ListStaticData } from './setupComponents/ListStaticData.mjs';
 import { Table as Table$1 } from './setupComponents/Table.mjs';
-import { TableHeader } from './setupComponents/TableHeader.mjs';
 import { TableBody } from './setupComponents/TableBody.mjs';
-import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+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 'react';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import headerStyles from './components/Header/Header.module.css.mjs';
-import { ActionGroup } from '../ActionGroup/ActionGroup.mjs';
+import { deepFindOfType, deepFilterByType } from '../../lib/react/deepFindOfType.mjs';
 import { deepHas } from '../../lib/react/deepHas.mjs';
 import DivView from '../../views/DivView.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import { Footer } from './components/Footer/Footer.mjs';
+import headerStyles from './components/Header/Header.module.css.mjs';
+import styles from './List.module.css.mjs';
+import { listContext } from './listContext.mjs';
 
 const List = flowComponent("List", (props) => {
   const { children, batchSize, onChange, ref, ...restProps } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"List.mjs","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { listContext } from \"./listContext\";\nimport { DataLoader } from \"@/components/List/components/DataLoader\";\nimport { Header } from \"@/components/List/components/Header\";\nimport styles from \"./List.module.css\";\nimport ListModel from \"@/components/List/model/List\";\nimport { Items } from \"@/components/List/components/Items\";\nimport { deepFilterByType, deepFindOfType } from \"@/lib/react/deepFindOfType\";\nimport { ListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { ListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { ListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { ListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { ListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { ListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport type { IncrementalLoaderShape } from \"@/components/List/model/loading/types\";\nimport Footer from \"./components/Footer\";\nimport { ListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport type { ListShape } from \"@/components/List/model/types\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { Table } from \"@/components/List/components/Table\";\nimport { Table as TableSetupComponent } from \"@/components/List/setupComponents/Table\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport headerStyles from \"./components/Header/Header.module.css\";\nimport { ActionGroup } from \"@/components/ActionGroup\";\nimport { deepHas } from \"@/lib/react/deepHas\";\nimport DivView from \"@/views/DivView\";\n\nexport interface ListProps<T>\n  extends PropsWithChildren,\n    Omit<\n      ListShape<T>,\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}\n\nexport const List = flowComponent(\"List\", (props) => {\n  const { children, batchSize, onChange, ref, ...restProps } = props;\n\n  const listLoaderAsync = deepFindOfType(\n    children,\n    ListLoaderAsync<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          : 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    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      className: headerStyles.actions,\n      tunnelId: \"actions\",\n      ignoreBreakpoint: true,\n    },\n    ListSummary: {\n      tunnelId: \"listSummary\",\n    },\n  };\n\n  const hasActionGroup = deepHas(children, ActionGroup);\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 hasActionGroup={hasActionGroup} />\n\n            <DivView>\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            <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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"}
+{"version":3,"file":"List.mjs","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { ActionGroup } from \"@/components/ActionGroup\";\nimport { DataLoader } from \"@/components/List/components/DataLoader\";\nimport { Header } from \"@/components/List/components/Header/Header\";\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 { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { deepFilterByType, deepFindOfType } from \"@/lib/react/deepFindOfType\";\nimport { deepHas } from \"@/lib/react/deepHas\";\nimport DivView from \"@/views/DivView\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithChildren } from \"react\";\nimport Footer from \"./components/Footer\";\nimport headerStyles from \"./components/Header/Header.module.css\";\nimport styles from \"./List.module.css\";\nimport { listContext } from \"./listContext\";\n\nexport interface ListProps<T>\n  extends PropsWithChildren,\n    Omit<\n      ListShape<T>,\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}\n\nexport const List = flowComponent(\"List\", (props) => {\n  const { children, batchSize, onChange, ref, ...restProps } = props;\n\n  const listLoaderAsync = deepFindOfType(\n    children,\n    ListLoaderAsync<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          : 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    ...restProps,\n  });\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      className: headerStyles.actions,\n      tunnelId: \"actions\",\n      ignoreBreakpoint: true,\n    },\n    ListSummary: {\n      tunnelId: \"listSummary\",\n    },\n  };\n\n  const hasActionGroup = deepHas(children, ActionGroup);\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 hasActionGroup={hasActionGroup} />\n\n            <DivView>\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            <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/List/components/Header/components/FilterPicker/FilterPicker.mjs

@@ -3,6 +3,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
+import 'clsx';
 import '@mittwald/react-tunnel';
 import '../../../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
@@ -10,7 +11,6 @@ import '../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
 import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
 import { IconFilter } from '../../../../../Icon/components/icons/IconFilter.mjs';
 import MenuItemView from '../../../../../../views/MenuItemView.mjs';
 import TextView from '../../../../../../views/TextView.mjs';

package/dist/js/components/List/components/Header/components/SearchField/SearchField.mjs

@@ -9,7 +9,6 @@ import '@react-aria/utils';
 import '../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import SearchFieldView from '../../../../../../views/SearchFieldView.mjs';
 
 const autoSubmitTimeout = 800;

package/dist/js/components/List/components/Header/components/SearchField/SearchField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.mjs","sources":["../../../../../../../../src/components/List/components/Header/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { FC, KeyboardEvent } from \"react\";\nimport React, { createElement, useEffect, useState } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { Search } from \"@/components/List/model/search/Search\";\nimport type { SearchFieldRenderComponent } from \"@/components/List/model/search/types\";\nimport { useOnChange } from \"@/lib/hooks\";\nimport SearchFieldView from \"@/views/SearchFieldView\";\n\ninterface Props extends PropsWithClassName {\n  search: Search<never>;\n}\n\nconst autoSubmitTimeout = 800;\n\nconst DefaultSearchFieldRender: SearchFieldRenderComponent = (props) => {\n  const { className, onChange, value, autoSubmit, ...searchFieldProps } = props;\n\n  const [searchString, setSearchString] = useState(value ?? \"\");\n\n  const submitSearch = () => {\n    if (searchString.trim() === \"\") {\n      onChange(undefined);\n    } else {\n      onChange(searchString);\n    }\n  };\n\n  useEffect(() => {\n    if (autoSubmit) {\n      const timeout = setTimeout(() => submitSearch(), autoSubmitTimeout);\n      return () => clearTimeout(timeout);\n    }\n  }, [searchString, autoSubmit]);\n\n  useOnChange(value, () => {\n    setSearchString(value ?? \"\");\n  }, [searchString]);\n\n  const clearSearch = () => {\n    onChange(undefined);\n    setSearchString(\"\");\n  };\n\n  const handleKeyPress = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      submitSearch();\n    } else if (e.key === \"Escape\") {\n      clearSearch();\n    }\n  };\n\n  return (\n    <SearchFieldView\n      className={className}\n      value={searchString}\n      onKeyUp={handleKeyPress}\n      onChange={(value) => setSearchString(value)}\n      onClear={clearSearch}\n      {...searchFieldProps}\n    />\n  );\n};\n\nexport const SearchField: FC<Props> = (props) => {\n  const { className, search } = props;\n  const render = search.render ?? DefaultSearchFieldRender;\n\n  return createElement(render, {\n    className,\n    value: search.value,\n    onChange: search.setValue.bind(search),\n    ...search.textFieldProps,\n  });\n};\n"],"names":["value"],"mappings":";;;;;;;;;;;;AAYA,MAAM,iBAAoB,GAAA,GAAA;AAE1B,MAAM,wBAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,OAAO,UAAY,EAAA,GAAG,kBAAqB,GAAA,KAAA;AAExE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,SAAS,EAAE,CAAA;AAE5D,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,YAAA,CAAa,IAAK,EAAA,KAAM,EAAI,EAAA;AAC9B,MAAA,QAAA,CAAS,MAAS,CAAA;AAAA,KACb,MAAA;AACL,MAAA,QAAA,CAAS,YAAY,CAAA;AAAA;AACvB,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAY,EAAA;AACd,MAAA,MAAM,OAAU,GAAA,UAAA,CAAW,MAAM,YAAA,IAAgB,iBAAiB,CAAA;AAClE,MAAO,OAAA,MAAM,aAAa,OAAO,CAAA;AAAA;AACnC,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAA,WAAA,CAAY,OAAO,MAAM;AACvB,IAAA,eAAA,CAAgB,SAAS,EAAE,CAAA;AAAA,GAC7B,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,QAAA,CAAS,MAAS,CAAA;AAClB,IAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,GACpB;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAqB,KAAA;AAC3C,IAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,MAAa,YAAA,EAAA;AAAA,KACf,MAAA,IAAW,CAAE,CAAA,GAAA,KAAQ,QAAU,EAAA;AAC7B,MAAY,WAAA,EAAA;AAAA;AACd,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAO,EAAA,YAAA;AAAA,MACP,OAAS,EAAA,cAAA;AAAA,MACT,QAAU,EAAA,CAACA,MAAU,KAAA,eAAA,CAAgBA,MAAK,CAAA;AAAA,MAC1C,OAAS,EAAA,WAAA;AAAA,MACR,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEa,MAAA,WAAA,GAAyB,CAAC,KAAU,KAAA;AAC/C,EAAM,MAAA,EAAE,SAAW,EAAA,MAAA,EAAW,GAAA,KAAA;AAC9B,EAAM,MAAA,MAAA,GAAS,OAAO,MAAU,IAAA,wBAAA;AAEhC,EAAA,OAAO,cAAc,MAAQ,EAAA;AAAA,IAC3B,SAAA;AAAA,IACA,OAAO,MAAO,CAAA,KAAA;AAAA,IACd,QAAU,EAAA,MAAA,CAAO,QAAS,CAAA,IAAA,CAAK,MAAM,CAAA;AAAA,IACrC,GAAG,MAAO,CAAA;AAAA,GACX,CAAA;AACH;;;;"}
+{"version":3,"file":"SearchField.mjs","sources":["../../../../../../../../src/components/List/components/Header/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { FC, KeyboardEvent } from \"react\";\nimport React, { createElement, useEffect, useState } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { Search } from \"@/components/List/model/search/Search\";\nimport type { SearchFieldRenderComponent } from \"@/components/List/model/search/types\";\nimport { useOnChange } from \"@/lib/hooks\";\nimport SearchFieldView from \"@/views/SearchFieldView\";\n\ninterface Props extends PropsWithClassName {\n  search: Search<never>;\n}\n\nconst autoSubmitTimeout = 800;\n\nconst DefaultSearchFieldRender: SearchFieldRenderComponent = (props) => {\n  const { className, onChange, value, autoSubmit, ...searchFieldProps } = props;\n\n  const [searchString, setSearchString] = useState(value ?? \"\");\n\n  const submitSearch = () => {\n    if (searchString.trim() === \"\") {\n      onChange(undefined);\n    } else {\n      onChange(searchString);\n    }\n  };\n\n  useEffect(() => {\n    if (autoSubmit) {\n      const timeout = setTimeout(() => submitSearch(), autoSubmitTimeout);\n      return () => clearTimeout(timeout);\n    }\n  }, [searchString, autoSubmit]);\n\n  useOnChange(value, () => {\n    setSearchString(value ?? \"\");\n  }, [searchString]);\n\n  const clearSearch = () => {\n    onChange(undefined);\n    setSearchString(\"\");\n  };\n\n  const handleKeyPress = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      submitSearch();\n    } else if (e.key === \"Escape\") {\n      clearSearch();\n    }\n  };\n\n  return (\n    <SearchFieldView\n      className={className}\n      value={searchString}\n      onKeyUp={handleKeyPress}\n      onChange={(value) => setSearchString(value)}\n      onClear={clearSearch}\n      {...searchFieldProps}\n    />\n  );\n};\n\nexport const SearchField: FC<Props> = (props) => {\n  const { className, search } = props;\n  const render = search.render ?? DefaultSearchFieldRender;\n\n  return createElement(render, {\n    className,\n    value: search.value,\n    onChange: search.setValue.bind(search),\n    ...search.textFieldProps,\n  });\n};\n"],"names":["value"],"mappings":";;;;;;;;;;;AAYA,MAAM,iBAAoB,GAAA,GAAA;AAE1B,MAAM,wBAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,OAAO,UAAY,EAAA,GAAG,kBAAqB,GAAA,KAAA;AAExE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,SAAS,EAAE,CAAA;AAE5D,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,YAAA,CAAa,IAAK,EAAA,KAAM,EAAI,EAAA;AAC9B,MAAA,QAAA,CAAS,MAAS,CAAA;AAAA,KACb,MAAA;AACL,MAAA,QAAA,CAAS,YAAY,CAAA;AAAA;AACvB,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAY,EAAA;AACd,MAAA,MAAM,OAAU,GAAA,UAAA,CAAW,MAAM,YAAA,IAAgB,iBAAiB,CAAA;AAClE,MAAO,OAAA,MAAM,aAAa,OAAO,CAAA;AAAA;AACnC,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAA,WAAA,CAAY,OAAO,MAAM;AACvB,IAAA,eAAA,CAAgB,SAAS,EAAE,CAAA;AAAA,GAC7B,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,QAAA,CAAS,MAAS,CAAA;AAClB,IAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,GACpB;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAqB,KAAA;AAC3C,IAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,MAAa,YAAA,EAAA;AAAA,KACf,MAAA,IAAW,CAAE,CAAA,GAAA,KAAQ,QAAU,EAAA;AAC7B,MAAY,WAAA,EAAA;AAAA;AACd,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAO,EAAA,YAAA;AAAA,MACP,OAAS,EAAA,cAAA;AAAA,MACT,QAAU,EAAA,CAACA,MAAU,KAAA,eAAA,CAAgBA,MAAK,CAAA;AAAA,MAC1C,OAAS,EAAA,WAAA;AAAA,MACR,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEa,MAAA,WAAA,GAAyB,CAAC,KAAU,KAAA;AAC/C,EAAM,MAAA,EAAE,SAAW,EAAA,MAAA,EAAW,GAAA,KAAA;AAC9B,EAAM,MAAA,MAAA,GAAS,OAAO,MAAU,IAAA,wBAAA;AAEhC,EAAA,OAAO,cAAc,MAAQ,EAAA;AAAA,IAC3B,SAAA;AAAA,IACA,OAAO,MAAO,CAAA,KAAA;AAAA,IACd,QAAU,EAAA,MAAA,CAAO,QAAS,CAAA,IAAA,CAAK,MAAM,CAAA;AAAA,IACrC,GAAG,MAAO,CAAA;AAAA,GACX,CAAA;AACH;;;;"}

package/dist/js/components/List/components/Header/components/SortingPicker/SortingPicker.mjs

@@ -8,10 +8,10 @@ import { ContextMenu } from '../../../../../ContextMenu/ContextMenu.mjs';
 import 'react-aria-components';
 import 'clsx';
 import '../../../../../../lib/propsContext/propsContext.mjs';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../../../../../lib/slotContext/slotContext.mjs';

package/dist/js/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.mjs

@@ -7,12 +7,12 @@ import { useLocalizedStringFormatter } from 'react-aria';
 import 'invariant';
 import 'luxon';
 import 'react-aria-components';
+import 'clsx';
 import '../../../../../../lib/propsContext/propsContext.mjs';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../../../../../lib/slotContext/slotContext.mjs';
@@ -25,16 +25,16 @@ import '../../../../../../lib/controller/overlay/context.mjs';
 import '../../../../../Action/context.mjs';
 import '../../../../../Action/models/ActionStateContext.mjs';
 import { useList } from '../../../../hooks/useList.mjs';
-import '../../../../listContext.mjs';
 import MenuItemView from '../../../../../../views/MenuItemView.mjs';
 import TextView from '../../../../../../views/TextView.mjs';
 import '../ActiveFilters/ActiveFilters.mjs';
 import '@chakra-ui/live-region';
 import SectionView from '../../../../../../views/SectionView.mjs';
 import HeadingView from '../../../../../../views/HeadingView.mjs';
-import '../../../../model/List.mjs';
 import 'object-code';
 import 'react-children-utilities';
+import '../../../../model/List.mjs';
+import '../../../../listContext.mjs';
 
 const ViewModeMenu = () => {
   const stringFormatter = useLocalizedStringFormatter(locales);

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

@@ -22,15 +22,15 @@ import '../../../../lib/controller/overlay/context.mjs';
 import '../../../Action/context.mjs';
 import '../../../Action/models/ActionStateContext.mjs';
 import { useList } from '../../hooks/useList.mjs';
-import '../../listContext.mjs';
 import '../Header/components/ActiveFilters/ActiveFilters.mjs';
 import DivView from '../../../../views/DivView.mjs';
-import '../../model/List.mjs';
 import { Item } from './components/Item/Item.mjs';
 import ItemsGridListView from '../../../../views/ItemsGridListView.mjs';
 import styles from './Items.module.scss.mjs';
 import { FallbackItems } from './components/FallbackItems/FallbackItems.mjs';
+import '../../model/List.mjs';
 import 'react-children-utilities';
+import '../../listContext.mjs';
 
 const Items = () => {
   const list = useList();

package/dist/js/components/List/components/Items/components/Item/components/AccordionButton.mjs

@@ -3,6 +3,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
+import 'clsx';
 import '@mittwald/react-tunnel';
 import '../../../../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
@@ -10,7 +11,6 @@ import '../../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
 import '../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
 import { IconChevronDown } from '../../../../../../Icon/components/icons/IconChevronDown.mjs';
 import { IconChevronUp } from '../../../../../../Icon/components/icons/IconChevronUp.mjs';
 import locales from '../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';

package/dist/js/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs

@@ -5,6 +5,7 @@ import 'react';
 import locales from '../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
 import '@tabler/icons-react';
+import 'clsx';
 import '@mittwald/react-tunnel';
 import '../../../../../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
@@ -12,7 +13,6 @@ import '../../../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
 import '../../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
 import { IconContextMenu } from '../../../../../../../Icon/components/icons/IconContextMenu.mjs';
 import ButtonView from '../../../../../../../../views/ButtonView.mjs';
 import 'mobx';

package/dist/js/components/List/components/Items/components/Item/hooks/useGridItemProps.mjs

@@ -5,16 +5,16 @@ import { useState, useId, useRef, useEffect } from 'react';
 import 'invariant';
 import 'luxon';
 import 'react-aria-components';
+import 'clsx';
 import '../../../../../../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../../../../../../lib/propsContext/PropsContextProvider.mjs';
+import '../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
-import 'clsx';
+import { PropsContextProvider } from '../../../../../../../lib/propsContext/PropsContextProvider.mjs';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../../../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
-import '../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import 'react-aria';
 import '@chakra-ui/live-region';
 import 'mobx';
@@ -22,12 +22,12 @@ import '../../../../../../../lib/controller/overlay/context.mjs';
 import '../../../../../../Action/context.mjs';
 import '../../../../../../Action/models/ActionStateContext.mjs';
 import { useList } from '../../../../../hooks/useList.mjs';
-import '../../../../../listContext.mjs';
 import '../../../../Header/components/ActiveFilters/ActiveFilters.mjs';
-import '../../../../../model/List.mjs';
 import { AccordionButton } from '../components/AccordionButton.mjs';
 import 'object-code';
 import 'react-children-utilities';
+import '../../../../../model/List.mjs';
+import '../../../../../listContext.mjs';
 
 const useGridItemProps = (props) => {
   const { data, children: childrenFromProps } = props;

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

@@ -7,8 +7,9 @@ import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import ListItemViewContentView from '../../../../views/ListItemViewContentView.mjs';
 import FragmentView from '../../../../views/FragmentView.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 import { OptionsButton } from '../Items/components/Item/components/OptionsButton/OptionsButton.mjs';
 import 'invariant';
 import 'luxon';
@@ -18,19 +19,18 @@ import '@tabler/icons-react';
 import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import 'react-aria';
 import { useList } from '../../hooks/useList.mjs';
-import '../../listContext.mjs';
+import '../../../Action/models/ActionStateContext.mjs';
 import 'mobx';
 import '../../../../lib/controller/overlay/context.mjs';
 import '../../../Action/context.mjs';
-import '../../../Action/models/ActionStateContext.mjs';
 import '@chakra-ui/live-region';
 import '../Header/components/ActiveFilters/ActiveFilters.mjs';
-import '../../model/List.mjs';
 import 'object-code';
 import 'react-children-utilities';
+import '../../model/List.mjs';
+import '../../listContext.mjs';
 
 const ListItemView = (props) => {
   const { children } = props;

package/dist/js/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs

@@ -4,8 +4,9 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react';
 import styles from '../../ListItemView.module.scss.mjs';
 import '../../../../../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../../../../../lib/propsContext/PropsContextProvider.mjs';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { PropsContextProvider } from '../../../../../../lib/propsContext/PropsContextProvider.mjs';
 import clsx from 'clsx';
 
 const getStyleForContentSlot = (slot) => slot === "top" ? styles.topContent : slot === "bottom" ? styles.bottomContent : styles.topContent;

package/dist/js/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemViewContent.mjs","sources":["../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport styles from \"../../ListItemView.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport clsx from \"clsx\";\n\nexport type ListItemViewContentProps = PropsWithChildren & {\n  title?: ReactNode;\n  subTitle?: ReactNode;\n  avatar?: ReactNode;\n  button?: ReactNode;\n  bottom?: ReactNode;\n  viewMode?: ListViewMode;\n};\n\nconst getStyleForContentSlot = (slot?: string) =>\n  slot === \"top\"\n    ? styles.topContent\n    : slot === \"bottom\"\n      ? styles.bottomContent\n      : styles.topContent;\n\n/** @flr-generate all */\nexport const ListItemViewContent = (props: ListItemViewContentProps) => {\n  const { children, avatar, title, subTitle, button, bottom, viewMode } = props;\n\n  const contentProps: Record<string, ComponentProps<\"div\">> = {\n    bottom: {\n      onMouseDown: (e) => e.stopPropagation(),\n      onPointerDown: (e) => e.stopPropagation(),\n      className: styles.bottomContent,\n    },\n    top: {\n      className: styles.topContent,\n    },\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom end\",\n    },\n    Button: {\n      className: styles.action,\n    },\n    ActionGroup: {\n      className: styles.action,\n      ignoreBreakpoint: true,\n    },\n    Content: {\n      className: dynamic((p) => getStyleForContentSlot(p.slot)),\n      onMouseDown: dynamic((p) => contentProps[p.slot ?? \"top\"]?.onMouseDown),\n      onPointerDown: dynamic(\n        (p) => contentProps[p.slot ?? \"top\"]?.onPointerDown,\n      ),\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    Heading: {\n      className: styles.heading,\n      level: 5,\n      Badge: { className: styles.badge },\n      AlertBadge: { className: styles.badge },\n    },\n    Text: {\n      className: styles.text,\n    },\n    Link: {\n      unstyled: true,\n    },\n  };\n\n  const className = clsx(styles.view, viewMode === \"tiles\" && styles.tile);\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div className={className}>\n        {viewMode === \"list\" && (\n          <>\n            <div className={styles.contentWrapper}>\n              <div className={styles.content}>\n                {children}\n                <div className={styles.title}>\n                  {avatar}\n                  {title}\n                  <div className={styles.subTitle}>{subTitle}</div>\n                </div>\n              </div>\n              {button}\n            </div>\n            {bottom}\n          </>\n        )}\n\n        {viewMode === \"tiles\" && (\n          <>\n            <div className={styles.avatarContainer}>{avatar}</div>\n            <div className={styles.content}>\n              <div className={styles.title}>\n                {title}\n                <div className={styles.subTitle}>{subTitle}</div>\n              </div>\n              {button}\n              {children}\n              {bottom}\n            </div>\n          </>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default ListItemViewContent;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListItemViewContent.mjs","sources":["../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport styles from \"../../ListItemView.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport clsx from \"clsx\";\n\nexport type ListItemViewContentProps = PropsWithChildren & {\n  title?: ReactNode;\n  subTitle?: ReactNode;\n  avatar?: ReactNode;\n  button?: ReactNode;\n  bottom?: ReactNode;\n  viewMode?: ListViewMode;\n};\n\nconst getStyleForContentSlot = (slot?: string) =>\n  slot === \"top\"\n    ? styles.topContent\n    : slot === \"bottom\"\n      ? styles.bottomContent\n      : styles.topContent;\n\n/** @flr-generate all */\nexport const ListItemViewContent = (props: ListItemViewContentProps) => {\n  const { children, avatar, title, subTitle, button, bottom, viewMode } = props;\n\n  const contentProps: Record<string, ComponentProps<\"div\">> = {\n    bottom: {\n      onMouseDown: (e) => e.stopPropagation(),\n      onPointerDown: (e) => e.stopPropagation(),\n      className: styles.bottomContent,\n    },\n    top: {\n      className: styles.topContent,\n    },\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom end\",\n    },\n    Button: {\n      className: styles.action,\n    },\n    ActionGroup: {\n      className: styles.action,\n      ignoreBreakpoint: true,\n    },\n    Content: {\n      className: dynamic((p) => getStyleForContentSlot(p.slot)),\n      onMouseDown: dynamic((p) => contentProps[p.slot ?? \"top\"]?.onMouseDown),\n      onPointerDown: dynamic(\n        (p) => contentProps[p.slot ?? \"top\"]?.onPointerDown,\n      ),\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    Heading: {\n      className: styles.heading,\n      level: 5,\n      Badge: { className: styles.badge },\n      AlertBadge: { className: styles.badge },\n    },\n    Text: {\n      className: styles.text,\n    },\n    Link: {\n      unstyled: true,\n    },\n  };\n\n  const className = clsx(styles.view, viewMode === \"tiles\" && styles.tile);\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div className={className}>\n        {viewMode === \"list\" && (\n          <>\n            <div className={styles.contentWrapper}>\n              <div className={styles.content}>\n                {children}\n                <div className={styles.title}>\n                  {avatar}\n                  {title}\n                  <div className={styles.subTitle}>{subTitle}</div>\n                </div>\n              </div>\n              {button}\n            </div>\n            {bottom}\n          </>\n        )}\n\n        {viewMode === \"tiles\" && (\n          <>\n            <div className={styles.avatarContainer}>{avatar}</div>\n            <div className={styles.content}>\n              <div className={styles.title}>\n                {title}\n                <div className={styles.subTitle}>{subTitle}</div>\n              </div>\n              {button}\n              {children}\n              {bottom}\n            </div>\n          </>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default ListItemViewContent;\n"],"names":[],"mappings":"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"}

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

@@ -5,12 +5,12 @@ import 'react';
 import 'invariant';
 import 'luxon';
 import 'react-aria-components';
+import clsx from 'clsx';
 import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import clsx from 'clsx';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../../../lib/slotContext/slotContext.mjs';
@@ -21,9 +21,7 @@ import '../../../../lib/controller/overlay/context.mjs';
 import '../../../Action/context.mjs';
 import '../../../Action/models/ActionStateContext.mjs';
 import { useList } from '../../hooks/useList.mjs';
-import '../../listContext.mjs';
 import '../Header/components/ActiveFilters/ActiveFilters.mjs';
-import '../../model/List.mjs';
 import 'object-code';
 import 'react-children-utilities';
 import { TableLoadingView } from './components/TableLoadingView.mjs';
@@ -35,6 +33,8 @@ import TableBodyView from '../../../../views/TableBodyView.mjs';
 import TableRowView from '../../../../views/TableRowView.mjs';
 import TableCellView from '../../../../views/TableCellView.mjs';
 import TableColumnView from '../../../../views/TableColumnView.mjs';
+import '../../model/List.mjs';
+import '../../listContext.mjs';
 
 const Table = () => {
   const list = useList();

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

@@ -8,23 +8,7 @@ import { TypedListLoaderAsync } from './setupComponents/ListLoaderAsync.mjs';
 import { TypedListLoaderAsyncResource } from './setupComponents/ListLoaderAsyncResource.mjs';
 import { TypedListStaticData } from './setupComponents/ListStaticData.mjs';
 import { TypedListSearch } from './setupComponents/ListSearch.mjs';
-import 'invariant';
-import 'luxon';
-import 'react/jsx-runtime';
-import 'react-aria-components';
-import 'react';
-import '../../lib/propsContext/propsContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import 'dot-prop';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
-import '@tabler/icons-react';
-import '@mittwald/react-tunnel';
-import '../../lib/slotContext/slotContext.mjs';
-import 'react-aria';
 import { ListItemView } from './components/ListItemView/ListItemView.mjs';
-import './listContext.mjs';
 import { TableColumn } from './setupComponents/TableColumn.mjs';
 import { TableCell } from './setupComponents/TableCell.mjs';
 import { TableHeader } from './setupComponents/TableHeader.mjs';

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

@@ -1 +1 @@
-{"version":3,"file":"typedList.mjs","sources":["../../../../src/components/List/typedList.ts"],"sourcesContent":["import type { ListProps } from \"@/components/List/List\";\nimport List from \"@/components/List/List\";\nimport { TypedListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { TypedListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { TypedListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { TypedListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { TypedListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { TypedListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { TypedListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListItemView } from \"@/components/List\";\nimport type { ComponentType } from \"react\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { Table } from \"@/components/List/setupComponents/Table\";\n\nexport const TypedList = <T>() =>\n  List as unknown as ComponentType<ListProps<T>>;\n\nexport const typedList = <T>() => ({\n  List: TypedList<T>(),\n  Filter: TypedListFilter<T>(),\n  Search: TypedListSearch<T>(),\n  Sorting: TypedListSorting<T>(),\n  Item: TypedListItem<T>(),\n  ItemView: ListItemView,\n  TableHeader: TableHeader<T>,\n  TableColumn: TableColumn<T>,\n  TableBody: TableBody<T>,\n  TableRow: TableRow<T>,\n  TableCell: TableCell<T>,\n  Table: Table<T>,\n  StaticData: TypedListStaticData<T>(),\n  LoaderAsync: TypedListLoaderAsync<T>(),\n  LoaderAsyncResource: TypedListLoaderAsyncResource<T>(),\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,YAAY,MACvB;AAEK,MAAM,YAAY,OAAU;AAAA,EACjC,MAAM,SAAa,EAAA;AAAA,EACnB,QAAQ,eAAmB,EAAA;AAAA,EAC3B,QAAQ,eAAmB,EAAA;AAAA,EAC3B,SAAS,gBAAoB,EAAA;AAAA,EAC7B,MAAM,aAAiB,EAAA;AAAA,EACvB,QAAU,EAAA,YAAA;AAAA,EACV,WAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAY,mBAAuB,EAAA;AAAA,EACnC,aAAa,oBAAwB,EAAA;AAAA,EACrC,qBAAqB,4BAAgC;AACvD,CAAA;;;;"}
+{"version":3,"file":"typedList.mjs","sources":["../../../../src/components/List/typedList.ts"],"sourcesContent":["import type { ListProps } from \"@/components/List/List\";\nimport List from \"@/components/List/List\";\nimport { TypedListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { TypedListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { TypedListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { TypedListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { TypedListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { TypedListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { TypedListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListItemView } from \"@/components/List/components/ListItemView/ListItemView\";\nimport type { ComponentType } from \"react\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { Table } from \"@/components/List/setupComponents/Table\";\n\nexport const TypedList = <T>() =>\n  List as unknown as ComponentType<ListProps<T>>;\n\nexport const typedList = <T>() => ({\n  List: TypedList<T>(),\n  Filter: TypedListFilter<T>(),\n  Search: TypedListSearch<T>(),\n  Sorting: TypedListSorting<T>(),\n  Item: TypedListItem<T>(),\n  ItemView: ListItemView,\n  TableHeader: TableHeader<T>,\n  TableColumn: TableColumn<T>,\n  TableBody: TableBody<T>,\n  TableRow: TableRow<T>,\n  TableCell: TableCell<T>,\n  Table: Table<T>,\n  StaticData: TypedListStaticData<T>(),\n  LoaderAsync: TypedListLoaderAsync<T>(),\n  LoaderAsyncResource: TypedListLoaderAsyncResource<T>(),\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBO,MAAM,YAAY,MACvB;AAEK,MAAM,YAAY,OAAU;AAAA,EACjC,MAAM,SAAa,EAAA;AAAA,EACnB,QAAQ,eAAmB,EAAA;AAAA,EAC3B,QAAQ,eAAmB,EAAA;AAAA,EAC3B,SAAS,gBAAoB,EAAA;AAAA,EAC7B,MAAM,aAAiB,EAAA;AAAA,EACvB,QAAU,EAAA,YAAA;AAAA,EACV,WAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAY,mBAAuB,EAAA;AAAA,EACnC,aAAa,oBAAwB,EAAA;AAAA,EACrC,qBAAqB,4BAAgC;AACvD,CAAA;;;;"}

package/dist/js/components/List/views/EmptyView/EmptyView.mjs

@@ -4,6 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
 import { IllustratedMessage } from '../../../IllustratedMessage/IllustratedMessage.mjs';
 import '@tabler/icons-react';
+import 'clsx';
 import '@mittwald/react-tunnel';
 import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
@@ -11,7 +12,6 @@ import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
 import { IconSearch } from '../../../Icon/components/icons/IconSearch.mjs';
 import { Heading } from '../../../Heading/Heading.mjs';
 import { Text } from '../../../Text/Text.mjs';

package/dist/js/components/LoadingSpinner/LoadingSpinner.mjs

@@ -3,6 +3,7 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@tabler/icons-react';
+import clsx from 'clsx';
 import '@mittwald/react-tunnel';
 import '../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
@@ -10,7 +11,6 @@ import '../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import clsx from 'clsx';
 import { IconPending } from '../Icon/components/icons/IconPending.mjs';
 import styles from './LoadingSpinner.module.scss.mjs';
 

package/dist/js/components/MenuItem/components/MenuItemContent/MenuItemContent.mjs

@@ -4,14 +4,14 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react';
 import styles from '../../MenuItem.module.scss.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 import '@tabler/icons-react';
+import clsx from 'clsx';
 import '@mittwald/react-tunnel';
 import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import clsx from 'clsx';
 import { IconCheckboxChecked } from '../../../Icon/components/icons/IconCheckboxChecked.mjs';
 import { IconCheckboxEmpty } from '../../../Icon/components/icons/IconCheckboxEmpty.mjs';
 import { IconRadioOff } from '../../../Icon/components/icons/IconRadioOff.mjs';

package/dist/js/components/Message/Message.mjs

@@ -2,14 +2,14 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import 'react';
+import clsx from 'clsx';
+import styles from './Message.module.scss.mjs';
 import '@tabler/icons-react';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import clsx from 'clsx';
 import { IconContextMenu } from '../Icon/components/icons/IconContextMenu.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import styles from './Message.module.scss.mjs';
 
 const Message = flowComponent("Message", (props) => {
   const { type = "responder", children, className } = props;

package/dist/js/components/Message/Message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Message.mjs","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport styles from \"./Message.module.scss\";\nexport interface MessageProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {\n  /** Determines the color and orientation of the message. @default \"responder\" */\n  type?: \"responder\" | \"sender\";\n}\n\n/** @flr-generate all */\nexport const Message = flowComponent(\"Message\", (props) => {\n  const { type = \"responder\", children, className } = props;\n\n  const rootClassName = clsx(styles.message, styles[type], className);\n\n  const propsContext: PropsContext = {\n    Content: { className: styles.content },\n    Header: {\n      className: styles.header,\n      Button: {\n        className: styles.action,\n        size: \"s\",\n        variant: \"plain\",\n        color: \"secondary\",\n      },\n      ContextMenuTrigger: {\n        Button: {\n          className: styles.action,\n          size: \"s\",\n          variant: \"plain\",\n          color: \"secondary\",\n          children: <IconContextMenu />,\n        },\n      },\n      Text: { className: styles.date },\n      Align: {\n        className: styles.user,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <article className={rootClassName}>{children}</article>\n    </PropsContextProvider>\n  );\n});\n\nexport default Message;\n"],"names":[],"mappings":";;;;;;;;;;;AAoBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAA,MAAM,EAAE,IAAA,GAAO,WAAa,EAAA,QAAA,EAAU,WAAc,GAAA,KAAA;AAEpD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAI,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,OAAQ,EAAA;AAAA,IACrC,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA,MAAA;AAAA,QAClB,IAAM,EAAA,GAAA;AAAA,QACN,OAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA,MACA,kBAAoB,EAAA;AAAA,QAClB,MAAQ,EAAA;AAAA,UACN,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,IAAM,EAAA,GAAA;AAAA,UACN,OAAS,EAAA,OAAA;AAAA,UACT,KAAO,EAAA,WAAA;AAAA,UACP,QAAA,sBAAW,eAAgB,EAAA,EAAA;AAAA;AAC7B,OACF;AAAA,MACA,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,MAC/B,KAAO,EAAA;AAAA,QACL,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,SAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Message.mjs","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Message.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nexport interface MessageProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {\n  /** Determines the color and orientation of the message. @default \"responder\" */\n  type?: \"responder\" | \"sender\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Message = flowComponent(\"Message\", (props) => {\n  const { type = \"responder\", children, className } = props;\n\n  const rootClassName = clsx(styles.message, styles[type], className);\n\n  const propsContext: PropsContext = {\n    Content: { className: styles.content },\n    Header: {\n      className: styles.header,\n      Button: {\n        className: styles.action,\n        size: \"s\",\n        variant: \"plain\",\n        color: \"secondary\",\n      },\n      ContextMenuTrigger: {\n        Button: {\n          className: styles.action,\n          size: \"s\",\n          variant: \"plain\",\n          color: \"secondary\",\n          children: <IconContextMenu />,\n        },\n      },\n      Text: { className: styles.date },\n      Align: {\n        className: styles.user,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <article className={rootClassName}>{children}</article>\n    </PropsContextProvider>\n  );\n});\n\nexport default Message;\n"],"names":[],"mappings":";;;;;;;;;;;AAwBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAA,MAAM,EAAE,IAAA,GAAO,WAAa,EAAA,QAAA,EAAU,WAAc,GAAA,KAAA;AAEpD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAI,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,OAAQ,EAAA;AAAA,IACrC,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA,MAAA;AAAA,QAClB,IAAM,EAAA,GAAA;AAAA,QACN,OAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA,MACA,kBAAoB,EAAA;AAAA,QAClB,MAAQ,EAAA;AAAA,UACN,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,IAAM,EAAA,GAAA;AAAA,UACN,OAAS,EAAA,OAAA;AAAA,UACT,KAAO,EAAA,WAAA;AAAA,UACP,QAAA,sBAAW,eAAgB,EAAA,EAAA;AAAA;AAC7B,OACF;AAAA,MACA,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,MAC/B,KAAO,EAAA;AAAA,QACL,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,SAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ,CAAC;;;;"}