@grantbii/design-system 1.0.75 → 1.0.79

package/stories/molecules/Dropdown.stories.d.ts

@@ -0,0 +1,7 @@
+import { Dropdown } from "@/.";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicExample: Story;
+export declare const WithValidation: Story;

package/stories/molecules/Dropdown.stories.js

@@ -0,0 +1,26 @@
+import { Dropdown } from "@/.";
+import { Need } from "@grantbii/ui-base/grant/enums";
+const meta = {
+    title: "Molecules/Dropdown",
+    component: Dropdown,
+    tags: ["autodocs"],
+    parameters: {
+        layout: "centered",
+    },
+};
+export default meta;
+const options = Object.values(Need)
+    .filter((need) => need !== Need.UNKNOWN)
+    .map((need) => ({ label: need, value: need }));
+export const BasicExample = {
+    args: {
+        options,
+    },
+};
+export const WithValidation = {
+    args: {
+        options,
+        required: true,
+    },
+};
+//# sourceMappingURL=Dropdown.stories.js.map

package/stories/molecules/Dropdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../stories/molecules/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAGrD,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;KAChC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC;KACvC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,OAAO;KACR;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,OAAO;QACP,QAAQ,EAAE,IAAI;KACf;CACF,CAAC","sourcesContent":["import { Dropdown } from \"@/.\";\nimport { Need } from \"@grantbii/ui-base/grant/enums\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof Dropdown> = {\n  title: \"Molecules/Dropdown\",\n  component: Dropdown,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst options = Object.values(Need)\n  .filter((need) => need !== Need.UNKNOWN)\n  .map((need) => ({ label: need, value: need }));\n\nexport const BasicExample: Story = {\n  args: {\n    options,\n  },\n};\n\nexport const WithValidation: Story = {\n  args: {\n    options,\n    required: true,\n  },\n};\n"]}

package/stories/molecules/FileDrop.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
 declare const FileDropExample: () => import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof FileDropExample>;
 export default meta;

package/stories/molecules/FileDrop.stories.js

@@ -20,3 +20,4 @@ export default meta;
 export const Example = {
     args: {},
 };
+//# sourceMappingURL=FileDrop.stories.js.map

package/stories/molecules/FileDrop.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDrop.stories.js","sourceRoot":"","sources":["../../../stories/molecules/FileDrop.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,WAAW,EAAE,CAAC;IAEvE,OAAO,CACL,KAAC,SAAS,cACR,KAAC,QAAQ,IACP,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,GACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3B,CAAC;AAEF,MAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC","sourcesContent":["import { FileDrop, useFileDrop } from \"@/.\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\nimport styled from \"styled-components\";\n\nconst FileDropExample = () => {\n  const { files, uploadFiles, removeFile, errorMessage } = useFileDrop();\n\n  return (\n    <Container>\n      <FileDrop\n        uploadedFiles={files}\n        uploadFiles={uploadFiles}\n        removeFile={removeFile}\n        errorMessage={errorMessage}\n      />\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  width: 400px;\n`;\n\nconst meta: Meta<typeof FileDropExample> = {\n  title: \"Molecules/File Drop\",\n  component: FileDropExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Example: Story = {\n  args: {},\n};\n"]}

package/stories/molecules/Modal.stories.d.ts

@@ -1,8 +1,8 @@
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
-import { ReactNode } from "react";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { type JSX, type ReactNode } from "react";
 type ModalExampleProps = {
     header?: ReactNode;
-    content: ReactNode;
+    content: JSX.Element;
     footer?: ReactNode;
     width?: string;
     height?: string;

package/stories/molecules/Modal.stories.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Modal, useModal } from "@/.";
+import {} from "react";
 const ModalExample = (props) => {
     const { showModal, openModal, closeModal } = useModal();
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { text: "Click to open modal", onClick: () => openModal() }), showModal ? (_jsx(Modal, Object.assign({}, props, { onClickCancel: () => closeModal() }))) : (_jsx(_Fragment, {}))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { text: "Click to open modal", onClick: () => openModal() }), showModal ? (_jsx(Modal, { ...props, onClickCancel: () => closeModal() })) : (_jsx(_Fragment, {}))] }));
 };
 const meta = {
     title: "Molecules/Modal",
@@ -32,3 +33,4 @@ export const LongContent = {
         height: "360px",
     },
 };
+//# sourceMappingURL=Modal.stories.js.map

