umwd-components 0.1.714 → 0.1.715

package/src/stories/PageBuilder.stories.js

@@ -1,396 +0,0 @@
-import PageBuilder from "../components/PageBuilder";
-import React from "react";
-
-export default {
-  title: "UMWD/PageBuilder",
-  component: PageBuilder,
-  // argTypes: { numberOfChildren: { type: "number" } },
-};
-
-const Template = ({ data, ...args }) => <PageBuilder data={data} />;
-
-export const AMH = Template.bind({});
-export const AP = Template.bind({});
-
-AP.args = {
-  data: {
-    id: 1,
-    uuid: "23108ffc-ba47-4176-be5f-1d810cb9f2a5",
-    title: "HOME",
-    description:
-      "Unleash your full online potential with my creative and custom web design & development. From unique websites to custom e-commerce solutions, I'll bring your vision to life. Let's build something truly amazing together.",
-    slug: "home",
-    order: null,
-    createdAt: "2024-05-24T13:35:34.882Z",
-    updatedAt: "2024-05-27T14:39:52.717Z",
-    publishedAt: "2024-05-24T13:38:30.487Z",
-    blocks: [
-      {
-        id: 1,
-        __component: "layout.hero-section",
-        heading: "Atelier Paulus",
-        subHeading:
-          "Unleash your full online potential with my creative and custom web design & development. From unique websites to custom e-commerce solutions, I'll bring your vision to life. Let's build something truly amazing together.",
-        logoImage: {
-          id: 2,
-          url: "/uploads/logo_atelier_Paulus_v1_cdc6250eb0.png",
-          alternativeText: null,
-        },
-        bgImage: {
-          data: null,
-        },
-        link: null,
-      },
-      {
-        id: 1,
-        __component: "layout.contact-section",
-        title: "Write Us",
-        subtitle: "We're open for any suggestion or just to have a chat",
-      },
-    ],
-  },
-};
-
-AMH.args = {
-  data: {
-    sx: {
-      gap: 2,
-      header: {
-        h1: {
-          color: "red",
-        },
-      },
-    },
-    title: "AeroMedical Holland",
-    blocks: [
-      {
-        id: 1,
-        __component: "layout.hero-section",
-        heading:
-          "We offer world-wide, 24 / 7 patient transport by air ambulance. ",
-        subHeading:
-          "Our aircrafts are equipped with state of the art medical equipment and staffed with highly qualified flying crews and medical teams. We will bring the patient back home, reliable and safely for affordable pricing.",
-        bgImage: {
-          id: 2,
-          name: "dm_masked@2x.png",
-          alternativeText: null,
-          width: 3841,
-          height: 2161,
-          url: "/uploads/desktop_wallpaper_0_5x_e910597d02.png",
-        },
-        logoImage: {
-          id: 9,
-          name: "Asset 2.png",
-          alternativeText: null,
-          width: 1000,
-          height: 311,
-          url: "/uploads/Asset_2_c4a9c4a5d1.png",
-        },
-        link: { id: 1, url: "/contact", text: "Contact us", isExternal: false },
-        glass: true,
-      },
-      {
-        id: 2,
-        __component: "layout.columns-section",
-        title: "AMH",
-        description: "A place for all your resources",
-        column: [
-          {
-            id: 1,
-            heading: "GROUND AMBULANCES",
-            text: "We are able to provide ground ambulances all around the world. This might be needed to transfer patients to or from the aircraft or even bring the patient home in specifically ambulances designed for long distance transport.",
-            icon: "AmbulanceIcon",
-          },
-          {
-            id: 2,
-            heading: "HOSPITAL ADMISSION",
-            text: "Our team has the experience and resources to assist in hospital admissions in the Netherlands. This can be in the form that we take care of everything. By bringing the patient home from hospital of origin to the receiving Dutch hospital. Or only handle the admission and liaison with the receiving hospital to make sure the transition from the aeromedical team and handover will run as smoothly as possible.",
-            icon: "LocalHospitalIcon",
-          },
-        ],
-      },
-      {
-        id: 1,
-        __component: "layout.picture-bar-section",
-        title: "Pictures",
-        pictures: {
-          data: [
-            {
-              id: 1,
-              url: "/uploads/Medevac_King_Air_360_2023_5_1a939953ad.jpg",
-              alt: "The interior of an airplane",
-              width: 861,
-              height: 573,
-            },
-            {
-              id: 2,
-              url: "/uploads/Medevac_King_Air_360_2023_6_112f2f2210.jpg",
-              alt: "Interior with medical equipment",
-              width: 861,
-              height: 573,
-            },
-            {
-              id: 3,
-              url: "/uploads/Medevac_King_Air_360_2023_7_5ef400b89c.jpg",
-              alt: "Airplane and medical equipment",
-              width: 861,
-              height: 574,
-            },
-          ],
-        },
-      },
-      {
-        id: 2,
-        __component: "layout.features-section",
-        title: "AMH",
-        description: "A place for all your resources",
-        feature: [
-          {
-            id: 1,
-            heading: "AIR AMBULANCE",
-            subHeading:
-              "All our aircraft providers are operational around the clock to ensure the patient gets home the fastest way. Our air ambulances are specifically modified to the highest medical standard. To ensure that patients who are in need of repatriation or evacuation can be transported as efficiently as possible. While upholding the highest international standards for medical treatment during the flight. Our aircrafts can carry up to two stretchers if needed and carry an oxygen capacity of ??? liters. Depending on the patient’s needs, travel distance and urgency of transport, the best type of air ambulance will be advised and provided.",
-            icon: "AirlineSeatFlatIcon",
-          },
-          {
-            id: 2,
-            heading: "BED TO BED",
-            subHeading:
-              "We offer bed to bed service. Where we will pick up the patient at the hospital of origin and also bring the patient to the receiving hospital with our medical team. This guarantees the best quality handover to the medical team that will take over the care of the patient at home.",
-            icon: "BedIcon",
-          },
-          {
-            id: 3,
-            heading: "COMMERCIAL AIRLINE MEDICAL ESCORT",
-            subHeading:
-              "Medical transfer by commercial airline is a safe and more cost effective way to travel, if transport by air ambulance is not needed. We can provide medical escorts for necessary treatment and support, to keep the patient safe and comfortable during the flight. Depending on the patient’s diagnosis and condition and also flight options. Transport can be done in first class, business class or with a stretcher in economy class. Our team will help you pick the best way of transport.",
-            icon: "FlightIcon",
-          },
-        ],
-      },
-      {
-        id: 1,
-        __component: "layout.personalia-section",
-        title: "Personalia",
-        description: "Description or text for personalia component",
-        partner: [
-          {
-            id: 1,
-            name: "Brenda Groen",
-            function: "Medical Director",
-            /* TODO Figure out a parsing function for this */
-            text: [
-              {
-                type: "paragraph",
-                children: [
-                  {
-                    type: "text",
-                    text: "Founding partner of the company. Medically trained as an Emergency Medicine doctor in the Netherlands. Has worked in the field of medical repatriation since 2015. ",
-                  },
-                ],
-              },
-              {
-                type: "paragraph",
-                children: [
-                  {
-                    type: "text",
-                    text: "Aviation medicine has its own complexity and challenges where all my knowledge as an Emergency Physician and also my personal experience in escorting patients safely back home, just blends perfectly together. Thus ensuring the highest level of medical care is provided by overseeing every transport our team will deliver.",
-                  },
-                ],
-              },
-            ],
-            email: "b.groen@aeromedicalholland.com",
-            phone: null,
-            linkedIn: "https://nl.linkedin.com/in/brenda-groen",
-            photo: {
-              id: 3,
-              alternativeText: null,
-              width: 820,
-              height: 860,
-              url: "/uploads/woman_in_circle_icon_8fc0f463c8.png",
-            },
-            links: [
-              {
-                id: 3,
-                url: "https://zoeken.bigregister.nl/zorgverlener/e77b403b-9800-48c0-a722-79d111ec0dc1",
-                text: "Registered at Dutch Ministry of Health, Welfare and Sport. ",
-                isExternal: true,
-              },
-            ],
-          },
-          {
-            id: 2,
-            name: "Harald Speek",
-            function: "Managing Director",
-            text: [
-              {
-                type: "paragraph",
-                children: [
-                  {
-                    type: "text",
-                    text: "Founding partner of the company. Medically trained as an Emergency Medicine nurse in the Netherlands. Has worked in the field of medical repatriation since ??.",
-                  },
-                ],
-              },
-            ],
-            email: "h.speek@aeromedicalholland.com",
-            phone: null,
-            linkedIn: null,
-            photo: {
-              id: 4,
-              alternativeText: null,
-              width: 1024,
-              height: 1024,
-              url: "/uploads/man_in_circle_icon_6c77b6d3e4.png",
-            },
-          },
-        ],
-      },
-      {
-        id: 1,
-        __component: "layout.fleet-section",
-        title: "Fleet",
-        description: "Description of our fleet",
-        airplane: [
-          {
-            id: 1,
-            name: "CHALLENGER 604",
-            description:
-              "Bombardier Challenger 604. Is our best long-range jet and can be equipped with an intensive care unit for one critical care patient or the option to carry 2 stable patients. ",
-            range: "7408",
-            speed: "854",
-            ceiling: "41000",
-            cabinHeight: 1.83,
-            cabinWidth: 2.11,
-            cabinLength: 8.66,
-            floorplan: {
-              url: "/uploads/CHALLENGER_604_efe6e0309f.png",
-              alt: "Challenger 604 Floor Plan",
-              width: 1000,
-              height: 282,
-              style: {},
-            },
-          },
-          {
-            id: 2,
-            name: "BEECHCRAFT KING AIR 200",
-            description:
-              "A twin turboprop aircraft with pressurized cabin. Is our best air ambulance for Europe and North Africa. It is equipped with a single stretcher for one stable ICU patient.",
-            range: "2200",
-            speed: "500",
-            ceiling: "35000",
-            cabinHeight: 1.46,
-            cabinWidth: 1.37,
-            cabinLength: 5.08,
-            floorplan: {
-              url: "/uploads/BEECHCRAFT_KING_AIR_200_828251b91c.png",
-              alt: "Challenger 604 Floor Plan",
-              width: 1000,
-              height: 233,
-              style: {},
-            },
-          },
-        ],
-      },
-      {
-        id: 1,
-        __component: "layout.text-image-section",
-        title: "Hello Mars",
-        image: {
-          id: 4,
-          alternativeText: "Hello Mars",
-          width: 1024,
-          height: 1024,
-          url: "/uploads/man_in_circle_icon_6c77b6d3e4.png",
-        },
-        text: "**Hello Mars,** \n a distant red planet that has captured the imagination of humanity for centuries. As we gaze upon your mysterious surface from Earth, we can't help but wonder about the secrets you hold. Hello to the vast landscapes of rust-colored terrain, the towering volcanoes, and the enigmatic canyons that weave across your surface.    *Hello Mars,* a planet that has been the focus of numerous space missions, each one aiming to unveil the mysteries of your past and present. From the iconic rovers tirelessly traversing your rocky landscapes to the orbiters capturing breathtaking images from above, we extend our greetings to the scientific endeavors that seek to understand your geology, climate, and potential for life. <br /> <br /> *Hello Mars,* a beacon of human exploration and curiosity. The dreams of setting foot on your soil have fueled the aspirations of generations, and with each technological leap, the possibility of humans visiting you becomes more tangible. The prospect of a human settlement on Mars brings excitement, challenges, and the promise of a new chapter in our interplanetary journey. <br /> <br /> *Hello Mars,* a testament to the indomitable human spirit that constantly seeks to push the boundaries of what is possible. As we continue to study, explore, and dream about the mysteries you hold, we are reminded of the vastness of the cosmos and the endless opportunities for discovery that lie beyond our home planet.",
-        reverse: true,
-        glass: true,
-      },
-      {
-        id: 1,
-        __component: "layout.icon-section",
-        icon: [
-          {
-            id: 1,
-            title: "INTENSIVE CARE UNIT",
-            text: "Intensive care unit with stretcher and vacuum mattress (adjustable backrest) | oxygen supply, compressed air and vacuum pump | 110/230V + 12/24V power supplies",
-            icon: "LocalHospitalIcon",
-          },
-          {
-            id: 2,
-            title: "OXYGEN CAPACITY",
-            text: "4.000 l (per intensive care unit) plus up to 10.800 l in carbon high pressure cylinders",
-            icon: "PropaneTankIcon",
-          },
-          {
-            id: 3,
-            title: "RESPIRATION SYSTEM",
-            text: "Hamilton T1 | or Hamilton H900 humidifier for: adults, pediatrics, neonates",
-            icon: "MasksIcon",
-          },
-          {
-            id: 4,
-            title: "MONITORING",
-            text: "Zoll X Series | T1 (invasive and non-invasive blood pressure measurement, pulse oxymetry, capnometry, temperature measurement, ECG monitoring)",
-            icon: "ScreenshotMonitorIcon",
-          },
-          {
-            id: 5,
-            title: "DEFIBRILLATOR",
-            text: "Zoll X Series (with external cardiac pacemaker)",
-            icon: "MonitorHeartIcon",
-          },
-          {
-            id: 6,
-            title: "AED",
-            text: "Heartsine 350 P",
-            icon: "BoltIcon",
-          },
-          {
-            id: 7,
-            title: "SYRINGE PUMPS",
-            text: "Fresenius Agilia Injectomat",
-            icon: "VaccinesIcon",
-          },
-          {
-            id: 8,
-            title: "INFUSION PUMPS",
-            text: "Fresenus Agilia Volumat",
-            icon: "BloodtypeIcon",
-          },
-          {
-            id: 9,
-            title: "PORTABLE SUCTION UNITS",
-            text: "Laerdal LCSU 4",
-            icon: "HealingIcon",
-          },
-          {
-            id: 10,
-            title: "EMERGENCY ALS BAGS",
-            text: "Extensive equipment for emergency and intensive care (e.g. videolaryngoscop, chest tube, urinary catheter, arterial catheter, surgical instruments, coniotomy, central venous line, care products)",
-            icon: "MedicalServicesIcon",
-          },
-          {
-            id: 11,
-            title: "MEDICATION",
-            text: "Standard medication for emergency and intensiv care medicine | narcotics | antidotes",
-            icon: "LocalPharmacyIcon",
-          },
-          {
-            id: 12,
-            title: "PEDIATRIC EQUIPMENT",
-            text: "Babypod transport incubator I & II with Kanmed BabyWarmer | Incubator Dräger | intensive care backpack pediatric | additional emergency and intensive care medicine",
-            icon: "ChildCareIcon",
-          },
-        ],
-      },
-      {
-        id: 1,
-        __component: "layout.contact-section",
-        title: "Contact us",
-        glass: true,
-      },
-    ],
-  },
-};

