Merge branch 'upstream-master' into form-component

apps/design-system/src/components/ChipInput.stories.tsx

@@ -0,0 +1,76 @@
+import { useState } from "react";
+import { ChipInput } from "@asyncapi/studio-ui";
+
+const meta = {
+  component: ChipInput,
+  parameters: {
+    layout: 'fullscreen',
+    backgrounds: {
+      default: 'light'
+    }
+  },
+};
+
+export default meta;
+
+export const Default = () => {
+  const [currentChips, setCurrentChips] = useState<string[]>([]);
+
+  return (
+    <div className="p-4 bg-gray-100 flex items-center">
+      <ChipInput 
+        name="chip-input-default" 
+        id="chip-input-id-default" 
+        chips={currentChips} 
+        onChange={setCurrentChips}
+      />
+    </div>
+  );
+};
+
+export const WithTags = () => {
+    const [currentChips, setCurrentChips] = useState<string[]>(['production', 'platform']);
+
+    return (
+      <div className="p-4 bg-gray-100 flex items-center">
+        <ChipInput 
+          name="chip-input-chip-text" 
+          id="chip-input-id-chip-text" 
+          chips={currentChips} 
+          onChange={setCurrentChips}
+        />
+      </div>
+    );
+  };
+
+export const WithSomeDefaultText = () => {
+  const [currentChips, setCurrentChips] = useState<string[]>(['production', 'platform']);
+
+  return (
+    <div className="p-4 bg-gray-100 flex items-center">
+      <ChipInput 
+        name="chip-input-default-text-in-input" 
+        id="chip-input-id-default-text-in-input" 
+        chips={currentChips} 
+        onChange={setCurrentChips}
+        defaultValue="registr"
+      />
+    </div>
+  );
+};
+
+export const WithCustomPlaceholder = () => {
+  const [currentChips, setCurrentChips] = useState<string[]>([]);
+
+  return (
+    <div className="p-4 bg-gray-100 flex items-center">
+      <ChipInput 
+        name="chip-input-custom-placeholder" 
+        id="chip-input-id-placeholder" 
+        chips={currentChips} 
+        onChange={setCurrentChips}
+        placeholder="Enter a custom chip"
+      />
+    </div>
+  );
+};

apps/studio/package.json

@@ -78,9 +78,9 @@
     "@asyncapi/go-watermill-template": "^0.2.40",
     "@asyncapi/html-template": "^0.28.4",
     "@asyncapi/java-spring-cloud-stream-template": "^0.13.4",
-    "@asyncapi/java-spring-template": "^1.2.0",
+    "@asyncapi/java-spring-template": "^1.3.0",
     "@asyncapi/java-template": "^0.2.1",
-    "@asyncapi/markdown-template": "^1.3.3",
+    "@asyncapi/markdown-template": "^1.4.0",
     "@asyncapi/nodejs-template": "^1.0.0",
     "@asyncapi/nodejs-ws-template": "^0.9.33",
     "@asyncapi/python-paho-template": "^0.2.13",