Update/dug 6 epic

package.json

@@ -23,8 +23,8 @@
     "deploy": "gh-pages -d example/build"
   },
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "antd": ">=4.0.0"
+    "antd": ">=4.0.0",
+    "yaml": "^2.1.1"
   },
   "devDependencies": {
     "@babel/preset-react": "^7.18.6",
@@ -65,6 +65,7 @@
     "number-to-words": "^1.2.4",
     "rc-queue-anim": "^2.0.0",
     "rc-texty": "^0.2.0",
-    "react-sizeme": "^3.0.2"
+    "react-sizeme": "^3.0.2",
+    "zod": "^3.22.2"
   }
 }

src/cart-list/cart-list.js

@@ -4,7 +4,7 @@ import {
     Divider, Empty, Tabs, Select, Checkbox,
     Button, Dropdown, Menu, Tooltip, Anchor, Layout
 } from 'antd'
-import { ShoppingCartOutlined, DeleteOutlined, FolderAddOutlined, CopyOutlined, CaretDownOutlined, PlusOutlined } from '@ant-design/icons'
+import { ShoppingCartOutlined, DeleteOutlined, FolderAddOutlined, CopyOutlined, CaretDownOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons'
 import QueueAnim from 'rc-queue-anim'
 import Texty from 'rc-texty'
 import { SizeMe } from 'react-sizeme'
@@ -626,7 +626,7 @@ export const CartListLayout = ({
     onCheckout=() => {},
     cartListProps={}
 }) => {
-    const { buckets, carts, activeCart, setActiveCart, updateCart, openCreateCartModal, openManageCartModal } = useShoppingCart()
+    const { buckets, carts, activeCart, setActiveCart, updateCart, openCreateCartModal, openImportCartModal, openManageCartModal } = useShoppingCart()
 
     return (
         <Layout className="cart-list-layout" style={{ height: 0 }}>
@@ -646,11 +646,19 @@ export const CartListLayout = ({
                             name: "Create new cart",
                             label: "Create new cart",
                             icon: <PlusOutlined />
+                        },
+                        {
+                            key: "import-cart",
+                            name: "Import cart",
+                            label: "Import cart",
+                            icon: <UploadOutlined />
                         }
                     ]}
                     onSelect={ ({ key }) => {
                         if (key === "create-cart") {
                             openCreateCartModal()
+                        } else if (key === "import-cart") {
+                            openImportCartModal()
                         } else setActiveCart(key)
                     } }
                 />

src/dug-search-types.ts

@@ -0,0 +1,71 @@
+/* eslint-disable prettier/prettier */
+
+type APIError = {
+  detail: Array<{
+    loc: [string, number],
+    msg: string,
+    type: string,
+  }>
+}
+
+export type ConceptsResponseSuccess = {
+  message: string,
+  result: {
+    docs: Array<{
+      _source: {
+        id: string,
+        name: string,
+        description: string,
+        type: string,
+        search_terms: string[],
+        optional_terms: string[],
+        concept_action: string,
+        identifiers: Array<{
+          id: string,
+          label: string,
+          equivalent_identifiers: string[],
+          type: string,
+          synonyms: string[],
+        }>,
+      },
+    }>,
+  },
+  status: string,
+}
+
+export type StudiesResponseSuccess = {
+  message: string,
+  result: Array<{
+    c_id: string,
+    c_link: string,
+    c_name: string,
+  }>,
+  status:  string,
+}
+
+export type VariablesResponseSuccess = {
+  message: string,
+  result: {
+    docs: Array<{
+      _source: {
+        element_id: string,
+        element_name: string,
+        element_desc: string,
+        search_terms: string[],
+        optional_terms: any[],
+        collection_id: string,
+        collection_name: string,
+        collection_desc: string,
+        element_action: string,
+        collection_action: string,
+        data_type: string,
+        identifiers: string[],
+      },
+    }>,
+  },
+  status:  string,
+}
+
+export type ConceptsResponse = ConceptsResponseSuccess | APIError;
+export type StudiesResponse = StudiesResponseSuccess | APIError;
+export type VariablesResponse = VariablesResponseSuccess | APIError;

src/modals/cart-modal.css

@@ -0,0 +1,19 @@
+.import-modal-error-collapse .ant-collapse-header{
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+  padding-bottom: 0px !important;
+}
+
+.import-modal-error-collapse .ant-collapse-content-box {
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+  padding-bottom: 0px !important;
+}
+
+.import-modal-error-collapse .ant-collapse-content-box pre {
+  margin: 0px;
+}
+
+.import-modal-error-alert .ant-alert-close-icon {
+  display: none;
+}

src/modals/create-cart-modal.js

@@ -64,7 +64,8 @@ export const CreateCartModalContent = ({ createShoppingCart, cartName, setCartNa
         </Form.Item>
       </Space>
       <Paragraph>
-        Add items to a cart to...
+        The Shopping Cart is a feature to allow users to export a file of Dug
+        search results to take outside of Dug for further analyses.
       </Paragraph>
     </Space>
   )