[ClickPipes] FileUpload component

Some adjustments

Fix build

Fix error propogation

Update

Author: pjhampton

package.json

@@ -121,5 +121,6 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "styled-components": ">= 5"
-  }
+  },
+  "packageManager": "[email protected]+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }

src/components/FileUpload/FileUpload.stories.tsx

@@ -0,0 +1,71 @@
+import { StoryFn } from "@storybook/react";
+import { FileUpload } from "@/components/FileUpload/FileUpload.tsx";
+
+export default {
+  component: FileUpload,
+  title: "Forms/FileUpload",
+  tags: ["file-upload", "autodocs"],
+  decorators: [
+    (Story: StoryFn) => (
+      <div style={{ width: "800px" }}>
+        <Story />
+      </div>
+    ),
+  ],
+  argTypes: {
+    size: {
+      options: ["sm", "md"],
+      control: { type: "radio" },
+    },
+    supportedFileTypes: {
+      control: "array",
+    },
+    progress: {
+      control: { type: "range", min: 0, max: 100, step: 1 },
+    },
+    showProgress: {
+      control: "boolean",
+    },
+    isSuccess: {
+      control: "boolean",
+    },
+    failureMessage: {
+      control: "text",
+    },
+    onFileSelect: { action: "file selected" },
+    onRetry: { action: "retry requested" },
+  },
+};
+
+export const SmallSize = {
+  args: {
+    title: "Upload file",
+    supportedFileTypes: [".txt", ".csv", ".json", ".sql"],
+    size: "sm",
+    progress: 0,
+    showProgress: false,
+    isSuccess: false,
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Shows the `FileUpload` component in small size variant",
+      },
+    },
+  },
+};
+
+export const MediumSize = {
+  args: {
+    title: "Upload file",
+    supportedFileTypes: [".txt", ".csv", ".json", ".sql"],
+    size: "md",
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Shows the `FileUpload` component in medium size variant",
+      },
+    },
+  },
+};