@gisce/react-ooui 0.1.0

package/src/stories/modals/FormModal.stories.tsx

@@ -0,0 +1,36 @@
+import React, { useState } from "react";
+import { Button } from "antd";
+
+import { FormModal } from "../..";
+import LocaleProvider from "../../context/LocaleContext";
+
+export default {
+  title: "Components/Widgets/Modals/FormModal",
+};
+
+export const Default = (): React.ReactElement => {
+  const [visible, setVisible] = useState<boolean>(false);
+
+  return (
+    <LocaleProvider lang="en_US">
+      <Button
+        onClick={() => {
+          setVisible(true);
+        }}
+      >
+        Open modal
+      </Button>
+      <FormModal
+        visible={visible}
+        model={"giscedata.cups.ps"}
+        id={6}
+        onCancel={() => {
+          setVisible(false);
+        }}
+        onSubmitSucceed={(value: any) => {
+          setVisible(false);
+        }}
+      />
+    </LocaleProvider>
+  );
+};

package/src/stories/modals/SearchModal.stories.tsx

@@ -0,0 +1,37 @@
+import React, { useState } from "react";
+import { Button } from "antd";
+
+import { SearchModal } from "../..";
+import LocaleProvider from "../../context/LocaleContext";
+
+export default {
+  title: "Components/Widgets/Modals/SearchModal",
+};
+
+export const Default = (): React.ReactElement => {
+  const [visible, setVisible] = useState<boolean>(false);
+
+  return (
+    <LocaleProvider lang="en_US">
+      <Button
+        onClick={() => {
+          setVisible(true);
+        }}
+      >
+        Open modal
+      </Button>
+      <SearchModal
+        nameSearch="test"
+        visible={visible}
+        model={"giscedata.cups.ps"}
+        onSelectValue={(selectedValue: any) => {
+          console.log(selectedValue);
+          setVisible(false);
+        }}
+        onCloseModal={() => {
+          setVisible(false);
+        }}
+      />
+    </LocaleProvider>
+  );
+};

package/src/stories/trees/FacturesTree.stories.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+
+import { SearchTree } from "../..";
+import LocaleProvider from "../../context/LocaleContext";
+
+export default {
+  title: "Components/Widgets/Trees/Factures",
+};
+
+export const Default = (): React.ReactElement => {
+  return (
+    <LocaleProvider lang="en_US">
+      <SearchTree action={"factures"} />
+    </LocaleProvider>
+  );
+};

package/src/stories/ui/ActionBar.stories.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+
+import { ActionBar } from "../..";
+import LocaleProvider from "../../context/LocaleContext";
+
+import "antd/dist/antd.css";
+
+export default {
+  title: "Components/Widgets/UI/ActionBar",
+};
+
+export const Default = (): React.ReactElement => {
+  return (
+    <LocaleProvider lang="en_US">
+      <ActionBar
+        saveButtonHidden={false}
+        saveButtonCallback={() => {}}
+        saveButtonLoading={false}
+        saveButtonDisabled={false}
+      />
+    </LocaleProvider>
+  );
+};

package/src/stories/ui/FavouriteButton.stories.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+
+import FavouriteButton from "../../ui/FavouriteButton";
+import LocaleProvider from "../../context/LocaleContext";
+
+import "antd/dist/antd.css";
+
+export default {
+  title: "Components/Widgets/UI/FavouriteButton",
+};
+
+export const Default = (): React.ReactElement => {
+  return (
+    <LocaleProvider lang="en_US">
+      <FavouriteButton />
+    </LocaleProvider>
+  );
+};

package/src/stories/ui/GoToResourceModal.stories.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+
+import { GoToResourceModal } from "../../ui/GoToResourceModal";
+import LocaleProvider from "../../context/LocaleContext";
+
+import "antd/dist/antd.css";
+
+export default {
+  title: "Components/Widgets/UI/GoToResourceModal",
+};
+
+export const Default = (): React.ReactElement => {
+  return (
+    <LocaleProvider lang="en_US">
+      <GoToResourceModal
+        visible={true}
+        onCancel={() => {
+          alert("cancel");
+        }}
+        onIdSubmitted={(id) => {
+          alert(id);
+        }}
+      />
+    </LocaleProvider>
+  );
+};

package/src/stories/views/ActionView.stories.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+
+import ActionView from "../../views/ActionView";
+import LocaleProvider from "../../context/LocaleContext";
+
+export default {
+  title: "Components/Widgets/Views/ActionView",
+};
+
+export const Default = (): React.ReactElement => {
+  return (
+    <LocaleProvider lang="en_US">
+      <ActionView
+        domain={[]}
+        model="giscedata.polissa.modcontractual"
+        context={{ lang: "en_US" }}
+        views={[
+          [96, "tree"],
+          [97, "form"],
+        ]}
+        title="Test"
+        setCanWeClose={() => {}}
+        tabKey={"0"}
+        initialViewType={"tree"}
+      />
+    </LocaleProvider>
+  );
+};