slice-machine-ui 2.2.2-beta.1 → 2.2.2-beta.11

package/src/legacy/lib/builders/common/SelectFieldTypeModal/FieldTypeCard.jsx

@@ -1,51 +0,0 @@
-import { Box, Flex, Heading, Text, useThemeUI } from "theme-ui";
-
-const FieldTypeCard = ({ title, description, icon: WidgetIcon, onSelect }) => {
-  const { theme } = useThemeUI();
-  return (
-    <Flex
-      sx={{
-        p: 3,
-        my: 2,
-        alignItems: "center",
-        cursor: "pointer",
-        borderRadius: "3px",
-        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-        border: (t) => `1px solid ${t.colors?.borders}`,
-        "&:hover": {
-          // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-          border: ({ colors }) => `1px solid ${colors.primary}`,
-          boxShadow: "0 0 0 3px rgba(81, 99, 186, 0.2)",
-        },
-      }}
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      data-testid={title}
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      onClick={onSelect}
-    >
-      <WidgetIcon
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/restrict-template-expressions
-        label={`Select field of type "${title}"`}
-        style={{
-          color: theme.colors.primary,
-          marginRight: "8px",
-          borderRadius: "4px",
-          padding: "5px",
-          border: "2px solid",
-          borderColor: theme.colors.primary,
-        }}
-        size={32}
-      />
-      <Box ml={1}>
-        <Heading as="h4" sx={{ fontSize: 1 }}>
-          <b>{title}</b>
-        </Heading>
-        <Text as="p" variant="xs">
-          {description}
-        </Text>
-      </Box>
-    </Flex>
-  );
-};
-
-export default FieldTypeCard;

package/src/legacy/lib/builders/common/SelectFieldTypeModal/index.jsx

@@ -1,84 +0,0 @@
-import Modal from "react-modal";
-import { Close, Flex, Heading } from "theme-ui";
-
-import Card from "@/legacy/components/Card";
-import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
-import SliceMachineModal from "@/legacy/components/SliceMachineModal";
-
-import FieldTypeCard from "./FieldTypeCard";
-
-if (process.env.NODE_ENV !== "test") {
-  Modal.setAppElement("#__next");
-}
-
-const SelectFieldTypeModal = ({ data, close, onSelect, widgetsArray }) => {
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/strict-boolean-expressions
-  if (!data.isOpen) {
-    return null;
-  }
-  return (
-    <SliceMachineModal
-      isOpen
-      shouldCloseOnOverlayClick
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      onRequestClose={close}
-      contentLabel="Widget Form Modal"
-    >
-      <Card
-        borderFooter
-        footerSx={{ p: 3 }}
-        bodySx={{ pt: 2, pb: 4, px: 4 }}
-        sx={{ border: "none" }}
-        Header={({ radius }) => (
-          <Flex
-            sx={{
-              position: "sticky",
-              top: 0,
-              zIndex: 1,
-              p: 3,
-              pl: 4,
-              bg: "headSection",
-              alignItems: "center",
-              justifyContent: "space-between",
-              borderTopLeftRadius: radius,
-              borderTopRightRadius: radius,
-              // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-              borderBottom: (t) => `1px solid ${t.colors?.borders}`,
-            }}
-          >
-            <Heading>Add a new field</Heading>
-
-            <Close // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-assignment
-              onClick={close}
-            />
-          </Flex>
-        )}
-      >
-        <FlexGrid>
-          {
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-            widgetsArray
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-              .filter((e) => e)
-              .map((widget) => {
-                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                const { Meta, TYPE_NAME, CUSTOM_NAME } = widget;
-                return (
-                  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/strict-boolean-expressions
-                  <Col key={CUSTOM_NAME || TYPE_NAME}>
-                    <FieldTypeCard
-                      {...Meta}
-                      // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/strict-boolean-expressions
-                      onSelect={() => onSelect(CUSTOM_NAME || TYPE_NAME)}
-                    />
-                  </Col>
-                );
-              })
-          }
-        </FlexGrid>
-      </Card>
-    </SliceMachineModal>
-  );
-};
-
-export default SelectFieldTypeModal;

package/src/legacy/lib/models/common/widgets/Group/index.ts

@@ -1,44 +0,0 @@
-import { MdPlaylistAdd } from "react-icons/md";
-import * as yup from "yup";
-
-import { GroupSM } from "@/legacy/lib/models/common/Group";
-
-import { Widget } from "../Widget";
-import Form, { FormFields } from "./Form";
-import CustomListItem from "./ListItem";
-
-const Meta = {
-  icon: MdPlaylistAdd,
-  title: "Group",
-  description: "A repeatable set of fields",
-};
-
-const schema = yup.object().shape({
-  type: yup
-    .string()
-    .matches(/^Group$/, { excludeEmptyString: true })
-    .required(),
-  config: yup.object().shape({
-    fields: yup.array(),
-    label: yup.string(),
-    placeholder: yup.string(),
-    repeat: yup.boolean().optional(),
-  }),
-});
-
-export const GroupWidget: Widget<GroupSM, typeof schema> = {
-  Meta,
-  Form,
-  FormFields,
-  schema,
-  create: (label: string) => ({
-    type: "Group",
-    config: {
-      label,
-      repeat: true,
-      fields: [],
-    },
-  }),
-  CustomListItem,
-  TYPE_NAME: "Group",
-};

package/src/legacy/lib/models/common/widgets/ctBuilderArray.ts

@@ -1,20 +0,0 @@
-import * as Widgets from "./withGroup";
-
-export default [
-  Widgets.UID,
-  Widgets.Group,
-  Widgets.StructuredText,
-  Widgets.Image,
-  Widgets.Link,
-  Widgets.LinkToMedia,
-  Widgets.ContentRelationship,
-  Widgets.Select,
-  Widgets.Boolean,
-  Widgets.Date,
-  Widgets.Timestamp,
-  Widgets.Embed,
-  Widgets.Number,
-  Widgets.GeoPoint,
-  Widgets.Color,
-  Widgets.Text,
-];

package/src/legacy/lib/models/common/widgets/groupBuilderArray.ts

@@ -1,18 +0,0 @@
-import * as Widgets from ".";
-
-export default [
-  Widgets.StructuredText,
-  Widgets.Image,
-  Widgets.Link,
-  Widgets.LinkToMedia,
-  Widgets.ContentRelationship,
-  Widgets.Select,
-  Widgets.Boolean,
-  Widgets.Date,
-  Widgets.Timestamp,
-  Widgets.Embed,
-  Widgets.Number,
-  Widgets.GeoPoint,
-  Widgets.Color,
-  Widgets.Text,
-];

package/src/legacy/lib/models/common/widgets/sliceBuilderArray.ts

@@ -1,19 +0,0 @@
-import * as Widgets from "./withGroup";
-
-export default [
-  Widgets.Group,
-  Widgets.StructuredText,
-  Widgets.Image,
-  Widgets.Link,
-  Widgets.LinkToMedia,
-  Widgets.ContentRelationship,
-  Widgets.Select,
-  Widgets.Boolean,
-  Widgets.Date,
-  Widgets.Timestamp,
-  Widgets.Embed,
-  Widgets.Number,
-  Widgets.GeoPoint,
-  Widgets.Color,
-  Widgets.Text,
-];

package/src/legacy/lib/models/common/widgets/withGroup.ts

@@ -1,2 +0,0 @@
-export * from ".";
-export { GroupWidget as Group } from "./Group";