umwd-components 0.1.716 → 0.1.718

package/src/components/logistics/vendor/VendorDisplay.tsx

@@ -1,90 +0,0 @@
-"use client";
-
-import React, { Fragment, useState, useEffect } from "react";
-
-import Paper from "@mui/material/Paper";
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid";
-import Typography from "@mui/material/Typography";
-import Stack from "@mui/material/Stack";
-import { SxProps } from "@mui/material/styles";
-
-import { Vendor } from "../../../types/logistics/Vendor";
-import BusinessCredentials from "../../e-commerce/customer/BusinessCredentials";
-import Address from "../../common/Address";
-import Price from "../../e-commerce/products/Price";
-import { ExplanatoryFoldOut } from "../../ExplanatoryFoldOut";
-import Contacts from "../../common/Contacts";
-
-export function VendorDisplay({ data, sx }: { data: Vendor; sx?: SxProps }) {
-  const {
-    id,
-    website_url,
-    phone_number,
-    email,
-    business_credentials,
-    address,
-    products,
-    contacts,
-  } = data;
-
-  console.log(contacts);
-
-  return (
-    <Box
-      sx={[
-        // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
-        { p: 2 },
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-      component={Paper}
-    >
-      <Grid container spacing={2}>
-        <Grid item xs={12}>
-          <Typography variant="h5">Vendor</Typography>
-        </Grid>
-        <Grid item xs={12} md={6}>
-          <BusinessCredentials data={business_credentials} />
-        </Grid>
-        <Grid item xs={12} md={6}>
-          <Typography variant="body1">Website Url: {website_url}</Typography>
-          <Typography variant="body1">Phone Number: {phone_number}</Typography>
-          <Typography variant="body1">Email: {email}</Typography>
-        </Grid>
-        <Grid item xs={12} md={6}>
-          <Typography variant="h6">Address</Typography>
-          <Address data={address} />
-        </Grid>
-      </Grid>
-      <Grid item xs={12} sx={{ mt: 3 }}>
-        <Typography variant="h6">Products</Typography>
-        <ExplanatoryFoldOut title="Products" sx={{ mt: 1 }}>
-          <Stack spacing={1}>
-            {products.data.map((product, index) => (
-              <Paper key={index} sx={{ p: 1 }}>
-                <Stack direction={"row"} justifyContent={"space-between"}>
-                  <Typography variant="h6">
-                    Product: {product.title} {product.product_number}
-                  </Typography>
-                  <Price {...product.price} />
-                </Stack>
-              </Paper>
-            ))}
-          </Stack>
-        </ExplanatoryFoldOut>
-      </Grid>
-      <Grid item xs={12} sx={{ mt: 3 }}>
-        <Typography variant="h6">Contacts</Typography>
-        <ExplanatoryFoldOut title="Contacts" sx={{ mt: 1 }}>
-          <Stack spacing={1}>
-            {contacts.map((contact, index) => (
-              <Paper key={index} sx={{ p: 1 }}>
-                <Contacts data={contact} />
-              </Paper>
-            ))}
-          </Stack>
-        </ExplanatoryFoldOut>
-      </Grid>
-    </Box>
-  );
-}

package/src/components/logistics/vendor/VendorSelector.tsx

@@ -1,56 +0,0 @@
-import React, { useState } from "react";
-import AutoComplete from "@mui/material/Autocomplete";
-import TextField from "@mui/material/TextField";
-import {
-  VendorName,
-  VendorSelectorProps,
-} from "../../../types/logistics/Vendor";
-
-/**
- * INFO : This component is used to select a vendor from a list of vendors,
- * other than the selectors for products and categories this selector can select only one(!) value
- */
-
-const VendorSelector = ({
-  vendorNames,
-  currentValue,
-  onSelectVendor,
-}: VendorSelectorProps) => {
-  console.log(currentValue);
-  const [selectedValue, setSelectedValue] = useState<number | null>(
-    currentValue || null
-  );
-
-  const handleVendorChange = (
-    event: React.ChangeEvent<{}>,
-    value: VendorName | null
-  ) => {
-    // if (!value) return;
-    const id = value?.id || null;
-    setSelectedValue(id);
-    if (onSelectVendor) onSelectVendor(id);
-  };
-
-  return (
-    <>
-      <AutoComplete
-        options={vendorNames}
-        getOptionLabel={(option) => option?.business_credentials?.company_name}
-        filterSelectedOptions
-        onChange={handleVendorChange}
-        renderInput={(params) => <TextField {...params} label="Vendors" />}
-        value={
-          vendorNames?.find((vendor) => vendor.id === selectedValue) || null
-        }
-      />
-      {/* Hidden input to store selected vendor ID */}
-      <input
-        type="hidden"
-        name="vendors"
-        value={selectedValue ? JSON.stringify(selectedValue) : ""}
-      />
-    </>
-  );
-};
-
-export default VendorSelector;

package/src/components/page-builder/ColumnsSection.tsx

@@ -1,90 +0,0 @@
-import React from "react";
-import Grid from "@mui/material/Grid";
-import Typography from "@mui/material/Typography";
-import Container from "@mui/material/Container";
-import Paper from "@mui/material/Paper";
-import getIcon from "../../lib/getIcon";
-import { SxProps, Theme } from "@mui/material/styles";
-// import { BlockRendererClient } from "../BlockRendererClient";
-// import { type BlocksContent } from "@strapi/blocks-react-renderer";
-
-type MaxWidth = "xs" | "sm" | "md" | "lg" | "xl" | false | undefined;
-
-interface ColumnProps {
-  id: number;
-  heading: string;
-  text: string;
-  // textV2: BlocksContent;
-  icon: string;
-}
-
-interface ColumnsSectionProps {
-  id: number;
-  __component: string;
-  title: string;
-  description: string;
-  column: ColumnProps[];
-  maxWidth: MaxWidth;
-  sx?: SxProps<Theme>;
-}
-
-export function ColumnsSection({
-  data,
-}: {
-  readonly data: ColumnsSectionProps;
-}) {
-  const { column, maxWidth, sx = [] } = data;
-
-  // TODO make suitable for multiple column layouts
-
-  return (
-    <Container
-      maxWidth={maxWidth || "lg"}
-      sx={[
-        // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
-        { my: 1 },
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-    >
-      <Grid container spacing={2}>
-        {column.map((column) => {
-          const Icon = getIcon(column.icon) as React.ElementType | null;
-          return (
-            <Grid item xs={12} md={6} key={column.id}>
-              <Paper sx={{ p: 2, height: "100%" }}>
-                <Typography
-                  variant="h5"
-                  sx={{
-                    mb: 2,
-                    display: "flex",
-                    justifyContent: "flex-start",
-                    alignItems: "center",
-                  }}
-                >
-                  {Icon !== null && (
-                    <Icon
-                      sx={{
-                        mr: 2,
-                        mt: 0.2,
-                        width: "50px",
-                        height: "50px",
-                        fill: "currentColor",
-                        stroke: "none",
-                      }}
-                    />
-                  )}
-                  {column.heading}
-                </Typography>
-                {
-                  /* column.textV2 ? (
-                  <BlockRendererClient content={column.textV2} />
-                ) : */ <Typography>{column.text}</Typography>
-                }
-              </Paper>
-            </Grid>
-          );
-        })}
-      </Grid>
-    </Container>
-  );
-}

package/src/components/page-builder/FleetSection.tsx

@@ -1,218 +0,0 @@
-import React from "react";
-import Stack from "@mui/material/Stack";
-import Card from "@mui/material/Card";
-import CardHeader from "@mui/material/CardHeader";
-import CardContent from "@mui/material/CardContent";
-import Typography from "@mui/material/Typography";
-import Container from "@mui/material/Container";
-import Box from "@mui/material/Box";
-import Chip from "@mui/material/Chip";
-import Paper from "@mui/material/Paper";
-import { StrapiImage } from "../StrapiImage";
-import { StrapiImageProps } from "../../types/StrapiImageProps";
-import RadarIcon from "@mui/icons-material/Radar";
-import SpeedIcon from "@mui/icons-material/Speed";
-import HeightIcon from "@mui/icons-material/Height";
-import { SxProps, Theme, useTheme } from "@mui/material/styles";
-
-type MaxWidth = "xs" | "sm" | "md" | "lg" | "xl" | false | undefined;
-
-interface AirplaneProps {
-  id: number;
-  name: string;
-  description: string;
-  range: number;
-  speed: number;
-  ceiling: number;
-  cabinHeight: number;
-  cabinWidth: number;
-  cabinLength: number;
-  floorplan: StrapiImageProps;
-}
-
-interface FleetSectionProps {
-  id: number;
-  __component: string;
-  title: string;
-  description: string;
-  airplane: AirplaneProps[];
-  maxWidth: MaxWidth;
-  sx?: SxProps<Theme>;
-}
-
-export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
-  const { airplane, maxWidth, sx = [] } = data;
-
-  const theme = useTheme();
-
-  return (
-    <Container
-      maxWidth={maxWidth || "lg"}
-      sx={[
-        // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
-        { my: 1 },
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-    >
-      <Stack
-        spacing={2}
-        direction={"row"}
-        justifyContent="stretch"
-        flexWrap="wrap"
-        sx={{
-          width: "100%",
-          [theme.breakpoints.up("xs")]: {
-            flexDirection: "column",
-          },
-          [theme.breakpoints.up("sm")]: {
-            flexDirection: "row",
-          },
-        }}
-        useFlexGap={true}
-      >
-        {airplane.map((airplane) => (
-          <Card
-            key={airplane.id}
-            sx={{
-              display: "flex",
-              flexDirection: "column",
-              justifyContent: "space-between",
-              flex: 1,
-              minWidth: 275,
-            }}
-          >
-            <CardHeader
-              title={airplane.name}
-              subheader={airplane.description}
-            />
-            <Box sx={{ flex: 1 }} />
-            <CardContent
-              sx={{
-                p: 1,
-                height: 180,
-                mb: 2,
-              }}
-            >
-              <Paper
-                sx={{
-                  p: 1,
-                  display: "grid",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  height: "100%",
-                  position: "relative",
-                }}
-                variant="outlined"
-              >
-                {airplane.floorplan !== null && (
-                  <StrapiImage
-                    id={airplane.floorplan.id?.toString()}
-                    url={airplane.floorplan.url}
-                    alternativeText={airplane.floorplan.alternativeText}
-                    width={airplane.floorplan.width}
-                    height={airplane.floorplan.height}
-                    style={{
-                      objectFit: "contain",
-                      width: "100%",
-                      paddingBottom: "20px",
-                    }}
-                  />
-                )}
-                {airplane.cabinHeight &&
-                  airplane.cabinWidth &&
-                  airplane.cabinLength && (
-                    <Box
-                      sx={{
-                        position: "absolute",
-                        right: ".5rem",
-                        bottom: ".5rem",
-                      }}
-                    >
-                      <Typography
-                        variant="body2"
-                        color="text.secondary"
-                        align="right"
-                      >
-                        <strong>Cabin Dimensions:</strong> <strong>H</strong>{" "}
-                        {airplane.cabinHeight} m <strong>W</strong>{" "}
-                        {airplane.cabinWidth} m <strong>L</strong>{" "}
-                        {airplane.cabinLength} m
-                      </Typography>
-                    </Box>
-                  )}
-              </Paper>
-            </CardContent>
-            <CardContent
-              sx={
-                {
-                  /*  height: "33%" */
-                }
-              }
-            >
-              <Stack
-                direction="row"
-                spacing={1}
-                flexWrap="wrap"
-                useFlexGap={true}
-              >
-                <Chip
-                  label={`Range: ${airplane.range} km`}
-                  variant="filled"
-                  color="primary"
-                  icon={<RadarIcon />}
-                />
-                <Chip
-                  label={`Speed: ${airplane.speed} km/h`}
-                  variant="filled"
-                  color="primary"
-                  icon={<SpeedIcon />}
-                />
-                <Chip
-                  label={`Ceiling: ${airplane.ceiling} ft`}
-                  variant="filled"
-                  color="primary"
-                  icon={<HeightIcon />}
-                />
-              </Stack>
-            </CardContent>
-          </Card>
-        ))}
-      </Stack>
-    </Container>
-  );
-}
-
-/* 
-{
-      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,
-        },
-        {
-          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,
-        },
-      ],
-    },
-     */

package/src/components/page-builder/IconSection.tsx

@@ -1,78 +0,0 @@
-import React from "react";
-import Grid from "@mui/material/Grid";
-import Card from "@mui/material/Card";
-import CardContent from "@mui/material/CardContent";
-import Typography from "@mui/material/Typography";
-import Container from "@mui/material/Container";
-import getIcon from "../../lib/getIcon";
-import { SxProps, Theme } from "@mui/material/styles";
-
-type MaxWidth = "xs" | "sm" | "md" | "lg" | "xl" | false | undefined;
-
-interface IconProps {
-  id: number;
-  title: string;
-  text: string;
-  icon: string;
-}
-
-interface IconSectionProps {
-  id: number;
-  __component: string;
-  title: string;
-  description: string;
-  icon: IconProps[];
-  maxWidth?: MaxWidth;
-  sx?: SxProps<Theme>;
-}
-
-export function IconSection({ data }: { readonly data: IconSectionProps }) {
-  const { icon, maxWidth, sx = {} } = data;
-
-  return (
-    <Container maxWidth={maxWidth || "lg"} sx={{ my: 1, ...sx }}>
-      <Grid container spacing={2}>
-        {icon.map((icon) => {
-          const Icon = getIcon(icon.icon) as React.ElementType | null;
-
-          return (
-            <Grid item xs={12} sm={6} md={4} lg={3} key={icon.id}>
-              <Card
-                sx={{
-                  display: "flex",
-                  flexDirection: "column",
-                  flex: 1,
-                  height: "100%",
-                }}
-              >
-                <CardContent>
-                  <Typography
-                    variant="h6"
-                    component="div"
-                    sx={{
-                      display: "flex",
-                      justifyContent: "start",
-                      alignItems: "start",
-                      minHeight: "4.2rem",
-                    }}
-                  >
-                    {Icon !== null && <Icon sx={{ mr: 2, mt: 0.2 }} />}
-                    {icon.title}
-                  </Typography>
-
-                  <Typography
-                    variant="body2"
-                    color="text.secondary"
-                    component="div"
-                  >
-                    {icon.text}
-                  </Typography>
-                </CardContent>
-              </Card>
-            </Grid>
-          );
-        })}
-      </Grid>
-    </Container>
-  );
-}

package/src/components/page-builder/LogoBarSection.tsx

@@ -1,113 +0,0 @@
-"use client";
-
-import React from "react";
-import Paper from "@mui/material/Paper";
-import Container from "@mui/material/Container";
-import Grid from "@mui/material/Grid";
-import Stack from "@mui/material/Stack";
-import { StrapiImage } from "../StrapiImage";
-import { SxProps, Theme, useTheme } from "@mui/material/styles";
-import { setOpacity } from "../../lib/utils";
-import { StyledLink } from "../StyledLink";
-
-type MaxWidth = "xs" | "sm" | "md" | "lg" | "xl" | false | undefined;
-
-interface ImageProps {
-  id: number;
-  url: string;
-  alternativeText: string;
-  style: React.CSSProperties;
-  width: number;
-  height: number;
-}
-
-interface companyProps {
-  id: number;
-  logo: ImageProps;
-  name: string;
-  url: string;
-}
-
-interface LogoBarSectionProps {
-  id: number;
-  __component: string;
-  title: string;
-  description: string;
-  companies: companyProps[];
-  maxWidth: MaxWidth;
-  sx?: SxProps<Theme>;
-  glass?: boolean;
-}
-
-export function LogoBarSection({
-  data,
-}: {
-  readonly data: LogoBarSectionProps;
-}) {
-  const { companies, maxWidth = "lg", sx = {}, glass = false } = data;
-
-  const theme = useTheme();
-
-  return (
-    <Container maxWidth={maxWidth} sx={{ my: 1, ...sx }}>
-      <Grid container spacing={2}>
-        <Grid item xs={12}>
-          <Paper
-            sx={{
-              p: 2,
-              backdropFilter: "blur(3px)",
-              backgroundColor: setOpacity(
-                theme.palette.background.paper,
-                glass ? 0.1 : 1
-              ),
-              border: glass ? "1px solid rgba(255, 255, 255, 0.15)" : "none",
-            }}
-          >
-            <Stack
-              direction={{ xs: "column", sm: "row" }}
-              spacing={2}
-              justifyContent={"space-around"}
-            >
-              {companies &&
-                companies.map((company) => (
-                  <StyledLink
-                    key={company.id}
-                    href={company.url}
-                    sx={{
-                      flex: "1 1 0",
-                      display: "flex",
-                      flexDirection: "column",
-                      alignItems: "center",
-                      justifyContent: "space-between",
-                      paddingBottom: "1rem",
-                      transform: "scale(.9)",
-                      transition: ".2s",
-                      "&:hover": {
-                        transform: "scale(1)",
-                      },
-                    }}
-                  >
-                    <StrapiImage
-                      id={company.logo.id.toString()}
-                      url={company.logo.url}
-                      alternativeText={company.logo.alternativeText}
-                      width={company.logo.width}
-                      height={company.logo.height}
-                      style={{
-                        ...company.logo.style,
-                        width: "120px",
-                        height: "120px",
-                        objectFit: "contain",
-                        paddingBottom: "1rem",
-                      }}
-                    />
-                    {company.name}
-                  </StyledLink>
-                ))}
-            </Stack>
-          </Paper>
-        </Grid>
-      </Grid>
-    </Container>
-  );
-}