package/src/stories/RegisterForm.stories.js

@@ -1,13 +0,0 @@
-import RegisterForm from "../components/auth/RegisterForm";
-import React from "react";
-
-export default {
-  title: "UMWD/RegisterForm",
-  component: RegisterForm,
-};
-
-const Template = ({ ...args }) => <RegisterForm data={{ ...args }} />;
-
-export const HelloWorld = Template.bind({});
-
-HelloWorld.args = { maxWidth: "md" };

package/src/stories/ScrollNavbar.stories.js

@@ -1,121 +0,0 @@
-import ScrollNavbar from "../components/ScrollNavbar";
-import React from "react";
-import logoText from "../../public/logo_text.png";
-
-export default {
-  title: "UMWD/ScrollNavbar",
-  component: ScrollNavbar,
-};
-
-const Template = ({ ...args }) => {
-  return (
-    <>
-      <ScrollNavbar {...args} />
-      {args.data.tabs.map((tab, index) => {
-        const bgColor = `rgb( ${(index + 1) * 20}, ${(index + 1) * 20}, ${
-          (index + 1) * 20
-        })`;
-
-        return (
-          <div
-            key={tab.slug}
-            style={{ height: "300px", background: bgColor }}
-            id={tab.slug}
-          >
-            {tab.name}
-          </div>
-        );
-      })}
-    </>
-  );
-};
-
-/* export const Orefs = Template.bind({});
-
-Orefs.args = {}; */
-
-export const UMWD = Template.bind({});
-
-UMWD.args = {
-  data: {
-    site_title: (
-      <h1
-        style={{ fontFamily: "Montserrat", fontWeight: 400, fontSize: "24px" }}
-      >
-        UMWD
-      </h1>
-    ), //"AeroMedical Holland",
-    tabs: [
-      {
-        name: "Home",
-        link: "/#home",
-        slug: "home",
-      },
-      {
-        name: "Services",
-        link: "/#services",
-        slug: "services",
-      },
-      {
-        name: "About Us",
-        link: "/#about-us",
-        slug: "about-us",
-      },
-      {
-        name: "Contact",
-        link: "/#contact",
-        slug: "contact",
-      },
-    ],
-    maxWidth: "lg",
-    minHeight: "90px",
-  },
-};
-
-export const AMH = Template.bind({});
-
-AMH.args = {
-  data: {
-    logo: {
-      id: "1",
-      url: "http://127.0.0.1:1337/uploads/logo_small_f0fcf59dad.png",
-      alternativeText: "Logo",
-      style: {},
-      width: logoText.width,
-      height: logoText.height,
-    },
-    site_title: (
-      <h1
-        style={{ fontFamily: "Montserrat", fontWeight: 400, fontSize: "24px" }}
-      >
-        <span style={{ fontWeight: 600 }}>A</span>ero
-        <span style={{ fontWeight: 600 }}>M</span>edical{" "}
-        <span style={{ fontWeight: 600 }}>H</span>olland
-      </h1>
-    ), //"AeroMedical Holland",
-    tabs: [
-      {
-        name: "Home",
-        link: "/#home",
-        slug: "home",
-      },
-      {
-        name: "Services",
-        link: "/#services",
-        slug: "services",
-      },
-      {
-        name: "About Us",
-        link: "/#about-us",
-        slug: "about-us",
-      },
-      {
-        name: "Contact",
-        link: "/#contact",
-        slug: "contact",
-      },
-    ],
-    maxWidth: "lg",
-    minHeight: "90px",
-  },
-};