package/stories/molecules/Modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../stories/molecules/Modal.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE9C,OAAO,EAA4B,MAAM,OAAO,CAAC;AAUjD,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAC;IAExD,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,qBAAqB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,GAAI,EAChE,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,KAAK,OAAK,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,GAAI,CACxD,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,MAAM,GAAG,UAAU,CAAC;AAE1B,MAAM,YAAY,GAAG,CACnB,gFAA4D,CAC7D,CAAC;AAEF,MAAM,WAAW,GAAG,CAClB,0BACE,qdAQI,EAEJ,+NAII,EAEJ,iOAII,IACA,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,MAAM;QACN,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,MAAM;QACN,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;KAChB;CACF,CAAC","sourcesContent":["import { Button, Modal, useModal } from \"@/.\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\nimport { type JSX, type ReactNode } from \"react\";\n\ntype ModalExampleProps = {\n  header?: ReactNode;\n  content: JSX.Element;\n  footer?: ReactNode;\n  width?: string;\n  height?: string;\n};\n\nconst ModalExample = (props: ModalExampleProps) => {\n  const { showModal, openModal, closeModal } = useModal();\n\n  return (\n    <>\n      <Button text=\"Click to open modal\" onClick={() => openModal()} />\n      {showModal ? (\n        <Modal {...props} onClickCancel={() => closeModal()} />\n      ) : (\n        <></>\n      )}\n    </>\n  );\n};\n\nconst meta: Meta<typeof ModalExample> = {\n  title: \"Molecules/Modal\",\n  component: ModalExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst header = \"Grantbii\";\n\nconst shortContent = (\n  <p>Amplifying Business Grant Impact for SMEs & Scale-ups</p>\n);\n\nconst longContent = (\n  <div>\n    <p>\n      Grantbii is an AI-powered grant intelligence and matching platform that\n      helps grant seekers effortlessly find, match, prep & apply for the right\n      business grants - maximizing grant funding success with minimal effort.\n      Our platform connects businesses with a trusted Grant Enabler Network -\n      solution providers, consulting experts, and delivery partners - ensuring\n      that every dollar of grant funding leads to real business transformation\n      impact.\n    </p>\n\n    <p>\n      In the future, Grantbii aims to automate the entire grant application\n      lifecycle, from discovery to claims submission and guide you through the\n      application process with minimal effort on your part.\n    </p>\n\n    <p>\n      To maximize your chances of grant success, you can expect to leverage on\n      tools to assess your chances of success and offer expert support to ensure\n      your application meets all necessary requirements.\n    </p>\n  </div>\n);\n\nexport const ShortContent: Story = {\n  args: {\n    header,\n    content: shortContent,\n    width: \"600px\",\n    height: \"360px\",\n  },\n};\n\nexport const LongContent: Story = {\n  args: {\n    header,\n    content: longContent,\n    width: \"600px\",\n    height: \"360px\",\n  },\n};\n"]}

package/stories/molecules/RadioButtons.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
 type ExampleProps = {
     controlled: boolean;
 };

package/stories/molecules/RadioButtons.stories.js

@@ -14,7 +14,7 @@ const RadioButtonsExample = ({ controlled }) => {
             onClick: () => setSelectedLocation(location),
         })),
     };
-    return (_jsx(RadioButtons, Object.assign({}, (controlled ? controlledProps : uncontrolledProps))));
+    return (_jsx(RadioButtons, { ...(controlled ? controlledProps : uncontrolledProps) }));
 };
 const uncontrolledProps = {
     name: "location",
@@ -45,3 +45,4 @@ export const Controlled = {
         controlled: true,
     },
 };
+//# sourceMappingURL=RadioButtons.stories.js.map

