umwd-components 0.1.47 → 0.1.48

package/dist/cjs/components/BulletList.js

@@ -0,0 +1,42 @@
+"use client";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var material = require('@mui/material');
+var FiberManualRecordIcon = require('@mui/icons-material/FiberManualRecord');
+
+function BulletList({
+  bullets,
+  bulletSVG
+}) {
+  console.log("bulletSVG2", bulletSVG);
+  return /*#__PURE__*/React.createElement(material.Stack, {
+    spacing: 2
+  }, bullets.map((bullet, index) => /*#__PURE__*/React.createElement(material.Typography, {
+    key: index,
+    sx: {
+      verticalAlign: "center",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      display: "inline-flex"
+    }
+  }, bulletSVG ? /*#__PURE__*/React.createElement(material.SvgIcon, {
+    sx: {
+      mr: 1
+    }
+  }, bulletSVG) : /*#__PURE__*/React.createElement(FiberManualRecordIcon, null), bullet)));
+}
+BulletList.propTypes = {
+  bullets: PropTypes.arrayOf(PropTypes.string).isRequired
+};
+
+exports.default = BulletList;

package/dist/cjs/index.js

@@ -16,6 +16,7 @@ var Page = require('./components/Page.js');
 var Footer = require('./components/Footer.js');
 var ContactForm = require('./components/ContactForm.js');
 var WebsitePlaceholder = require('./components/WebsitePlaceholder.js');
+var BulletList = require('./components/BulletList.js');
 
 
 
@@ -29,3 +30,4 @@ exports.Page = Page.default;
 exports.Footer = Footer.default;
 exports.ContactForm = ContactForm.default;
 exports.WebsitePlaceholder = WebsitePlaceholder.default;
+exports.BulletList = BulletList.default;

package/dist/esm/components/BulletList.js

@@ -0,0 +1,38 @@
+"use client";
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Stack, Typography, SvgIcon } from '@mui/material';
+import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';
+
+function BulletList({
+  bullets,
+  bulletSVG
+}) {
+  console.log("bulletSVG2", bulletSVG);
+  return /*#__PURE__*/React.createElement(Stack, {
+    spacing: 2
+  }, bullets.map((bullet, index) => /*#__PURE__*/React.createElement(Typography, {
+    key: index,
+    sx: {
+      verticalAlign: "center",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      display: "inline-flex"
+    }
+  }, bulletSVG ? /*#__PURE__*/React.createElement(SvgIcon, {
+    sx: {
+      mr: 1
+    }
+  }, bulletSVG) : /*#__PURE__*/React.createElement(FiberManualRecordIcon, null), bullet)));
+}
+BulletList.propTypes = {
+  bullets: PropTypes.arrayOf(PropTypes.string).isRequired
+};
+
+export { BulletList as default };

package/dist/esm/index.js

@@ -14,3 +14,4 @@ export { default as Page } from './components/Page.js';
 export { default as Footer } from './components/Footer.js';
 export { default as ContactForm } from './components/ContactForm.js';
 export { default as WebsitePlaceholder } from './components/WebsitePlaceholder.js';
+export { default as BulletList } from './components/BulletList.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umwd-components",
-  "version": "0.1.47",
+  "version": "0.1.48",
   "description": "UMWD Component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/public/AMH/BulletSVG.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<g id="Layer_32">
+	<path class="st27" fill="#DD1805" d="M22.15,12c-1.39-0.61-8-3.55-12.14-6.33C5.18,2.43,4.03,0.28,3.19,0.23c-0.4-0.02-1.26,1.04-1.34,1.42
+		L9,10.62c0,0,5.12,1.04,8.08,1.38C14.12,12.34,9,13.38,9,13.38l-7.16,8.96c0.08,0.38,0.94,1.44,1.34,1.42
+		c0.84-0.05,1.99-2.2,6.83-5.44C14.15,15.56,20.77,12.61,22.15,12L22.15,12z"/>
+</g>
+</svg>

package/src/components/BulletList.js

@@ -0,0 +1,38 @@
+"use client";
+
+import React from "react";
+import PropTypes from "prop-types";
+import { Stack, SvgIcon, Typography } from "@mui/material";
+import FiberManualRecordIcon from "@mui/icons-material/FiberManualRecord";
+
+function BulletList({ bullets, bulletSVG }) {
+  console.log("bulletSVG2", bulletSVG);
+  return (
+    <Stack spacing={2}>
+      {bullets.map((bullet, index) => (
+        <Typography
+          key={index}
+          sx={{
+            verticalAlign: "center",
+            alignItems: "center",
+            justifyContent: "flex-start",
+            display: "inline-flex",
+          }}
+        >
+          {bulletSVG ? (
+            <SvgIcon sx={{ mr: 1 }}>{bulletSVG}</SvgIcon>
+          ) : (
+            <FiberManualRecordIcon />
+          )}
+          {bullet}
+        </Typography>
+      ))}
+    </Stack>
+  );
+}
+
+BulletList.propTypes = {
+  bullets: PropTypes.arrayOf(PropTypes.string).isRequired,
+};
+
+export default BulletList;

package/src/index.js

@@ -9,3 +9,4 @@ export { default as Page } from "./components/Page";
 export { default as Footer } from "./components/Footer";
 export { default as ContactForm } from "./components/ContactForm";
 export { default as WebsitePlaceholder } from "./components/WebsitePlaceholder";
