@mittwald/flow-react-components 0.2.0-alpha.95 → 0.2.0-alpha.97
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 +12 -0
- package/dist/assets/doc-properties.json +1937 -1926
- package/dist/css/all.css +1 -1
- package/dist/js/components/List/components/ListItemView/ListItemView.mjs +4 -0
- package/dist/js/components/List/components/ListItemView/ListItemView.mjs.map +1 -1
- package/dist/js/components/List/components/ListItemView/ListItemView.module.scss.mjs +7 -3
- 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 +22 -7
- package/dist/js/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs.map +1 -1
- package/dist/js/components/Table/components/TableColumn/TableColumn.mjs +5 -1
- package/dist/js/components/Table/components/TableColumn/TableColumn.mjs.map +1 -1
- package/dist/js/views/TableBodyView.mjs +4 -0
- package/dist/js/views/TableBodyView.mjs.map +1 -1
- package/dist/js/views/TableCellView.mjs +4 -0
- package/dist/js/views/TableCellView.mjs.map +1 -1
- package/dist/js/views/TableHeaderView.mjs +5 -1
- package/dist/js/views/TableHeaderView.mjs.map +1 -1
- package/dist/js/views/TableRowView.mjs +5 -1
- package/dist/js/views/TableRowView.mjs.map +1 -1
- package/dist/js/views/TableView.mjs +5 -1
- package/dist/js/views/TableView.mjs.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 +1 -0
- 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.map +1 -1
- package/dist/types/components/List/stories/ListItem.stories.d.ts +1 -0
- package/dist/types/components/List/stories/ListItem.stories.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/package.json +4 -4
|
@@ -60,6 +60,9 @@ const ListItemView = (props) => {
|
|
|
60
60
|
},
|
|
61
61
|
Content: {
|
|
62
62
|
tunnelId: dynamic((p) => p.slot === "bottom" ? "bottom" : void 0)
|
|
63
|
+
},
|
|
64
|
+
Checkbox: {
|
|
65
|
+
tunnelId: "checkbox"
|
|
63
66
|
}
|
|
64
67
|
};
|
|
65
68
|
return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx(
|
|
@@ -71,6 +74,7 @@ const ListItemView = (props) => {
|
|
|
71
74
|
button: /* @__PURE__ */ jsx(FragmentView, { children: /* @__PURE__ */ jsx(TunnelExit, { id: "button" }) }),
|
|
72
75
|
subTitle: /* @__PURE__ */ jsx(FragmentView, { children: /* @__PURE__ */ jsx(TunnelExit, { id: "text" }) }),
|
|
73
76
|
bottom: /* @__PURE__ */ jsx(FragmentView, { children: /* @__PURE__ */ jsx(TunnelExit, { id: "bottom" }) }),
|
|
77
|
+
checkbox: /* @__PURE__ */ jsx(FragmentView, { children: /* @__PURE__ */ jsx(TunnelExit, { id: "checkbox" }) }),
|
|
74
78
|
children
|
|
75
79
|
}
|
|
76
80
|
) }) });
|
|
@@ -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 {\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;
|
|
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 Checkbox: {\n tunnelId: \"checkbox\",\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 checkbox={\n <FragmentView>\n <TunnelExit id=\"checkbox\" />\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,KACvE;AAAA,IACA,QAAU,EAAA;AAAA,MACR,QAAU,EAAA;AAAA;AACZ,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,MAEF,0BACG,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAW,CAC5B,EAAA,CAAA;AAAA,MAGD;AAAA;AAAA,KAEL,CACF,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
const view = "flow--list--list-item-view--view";
|
|
4
|
+
const checkboxContainer = "flow--list--list-item-view--checkbox-container";
|
|
4
5
|
const content = "flow--list--list-item-view--content";
|
|
5
6
|
const topContent = "flow--list--list-item-view--top-content";
|
|
6
7
|
const bottomContent = "flow--list--list-item-view--bottom-content";
|
|
7
8
|
const heading = "flow--list--list-item-view--heading";
|
|
8
|
-
const
|
|
9
|
+
const header = "flow--list--list-item-view--header";
|
|
9
10
|
const subTitle = "flow--list--list-item-view--sub-title";
|
|
10
11
|
const text = "flow--list--list-item-view--text";
|
|
11
12
|
const listView = "flow--list--list-item-view--list-view";
|
|
@@ -14,14 +15,16 @@ const action = "flow--list--list-item-view--action";
|
|
|
14
15
|
const avatar = "flow--list--list-item-view--avatar";
|
|
15
16
|
const tileView = "flow--list--list-item-view--tile-view";
|
|
16
17
|
const avatarContainer = "flow--list--list-item-view--avatar-container";
|
|
18
|
+
const title = "flow--list--list-item-view--title";
|
|
17
19
|
const badge = "flow--list--list-item-view--badge";
|
|
18
20
|
const styles = {
|
|
19
21
|
view: view,
|
|
22
|
+
checkboxContainer: checkboxContainer,
|
|
20
23
|
content: content,
|
|
21
24
|
topContent: topContent,
|
|
22
25
|
bottomContent: bottomContent,
|
|
23
26
|
heading: heading,
|
|
24
|
-
|
|
27
|
+
header: header,
|
|
25
28
|
subTitle: subTitle,
|
|
26
29
|
text: text,
|
|
27
30
|
listView: listView,
|
|
@@ -30,8 +33,9 @@ const styles = {
|
|
|
30
33
|
avatar: avatar,
|
|
31
34
|
tileView: tileView,
|
|
32
35
|
avatarContainer: avatarContainer,
|
|
36
|
+
title: title,
|
|
33
37
|
badge: badge
|
|
34
38
|
};
|
|
35
39
|
|
|
36
|
-
export { action, avatar, avatarContainer, badge, bottomContent, content, contentWrapper, styles as default, heading, listView, subTitle, text, tileView, title, topContent, view };
|
|
40
|
+
export { action, avatar, avatarContainer, badge, bottomContent, checkboxContainer, content, contentWrapper, styles as default, header, heading, listView, subTitle, text, tileView, title, topContent, view };
|
|
37
41
|
//# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -11,7 +11,16 @@ import clsx from 'clsx';
|
|
|
11
11
|
|
|
12
12
|
const getStyleForContentSlot = (slot) => slot === "top" ? styles.topContent : slot === "bottom" ? styles.bottomContent : styles.topContent;
|
|
13
13
|
const ListItemViewContent = (props) => {
|
|
14
|
-
const {
|
|
14
|
+
const {
|
|
15
|
+
children,
|
|
16
|
+
avatar,
|
|
17
|
+
title,
|
|
18
|
+
subTitle,
|
|
19
|
+
button,
|
|
20
|
+
bottom,
|
|
21
|
+
checkbox,
|
|
22
|
+
viewMode
|
|
23
|
+
} = props;
|
|
15
24
|
const contentProps = {
|
|
16
25
|
bottom: {
|
|
17
26
|
onMouseDown: (e) => e.stopPropagation(),
|
|
@@ -64,10 +73,13 @@ const ListItemViewContent = (props) => {
|
|
|
64
73
|
/* @__PURE__ */ jsxs("div", { className: styles.contentWrapper, children: [
|
|
65
74
|
/* @__PURE__ */ jsxs("div", { className: styles.content, children: [
|
|
66
75
|
children,
|
|
67
|
-
/* @__PURE__ */ jsxs("div", { className: styles.
|
|
76
|
+
/* @__PURE__ */ jsxs("div", { className: styles.header, children: [
|
|
77
|
+
/* @__PURE__ */ jsx("div", { className: styles.checkboxContainer, children: checkbox }),
|
|
68
78
|
avatar,
|
|
69
|
-
title,
|
|
70
|
-
|
|
79
|
+
/* @__PURE__ */ jsxs("div", { className: styles.title, children: [
|
|
80
|
+
title,
|
|
81
|
+
/* @__PURE__ */ jsx("div", { className: styles.subTitle, children: subTitle })
|
|
82
|
+
] })
|
|
71
83
|
] })
|
|
72
84
|
] }),
|
|
73
85
|
button
|
|
@@ -77,9 +89,12 @@ const ListItemViewContent = (props) => {
|
|
|
77
89
|
viewMode === "tiles" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
78
90
|
/* @__PURE__ */ jsx("div", { className: styles.avatarContainer, children: avatar }),
|
|
79
91
|
/* @__PURE__ */ jsxs("div", { className: styles.content, children: [
|
|
80
|
-
/* @__PURE__ */ jsxs("div", { className: styles.
|
|
81
|
-
|
|
82
|
-
/* @__PURE__ */
|
|
92
|
+
/* @__PURE__ */ jsxs("div", { className: styles.header, children: [
|
|
93
|
+
/* @__PURE__ */ jsx("div", { className: styles.checkboxContainer, children: checkbox }),
|
|
94
|
+
/* @__PURE__ */ jsxs("div", { className: styles.title, children: [
|
|
95
|
+
title,
|
|
96
|
+
/* @__PURE__ */ jsx("div", { className: styles.subTitle, children: subTitle })
|
|
97
|
+
] })
|
|
83
98
|
] }),
|
|
84
99
|
button,
|
|
85
100
|
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 {
|
|
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 checkbox?: 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 {\n children,\n avatar,\n title,\n subTitle,\n button,\n bottom,\n checkbox,\n viewMode,\n } = 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 },\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(\n styles.view,\n viewMode === \"tiles\" ? styles.tileView : styles.listView,\n );\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.header}>\n <div className={styles.checkboxContainer}>{checkbox}</div>\n {avatar}\n <div className={styles.title}>\n {title}\n <div className={styles.subTitle}>{subTitle}</div>\n </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.header}>\n <div className={styles.checkboxContainer}>{checkbox}</div>\n <div className={styles.title}>\n {title}\n <div className={styles.subTitle}>{subTitle}</div>\n </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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"}
|
|
@@ -5,6 +5,9 @@ import 'react';
|
|
|
5
5
|
import * as Aria from 'react-aria-components';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import styles from '../../Table.module.scss.mjs';
|
|
8
|
+
import '../../../../lib/propsContext/propsContext.mjs';
|
|
9
|
+
import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
|
|
10
|
+
import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
|
|
8
11
|
|
|
9
12
|
const TableColumn = (props) => {
|
|
10
13
|
const { children, className, horizontalAlign = "start", ...rest } = props;
|
|
@@ -13,7 +16,8 @@ const TableColumn = (props) => {
|
|
|
13
16
|
styles[`horizontal-align-${horizontalAlign}`],
|
|
14
17
|
className
|
|
15
18
|
);
|
|
16
|
-
|
|
19
|
+
const propsContext = { Checkbox: { slot: null } };
|
|
20
|
+
return /* @__PURE__ */ jsx(Aria.Column, { isRowHeader: true, className: rootClassName, ...rest, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
|
|
17
21
|
};
|
|
18
22
|
|
|
19
23
|
export { TableColumn, TableColumn as default };
|
|
@@ -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
|
|
1
|
+
{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface TableColumnProps\n extends Omit<Aria.ColumnProps, \"children\">,\n PropsWithChildren {\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 const propsContext: PropsContext = { Checkbox: { slot: null } };\n\n return (\n <Aria.Column isRowHeader className={rootClassName} {...rest}>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </Aria.Column>\n );\n};\n\nexport default TableColumn;\n"],"names":[],"mappings":";;;;;;;;;AAea,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,EAAA,MAAM,eAA6B,EAAE,QAAA,EAAU,EAAE,IAAA,EAAM,MAAO,EAAA;AAE9D,EAAA,uBACG,GAAA,CAAA,IAAA,CAAK,MAAL,EAAA,EAAY,aAAW,IAAC,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,MACrD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -5,7 +5,11 @@ import { useContext } from 'react';
|
|
|
5
5
|
import { TableBody } from '../components/Table/components/TableBody/TableBody.mjs';
|
|
6
6
|
import 'react-aria-components';
|
|
7
7
|
import 'clsx';
|
|
8
|
+
import '../lib/propsContext/propsContext.mjs';
|
|
8
9
|
import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
|
|
10
|
+
import '@react-aria/utils';
|
|
11
|
+
import 'remeda';
|
|
12
|
+
import 'dot-prop';
|
|
9
13
|
|
|
10
14
|
const TableBodyView = (props) => {
|
|
11
15
|
const View = useContext(viewComponentContext)["TableBody"] ?? TableBody;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBodyView.mjs","sources":["../../../src/views/TableBodyView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { TableBody, type TableBodyProps } from \"@/components/Table\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst TableBodyView: FC<TableBodyProps> = (props) => {\n const View = useContext(viewComponentContext)[\"TableBody\"] ?? TableBody;\n return <View {...props} />;\n};\n\nexport default TableBodyView;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableBodyView.mjs","sources":["../../../src/views/TableBodyView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { TableBody, type TableBodyProps } from \"@/components/Table\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst TableBodyView: FC<TableBodyProps> = (props) => {\n const View = useContext(viewComponentContext)[\"TableBody\"] ?? TableBody;\n return <View {...props} />;\n};\n\nexport default TableBodyView;\n"],"names":[],"mappings":";;;;;;;;;;;AAMM,MAAA,aAAA,GAAoC,CAAC,KAAU,KAAA;AACnD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,WAAW,CAAK,IAAA,SAAA;AAC9D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
|
|
@@ -5,7 +5,11 @@ import { useContext } from 'react';
|
|
|
5
5
|
import 'react-aria-components';
|
|
6
6
|
import 'clsx';
|
|
7
7
|
import { TableCell } from '../components/Table/components/TableCell/TableCell.mjs';
|
|
8
|
+
import '../lib/propsContext/propsContext.mjs';
|
|
8
9
|
import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
|
|
10
|
+
import '@react-aria/utils';
|
|
11
|
+
import 'remeda';
|
|
12
|
+
import 'dot-prop';
|
|
9
13
|
|
|
10
14
|
const TableCellView = (props) => {
|
|
11
15
|
const View = useContext(viewComponentContext)["TableCell"] ?? TableCell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCellView.mjs","sources":["../../../src/views/TableCellView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { TableCell, type TableCellProps } from \"@/components/Table\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst TableCellView: FC<TableCellProps> = (props) => {\n const View = useContext(viewComponentContext)[\"TableCell\"] ?? TableCell;\n return <View {...props} />;\n};\n\nexport default TableCellView;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableCellView.mjs","sources":["../../../src/views/TableCellView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { TableCell, type TableCellProps } from \"@/components/Table\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst TableCellView: FC<TableCellProps> = (props) => {\n const View = useContext(viewComponentContext)[\"TableCell\"] ?? TableCell;\n return <View {...props} />;\n};\n\nexport default TableCellView;\n"],"names":[],"mappings":";;;;;;;;;;;AAMM,MAAA,aAAA,GAAoC,CAAC,KAAU,KAAA;AACnD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,WAAW,CAAK,IAAA,SAAA;AAC9D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
|
|
@@ -4,8 +4,12 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
import { useContext } from 'react';
|
|
5
5
|
import 'react-aria-components';
|
|
6
6
|
import 'clsx';
|
|
7
|
-
import
|
|
7
|
+
import '../lib/propsContext/propsContext.mjs';
|
|
8
8
|
import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
|
|
9
|
+
import '@react-aria/utils';
|
|
10
|
+
import 'remeda';
|
|
11
|
+
import 'dot-prop';
|
|
12
|
+
import { TableHeader } from '../components/Table/components/TableHeader/TableHeader.mjs';
|
|
9
13
|
|
|
10
14
|
const TableHeaderView = (props) => {
|
|
11
15
|
const View = useContext(viewComponentContext)["TableHeader"] ?? TableHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeaderView.mjs","sources":["../../../src/views/TableHeaderView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { TableHeader, type TableHeaderProps } from \"@/components/Table\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst TableHeaderView: FC<TableHeaderProps> = (props) => {\n const View = useContext(viewComponentContext)[\"TableHeader\"] ?? TableHeader;\n return <View {...props} />;\n};\n\nexport default TableHeaderView;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableHeaderView.mjs","sources":["../../../src/views/TableHeaderView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { TableHeader, type TableHeaderProps } from \"@/components/Table\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst TableHeaderView: FC<TableHeaderProps> = (props) => {\n const View = useContext(viewComponentContext)[\"TableHeader\"] ?? TableHeader;\n return <View {...props} />;\n};\n\nexport default TableHeaderView;\n"],"names":[],"mappings":";;;;;;;;;;;AAMM,MAAA,eAAA,GAAwC,CAAC,KAAU,KAAA;AACvD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,aAAa,CAAK,IAAA,WAAA;AAChE,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
|
|
@@ -4,8 +4,12 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
import { useContext } from 'react';
|
|
5
5
|
import 'react-aria-components';
|
|
6
6
|
import 'clsx';
|
|
7
|
-
import
|
|
7
|
+
import '../lib/propsContext/propsContext.mjs';
|
|
8
8
|
import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
|
|
9
|
+
import '@react-aria/utils';
|
|
10
|
+
import 'remeda';
|
|
11
|
+
import 'dot-prop';
|
|
12
|
+
import { TableRow } from '../components/Table/components/TableRow/TableRow.mjs';
|
|
9
13
|
|
|
10
14
|
const TableRowView = (props) => {
|
|
11
15
|
const View = useContext(viewComponentContext)["TableRow"] ?? TableRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRowView.mjs","sources":["../../../src/views/TableRowView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { TableRow, type TableRowProps } from \"@/components/Table\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst TableRowView: FC<TableRowProps> = (props) => {\n const View = useContext(viewComponentContext)[\"TableRow\"] ?? TableRow;\n return <View {...props} />;\n};\n\nexport default TableRowView;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableRowView.mjs","sources":["../../../src/views/TableRowView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { TableRow, type TableRowProps } from \"@/components/Table\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst TableRowView: FC<TableRowProps> = (props) => {\n const View = useContext(viewComponentContext)[\"TableRow\"] ?? TableRow;\n return <View {...props} />;\n};\n\nexport default TableRowView;\n"],"names":[],"mappings":";;;;;;;;;;;AAMM,MAAA,YAAA,GAAkC,CAAC,KAAU,KAAA;AACjD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,UAAU,CAAK,IAAA,QAAA;AAC7D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
|
|
@@ -4,8 +4,12 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
import { useContext } from 'react';
|
|
5
5
|
import 'react-aria-components';
|
|
6
6
|
import 'clsx';
|
|
7
|
-
import
|
|
7
|
+
import '../lib/propsContext/propsContext.mjs';
|
|
8
8
|
import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
|
|
9
|
+
import '@react-aria/utils';
|
|
10
|
+
import 'remeda';
|
|
11
|
+
import 'dot-prop';
|
|
12
|
+
import { Table } from '../components/Table/Table.mjs';
|
|
9
13
|
|
|
10
14
|
const TableView = (props) => {
|
|
11
15
|
const View = useContext(viewComponentContext)["Table"] ?? Table;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableView.mjs","sources":["../../../src/views/TableView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { Table, type TableProps } from \"@/components/Table\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst TableView: FC<TableProps> = (props) => {\n const View = useContext(viewComponentContext)[\"Table\"] ?? Table;\n return <View {...props} />;\n};\n\nexport default TableView;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableView.mjs","sources":["../../../src/views/TableView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { Table, type TableProps } from \"@/components/Table\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst TableView: FC<TableProps> = (props) => {\n const View = useContext(viewComponentContext)[\"Table\"] ?? Table;\n return <View {...props} />;\n};\n\nexport default TableView;\n"],"names":[],"mappings":";;;;;;;;;;;AAMM,MAAA,SAAA,GAA4B,CAAC,KAAU,KAAA;AAC3C,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,OAAO,CAAK,IAAA,KAAA;AAC1D,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}
|
|
@@ -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;AAc/C,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAElD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,
|
|
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,GAAI,OAAO,iBAAiB,4CA4EpD,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,GAAI,OAAO,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,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,CAAC;AASF,wBAAwB;AACxB,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAyGlE,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":"AAYA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,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":"AAYA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAMhC,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,KAmC3B,CAAC;AAmCF,eAAO,MAAM,iBAAiB,+CA8G7B,CAAC"}
|
|
@@ -10,4 +10,5 @@ export declare const WithActionGroup: Story;
|
|
|
10
10
|
export declare const WithMultipleTexts: Story;
|
|
11
11
|
export declare const WithCustomTileMaxWidth: Story;
|
|
12
12
|
export declare const WithHeadingAndAction: Story;
|
|
13
|
+
export declare const WithCheckbox: Story;
|
|
13
14
|
//# sourceMappingURL=ListItem.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/stories/ListItem.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":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/stories/ListItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAoBhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA4B3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAyB/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA6B7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAsBpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAoBlC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA6C1B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import * as Aria from "react-aria-components";
|
|
3
|
-
export interface TableColumnProps extends Aria.ColumnProps {
|
|
3
|
+
export interface TableColumnProps extends Omit<Aria.ColumnProps, "children">, PropsWithChildren {
|
|
4
4
|
/** Horizontal alignment of the cell content @default "start" */
|
|
5
5
|
horizontalAlign?: "start" | "center" | "end";
|
|
6
6
|
}
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"TableColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/components/TableColumn/TableColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAK9C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,EACxC,iBAAiB;IACnB,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CAC9C;AAED,wBAAwB;AACxB,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiB5C,CAAC;AAEF,eAAe,WAAW,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.97",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@chakra-ui/live-region": "^2.1.0",
|
|
55
55
|
"@internationalized/string-compiler": "^3.2.6",
|
|
56
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
56
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.97",
|
|
57
57
|
"@mittwald/react-use-promise": "^3.0.1",
|
|
58
58
|
"@react-aria/form": "^3.0.14",
|
|
59
59
|
"@react-aria/utils": "^3.28.1",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"@faker-js/faker": "^9.6.0",
|
|
93
93
|
"@internationalized/date": "^3.7.0",
|
|
94
94
|
"@mfalkenberg/remote-dom-react": "1.2.3",
|
|
95
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
95
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.97",
|
|
96
96
|
"@mittwald/react-use-promise": "^2.6.0",
|
|
97
97
|
"@mittwald/typescript-config": "",
|
|
98
98
|
"@nx/storybook": "^20.5.0",
|
|
@@ -172,5 +172,5 @@
|
|
|
172
172
|
"optional": true
|
|
173
173
|
}
|
|
174
174
|
},
|
|
175
|
-
"gitHead": "
|
|
175
|
+
"gitHead": "0a834ad080c238fa9561ddce3d0423c855c7d7df"
|
|
176
176
|
}
|