@mittwald/flow-react-components 0.2.0-alpha.151 → 0.2.0-alpha.153

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 CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.2.0-alpha.153](https://github.com/mittwald/flow/compare/0.2.0-alpha.152...0.2.0-alpha.153) (2025-04-16)
7
+
8
+ **Note:** Version bump only for package @mittwald/flow-react-components
9
+
10
+ # [0.2.0-alpha.152](https://github.com/mittwald/flow/compare/0.2.0-alpha.151...0.2.0-alpha.152) (2025-04-16)
11
+
12
+ **Note:** Version bump only for package @mittwald/flow-react-components
13
+
6
14
  # [0.2.0-alpha.151](https://github.com/mittwald/flow/compare/0.2.0-alpha.150...0.2.0-alpha.151) (2025-04-16)
7
15
 
8
16
  ### Bug Fixes
@@ -125480,7 +125480,7 @@
125480
125480
  ],
125481
125481
  "required": false,
125482
125482
  "type": {
125483
- "name": "((((instance: HTMLDivElement | HTMLUListElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLDivElement | HTMLUListElement | null>) & (((instance: HTMLDivElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...>)) | null"
125483
+ "name": "((((instance: HTMLDivElement | HTMLUListElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<HTMLDivElement | HTMLUListElement | null>) & (((instance: HTMLUListElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...>)) | null"
125484
125484
  }
125485
125485
  },
125486
125486
  "key": {
@@ -126629,6 +126629,82 @@
126629
126629
  "name": "string"
126630
126630
  }
126631
126631
  },
126632
+ "wrapWith": {
126633
+ "defaultValue": null,
126634
+ "description": "",
126635
+ "name": "wrapWith",
126636
+ "parent": {
126637
+ "fileName": "components/src/lib/componentFactory/flowComponent.tsx",
126638
+ "name": "FlowComponentProps"
126639
+ },
126640
+ "declarations": [
126641
+ {
126642
+ "fileName": "components/src/lib/componentFactory/flowComponent.tsx",
126643
+ "name": "FlowComponentProps"
126644
+ }
126645
+ ],
126646
+ "required": false,
126647
+ "type": {
126648
+ "name": "ReactElement<unknown, string | JSXElementConstructor<any>>"
126649
+ }
126650
+ },
126651
+ "tunnelId": {
126652
+ "defaultValue": null,
126653
+ "description": "@internal",
126654
+ "name": "tunnelId",
126655
+ "parent": {
126656
+ "fileName": "components/src/lib/types/props.ts",
126657
+ "name": "PropsWithTunnel"
126658
+ },
126659
+ "declarations": [
126660
+ {
126661
+ "fileName": "components/src/lib/types/props.ts",
126662
+ "name": "PropsWithTunnel"
126663
+ }
126664
+ ],
126665
+ "required": false,
126666
+ "type": {
126667
+ "name": "string | null"
126668
+ }
126669
+ },
126670
+ "ref": {
126671
+ "defaultValue": null,
126672
+ "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",
126673
+ "name": "ref",
126674
+ "parent": {
126675
+ "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
126676
+ "name": "RefAttributes"
126677
+ },
126678
+ "declarations": [
126679
+ {
126680
+ "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
126681
+ "name": "RefAttributes"
126682
+ }
126683
+ ],
126684
+ "required": false,
126685
+ "type": {
126686
+ "name": "Ref<HTMLDivElement | HTMLLIElement>"
126687
+ }
126688
+ },
126689
+ "key": {
126690
+ "defaultValue": null,
126691
+ "description": "",
126692
+ "name": "key",
126693
+ "parent": {
126694
+ "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
126695
+ "name": "Attributes"
126696
+ },
126697
+ "declarations": [
126698
+ {
126699
+ "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
126700
+ "name": "Attributes"
126701
+ }
126702
+ ],
126703
+ "required": false,
126704
+ "type": {
126705
+ "name": "Key | null"
126706
+ }
126707
+ },
126632
126708
  "className": {
126633
126709
  "defaultValue": null,
126634
126710
  "description": "The elements class name.",
@@ -131963,44 +132039,6 @@
131963
132039
  "type": {
131964
132040
  "name": "((e: PressEvent) => void)"
131965
132041
  }
131966
- },
131967
- "ref": {
131968
- "defaultValue": null,
131969
- "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",
131970
- "name": "ref",
131971
- "parent": {
131972
- "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
131973
- "name": "RefAttributes"
131974
- },
131975
- "declarations": [
131976
- {
131977
- "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
131978
- "name": "RefAttributes"
131979
- }
131980
- ],
131981
- "required": false,
131982
- "type": {
131983
- "name": "Ref<undefined>"
131984
- }
131985
- },
131986
- "key": {
131987
- "defaultValue": null,
131988
- "description": "",
131989
- "name": "key",
131990
- "parent": {
131991
- "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
131992
- "name": "Attributes"
131993
- },
131994
- "declarations": [
131995
- {
131996
- "fileName": "flow/node_modules/.pnpm/@types+react@19.0.10/node_modules/@types/react/index.d.ts",
131997
- "name": "Attributes"
131998
- }
131999
- ],
132000
- "required": false,
132001
- "type": {
132002
- "name": "Key | null"
132003
- }
132004
132042
  }