package/stories/molecules/RadioButtons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtons.stories.js","sourceRoot":"","sources":["../../../stories/molecules/RadioButtons.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,MAAM,mBAAmB,GAAG,CAAC,EAAE,UAAU,EAAgB,EAAE,EAAE;IAC3D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7D,MAAM,eAAe,GAAG;QACtB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;aAC7B,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,CAAC;aACnD,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAClB,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,gBAAgB,KAAK,QAAQ;YACtC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC;SAC7C,CAAC,CAAC;KACN,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,OAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;SAC7B,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,CAAC;SACnD,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAClB,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,QAAQ,GAAG,CAAC;KAC/C,CAAC,CAAC;CACN,CAAC;AAEF,MAAM,IAAI,GAAqC;IAC7C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,mBAAmB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC","sourcesContent":["import { RadioButtons } from \"@/.\";\nimport { Location } from \"@grantbii/ui-base/grant/enums\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\nimport { useState } from \"react\";\n\ntype ExampleProps = {\n  controlled: boolean;\n};\n\nconst RadioButtonsExample = ({ controlled }: ExampleProps) => {\n  const [selectedLocation, setSelectedLocation] = useState(\"\");\n\n  const controlledProps = {\n    options: Object.values(Location)\n      .filter((location) => location !== Location.UNKNOWN)\n      .map((location) => ({\n        label: location,\n        value: location,\n        checked: selectedLocation === location,\n        onClick: () => setSelectedLocation(location),\n      })),\n  };\n\n  return (\n    <RadioButtons {...(controlled ? controlledProps : uncontrolledProps)} />\n  );\n};\n\nconst uncontrolledProps = {\n  name: \"location\",\n  options: Object.values(Location)\n    .filter((location) => location !== Location.UNKNOWN)\n    .map((location) => ({\n      label: location,\n      value: location,\n      onChange: () => alert(`Selected ${location}!`),\n    })),\n};\n\nconst meta: Meta<typeof RadioButtonsExample> = {\n  title: \"Molecules/Radio Buttons\",\n  component: RadioButtonsExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Uncontrolled: Story = {\n  args: {\n    controlled: false,\n  },\n};\n\nexport const Controlled: Story = {\n  args: {\n    controlled: true,\n  },\n};\n"]}

package/stories/organisms/GrantMatch.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
 declare const GrantMatchExample: () => import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof GrantMatchExample>;
 export default meta;

package/stories/organisms/GrantMatch.stories.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { GrantMatch } from "@/.";
 import { useGrantMatchActiveQuery } from "@/core/organisms/GrantMatch";
+import {} from "@grantbii/ui-base/match/models";
 import { useState } from "react";
 import styled from "styled-components";
 const GrantMatchExample = () => {
@@ -13,7 +14,7 @@ const GrantMatchExample = () => {
     };
     const resetGrantMatch = () => setStatus("pending query");
     const grantMatchQueryProps = useGrantMatchActiveQuery(performGrantMatch, resetGrantMatch);
-    return (_jsxs(Container, { children: [_jsx(GrantMatch, Object.assign({}, grantMatchQueryProps)), _jsxs("p", { children: ["Status: ", status] })] }));
+    return (_jsxs(Container, { children: [_jsx(GrantMatch, { ...grantMatchQueryProps }), _jsxs("p", { children: ["Status: ", status] })] }));
 };
 const Container = styled.div `
   display: flex;
@@ -34,3 +35,4 @@ export default meta;
 export const Example = {
     args: {},
 };
+//# sourceMappingURL=GrantMatch.stories.js.map

package/stories/organisms/GrantMatch.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrantMatch.stories.js","sourceRoot":"","sources":["../../../stories/organisms/GrantMatch.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAwB,MAAM,gCAAgC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEtD,MAAM,iBAAiB,GAAG,CAAC,QAAyB,EAAE,EAAE;QACtD,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrE,MAAM,cAAc,GAAG,UAAU,SAAS,eAAe,QAAQ,CAAC,IAAI,GAAG,CAAC;QAE1E,SAAS,CAAC,+BAA+B,cAAc,EAAE,CAAC,CAAC;QAC3D,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,qBAAqB,cAAc,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;IAC3E,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAEzD,MAAM,oBAAoB,GAAG,wBAAwB,CACnD,iBAAiB,EACjB,eAAe,CAChB,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,eACR,KAAC,UAAU,OAAK,oBAAoB,GAAI,EACxC,oCAAY,MAAM,IAAK,IACb,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM3B,CAAC;AAEF,MAAM,IAAI,GAAmC;IAC3C,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC","sourcesContent":["import { GrantMatch } from \"@/.\";\nimport { useGrantMatchActiveQuery } from \"@/core/organisms/GrantMatch\";\nimport { type GrantMatchQuery } from \"@grantbii/ui-base/match/models\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\nimport { useState } from \"react\";\nimport styled from \"styled-components\";\n\nconst GrantMatchExample = () => {\n  const [status, setStatus] = useState(\"pending query\");\n\n  const performGrantMatch = (newQuery: GrantMatchQuery) => {\n    const fileNames = newQuery.files.map((file) => file.name).join(\", \");\n    const printableQuery = `files [${fileNames}] and text [${newQuery.text}]`;\n\n    setStatus(`trying to find grants using ${printableQuery}`);\n    setTimeout(() => setStatus(`found grants with ${printableQuery}`), 1000);\n  };\n\n  const resetGrantMatch = () => setStatus(\"pending query\");\n\n  const grantMatchQueryProps = useGrantMatchActiveQuery(\n    performGrantMatch,\n    resetGrantMatch,\n  );\n\n  return (\n    <Container>\n      <GrantMatch {...grantMatchQueryProps} />\n      <p>Status: {status}</p>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  padding: 16px;\n`;\n\nconst meta: Meta<typeof GrantMatchExample> = {\n  title: \"Organisms/Grant Match\",\n  component: GrantMatchExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"fullscreen\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Example: Story = {\n  args: {},\n};\n"]}

package/stories/organisms/TallyModal.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
-import { ReactNode } from "react";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { type ReactNode } from "react";
 type TallyModalExampleProps = {
     header?: ReactNode;
     tallyId: string;

package/stories/organisms/TallyModal.stories.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, TallyModal, useModal } from "@/.";
+import {} from "react";
 const TallyModalExample = (props) => {
     const { showModal, openModal, closeModal } = useModal();
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { text: "Click to open modal", onClick: () => openModal() }), showModal ? (_jsx(TallyModal, Object.assign({}, props, { onClickCancel: () => closeModal() }))) : (_jsx(_Fragment, {}))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { text: "Click to open modal", onClick: () => openModal() }), showModal ? (_jsx(TallyModal, { ...props, onClickCancel: () => closeModal() })) : (_jsx(_Fragment, {}))] }));
 };
 const meta = {
     title: "Organisms/Tally Modal",
@@ -19,3 +20,4 @@ export const Example = {
         tallyId: "3jAj5Q",
     },
 };
