@gen3/frontend 0.10.81 → 0.10.82

package/dist/cjs/index.js

@@ -6129,7 +6129,7 @@ const SearchInputWithSuggestions = ({ searchChanged, placeholder, label, suggest
  * AiSearch is an ai chatbot presenting as a searchbar
  * @param uidForStorage - optional id used to store search results Defaults to 'aiSearch'
  * @param placeholder - optional Defaults to 'e.g. Is there any data with subjects diagnosed with lung disease?'
-*/ const AiSearch = ({ placeholder = 'e.g. Is there any data with subjects diagnosed with lung disease?', uidForStorage = 'aiSearch' })=>{
+ */ const AiSearch = ({ placeholder = 'e.g. Is there any data with subjects diagnosed with lung disease?', uidForStorage = 'aiSearch' })=>{
     const [searchTerm, setSearchTerm] = React.useState('');
     const [searchTermOnSubmit, setSearchTermOnSubmit] = React.useState('');
     const [aiSearchHistory, setAiSearchHistory] = React.useState({});
@@ -14899,30 +14899,10 @@ const createMantineTheme = (fonts, colors)=>{
     const theme = core$1.createTheme({
         // use V2 font in MantineProvider
         fontFamily: fonts.fontFamily,
-        // Override default blue color until styles are determined
-        colors: {
-            white: [
-                // TODO: replace with primary theme color
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff',
-                '#ffffff'
-            ],
-            // Add default color from tailwind config to Mantine theme
-            // note that now getting colors from the tailwindcss-themer which assumes that plugin is last in the
-            // plugins declaration.
-            // TODO: refactor how the configuration get loaded
-            ...Object.fromEntries(Object.entries(colors).map(([key, values])=>[
-                    key,
-                    Object.values(values)
-                ]))
-        },
+        colors: Object.fromEntries(Object.entries(colors).map(([key, values])=>values ? [
+                key,
+                Object.values(values)
+            ] : [])),
         primaryColor: 'primary',
         primaryShade: {
             light: 4,
@@ -14936,13 +14916,40 @@ const createMantineTheme = (fonts, colors)=>{
             xl: '112.5em'
         },
         components: {
-            Modal: {
+            Modal: core$1.Modal.extend({
                 defaultProps: {
                     classNames: {
                         title: 'font-bold'
                     }
                 }
-            }
+            }),
+            Pagination: core$1.Pagination.extend({
+                defaultProps: {
+                    getControlProps: (control)=>{
+                        if (control === 'first') {
+                            return {
+                                "aria-label": "First"
+                            };
+                        }
+                        if (control === 'last') {
+                            return {
+                                "aria-label": "Last"
+                            };
+                        }
+                        if (control === 'next') {
+                            return {
+                                "aria-label": "Next"
+                            };
+                        }
+                        if (control === 'previous') {
+                            return {
+                                "aria-label": "Previous"
+                            };
+                        }
+                        return {};
+                    }
+                }
+            })
         }
     });
     return theme;
@@ -15186,7 +15193,7 @@ const QueryPageGetServerSideProps = async ()=>{
                             return /*#__PURE__*/ jsxRuntime.jsx("div", {
                                 className: "h-full relative",
                                 children: /*#__PURE__*/ jsxRuntime.jsx(Image, {
-                                    src: `${basePath}${obj.image.src}`,
+                                    src: obj.image.src,
                                     alt: obj.image.alt,
                                     fill: true
                                 })