package/src/stories/SideNav.stories.js

@@ -1,47 +0,0 @@
-import SideNav from "../components/dashboard/SideNav";
-import React from "react";
-import AccountBoxIcon from "@mui/icons-material/AccountBox";
-import DashboardIcon from "@mui/icons-material/Dashboard";
-import RocketLaunchIcon from "@mui/icons-material/RocketLaunch";
-import LogoutIcon from "@mui/icons-material/Logout";
-
-export default {
-  title: "UMWD/SideNav",
-  component: SideNav,
-};
-
-const Template = ({ ...args }) => (
-  <SideNav data={{ ...args }}>
-    <h1>Children</h1>
-  </SideNav>
-);
-
-export const HelloWorld = Template.bind({});
-
-HelloWorld.args = {
-  title: "Admin Panel",
-  actions: [
-    {
-      icon: <LogoutIcon />,
-      name: "Log-Out",
-      action: () => console.log("Log-Out"),
-    },
-  ],
-  sections: [
-    {
-      title: "My Account",
-      icon: <AccountBoxIcon />,
-      link: "/account",
-      subSections: [
-        {
-          title: "Dashboard",
-          link: "/account/dashboard",
-        },
-        {
-          title: "Settings",
-          link: "/account/settings",
-        },
-      ],
-    },
-  ],
-};

package/src/stories/SigninForm.stories.js

@@ -1,13 +0,0 @@
-import SigninForm from "../components/auth/SigninForm";
-import React from "react";
-
-export default {
-  title: "UMWD/SigninForm",
-  component: SigninForm,
-};
-
-const Template = ({ ...args }) => <SigninForm data={{ ...args }} />;
-
-export const HelloWorld = Template.bind({});
-
-HelloWorld.args = { maxWidth: "sm", registration_url: "/register" };

package/src/stories/StrapiImage.stories.js

@@ -1,23 +0,0 @@
-import React from "react";
-import { StrapiImage } from "../components/custom/StrapiImage";
-
-export default {
-  title: "UMWD/StrapiImage",
-  component: StrapiImage,
-};
-
-const Template = ({ ...args }) => {
-  return <StrapiImage {...args} />;
-};
-
-export const Orefs = Template.bind({});
-
-Orefs.args = {};
-
-export const AMH = Template.bind({});
-
-AMH.args = {};
-
-export const UMWD = Template.bind({});
-
-UMWD.args = {};