132005
132043
  }
132006
132044
  },
@@ -243858,14 +243896,6 @@
243858
243896
  "methods": [],
243859
243897
  "props": {}
243860
243898
  },
243861
- {
243862
- "tags": {},
243863
- "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.tsx",
243864
- "description": "",
243865
- "displayName": "ViewModeMenu",
243866
- "methods": [],
243867
- "props": {}
243868
- },
243869
243899
  {
243870
243900
  "tags": {},
243871
243901
  "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/SortingPickerItem/SortingPickerItem.tsx",
@@ -243894,6 +243924,14 @@
243894
243924
  }
243895
243925
  }
243896
243926
  },
243927
+ {
243928
+ "tags": {},
243929
+ "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.tsx",
243930
+ "description": "",
243931
+ "displayName": "ViewModeMenu",
243932
+ "methods": [],
243933
+ "props": {}
243934
+ },
243897
243935
  {
243898
243936
  "tags": {},
243899
243937
  "filePath": "/home/runner/work/flow/flow/packages/components/src/components/List/components/Header/components/SortingPicker/SortingPicker.tsx",
@@ -18,6 +18,7 @@ import { OptionsButton } from '../List/components/Items/components/Item/componen
18
18
 
19
19
  const FileCard = flowComponent("FileCard", (props) => {
20
20
  const {
21
+ ref,
21
22
  onDelete,
22
23
  type,
23
24
  sizeInBytes,
@@ -39,7 +40,7 @@ const FileCard = flowComponent("FileCard", (props) => {
39
40
  }
40
41
  };
41
42
  const Element = elementType;
42
- return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsxs(Element, { className: rootClassName, children: [
43
+ return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsxs(Element, { ref, className: rootClassName, children: [
43
44
  /* @__PURE__ */ jsx(Wrap, { if: href || onPress, children: /* @__PURE__ */ jsxs(
44
45
  Link,
45
46
  {
@@ -1 +1 @@
1
- {"version":3,"file":"FileCard.mjs","sources":["../../../../../../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"./components/Avatar\";\nimport { Text } from \"@/components/Text\";\nimport type {\n PropsWithClassName,\n PropsWithElementType,\n} from \"@/lib/types/props\";\nimport styles from \"./FileCard.module.scss\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { FileSizeText } from \"@/components/FileCard/components/FileSizeText\";\nimport { Link, type LinkProps } from \"@/components/Link\";\nimport Wrap from \"@/components/Wrap\";\nimport { DeleteButton } from \"@/components/FileCard/components/DeleteButton\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\n\nexport interface FileCardProps\n extends PropsWithClassName,\n PropsWithElementType<\"div\" | \"li\">,\n Pick<LinkProps, \"onPress\" | \"href\" | \"target\" | \"download\"> {\n /** The name of the file. */\n name: string;\n /** The type of the file. */\n type?: string;\n /** Handler that is called when the file cards delete button is clicked. */\n onDelete?: () => void;\n /** The size of the file in bytes. */\n sizeInBytes?: number;\n /** The source of an image file. */\n imageSrc?: string;\n}\n\n/** @flr-generate all */\nexport const FileCard = flowComponent(\"FileCard\", (props) => {\n const {\n onDelete,\n type,\n sizeInBytes,\n name,\n className,\n elementType = \"div\",\n onPress,\n href,\n target,\n download,\n imageSrc,\n children,\n } = props;\n\n const rootClassName = clsx(styles.fileCard, className);\n\n const propsContext: PropsContext = {\n ContextMenu: {\n wrapWith: <OptionsButton />,\n placement: \"bottom right\",\n },\n };\n\n const Element = elementType;\n\n return (\n <PropsContextProvider props={propsContext} mergeInParentContext>\n <Element className={rootClassName}>\n <Wrap if={href || onPress}>\n <Link\n className={styles.link}\n unstyled\n href={href}\n onPress={onPress}\n target={target}\n download={download}\n >\n <Avatar type={type} imageSrc={imageSrc} />\n <span className={styles.text}>\n <Text className={styles.title}>\n <b>{name}</b>\n </Text>\n {sizeInBytes && <FileSizeText sizeInBytes={sizeInBytes} />}\n </span>\n </Link>\n </Wrap>\n {onDelete && children === undefined && (\n <DeleteButton onDelete={onDelete} />\n )}\n {children}\n </Element>\n </PropsContextProvider>\n );\n});\n\nexport default FileCard;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkCO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAc,GAAA,KAAA;AAAA,IACd,OAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,QAAA,sBAAW,aAAc,EAAA,EAAA,CAAA;AAAA,MACzB,SAAW,EAAA;AAAA;AACb,GACF;AAEA,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,aAClB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,IAAQ,OAChB,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,QAAQ,EAAA,IAAA;AAAA,QACR,IAAA;AAAA,QACA,OAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,MAAY,QAAoB,EAAA,CAAA;AAAA,0BACvC,IAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,IACtB,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAK,SAAW,EAAA,MAAA,CAAO,OACtB,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAG,gBAAK,CACX,EAAA,CAAA;AAAA,YACC,WAAA,oBAAgB,GAAA,CAAA,YAAA,EAAA,EAAa,WAA0B,EAAA;AAAA,WAC1D,EAAA;AAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IACC,QAAY,IAAA,QAAA,KAAa,MACxB,oBAAA,GAAA,CAAC,gBAAa,QAAoB,EAAA,CAAA;AAAA,IAEnC;AAAA,GAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
1
+ {"version":3,"file":"FileCard.mjs","sources":["../../../../../../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"./components/Avatar\";\nimport { Text } from \"@/components/Text\";\nimport type {\n PropsWithClassName,\n PropsWithElementType,\n} from \"@/lib/types/props\";\nimport styles from \"./FileCard.module.scss\";\nimport clsx from \"clsx\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { FileSizeText } from \"@/components/FileCard/components/FileSizeText\";\nimport { Link, type LinkProps } from \"@/components/Link\";\nimport Wrap from \"@/components/Wrap\";\nimport { DeleteButton } from \"@/components/FileCard/components/DeleteButton\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\n\nexport interface FileCardProps\n extends FlowComponentProps<HTMLDivElement | HTMLLIElement>,\n PropsWithClassName,\n PropsWithElementType<\"div\" | \"li\">,\n Pick<LinkProps, \"onPress\" | \"href\" | \"target\" | \"download\"> {\n /** The name of the file. */\n name: string;\n /** The type of the file. */\n type?: string;\n /** Handler that is called when the file cards delete button is clicked. */\n onDelete?: () => void;\n /** The size of the file in bytes. */\n sizeInBytes?: number;\n /** The source of an image file. */\n imageSrc?: string;\n}\n\n/** @flr-generate all */\nexport const FileCard = flowComponent(\"FileCard\", (props) => {\n const {\n ref,\n onDelete,\n type,\n sizeInBytes,\n name,\n className,\n elementType = \"div\",\n onPress,\n href,\n target,\n download,\n imageSrc,\n children,\n } = props;\n\n const rootClassName = clsx(styles.fileCard, className);\n\n const propsContext: PropsContext = {\n ContextMenu: {\n wrapWith: <OptionsButton />,\n placement: \"bottom right\",\n },\n };\n\n const Element = elementType;\n\n return (\n <PropsContextProvider props={propsContext} mergeInParentContext>\n <Element ref={ref as never} className={rootClassName}>\n <Wrap if={href || onPress}>\n <Link\n className={styles.link}\n unstyled\n href={href}\n onPress={onPress}\n target={target}\n download={download}\n >\n <Avatar type={type} imageSrc={imageSrc} />\n <span className={styles.text}>\n <Text className={styles.title}>\n <b>{name}</b>\n </Text>\n {sizeInBytes && <FileSizeText sizeInBytes={sizeInBytes} />}\n </span>\n </Link>\n </Wrap>\n {onDelete && children === undefined && (\n <DeleteButton onDelete={onDelete} />\n )}\n {children}\n </Element>\n </PropsContextProvider>\n );\n});\n\nexport default FileCard;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsCO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,GAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAc,GAAA,KAAA;AAAA,IACd,OAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,QAAA,sBAAW,aAAc,EAAA,EAAA,CAAA;AAAA,MACzB,SAAW,EAAA;AAAA;AACb,GACF;AAEA,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAAc,EAAA,oBAAA,EAAoB,MAC7D,QAAC,kBAAA,IAAA,CAAA,OAAA,EAAA,EAAQ,GAAmB,EAAA,SAAA,EAAW,aACrC,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,IAAQ,OAChB,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,QAAQ,EAAA,IAAA;AAAA,QACR,IAAA;AAAA,QACA,OAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,MAAY,QAAoB,EAAA,CAAA;AAAA,0BACvC,IAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,IACtB,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAK,SAAW,EAAA,MAAA,CAAO,OACtB,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAG,gBAAK,CACX,EAAA,CAAA;AAAA,YACC,WAAA,oBAAgB,GAAA,CAAA,YAAA,EAAA,EAAa,WAA0B,EAAA;AAAA,WAC1D,EAAA;AAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IACC,QAAY,IAAA,QAAA,KAAa,MACxB,oBAAA,GAAA,CAAC,gBAAa,QAAoB,EAAA,CAAA;AAAA,IAEnC;AAAA,GAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"FileCardList.mjs","sources":["../../../../../../src/components/FileCardList/FileCardList.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport type FileCardListProps = Omit<ColumnLayoutProps, \"elementType\"> &\n FlowComponentProps;\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const FileCardList = flowComponent(\"FileCardList\", (props) => {\n const { className, ref, ...rest } = props;\n\n const propsContext: PropsContext = {\n FileCard: { elementType: \"li\" },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <ColumnLayout\n ref={ref}\n elementType=\"ul\"\n className={className}\n {...rest}\n />\n </PropsContextProvider>\n );\n});\n\nexport default FileCardList;\n"],"names":[],"mappings":";;;;;;;;AAiBO,MAAM,YAAe,GAAA,aAAA,CAAc,cAAgB,EAAA,CAAC,KAAU,KAAA;AACnE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAEpC,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,QAAA,EAAU,EAAE,WAAA,EAAa,IAAK;AAAA,GAChC;AAEA,EACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAY,EAAA,IAAA;AAAA,MACZ,SAAA;AAAA,MACC,GAAG;AAAA;AAAA,GAER,EAAA,CAAA;AAEJ,CAAC;;;;"}
1
+ {"version":3,"file":"FileCardList.mjs","sources":["../../../../../../src/components/FileCardList/FileCardList.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport type FileCardListProps = Omit<ColumnLayoutProps, \"elementType\"> &\n FlowComponentProps<HTMLUListElement>;\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const FileCardList = flowComponent(\"FileCardList\", (props) => {\n const { className, ref, ...rest } = props;\n\n const propsContext: PropsContext = {\n FileCard: { elementType: \"li\" },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <ColumnLayout\n ref={ref}\n elementType=\"ul\"\n className={className}\n {...rest}\n />\n </PropsContextProvider>\n );\n});\n\nexport default FileCardList;\n"],"names":[],"mappings":";;;;;;;;AAiBO,MAAM,YAAe,GAAA,aAAA,CAAc,cAAgB,EAAA,CAAC,KAAU,KAAA;AACnE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAEpC,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,QAAA,EAAU,EAAE,WAAA,EAAa,IAAK;AAAA,GAChC;AAEA,EACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAY,EAAA,IAAA;AAAA,MACZ,SAAA;AAAA,MACC,GAAG;AAAA;AAAA,GAER,EAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -1,7 +1,8 @@
1
1
  import { default as React } from 'react';
2
2
  import { PropsWithClassName, PropsWithElementType } from '../../lib/types/props';
3
+ import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
3
4
  import { LinkProps } from '../Link';
4
- export interface FileCardProps extends PropsWithClassName, PropsWithElementType<"div" | "li">, Pick<LinkProps, "onPress" | "href" | "target" | "download"> {
5
+ export interface FileCardProps extends FlowComponentProps<HTMLDivElement | HTMLLIElement>, PropsWithClassName, PropsWithElementType<"div" | "li">, Pick<LinkProps, "onPress" | "href" | "target" | "download"> {
5
6
  /** The name of the file. */
6
7
  name: string;
7
8
  /** The type of the file. */
@@ -14,6 +15,6 @@ export interface FileCardProps extends PropsWithClassName, PropsWithElementType<
14
15
  imageSrc?: string;
15
16
  }
16
17
  /** @flr-generate all */
17
- export declare const FileCard: React.FunctionComponent<FileCardProps & React.RefAttributes<undefined>>;
18
+ export declare const FileCard: React.FunctionComponent<FileCardProps & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;
18
19
  export default FileCard;
19
20
  //# sourceMappingURL=FileCard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMzD,MAAM,WAAW,aACf,SAAQ,kBAAkB,EACxB,oBAAoB,CAAC,KAAK,GAAG,IAAI,CAAC,EAClC,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7D,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAwB;AACxB,eAAO,MAAM,QAAQ,yEAuDnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCard/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMzD,MAAM,WAAW,aACf,SAAQ,kBAAkB,CAAC,cAAc,GAAG,aAAa,CAAC,EACxD,kBAAkB,EAClB,oBAAoB,CAAC,KAAK,GAAG,IAAI,CAAC,EAClC,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7D,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAwB;AACxB,eAAO,MAAM,QAAQ,8FAwDnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
@@ -1,11 +1,11 @@
1
1
  import { default as React } from 'react';
2
2
  import { ColumnLayoutProps } from '../ColumnLayout';
3
3
  import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
4
- export type FileCardListProps = Omit<ColumnLayoutProps, "elementType"> & FlowComponentProps;
4
+ export type FileCardListProps = Omit<ColumnLayoutProps, "elementType"> & FlowComponentProps<HTMLUListElement>;
5
5
  /**
6
6
  * @flr-generate all
7
7
  * @flr-clear-props-context
8
8
  */
9
- export declare const FileCardList: React.FunctionComponent<Omit<ColumnLayoutProps<"div" | "ul">, "elementType"> & FlowComponentProps<HTMLDivElement> & React.RefAttributes<HTMLDivElement | HTMLUListElement>>;
9
+ export declare const FileCardList: React.FunctionComponent<Omit<ColumnLayoutProps<"div" | "ul">, "elementType"> & FlowComponentProps<HTMLUListElement> & React.RefAttributes<HTMLDivElement | HTMLUListElement>>;
10
10
  export default FileCardList;
11
11
  //# sourceMappingURL=FileCardList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FileCardList.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCardList/FileCardList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAInE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,GACpE,kBAAkB,CAAC;AAErB;;;GAGG;AACH,eAAO,MAAM,YAAY,6KAiBvB,CAAC;AAEH,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"FileCardList.d.ts","sourceRoot":"","sources":["../../../../src/components/FileCardList/FileCardList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAInE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,GACpE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,YAAY,+KAiBvB,CAAC;AAEH,eAAe,YAAY,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-react-components",
3
- "version": "0.2.0-alpha.151",
3
+ "version": "0.2.0-alpha.153",
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.151",
56
+ "@mittwald/react-tunnel": "0.2.0-alpha.153",
57
57
  "@mittwald/react-use-promise": "^3.0.4",
58
58
  "@react-aria/form": "^3.0.14",
59
59
  "@react-aria/utils": "^3.28.1",
@@ -92,7 +92,7 @@
92
92
  "devDependencies": {
93
93
  "@faker-js/faker": "^9.6.0",
94
94
  "@internationalized/date": "^3.7.0",
95
- "@mittwald/flow-design-tokens": "0.2.0-alpha.151",
95
+ "@mittwald/flow-design-tokens": "0.2.0-alpha.153",
96
96
  "@mittwald/react-use-promise": "^2.6.0",
97
97
  "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
98
98
  "@mittwald/typescript-config": "",
@@ -173,5 +173,5 @@
173
173
  "optional": true
174
174
  }
175
175
  },
176
- "gitHead": "993e83510110735ca620a2eb79ec26c8a2f3db37"
176
+ "gitHead": "6249eaf1059736228b5754edd281b0cae9e979a1"
177
177
  }