+//# sourceMappingURL=TallyModal.stories.js.map

package/stories/organisms/TallyModal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TallyModal.stories.js","sourceRoot":"","sources":["../../../stories/organisms/TallyModal.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEnD,OAAO,EAAkB,MAAM,OAAO,CAAC;AAQvC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC1D,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAC;IAExD,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,qBAAqB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,GAAI,EAChE,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAmC;IAC3C,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,eAAe;QACvB,OAAO,EAAE,QAAQ;KAClB;CACF,CAAC","sourcesContent":["import { Button, TallyModal, useModal } from \"@/.\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\nimport { type ReactNode } from \"react\";\n\ntype TallyModalExampleProps = {\n  header?: ReactNode;\n  tallyId: string;\n  prefilledFieldsQueryParams?: string;\n};\n\nconst TallyModalExample = (props: TallyModalExampleProps) => {\n  const { showModal, openModal, closeModal } = useModal();\n\n  return (\n    <>\n      <Button text=\"Click to open modal\" onClick={() => openModal()} />\n      {showModal ? (\n        <TallyModal {...props} onClickCancel={() => closeModal()} />\n      ) : (\n        <></>\n      )}\n    </>\n  );\n};\n\nconst meta: Meta<typeof TallyModalExample> = {\n  title: \"Organisms/Tally Modal\",\n  component: TallyModalExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Example: Story = {\n  args: {\n    header: \"Apply with us\",\n    tallyId: \"3jAj5Q\",\n  },\n};\n"]}

package/stories/organisms/YesNoOptions.stories.d.ts

@@ -1,5 +1,5 @@
 import { YesNoOptions } from "@/.";
-import { Meta, StoryObj } from "@storybook/nextjs-vite";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
 declare const meta: Meta<typeof YesNoOptions>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/stories/organisms/YesNoOptions.stories.js

@@ -17,5 +17,9 @@ export const YesOrNo = {
     args: baseArgs,
 };
 export const YesOrNoOrUnsure = {
-    args: Object.assign(Object.assign({}, baseArgs), { unsureProps: {} }),
+    args: {
+        ...baseArgs,
+        unsureProps: {},
+    },
 };
+//# sourceMappingURL=YesNoOptions.stories.js.map

package/stories/organisms/YesNoOptions.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YesNoOptions.stories.js","sourceRoot":"","sources":["../../../stories/organisms/YesNoOptions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAGnC,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,WAAW,EAAE,EAAE;KAChB;CACF,CAAC","sourcesContent":["import { YesNoOptions } from \"@/.\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof YesNoOptions> = {\n  title: \"Organisms/Yes-No Options\",\n  component: YesNoOptions,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n  name: \"question\",\n  yesProps: {},\n  noProps: {},\n};\n\nexport const YesOrNo: Story = {\n  args: baseArgs,\n};\n\nexport const YesOrNoOrUnsure: Story = {\n  args: {\n    ...baseArgs,\n    unsureProps: {},\n  },\n};\n"]}