@mittwald/flow-react-components 0.2.0-alpha.44 → 0.2.0-alpha.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/assets/doc-properties.json +10132 -10132
- package/dist/css/all.css +1 -1
- package/dist/js/components/List/components/ListItemView/ListItemView.mjs +5 -0
- package/dist/js/components/List/components/ListItemView/ListItemView.mjs.map +1 -1
- package/dist/js/components/List/components/ListItemView/ListItemView.module.scss.mjs +3 -1
- package/dist/js/components/List/components/ListItemView/ListItemView.module.scss.mjs.map +1 -1
- package/dist/js/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs +10 -8
- package/dist/js/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs.map +1 -1
- package/dist/js/components/Table/Table.module.scss.mjs +1 -0
- package/dist/js/components/Table/Table.module.scss.mjs.map +1 -1
- package/dist/js/components/Table/components/TableCell/TableCell.mjs.map +1 -1
- package/dist/js/components/Table/components/TableColumn/TableColumn.mjs.map +1 -1
- package/dist/js/integrations/react-hook-form/components/Field/Field.mjs +2 -1
- package/dist/js/integrations/react-hook-form/components/Field/Field.mjs.map +1 -1
- package/dist/types/components/ComboBox/stories/Default.stories.d.ts.map +1 -1
- package/dist/types/components/List/components/ListItemView/ListItemView.d.ts.map +1 -1
- package/dist/types/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.d.ts.map +1 -1
- package/dist/types/components/List/stories/EdgeCases.stories.d.ts +1 -0
- package/dist/types/components/List/stories/EdgeCases.stories.d.ts.map +1 -1
- package/dist/types/components/Table/components/TableCell/TableCell.d.ts +3 -2
- package/dist/types/components/Table/components/TableCell/TableCell.d.ts.map +1 -1
- package/dist/types/components/Table/components/TableColumn/TableColumn.d.ts +2 -2
- package/dist/types/components/Table/components/TableColumn/TableColumn.d.ts.map +1 -1
- package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts.map +1 -1
- package/package.json +24 -24
|
@@ -8,6 +8,7 @@ import ListItemViewContentView from '../../../../views/ListItemViewContentView.m
|
|
|
8
8
|
import FragmentView from '../../../../views/FragmentView.mjs';
|
|
9
9
|
import '../../../../lib/propsContext/propsContext.mjs';
|
|
10
10
|
import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
|
|
11
|
+
import { dynamic } from '../../../../lib/propsContext/dynamicProps/dynamic.mjs';
|
|
11
12
|
import { OptionsButton } from '../Items/components/Item/components/OptionsButton/OptionsButton.mjs';
|
|
12
13
|
import 'react-aria-components';
|
|
13
14
|
import 'clsx';
|
|
@@ -55,6 +56,9 @@ const ListItemView = (props) => {
|
|
|
55
56
|
},
|
|
56
57
|
Text: {
|
|
57
58
|
tunnelId: "text"
|
|
59
|
+
},
|
|
60
|
+
Content: {
|
|
61
|
+
tunnelId: dynamic((p) => p.slot === "bottom" ? "bottom" : void 0)
|
|
58
62
|
}
|
|
59
63
|
};
|
|
60
64
|
return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx(
|
|
@@ -65,6 +69,7 @@ const ListItemView = (props) => {
|
|
|
65
69
|
avatar: /* @__PURE__ */ jsx(FragmentView, { children: /* @__PURE__ */ jsx(TunnelExit, { id: "avatar" }) }),
|
|
66
70
|
button: /* @__PURE__ */ jsx(FragmentView, { children: /* @__PURE__ */ jsx(TunnelExit, { id: "button" }) }),
|
|
67
71
|
subTitle: /* @__PURE__ */ jsx(FragmentView, { children: /* @__PURE__ */ jsx(TunnelExit, { id: "text" }) }),
|
|
72
|
+
bottom: /* @__PURE__ */ jsx(FragmentView, { children: /* @__PURE__ */ jsx(TunnelExit, { id: "bottom" }) }),
|
|
68
73
|
children
|
|
69
74
|
}
|
|
70
75
|
) }) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemView.mjs","sources":["../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ListItemView.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport FragmentView from \"@/views/FragmentView\";\nimport {
|
|
1
|
+
{"version":3,"file":"ListItemView.mjs","sources":["../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ListItemView.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport FragmentView from \"@/views/FragmentView\";\nimport {\n dynamic,\n type PropsContext,\n PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\nimport { useList } from \"@/components/List\";\n\nexport type ListItemViewProps = PropsWithChildren;\n\nexport const ListItemView = (props: ListItemViewProps) => {\n const { children } = props;\n const list = useList();\n\n const propsContext: PropsContext = {\n ContextMenu: {\n tunnelId: \"button\",\n wrapWith: <OptionsButton className={styles.action} />,\n },\n Button: {\n tunnelId: \"button\",\n },\n ActionGroup: {\n tunnelId: \"button\",\n Button: {\n tunnelId: null,\n },\n },\n Avatar: {\n tunnelId: \"avatar\",\n },\n Heading: {\n tunnelId: \"title\",\n },\n Text: {\n tunnelId: \"text\",\n },\n Content: {\n tunnelId: dynamic((p) => (p.slot === \"bottom\" ? \"bottom\" : undefined)),\n },\n };\n\n return (\n <PropsContextProvider props={propsContext} mergeInParentContext>\n <TunnelProvider>\n <ListItemViewContentView\n viewMode={list.viewMode}\n title={\n <FragmentView>\n <TunnelExit id=\"title\" />\n </FragmentView>\n }\n avatar={\n <FragmentView>\n <TunnelExit id=\"avatar\" />\n </FragmentView>\n }\n button={\n <FragmentView>\n <TunnelExit id=\"button\" />\n </FragmentView>\n }\n subTitle={\n <FragmentView>\n <TunnelExit id=\"text\" />\n </FragmentView>\n }\n bottom={\n <FragmentView>\n <TunnelExit id=\"bottom\" />\n </FragmentView>\n }\n >\n {children}\n </ListItemViewContentView>\n </TunnelProvider>\n </PropsContextProvider>\n );\n};\n\nexport default ListItemView;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,QAAA;AAAA,MACV,QAAU,kBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,SAAA,EAAW,OAAO,MAAQ,EAAA;AAAA,KACrD;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,QAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,QAAA,EAAU,QAAQ,CAAC,CAAA,KAAO,EAAE,IAAS,KAAA,QAAA,GAAW,WAAW,MAAU;AAAA;AACvE,GACF;AAEA,EAAA,2BACG,oBAAqB,EAAA,EAAA,KAAA,EAAO,cAAc,oBAAoB,EAAA,IAAA,EAC7D,8BAAC,cACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,UAAU,IAAK,CAAA,QAAA;AAAA,MACf,uBACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,SAAQ,CACzB,EAAA,CAAA;AAAA,MAEF,wBACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAS,CAC1B,EAAA,CAAA;AAAA,MAEF,wBACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAS,CAC1B,EAAA,CAAA;AAAA,MAEF,0BACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,QAAO,CACxB,EAAA,CAAA;AAAA,MAEF,wBACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,UAAS,CAC1B,EAAA,CAAA;AAAA,MAGD;AAAA;AAAA,KAEL,CACF,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
const view = "flow--list--list-item-view--view";
|
|
4
|
+
const contentWrapper = "flow--list--list-item-view--content-wrapper";
|
|
4
5
|
const content = "flow--list--list-item-view--content";
|
|
5
6
|
const title = "flow--list--list-item-view--title";
|
|
6
7
|
const subTitle = "flow--list--list-item-view--sub-title";
|
|
@@ -15,6 +16,7 @@ const avatarContainer = "flow--list--list-item-view--avatar-container";
|
|
|
15
16
|
const badge = "flow--list--list-item-view--badge";
|
|
16
17
|
const styles = {
|
|
17
18
|
view: view,
|
|
19
|
+
contentWrapper: contentWrapper,
|
|
18
20
|
content: content,
|
|
19
21
|
title: title,
|
|
20
22
|
subTitle: subTitle,
|
|
@@ -29,5 +31,5 @@ const styles = {
|
|
|
29
31
|
badge: badge
|
|
30
32
|
};
|
|
31
33
|
|
|
32
|
-
export { action, avatar, avatarContainer, badge, bottomContent, content, styles as default, heading, subTitle, text, tile, title, topContent, view };
|
|
34
|
+
export { action, avatar, avatarContainer, badge, bottomContent, content, contentWrapper, styles as default, heading, subTitle, text, tile, title, topContent, view };
|
|
33
35
|
//# sourceMappingURL=ListItemView.module.scss.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemView.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListItemView.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -58,15 +58,17 @@ const ListItemViewContent = (props) => {
|
|
|
58
58
|
const className = clsx(styles.view, viewMode === "tiles" && styles.tile);
|
|
59
59
|
return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsxs("div", { className, children: [
|
|
60
60
|
viewMode === "list" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
61
|
-
/* @__PURE__ */ jsxs("div", { className: styles.
|
|
62
|
-
children
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
61
|
+
/* @__PURE__ */ jsxs("div", { className: styles.contentWrapper, children: [
|
|
62
|
+
/* @__PURE__ */ jsxs("div", { className: styles.content, children: [
|
|
63
|
+
children,
|
|
64
|
+
/* @__PURE__ */ jsxs("div", { className: styles.title, children: [
|
|
65
|
+
avatar,
|
|
66
|
+
title,
|
|
67
|
+
/* @__PURE__ */ jsx("div", { className: styles.subTitle, children: subTitle })
|
|
68
|
+
] })
|
|
69
|
+
] }),
|
|
70
|
+
button
|
|
68
71
|
] }),
|
|
69
|
-
button,
|
|
70
72
|
bottom
|
|
71
73
|
] }),
|
|
72
74
|
viewMode === "tiles" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -1 +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.
|
|
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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.mjs","sources":["../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { Suspense } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { TableColumn } from \"@/components/Table\";\n\nexport interface TableCellProps\n extends Omit<Aria.CellProps, \"children\" | \"style\">,\n PropsWithChildren {\n rowHeader?: boolean;\n /** @default \"start\" */\n horizontalAlign?: \"start\" | \"center\";\n}\n\n/** @flr-generate all */\nexport const TableCell: FC<TableCellProps> = (props) => {\n const {\n children,\n className,\n rowHeader,\n horizontalAlign = \"start\",\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.cell,\n styles[`horizontal-align-${horizontalAlign}`],\n className,\n );\n\n const content = (\n <Suspense fallback={<SkeletonText width=\"100px\" />}>{children}</Suspense>\n );\n\n if (rowHeader) {\n return (\n <TableColumn className={rootClassName} {...rest}>\n {content}\n </TableColumn>\n );\n }\n\n return (\n <Aria.Cell className={rootClassName} {...rest}>\n {content}\n </Aria.Cell>\n );\n};\n\nexport default TableCell;\n"],"names":[],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"TableCell.mjs","sources":["../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { Suspense } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { TableColumn } from \"@/components/Table\";\n\nexport interface TableCellProps\n extends Omit<Aria.CellProps, \"children\" | \"style\">,\n PropsWithChildren {\n /** Use cell as row header */\n rowHeader?: boolean;\n /** Horizontal alignment of the cell content @default \"start\" */\n horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableCell: FC<TableCellProps> = (props) => {\n const {\n children,\n className,\n rowHeader,\n horizontalAlign = \"start\",\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.cell,\n styles[`horizontal-align-${horizontalAlign}`],\n className,\n );\n\n const content = (\n <Suspense fallback={<SkeletonText width=\"100px\" />}>{children}</Suspense>\n );\n\n if (rowHeader) {\n return (\n <TableColumn className={rootClassName} {...rest}>\n {content}\n </TableColumn>\n );\n }\n\n return (\n <Aria.Cell className={rootClassName} {...rest}>\n {content}\n </Aria.Cell>\n );\n};\n\nexport default TableCell;\n"],"names":[],"mappings":";;;;;;;;AAkBa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAkB,GAAA,OAAA;AAAA,IAClB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,IAAA;AAAA,IACP,MAAA,CAAO,CAAoB,iBAAA,EAAA,eAAe,CAAE,CAAA,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAM,MAAA,OAAA,uBACH,QAAS,EAAA,EAAA,QAAA,sBAAW,YAAa,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA,EAAK,QAAS,EAAA,CAAA;AAGhE,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,2BACG,WAAY,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,MACxC,QACH,EAAA,OAAA,EAAA,CAAA;AAAA;AAIJ,EACE,uBAAA,GAAA,CAAC,KAAK,IAAL,EAAA,EAAU,WAAW,aAAgB,EAAA,GAAG,MACtC,QACH,EAAA,OAAA,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport interface TableColumnProps extends Aria.ColumnProps {\n /** @default \"start\" */\n horizontalAlign?: \"start\" | \"center\";\n}\n\n/** @flr-generate all */\nexport const TableColumn: FC<TableColumnProps> = (props) => {\n const { children, className, horizontalAlign = \"start\", ...rest } = props;\n const rootClassName = clsx(\n styles.column,\n styles[`horizontal-align-${horizontalAlign}`],\n className,\n );\n\n return (\n <Aria.Column isRowHeader className={rootClassName} {...rest}>\n {children}\n </Aria.Column>\n );\n};\n\nexport default TableColumn;\n"],"names":[],"mappings":";;;;;;AAYa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,kBAAkB,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACpE,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,MAAA,CAAO,CAAoB,iBAAA,EAAA,eAAe,CAAE,CAAA,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY,WAAA,EAAW,MAAC,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EACpD,QACH,EAAA,CAAA;AAEJ;;;;"}
|
|
1
|
+
{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport interface TableColumnProps extends Aria.ColumnProps {\n /** Horizontal alignment of the cell content @default \"start\" */\n horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableColumn: FC<TableColumnProps> = (props) => {\n const { children, className, horizontalAlign = \"start\", ...rest } = props;\n const rootClassName = clsx(\n styles.column,\n styles[`horizontal-align-${horizontalAlign}`],\n className,\n );\n\n return (\n <Aria.Column isRowHeader className={rootClassName} {...rest}>\n {children}\n </Aria.Column>\n );\n};\n\nexport default TableColumn;\n"],"names":[],"mappings":";;;;;;AAYa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,kBAAkB,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACpE,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,MAAA,CAAO,CAAoB,iBAAA,EAAA,eAAe,CAAE,CAAA,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY,WAAA,EAAW,MAAC,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EACpD,QACH,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -58,7 +58,8 @@ function Field(props) {
|
|
|
58
58
|
DatePicker: formControlProps,
|
|
59
59
|
DateRangePicker: formControlProps,
|
|
60
60
|
TimeField: formControlProps,
|
|
61
|
-
SegmentedControl: formControlProps
|
|
61
|
+
SegmentedControl: formControlProps,
|
|
62
|
+
ComboBox: formControlProps
|
|
62
63
|
};
|
|
63
64
|
return /* @__PURE__ */ jsx(
|
|
64
65
|
PropsContextProvider,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.mjs","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type {\n ControllerProps,\n FieldValues,\n UseFormReturn,\n} from \"react-hook-form\";\nimport { Controller } from \"react-hook-form\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\n\nexport interface FieldProps<T extends FieldValues>\n extends Omit<ControllerProps<T>, \"render\">,\n PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n const { children, control, ...rest } = props;\n\n const formContext = useFormContext<T>();\n const controlFromContext = formContext.form?.control;\n\n return (\n <Controller\n {...rest}\n control={control ?? controlFromContext}\n render={(renderProps) => {\n const {\n field,\n fieldState: { error, invalid },\n } = renderProps;\n\n const formControlProps = {\n ...field,\n form: formContext.id,\n isRequired: !!rest.rules?.required,\n isInvalid: invalid,\n validationBehavior: \"aria\" as const,\n children: dynamic((p) => (\n <>\n {p.children}\n <FieldErrorView>{error?.message}</FieldErrorView>\n </>\n )),\n };\n\n const propsContext: PropsContext = {\n Checkbox: {\n ...formControlProps,\n isSelected: formControlProps.value,\n },\n CheckboxGroup: formControlProps,\n CheckboxButton: formControlProps,\n FileField: formControlProps,\n NumberField: formControlProps,\n RadioGroup: formControlProps,\n Switch: {\n ...formControlProps,\n isSelected: formControlProps.value,\n },\n TextArea: formControlProps,\n TextField: formControlProps,\n Select: {\n ...formControlProps,\n selectedKey: formControlProps.value,\n },\n Slider: formControlProps,\n DatePicker: formControlProps,\n DateRangePicker: formControlProps,\n TimeField: formControlProps,\n SegmentedControl: formControlProps,\n };\n\n return (\n <PropsContextProvider\n props={propsContext}\n dependencies={[renderProps]}\n >\n {children}\n </PropsContextProvider>\n );\n }}\n />\n );\n}\n\nexport const typedField = <T extends FieldValues>(\n ignoredForm: UseFormReturn<T>,\n): typeof Field<T> => Field;\n"],"names":[],"mappings":";;;;;;;;;AAiBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AAEvC,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,EAAM,MAAA,kBAAA,GAAqB,YAAY,IAAM,EAAA,OAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAS,OAAW,IAAA,kBAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,WAAgB,KAAA;AACvB,QAAM,MAAA;AAAA,UACJ,KAAA;AAAA,UACA,UAAA,EAAY,EAAE,KAAA,EAAO,OAAQ;AAAA,SAC3B,GAAA,WAAA;AAEJ,QAAA,MAAM,gBAAmB,GAAA;AAAA,UACvB,GAAG,KAAA;AAAA,UACH,MAAM,WAAY,CAAA,EAAA;AAAA,UAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,UAC1B,SAAW,EAAA,OAAA;AAAA,UACX,kBAAoB,EAAA,MAAA;AAAA,UACpB,QAAU,EAAA,OAAA,CAAQ,CAAC,CAAA,qBAEd,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,YAAE,CAAA,CAAA,QAAA;AAAA,4BACH,GAAA,CAAC,cAAgB,EAAA,EAAA,QAAA,EAAA,KAAA,EAAO,OAAQ,EAAA;AAAA,WAAA,EAClC,CACD;AAAA,SACH;AAEA,QAAA,MAAM,YAA6B,GAAA;AAAA,UACjC,QAAU,EAAA;AAAA,YACR,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,aAAe,EAAA,gBAAA;AAAA,UACf,cAAgB,EAAA,gBAAA;AAAA,UAChB,SAAW,EAAA,gBAAA;AAAA,UACX,WAAa,EAAA,gBAAA;AAAA,UACb,UAAY,EAAA,gBAAA;AAAA,UACZ,MAAQ,EAAA;AAAA,YACN,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,QAAU,EAAA,gBAAA;AAAA,UACV,SAAW,EAAA,gBAAA;AAAA,UACX,MAAQ,EAAA;AAAA,YACN,GAAG,gBAAA;AAAA,YACH,aAAa,gBAAiB,CAAA;AAAA,WAChC;AAAA,UACA,MAAQ,EAAA,gBAAA;AAAA,UACR,UAAY,EAAA,gBAAA;AAAA,UACZ,eAAiB,EAAA,gBAAA;AAAA,UACjB,SAAW,EAAA,gBAAA;AAAA,UACX,gBAAkB,EAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Field.mjs","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type {\n ControllerProps,\n FieldValues,\n UseFormReturn,\n} from \"react-hook-form\";\nimport { Controller } from \"react-hook-form\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\n\nexport interface FieldProps<T extends FieldValues>\n extends Omit<ControllerProps<T>, \"render\">,\n PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n const { children, control, ...rest } = props;\n\n const formContext = useFormContext<T>();\n const controlFromContext = formContext.form?.control;\n\n return (\n <Controller\n {...rest}\n control={control ?? controlFromContext}\n render={(renderProps) => {\n const {\n field,\n fieldState: { error, invalid },\n } = renderProps;\n\n const formControlProps = {\n ...field,\n form: formContext.id,\n isRequired: !!rest.rules?.required,\n isInvalid: invalid,\n validationBehavior: \"aria\" as const,\n children: dynamic((p) => (\n <>\n {p.children}\n <FieldErrorView>{error?.message}</FieldErrorView>\n </>\n )),\n };\n\n const propsContext: PropsContext = {\n Checkbox: {\n ...formControlProps,\n isSelected: formControlProps.value,\n },\n CheckboxGroup: formControlProps,\n CheckboxButton: formControlProps,\n FileField: formControlProps,\n NumberField: formControlProps,\n RadioGroup: formControlProps,\n Switch: {\n ...formControlProps,\n isSelected: formControlProps.value,\n },\n TextArea: formControlProps,\n TextField: formControlProps,\n Select: {\n ...formControlProps,\n selectedKey: formControlProps.value,\n },\n Slider: formControlProps,\n DatePicker: formControlProps,\n DateRangePicker: formControlProps,\n TimeField: formControlProps,\n SegmentedControl: formControlProps,\n ComboBox: formControlProps,\n };\n\n return (\n <PropsContextProvider\n props={propsContext}\n dependencies={[renderProps]}\n >\n {children}\n </PropsContextProvider>\n );\n }}\n />\n );\n}\n\nexport const typedField = <T extends FieldValues>(\n ignoredForm: UseFormReturn<T>,\n): typeof Field<T> => Field;\n"],"names":[],"mappings":";;;;;;;;;AAiBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AAEvC,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,EAAM,MAAA,kBAAA,GAAqB,YAAY,IAAM,EAAA,OAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAS,OAAW,IAAA,kBAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,WAAgB,KAAA;AACvB,QAAM,MAAA;AAAA,UACJ,KAAA;AAAA,UACA,UAAA,EAAY,EAAE,KAAA,EAAO,OAAQ;AAAA,SAC3B,GAAA,WAAA;AAEJ,QAAA,MAAM,gBAAmB,GAAA;AAAA,UACvB,GAAG,KAAA;AAAA,UACH,MAAM,WAAY,CAAA,EAAA;AAAA,UAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,UAC1B,SAAW,EAAA,OAAA;AAAA,UACX,kBAAoB,EAAA,MAAA;AAAA,UACpB,QAAU,EAAA,OAAA,CAAQ,CAAC,CAAA,qBAEd,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,YAAE,CAAA,CAAA,QAAA;AAAA,4BACH,GAAA,CAAC,cAAgB,EAAA,EAAA,QAAA,EAAA,KAAA,EAAO,OAAQ,EAAA;AAAA,WAAA,EAClC,CACD;AAAA,SACH;AAEA,QAAA,MAAM,YAA6B,GAAA;AAAA,UACjC,QAAU,EAAA;AAAA,YACR,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,aAAe,EAAA,gBAAA;AAAA,UACf,cAAgB,EAAA,gBAAA;AAAA,UAChB,SAAW,EAAA,gBAAA;AAAA,UACX,WAAa,EAAA,gBAAA;AAAA,UACb,UAAY,EAAA,gBAAA;AAAA,UACZ,MAAQ,EAAA;AAAA,YACN,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,QAAU,EAAA,gBAAA;AAAA,UACV,SAAW,EAAA,gBAAA;AAAA,UACX,MAAQ,EAAA;AAAA,YACN,GAAG,gBAAA;AAAA,YACH,aAAa,gBAAiB,CAAA;AAAA,WAChC;AAAA,UACA,MAAQ,EAAA,gBAAA;AAAA,UACR,UAAY,EAAA,gBAAA;AAAA,UACZ,eAAiB,EAAA,gBAAA;AAAA,UACjB,SAAW,EAAA,gBAAA;AAAA,UACX,gBAAkB,EAAA,gBAAA;AAAA,UAClB,QAAU,EAAA;AAAA,SACZ;AAEA,QACE,uBAAA,GAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,KAAO,EAAA,YAAA;AAAA,YACP,YAAA,EAAc,CAAC,WAAW,CAAA;AAAA,YAEzB;AAAA;AAAA,SACH;AAAA;AAEJ;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComboBox/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComboBox/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAgB/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAelC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA4BpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAc/C,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAElD,eAAO,MAAM,YAAY,UAAW,iBAAiB,4CAoEpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemViewContent.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,GAAG;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,CAAC;AASF,wBAAwB;AACxB,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,
|
|
1
|
+
{"version":3,"file":"ListItemViewContent.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,GAAG;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,CAAC;AASF,wBAAwB;AACxB,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,4CAwFlE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EdgeCases.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/stories/EdgeCases.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"EdgeCases.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/stories/EdgeCases.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAahC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAUnC,eAAO,MAAM,eAAe,EAAE,KA2B7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkC3B,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import * as Aria from "react-aria-components";
|
|
3
3
|
export interface TableCellProps extends Omit<Aria.CellProps, "children" | "style">, PropsWithChildren {
|
|
4
|
+
/** Use cell as row header */
|
|
4
5
|
rowHeader?: boolean;
|
|
5
|
-
/** @default "start" */
|
|
6
|
-
horizontalAlign?: "start" | "center";
|
|
6
|
+
/** Horizontal alignment of the cell content @default "start" */
|
|
7
|
+
horizontalAlign?: "start" | "center" | "end";
|
|
7
8
|
}
|
|
8
9
|
/** @flr-generate all */
|
|
9
10
|
export declare const TableCell: FC<TableCellProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAM9C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC,EAChD,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,
|
|
1
|
+
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAM9C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC,EAChD,iBAAiB;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CAC9C;AAED,wBAAwB;AACxB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAgCxC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import * as Aria from "react-aria-components";
|
|
3
3
|
export interface TableColumnProps extends Aria.ColumnProps {
|
|
4
|
-
/** @default "start" */
|
|
5
|
-
horizontalAlign?: "start" | "center";
|
|
4
|
+
/** Horizontal alignment of the cell content @default "start" */
|
|
5
|
+
horizontalAlign?: "start" | "center" | "end";
|
|
6
6
|
}
|
|
7
7
|
/** @flr-generate all */
|
|
8
8
|
export declare const TableColumn: FC<TableColumnProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAI9C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW;IACxD,
|
|
1
|
+
{"version":3,"file":"TableColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAI9C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW;IACxD,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CAC9C;AAED,wBAAwB;AACxB,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAa5C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACd,MAAM,iBAAiB,CAAC;AAOzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EACxC,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACd,MAAM,iBAAiB,CAAC;AAOzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EACxC,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CAqEhE;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,eACjC,aAAa,CAAC,CAAC,CAAC,KAC5B,OAAO,KAAK,CAAC,CAAC,CAAU,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.46",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@chakra-ui/live-region": "^2.1.0",
|
|
54
54
|
"@internationalized/string-compiler": "^3.2.6",
|
|
55
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
55
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.46",
|
|
56
56
|
"@mittwald/react-use-promise": "^2.6.0",
|
|
57
57
|
"@react-aria/form": "^3.0.12",
|
|
58
58
|
"@react-aria/utils": "^3.27.0",
|
|
@@ -90,25 +90,25 @@
|
|
|
90
90
|
"devDependencies": {
|
|
91
91
|
"@faker-js/faker": "^9.5.0",
|
|
92
92
|
"@internationalized/date": "^3.7.0",
|
|
93
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
93
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.46",
|
|
94
94
|
"@mittwald/react-use-promise": "^2.6.0",
|
|
95
95
|
"@mittwald/typescript-config": "",
|
|
96
|
-
"@nx/storybook": "^20.4.
|
|
96
|
+
"@nx/storybook": "^20.4.5",
|
|
97
97
|
"@remote-dom/react": "^1.2.1",
|
|
98
|
-
"@storybook/addon-a11y": "^8.5.
|
|
99
|
-
"@storybook/addon-actions": "^8.5.
|
|
100
|
-
"@storybook/addon-essentials": "^8.5.
|
|
101
|
-
"@storybook/addon-interactions": "^8.5.
|
|
102
|
-
"@storybook/addon-links": "^8.5.
|
|
103
|
-
"@storybook/blocks": "^8.5.
|
|
104
|
-
"@storybook/components": "^8.5.
|
|
105
|
-
"@storybook/core-events": "^8.5.
|
|
106
|
-
"@storybook/manager-api": "^8.5.
|
|
107
|
-
"@storybook/preview-api": "^8.5.
|
|
108
|
-
"@storybook/react": "^8.5.
|
|
109
|
-
"@storybook/react-vite": "^8.5.
|
|
110
|
-
"@storybook/test": "^8.5.
|
|
111
|
-
"@storybook/theming": "^8.5.
|
|
98
|
+
"@storybook/addon-a11y": "^8.5.8",
|
|
99
|
+
"@storybook/addon-actions": "^8.5.8",
|
|
100
|
+
"@storybook/addon-essentials": "^8.5.8",
|
|
101
|
+
"@storybook/addon-interactions": "^8.5.8",
|
|
102
|
+
"@storybook/addon-links": "^8.5.8",
|
|
103
|
+
"@storybook/blocks": "^8.5.8",
|
|
104
|
+
"@storybook/components": "^8.5.8",
|
|
105
|
+
"@storybook/core-events": "^8.5.8",
|
|
106
|
+
"@storybook/manager-api": "^8.5.8",
|
|
107
|
+
"@storybook/preview-api": "^8.5.8",
|
|
108
|
+
"@storybook/react": "^8.5.8",
|
|
109
|
+
"@storybook/react-vite": "^8.5.8",
|
|
110
|
+
"@storybook/test": "^8.5.8",
|
|
111
|
+
"@storybook/theming": "^8.5.8",
|
|
112
112
|
"@testing-library/dom": "^10.4.0",
|
|
113
113
|
"@testing-library/jest-dom": "6.6.3",
|
|
114
114
|
"@testing-library/react": "~16.2.0",
|
|
@@ -122,8 +122,8 @@
|
|
|
122
122
|
"glob": "^11.0.1",
|
|
123
123
|
"happy-dom": "^16.8.1",
|
|
124
124
|
"next": "^15.1.7",
|
|
125
|
-
"nx": "^20.4.
|
|
126
|
-
"postcss": "^8.5.
|
|
125
|
+
"nx": "^20.4.5",
|
|
126
|
+
"postcss": "^8.5.3",
|
|
127
127
|
"postcss-nested-import": "^1.3.0",
|
|
128
128
|
"postcss-nesting": "^13.0.1",
|
|
129
129
|
"prettier": "^3.5.1",
|
|
@@ -136,12 +136,12 @@
|
|
|
136
136
|
"rimraf": "^6.0.1",
|
|
137
137
|
"rollup": "~4.34.8",
|
|
138
138
|
"sass": "^1.85.0",
|
|
139
|
-
"storybook": "^8.5.
|
|
139
|
+
"storybook": "^8.5.8",
|
|
140
140
|
"storybook-addon-rtl": "^1.0.1",
|
|
141
|
-
"tsx": "^4.19.
|
|
141
|
+
"tsx": "^4.19.3",
|
|
142
142
|
"typescript": "^5.7.3",
|
|
143
143
|
"typescript-plugin-css-modules": "^5.1.0",
|
|
144
|
-
"vite": "^6.1.
|
|
144
|
+
"vite": "^6.1.1",
|
|
145
145
|
"vite-plugin-banner": "^0.8.0",
|
|
146
146
|
"vite-plugin-checker": "^0.8.0",
|
|
147
147
|
"vite-plugin-dts": "^4.5.0",
|
|
@@ -168,5 +168,5 @@
|
|
|
168
168
|
"optional": true
|
|
169
169
|
}
|
|
170
170
|
},
|
|
171
|
-
"gitHead": "
|
|
171
|
+
"gitHead": "ef82ec9b2b1c6a47574ef2e1ec0ecc76a39aad54"
|
|
172
172
|
}
|