@mittwald/flow-react-components 0.2.0-alpha.87 → 0.2.0-alpha.88

package/dist/js/components/Chat/Chat.mjs

@@ -14,13 +14,12 @@ const Chat = (props) => {
   const rootClassName = clsx(styles.chat, className);
   const propsContext = {
     MessageThread: {
-      className: styles.messageThread,
       tunnelId: "messageThread"
     },
     FileCardList: { className: styles.fileCardList, tunnelId: "fileCardList" }
   };
   return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsx("div", { style: { height }, className: rootClassName, children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
-    /* @__PURE__ */ jsx(TunnelExit, { id: "messageThread" }),
+    /* @__PURE__ */ jsx("div", { className: styles.messageThreadContainer, children: /* @__PURE__ */ jsx(TunnelExit, { id: "messageThread" }) }),
     /* @__PURE__ */ jsx("div", { className: styles.controls, children }),
     /* @__PURE__ */ jsx(TunnelExit, { id: "fileCardList" })
   ] }) }) });

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.mjs","sources":["../../../../src/components/Chat/Chat.tsx"],"sourcesContent":["import type { CSSProperties, FC, PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./Chat.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface ChatProps extends PropsWithChildren, PropsWithClassName {\n  // Height of the chat component\n  height?: CSSProperties[\"height\"];\n}\n\n/** @flr-generate all */\nexport const Chat: FC<ChatProps> = (props) => {\n  const { height, className, children } = props;\n\n  const rootClassName = clsx(styles.chat, className);\n\n  const propsContext: PropsContext = {\n    MessageThread: {\n      className: styles.messageThread,\n      tunnelId: \"messageThread\",\n    },\n    FileCardList: { className: styles.fileCardList, tunnelId: \"fileCardList\" },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div style={{ height }} className={rootClassName}>\n        <TunnelProvider>\n          <TunnelExit id=\"messageThread\" />\n          <div className={styles.controls}>{children}</div>\n          <TunnelExit id=\"fileCardList\" />\n        </TunnelProvider>\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default Chat;\n"],"names":[],"mappings":";;;;;;;;;AAaa,MAAA,IAAA,GAAsB,CAAC,KAAU,KAAA;AAC5C,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA;AAExC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,EAAM,SAAS,CAAA;AAEjD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,aAAe,EAAA;AAAA,MACb,WAAW,MAAO,CAAA,aAAA;AAAA,MAClB,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,cAAc,EAAE,SAAA,EAAW,MAAO,CAAA,YAAA,EAAc,UAAU,cAAe;AAAA,GAC3E;AAEA,EAAA,uBACG,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,MAAO,EAAA,EAAG,SAAW,EAAA,aAAA,EACjC,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,IAAG,eAAgB,EAAA,CAAA;AAAA,oBAC9B,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,UAAW,QAAS,EAAA,CAAA;AAAA,oBAC3C,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,cAAe,EAAA;AAAA,GAAA,EAChC,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Chat.mjs","sources":["../../../../src/components/Chat/Chat.tsx"],"sourcesContent":["import type { CSSProperties, FC, PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./Chat.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface ChatProps extends PropsWithChildren, PropsWithClassName {\n  // Height of the chat component\n  height?: CSSProperties[\"height\"];\n}\n\n/** @flr-generate all */\nexport const Chat: FC<ChatProps> = (props) => {\n  const { height, className, children } = props;\n\n  const rootClassName = clsx(styles.chat, className);\n\n  const propsContext: PropsContext = {\n    MessageThread: {\n      tunnelId: \"messageThread\",\n    },\n    FileCardList: { className: styles.fileCardList, tunnelId: \"fileCardList\" },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div style={{ height }} className={rootClassName}>\n        <TunnelProvider>\n          <div className={styles.messageThreadContainer}>\n            <TunnelExit id=\"messageThread\" />\n          </div>\n          <div className={styles.controls}>{children}</div>\n          <TunnelExit id=\"fileCardList\" />\n        </TunnelProvider>\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default Chat;\n"],"names":[],"mappings":";;;;;;;;;AAaa,MAAA,IAAA,GAAsB,CAAC,KAAU,KAAA;AAC5C,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA;AAExC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,EAAM,SAAS,CAAA;AAEjD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,aAAe,EAAA;AAAA,MACb,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,cAAc,EAAE,SAAA,EAAW,MAAO,CAAA,YAAA,EAAc,UAAU,cAAe;AAAA,GAC3E;AAEA,EAAA,uBACG,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,MAAO,EAAA,EAAG,SAAW,EAAA,aAAA,EACjC,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,sBAAA,EACrB,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,iBAAgB,CACjC,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,UAAW,QAAS,EAAA,CAAA;AAAA,oBAC3C,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,cAAe,EAAA;AAAA,GAAA,EAChC,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Chat/Chat.module.scss.mjs

@@ -1,15 +1,15 @@
 "use client"
 /* */
 const chat = "flow--chat";
-const messageThread = "flow--chat--message-thread";
+const messageThreadContainer = "flow--chat--message-thread-container";
 const fileCardList = "flow--chat--file-card-list";
 const controls = "flow--chat--controls";
 const styles = {
 	chat: chat,
-	messageThread: messageThread,
+	messageThreadContainer: messageThreadContainer,
 	fileCardList: fileCardList,
 	controls: controls
 };
 
-export { chat, controls, styles as default, fileCardList, messageThread };
+export { chat, controls, styles as default, fileCardList, messageThreadContainer };
 //# sourceMappingURL=Chat.module.scss.mjs.map

package/dist/types/components/Chat/Chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAK5D,MAAM,WAAW,SAAU,SAAQ,iBAAiB,EAAE,kBAAkB;IAEtE,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CAClC;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAwB9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAK5D,MAAM,WAAW,SAAU,SAAQ,iBAAiB,EAAE,kBAAkB;IAEtE,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CAClC;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAyB9B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/components/Table/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACL,KAAK,EAMN,MAAM,oBAAoB,CAAC;AAM5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,sBAAsB,EAAE,KAEpC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAqBzC,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACL,KAAK,EAMN,MAAM,oBAAoB,CAAC;AAM5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,sBAAsB,EAAE,KAEpC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAqBzC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.87",
+  "version": "0.2.0-alpha.88",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "0.2.0-alpha.87",
+    "@mittwald/react-tunnel": "0.2.0-alpha.88",
     "@mittwald/react-use-promise": "^3.0.1",
     "@react-aria/form": "^3.0.14",
     "@react-aria/utils": "^3.28.1",
@@ -92,7 +92,7 @@
     "@faker-js/faker": "^9.6.0",
     "@internationalized/date": "^3.7.0",
     "@mfalkenberg/remote-dom-react": "1.2.3",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.87",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.88",
     "@mittwald/react-use-promise": "^2.6.0",
     "@mittwald/typescript-config": "",
     "@nx/storybook": "^20.5.0",
@@ -172,5 +172,5 @@
       "optional": true
     }
   },
-  "gitHead": "98c5058ee6b4edd191f351b9a3d169362f80cba1"
+  "gitHead": "3fbc4e51d8b4f6ecf7db3a67bcd5717d0b5d069c"
 }