+export { default as BulletList } from "./components/BulletList";

package/src/stories/BulletList.stories.js

@@ -0,0 +1,87 @@
+import BulletList from "../components/BulletList";
+import React from "react";
+// import bulletSVG from "../../public/AMH/BulletSVG.svg";
+// import { ReactComponent as bulletSVG } from "../../public/AMH/BulletSVG.js";
+
+export default {
+  title: "UMWD/BulletList",
+  component: BulletList,
+};
+
+//console.log(<bulletSVG />);
+
+const Template = ({ bullets, bulletSVG, ...args }) => (
+  <BulletList bullets={bullets} bulletSVG={bulletSVG} />
+);
+
+export const AMH = Template.bind({});
+
+AMH.args = {
+  bullets: [
+    "Unmatched Medical Expertise: Our medical team consists of top-flight doctors and nurses with extensive experience in critical care transport, ensuring the best possible care for your loved one during repatriation.",
+    "Global Reach and 24/7 Availability: We operate a worldwide network of resources, ready to respond to your needs anytime, anywhere. No matter where the medical emergency occurs, we'll get you home safely.",
+    "Personalized Care Coordination: We understand the complexities of medical repatriation. Our dedicated case managers will handle all logistical arrangements, keeping you informed every step of the way.",
+    "Focus on Patient Comfort and Safety: We utilize state-of-the-art medical equipment and customized transportation solutions to ensure a smooth and comfortable journey for your loved one.",
+  ],
+  bulletSVG: (
+    <svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24">
+      <g id="Layer_32">
+        <path
+          class="st27"
+          fill="#DD1805"
+          d="M22.15,12c-1.39-0.61-8-3.55-12.14-6.33C5.18,2.43,4.03,0.28,3.19,0.23c-0.4-0.02-1.26,1.04-1.34,1.42
+     L9,10.62c0,0,5.12,1.04,8.08,1.38C14.12,12.34,9,13.38,9,13.38l-7.16,8.96c0.08,0.38,0.94,1.44,1.34,1.42
+     c0.84-0.05,1.99-2.2,6.83-5.44C14.15,15.56,20.77,12.61,22.15,12L22.15,12z"
+        />
+      </g>
+    </svg>
+  ),
+};
+
+export const OREFS = Template.bind({});
+
+OREFS.args = {
+  bullets: [
+    "Unmatched Medical Expertise: Our medical team consists of top-flight doctors and nurses with extensive experience in critical care transport, ensuring the best possible care for your loved one during repatriation.",
+    "Global Reach and 24/7 Availability: We operate a worldwide network of resources, ready to respond to your needs anytime, anywhere. No matter where the medical emergency occurs, we'll get you home safely.",
+    "Personalized Care Coordination: We understand the complexities of medical repatriation. Our dedicated case managers will handle all logistical arrangements, keeping you informed every step of the way.",
+    "Focus on Patient Comfort and Safety: We utilize state-of-the-art medical equipment and customized transportation solutions to ensure a smooth and comfortable journey for your loved one.",
+  ],
+  bulletSVG: (
+    <svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24">
+      <g id="Layer_32">
+        <path
+          class="st27"
+          fill="#DD1805"
+          d="M22.15,12c-1.39-0.61-8-3.55-12.14-6.33C5.18,2.43,4.03,0.28,3.19,0.23c-0.4-0.02-1.26,1.04-1.34,1.42
+             L9,10.62c0,0,5.12,1.04,8.08,1.38C14.12,12.34,9,13.38,9,13.38l-7.16,8.96c0.08,0.38,0.94,1.44,1.34,1.42
+             c0.84-0.05,1.99-2.2,6.83-5.44C14.15,15.56,20.77,12.61,22.15,12L22.15,12z"
+        />
+      </g>
+    </svg>
+  ),
+};
+
+export const UMWD = Template.bind({});
+
+UMWD.args = {
+  bullets: [
+    "Unmatched Medical Expertise: Our medical team consists of top-flight doctors and nurses with extensive experience in critical care transport, ensuring the best possible care for your loved one during repatriation.",
+    "Global Reach and 24/7 Availability: We operate a worldwide network of resources, ready to respond to your needs anytime, anywhere. No matter where the medical emergency occurs, we'll get you home safely.",
+    "Personalized Care Coordination: We understand the complexities of medical repatriation. Our dedicated case managers will handle all logistical arrangements, keeping you informed every step of the way.",
+    "Focus on Patient Comfort and Safety: We utilize state-of-the-art medical equipment and customized transportation solutions to ensure a smooth and comfortable journey for your loved one.",
+  ],
+  bulletSVG: (
+    <svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24">
+      <g id="Layer_32">
+        <path
+          class="st27"
+          fill="#DD1805"
+          d="M22.15,12c-1.39-0.61-8-3.55-12.14-6.33C5.18,2.43,4.03,0.28,3.19,0.23c-0.4-0.02-1.26,1.04-1.34,1.42
+         L9,10.62c0,0,5.12,1.04,8.08,1.38C14.12,12.34,9,13.38,9,13.38l-7.16,8.96c0.08,0.38,0.94,1.44,1.34,1.42
+         c0.84-0.05,1.99-2.2,6.83-5.44C14.15,15.56,20.77,12.61,22.15,12L22.15,12z"
+        />
+      </g>
+    </svg>
+  ),
+};