@strapi/admin 4.0.7 → 4.0.8

package/admin/src/content-manager/components/EditViewDataManagerProvider/utils/isValidJSONString.js

@@ -0,0 +1,15 @@
+const isValidJSONString = value => {
+  if (typeof value === 'string' && value.startsWith('"') && value.endsWith('"')) {
+    try {
+      JSON.parse(value);
+
+      return true;
+    } catch {
+      return false;
+    }
+  }
+
+  return false;
+};
+
+export default isValidJSONString;

package/admin/src/content-manager/components/EditViewDataManagerProvider/utils/schema.js

@@ -1,18 +1,17 @@
-import {
-  get,
-  isBoolean,
-  isNumber,
-  isNull,
-  isObject,
-  isArray,
-  isEmpty,
-  isNaN,
-  toNumber,
-} from 'lodash';
+import get from 'lodash/get';
+import isBoolean from 'lodash/isBoolean';
+import isNumber from 'lodash/isNumber';
+import isNull from 'lodash/isNull';
+import isObject from 'lodash/isObject';
+import isEmpty from 'lodash/isEmpty';
+import isNaN from 'lodash/isNaN';
+import toNumber from 'lodash/toNumber';
 
 import * as yup from 'yup';
 import { translatedErrors as errorsTrads } from '@strapi/helper-plugin';
 
+import isValidJSONString from './isValidJSONString';
+
 yup.addMethod(yup.mixed, 'defined', function() {
   return this.test('defined', errorsTrads.required, value => value !== undefined);
 });
@@ -224,7 +223,7 @@ const createYupSchemaAttribute = (type, validations, options) => {
           return true;
         }
 
-        if (isNumber(value) || isNull(value) || isObject(value) || isArray(value)) {
+        if (isValidJSONString(value) || isNumber(value) || isNull(value) || isObject(value)) {
           return true;
         }
 

package/admin/src/content-manager/components/InputJSON/index.js

@@ -80,7 +80,7 @@ class InputJSON extends React.Component {
     try {
       if (value === null) return this.codeMirror.setValue('');
 
-      const nextValue = typeof value !== 'string' ? stringify(value, null, 2) : value;
+      const nextValue = stringify(value, null, 2);
 
       return this.codeMirror.setValue(nextValue);
     } catch (err) {

package/admin/src/content-manager/components/RepeatableComponent/DraggedItem/index.js

@@ -121,6 +121,10 @@ const DraggedItem = ({
       if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
         return;
       }
+      // If They are not in the same level, should not move
+      if (dragPath.split('.').length !== hoverPath.split('.').length) {
+        return;
+      }
       // Time to actually perform the action in the data
       moveComponentField(pathToComponentArray, dragIndex, hoverIndex);
 

package/admin/src/content-manager/pages/EditSettingsView/components/FormModal.js

@@ -26,7 +26,7 @@ const HeaderContainer = styled(Flex)`
   }
 `;
 
-const FormModal = ({ onToggle, onChange, onSubmit, type }) => {
+const FormModal = ({ onToggle, onMetaChange, onSizeChange, onSubmit, type }) => {
   const { selectedField } = useLayoutDnd();
   const { formatMessage } = useIntl();
 
@@ -61,7 +61,7 @@ const FormModal = ({ onToggle, onChange, onSubmit, type }) => {
         </ModalHeader>
         <ModalBody>
           <Grid gap={4}>
-            <ModalForm onChange={onChange} />
+            <ModalForm onMetaChange={onMetaChange} onSizeChange={onSizeChange} />
           </Grid>
         </ModalBody>
         <ModalFooter
@@ -84,7 +84,8 @@ const FormModal = ({ onToggle, onChange, onSubmit, type }) => {
 FormModal.propTypes = {
   onSubmit: PropTypes.func.isRequired,
   onToggle: PropTypes.func.isRequired,
-  onChange: PropTypes.func.isRequired,
+  onMetaChange: PropTypes.func.isRequired,
+  onSizeChange: PropTypes.func.isRequired,
   type: PropTypes.string.isRequired,
 };
 

package/admin/src/content-manager/pages/EditSettingsView/components/ModalForm.js

@@ -1,6 +1,8 @@
 import React, { useMemo, useCallback } from 'react';
+import PropTypes from 'prop-types';
 import get from 'lodash/get';
 import { GridItem } from '@strapi/design-system/Grid';
+import { Select, Option } from '@strapi/design-system/Select';
 import { useSelector, shallowEqual } from 'react-redux';
 import { useIntl } from 'react-intl';
 import { useLayoutDnd } from '../../../hooks';
@@ -9,7 +11,11 @@ import { makeSelectModelAndComponentSchemas } from '../../App/selectors';
 import getTrad from '../../../utils/getTrad';
 import GenericInput from './GenericInput';
 
-const ModalForm = ({ onChange }) => {
+const FIELD_SIZES = [[4, '33%'], [6, '50%'], [8, '66%'], [12, '100%']];
+
+const NON_RESIZABLE_FIELD_TYPES = ['dynamiczone', 'component', 'json', 'richtext'];
+
+const ModalForm = ({ onMetaChange, onSizeChange }) => {
   const { formatMessage } = useIntl();
   const { modifiedData, selectedField, attributes, fieldForm } = useLayoutDnd();
   const schemasSelector = useMemo(makeSelectModelAndComponentSchemas, []);
@@ -44,7 +50,7 @@ const ModalForm = ({ onChange }) => {
     [selectedField, componentsAndModelsPossibleMainFields, modifiedData]
   );
 
-  return formToDisplay.map(meta => {
+  const metaFields = formToDisplay.map(meta => {
     const formType = get(attributes, [selectedField, 'type']);
 
     if (
@@ -77,13 +83,49 @@ const ModalForm = ({ onChange }) => {
             id: get(getInputProps(meta), 'label.id', 'app.utils.defaultMessage'),
           })}
           name={meta}
-          onChange={onChange}
-          value={get(fieldForm, meta, '')}
+          onChange={onMetaChange}
+          value={get(fieldForm, ['metadata', meta], '')}
           options={getSelectedItemSelectOptions(formType)}
         />
       </GridItem>
     );
   });
+
+  const canResize = !NON_RESIZABLE_FIELD_TYPES.includes(attributes[selectedField].type);
+
+  const sizeField = (
+    <GridItem col={6} key="size">
+      <Select
+        value={fieldForm?.size}
+        name="size"
+        onChange={value => {
+          onSizeChange({ name: selectedField, value });
+        }}
+        label={formatMessage({
+          id: getTrad('containers.SettingPage.editSettings.size.label'),
+          defaultMessage: 'Size',
+        })}
+      >
+        {FIELD_SIZES.map(([value, label]) => (
+          <Option key={value} value={value}>
+            {label}
+          </Option>
+        ))}
+      </Select>
+    </GridItem>
+  );
+
+  return (
+    <>
+      {metaFields}
+      {canResize && sizeField}
+    </>
+  );
+};
+
+ModalForm.propTypes = {
+  onMetaChange: PropTypes.func.isRequired,
+  onSizeChange: PropTypes.func.isRequired,
 };
 
 export default ModalForm;

package/admin/src/content-manager/pages/EditSettingsView/index.js

@@ -110,6 +110,14 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
     });
   };
 
+  const handleSizeChange = ({ name, value }) => {
+    dispatch({
+      type: 'ON_CHANGE_SIZE',
+      name,
+      value,
+    });
+  };
+
   const handleMetaSubmit = e => {
     e.preventDefault();
     dispatch({
@@ -365,7 +373,8 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
             onSubmit={handleMetaSubmit}
             onToggle={handleToggleModal}
             type={get(attributes, [metaToEdit, 'type'], '')}
-            onChange={handleMetaChange}
+            onMetaChange={handleMetaChange}
+            onSizeChange={handleSizeChange}
           />
         )}
       </Main>

package/admin/src/content-manager/pages/EditSettingsView/reducer.js

@@ -4,7 +4,7 @@ import get from 'lodash/get';
 import cloneDeep from 'lodash/cloneDeep';
 
 import { arrayMoveItem } from '../../utils';
-import { formatLayout, getInputSize } from './utils/layout';
+import { formatLayout, getDefaultInputSize, getFieldSize, setFieldSize } from './utils/layout';
 
 const initialState = {
   fieldForm: {},
@@ -45,7 +45,7 @@ const reducer = (state = initialState, action) =>
       }
       case 'ON_ADD_FIELD': {
         const newState = cloneDeep(state);
-        const size = getInputSize(
+        const size = getDefaultInputSize(
           get(newState, ['modifiedData', 'attributes', action.name, 'type'], '')
         );
         const listSize = get(newState, layoutPathEdit, []).length;
@@ -76,7 +76,11 @@ const reducer = (state = initialState, action) =>
         break;
       }
       case 'ON_CHANGE_META': {
-        set(draftState, ['metaForm', ...action.keys], action.value);
+        set(draftState, ['metaForm', 'metadata', ...action.keys], action.value);
+        break;
+      }
+      case 'ON_CHANGE_SIZE': {
+        set(draftState, ['metaForm', 'size'], action.value);
         break;
       }
       case 'ON_RESET': {
@@ -168,11 +172,28 @@ const reducer = (state = initialState, action) =>
       }
       case 'SET_FIELD_TO_EDIT': {
         draftState.metaToEdit = action.name;
-        draftState.metaForm = get(state, ['modifiedData', 'metadatas', action.name, 'edit'], {});
+        draftState.metaForm = {
+          metadata: get(state, ['modifiedData', 'metadatas', action.name, 'edit'], {}),
+          size:
+            getFieldSize(action.name, state.modifiedData?.layouts?.edit) ?? getDefaultInputSize(),
+        };
+
         break;
       }
       case 'SUBMIT_META_FORM': {
-        set(draftState, ['modifiedData', 'metadatas', state.metaToEdit, 'edit'], state.metaForm);
+        set(
+          draftState,
+          ['modifiedData', 'metadatas', state.metaToEdit, 'edit'],
+          state.metaForm.metadata
+        );
+
+        const layoutsCopy = cloneDeep(get(state, layoutPathEdit, []));
+        const nextLayoutValue = setFieldSize(state.metaToEdit, state.metaForm.size, layoutsCopy);
+
+        if (nextLayoutValue.length > 0) {
+          set(draftState, layoutPathEdit, formatLayout(nextLayoutValue));
+        }
+
         break;
       }
       case 'SUBMIT_SUCCEEDED': {

package/admin/src/content-manager/pages/EditSettingsView/utils/layout.js

@@ -28,13 +28,7 @@ const formatLayout = arr => {
 
         return acc2;
       }, []);
-      const rowId =
-        acc.length === 0
-          ? 0
-          : Math.max.apply(
-              Math,
-              acc.map(o => o.rowId)
-            ) + 1;
+      const rowId = acc.length === 0 ? 0 : Math.max.apply(Math, acc.map(o => o.rowId)) + 1;
 
       const currentRowSize = getRowSize(currentRow);
 
@@ -75,7 +69,7 @@ const unformatLayout = arr => {
   }, []);
 };
 
-const getInputSize = type => {
+const getDefaultInputSize = type => {
   switch (type) {
     case 'boolean':
     case 'date':
@@ -95,4 +89,41 @@ const getInputSize = type => {
   }
 };
 
-export { createLayout, formatLayout, getInputSize, getRowSize, unformatLayout };
+const getFieldSize = (name, layouts = []) => {
+  return layouts.reduce((acc, { rowContent }) => {
+    const size = rowContent.find(row => row.name === name)?.size ?? null;
+
+    if (size) {
+      acc = size;
+    }
+
+    return acc;
+  }, null);
+};
+
+const setFieldSize = (name, size, layouts = []) => {
+  return layouts.map(row => {
+    row.rowContent = row.rowContent.map(column => {
+      if (column.name === name) {
+        return {
+          ...column,
+          size,
+        };
+      }
+
+      return column;
+    });
+
+    return row;
+  });
+};
+
+export {
+  createLayout,
+  formatLayout,
+  getDefaultInputSize,
+  getFieldSize,
+  setFieldSize,
+  getRowSize,
+  unformatLayout,
+};

package/admin/src/content-manager/pages/EditView/index.js

@@ -309,6 +309,7 @@ const EditView = ({
                       )}
                       <Box as="aside" aria-labelledby="links">
                         <Stack size={2}>
+                          <InjectionZone area="contentManager.editView.right-links" slug={slug} />
                           {slug !== 'strapi::administrator' && (
                             <CheckPermissions permissions={ctbPermissions}>
                               <LinkButton
@@ -343,7 +344,7 @@ const EditView = ({
                               })}
                             </LinkButton>
                           </CheckPermissions>
-                          <InjectionZone area="contentManager.editView.right-links" slug={slug} />
+
                           {allowedActions.canDelete && (
                             <DeleteLink
                               isCreatingEntry={isCreatingEntry}

package/admin/src/pages/MarketplacePage/index.js

@@ -10,6 +10,7 @@ import { Stack } from '@strapi/design-system/Stack';
 import { LinkButton } from '@strapi/design-system/LinkButton';
 import { Main } from '@strapi/design-system/Main';
 import { Typography } from '@strapi/design-system/Typography';
+import ExternalLink from '@strapi/icons/ExternalLink';
 import adminPermissions from '../../permissions';
 import MarketplacePicture from './assets/marketplace-coming-soon.png';
 
@@ -79,31 +80,30 @@ const MarketPlacePage = () => {
               </Typography>
               <Typography variant="alpha" textColor="primary700">
                 {formatMessage({
-                  id: 'admin.pages.MarketPlacePage.coming-soon.2',
-                  defaultMessage: 'A new way to make Strapi awesome.',
+                  id: 'admin.pages.MarketPlacePage.published',
+                  defaultMessage: 'Finally here.',
                 })}
               </Typography>
-              <Flex maxWidth={pxToRem(580)} paddingTop={3}>
+              <Flex maxWidth={pxToRem(620)} paddingTop={3}>
                 <CenterTypography variant="epsilon" textColor="neutral600">
                   {formatMessage({
-                    id: 'admin.pages.MarketPlacePage.content.subtitle',
+                    id: 'admin.pages.MarketPlacePage.content.subtitle.published',
                     defaultMessage:
-                      'The new marketplace will help you get more out of Strapi. We are working hard to offer the best experience to discover and install plugins.',
+                      'The web marketplace helps you get the most of Strapi. In addition, we are working hard to offer the best experience to discover and install plugins, directly from the app.',
                   })}
                 </CenterTypography>
               </Flex>
               <Stack paddingTop={6} horizontal size={2}>
-                {/* Temporarily hidden until we have the right URL for the link */}
-                {/* <LinkButton href="https://strapi.io/" size="L" variant="secondary">
+                <LinkButton href="https://market.strapi.io" size="L" variant="primary" endIcon={<ExternalLink />}>
                   {formatMessage({
-                    id: 'admin.pages.MarketPlacePage.submit.plugin.link',
-                    defaultMessage: 'Submit your plugin',
+                    id: 'admin.pages.MarketPlacePage.submit.market.link',
+                    defaultMessage: 'Visit the web marketplace',
                   })}
-                </LinkButton> */}
-                <LinkButton href="https://strapi.io/blog/strapi-market-is-coming-soon" size="L">
+                </LinkButton>
+                <LinkButton href="https://market.strapi.io/submit-plugin" size="L" variant="secondary">
                   {formatMessage({
-                    id: 'admin.pages.MarketPlacePage.blog.link',
-                    defaultMessage: 'Read our blog post',
+                    id: 'admin.pages.MarketPlacePage.submit.plugin.link',
+                    defaultMessage: 'Submit your plugin',
                   })}
                 </LinkButton>
               </Stack>

package/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/index.js

@@ -111,7 +111,7 @@ const ApiTokenListView = () => {
             >
               {formatMessage({
                 id: 'Settings.apiTokens.create',
-                defaultMessage: 'Add Entry',
+                defaultMessage: 'Create new API Token',
               })}
             </LinkButton>
           ) : (

package/admin/src/pages/SettingsPage/pages/Webhooks/ListView/index.js

@@ -281,7 +281,10 @@ const ListView = () => {
                   size="L"
                   variant="danger-light"
                 >
-                  Delete
+                  {formatMessage({
+                    id: 'Settings.webhooks.events.delete',
+                    defaultMessage: 'Delete',
+                  })}
                 </Button>
               </>
             }

package/admin/src/translations/en.json

@@ -64,9 +64,12 @@
   "admin.pages.MarketPlacePage.subtitle": "Get more out of Strapi",
   "admin.pages.MarketPlacePage.coming-soon.1": "A new way to make Strapi awesome.",
   "admin.pages.MarketPlacePage.coming-soon.2": "Coming soon.",
+  "admin.pages.MarketPlacePage.published": "Finally here.",
   "admin.pages.MarketPlacePage.content.subtitle": "The new marketplace will help you get more out of Strapi. We are working hard to offer the best experience to discover and install plugins.",
+  "admin.pages.MarketPlacePage.content.subtitle.published": "The web marketplace helps you get the most of Strapi. In addition, we are working hard to offer the best experience to discover and install plugins, directly from the app.",
   "admin.pages.MarketPlacePage.submit.plugin.link": "Submit your plugin",
   "admin.pages.MarketPlacePage.blog.link": "Read our blog post",
+  "admin.pages.MarketPlacePage.market.link": "Visit the web marketplace",
   "Content Manager": "Content Manager",
   "Content Type Builder": "Content-Types Builder",
   "Documentation": "Documentation",
@@ -97,7 +100,7 @@
   "Settings.apiTokens.copy.editMessage": "For security reasons, you can only see your token once.",
   "Settings.apiTokens.copy.editTitle": "This token isn’t accessible anymore.",
   "Settings.apiTokens.copy.lastWarning": "Make sure to copy this token, you won’t be able to see it again!",
-  "Settings.apiTokens.create": "Add Entry",
+  "Settings.apiTokens.create": "Create new API Token",
   "Settings.apiTokens.description": "List of generated tokens to consume the API",
   "Settings.apiTokens.emptyStateLayout": "You don’t have any content yet...",
   "Settings.apiTokens.notification.copied": "Token copied to clipboard.",

package/admin/src/translations/fr.json

@@ -64,9 +64,12 @@
   "admin.pages.MarketPlacePage.subtitle":"Tirez le meilleur de Strapi",
   "admin.pages.MarketPlacePage.coming-soon.1":"Une nouvelle façon de rendre Strapi génial.",
   "admin.pages.MarketPlacePage.coming-soon.2":"Bientôt disponible.",
+  "admin.pages.MarketPlacePage.published":"Enfin disponible",
   "admin.pages.MarketPlacePage.content.subtitle":"La nouvelle marketplace vous aidera à tirer le meilleur parti de Strapi. Nous travaillons dur pour vous offrir la meilleure expérience possible pour découvrir et installer des plugins.",
+  "admin.pages.MarketPlacePage.content.subtitle.published":"La marketplace web vous aide à tirer le meilleur parti de Strapi. En plus, nous travaillons dur pour vous offrir la meilleure expérience possible pour découvrir et installer des plugins, directement depuis Strapi.",
   "admin.pages.MarketPlacePage.submit.plugin.link":"Soumettez votre plugin",
   "admin.pages.MarketPlacePage.blog.link":"Lire notre article de blog",
+  "admin.pages.MarketPlacePage.market.link": "Voir la marketplace web",
   "Content Manager": "Content Manager",
   "Content Type Builder": "Content Types Builder",
   "Documentation": "Documentation",

package/admin/src/translations/zh-Hans.json

@@ -8,7 +8,7 @@
   "Auth.form.button.login": "登录",
   "Auth.form.button.login.providers.error": "无法通过选定的验证方式连接你的帐号。",
   "Auth.form.button.login.providers.see-more": "查看更多",
-  "Auth.form.button.login.strapi": "i通过 Strapi 登录",
+  "Auth.form.button.login.strapi": "通过 Strapi 登录",
   "Auth.form.button.password-recovery": "找回密码",
   "Auth.form.button.register": "准备开始",
   "Auth.form.button.reset-password": "修改密码",
@@ -32,11 +32,11 @@
   "Auth.form.error.user.not-exist": "这个电子邮件地址不存在。",
   "Auth.form.error.username.taken": "用户名已被占用。",
   "Auth.form.firstname.label": "名字",
-  "Auth.form.firstname.placeholder": "例如 Kai",
+  "Auth.form.firstname.placeholder": "例如：三",
   "Auth.form.forgot-password.email.label": "输入您的电子邮件地址",
   "Auth.form.forgot-password.email.label.success": "邮件成功发送",
   "Auth.form.lastname.label": "姓氏",
-  "Auth.form.lastname.placeholder": "例如 Doe",
+  "Auth.form.lastname.placeholder": "例如：张",
   "Auth.form.password.hide-password": "隐藏密码",
   "Auth.form.password.hint": "密码必须包含至少 8 个字符，1 个大写字母，1 个小写字母，1 个数字",
   "Auth.form.password.label": "密码",
@@ -45,7 +45,7 @@
   "Auth.form.register.subtitle": "你的凭证只用于管理后台验证你的身份。所有保存的数据都将储存在你自己的数据库中。",
   "Auth.form.rememberMe.label": "记住我",
   "Auth.form.username.label": "用户名",
-  "Auth.form.username.placeholder": "例如 Kai_Doe",
+  "Auth.form.username.placeholder": "张三",
   "Auth.form.welcome.subtitle": "登录您的Strapi账户",
   "Auth.form.welcome.title": "欢迎！",
   "Auth.link.forgot-password": "忘记密码？",
@@ -62,8 +62,8 @@
   "admin.pages.MarketPlacePage.illustration": "市场插图",
   "admin.pages.MarketPlacePage.title": "市场",
   "admin.pages.MarketPlacePage.subtitle": "从Strapi中获得更多",
-  "admin.pages.MarketPlacePage.coming-soon.1": "让 Strapi 变更棒的方法。",
-  "admin.pages.MarketPlacePage.coming-soon.2": "即将推出。",
+  "admin.pages.MarketPlacePage.coming-soon.1": "让 Strapi 变得更棒",
+  "admin.pages.MarketPlacePage.coming-soon.2": "敬请期待",
   "admin.pages.MarketPlacePage.content.subtitle": "新的市场将帮助你从Strapi中获得更多。我们正在努力提供发现和安装插件的最佳体验。",
   "admin.pages.MarketPlacePage.submit.plugin.link": "提交您的插件",
   "admin.pages.MarketPlacePage.blog.link": "阅读我们的博文",
@@ -199,16 +199,16 @@
   "Settings.webhooks.events.delete": "删除",
   "Settings.webhooks.events.update": "更新",
   "Settings.webhooks.form.events": "事件",
-  "Settings.webhooks.form.headers": "Headers",
+  "Settings.webhooks.form.headers": "请求头",
   "Settings.webhooks.form.name": "名称",
-  "Settings.webhooks.form.url": "Url",
+  "Settings.webhooks.form.url": "请求地址",
   "Settings.webhooks.headers.remove": "移除第 {number} 行 header",
   "Settings.webhooks.key": "键",
   "Settings.webhooks.list.all-entries.select": "选择所有条目",
   "Settings.webhooks.list.button.add": "添加 Webhook",
   "Settings.webhooks.list.description": "获得 POST 请求的更新通知",
   "Settings.webhooks.list.empty.description": "没有找到 Webhooks",
-  "Settings.webhooks.list.empty.link": "察看们的文档",
+  "Settings.webhooks.list.empty.link": "查看我们的文档",
   "Settings.webhooks.list.empty.title": "还没有 Webhooks",
   "Settings.webhooks.list.select": "选择",
   "Settings.webhooks.list.th.actions": "操作",

package/build/1856.a06395b4.chunk.js

@@ -0,0 +1 @@
+(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[1856],{11856:(e,n,t)=>{"use strict";e.exports=t(34796)},34796:function(e,n,t){var r,o;e.exports=(r=t(32735),o=t(19615),function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=95)}({0:function(e,n,t){e.exports=t(17)()},1:function(e,n){e.exports=r},10:function(e,n,t){var r=t(23),o=t(24),i=t(20),a=t(25);e.exports=function(e,n){return r(e)||o(e,n)||i(e,n)||a()},e.exports.default=e.exports,e.exports.__esModule=!0},13:function(e,n){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=t=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},17:function(e,n,t){"use strict";var r=t(18);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,i,a){if(a!==r){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},18:function(e,n,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},19:function(e,n){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r},e.exports.default=e.exports,e.exports.__esModule=!0},2:function(e,n){e.exports=o},20:function(e,n,t){var r=t(19);e.exports=function(e,n){if(e){if("string"==typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,n):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},22:function(e,n){e.exports=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o},e.exports.default=e.exports,e.exports.__esModule=!0},23:function(e,n){e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0},24:function(e,n){e.exports=function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i=[],a=!0,u=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(i.push(r.value),!n||i.length!==n);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},e.exports.default=e.exports,e.exports.__esModule=!0},25:function(e,n){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},3:function(e,n){e.exports=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))},e.exports.default=e.exports,e.exports.__esModule=!0},4:function(e,n,t){"use strict";t.r(n),t.d(n,"Box",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),s=t(2),c=t.n(s),d=t(7),l={color:!0},f=c.a.div.withConfig({shouldForwardProp:function(e,n){return!l[e]&&n(e)}})(r||(r=i()(["\n  // Font\n  font-size: ",";\n\n  // Colors\n  background: ",";\n  color: ",";\n\n  // Spaces\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n\n  // Responsive hiding\n  ","\n  ","\n  \n\n  // Borders\n  border-radius: ",";\n  border-style: ",";\n  border-width: ",";\n  border-color: ",";\n  border: ",";\n\n  // Shadows\n  box-shadow: ",";\n\n  // Handlers\n  pointer-events: ",";\n  &:hover {\n    ","\n  }\n\n  // Display\n  display: ",";\n\n  // Position\n  position: ",";\n  left: ",";\n  right: ",";\n  top: ",";\n  bottom: ",";\n  z-index: ",";\n  overflow: ",";\n  cursor: ",";\n\n  // Size\n  width: ",";\n  max-width: ",";\n  min-width: ",";\n  height: ",";\n  max-height: ",";\n  min-height: ",";\n\n  // Animation\n  transition: ",";\n  transform: ",";\n  animation: ",";\n\n  //Flexbox children props\n  flex-shrink: ",";\n  flex-grow: ",";\n  flex-basis: ",";\n  flex: ",";\n\n  // Text\n  text-align: ",";\n  text-transform: ",";\n  line-height: ",";\n\n  // Cursor\n  cursor: ",";\n"])),(function(e){var n=e.fontSize;return e.theme.fontSizes[n]||n}),(function(e){var n=e.theme,t=e.background;return n.colors[t]}),(function(e){var n=e.theme,t=e.color;return n.colors[t]}),(function(e){var n=e.theme,t=e.padding;return Object(d.a)("padding",t,n)}),(function(e){var n=e.theme,t=e.paddingTop;return Object(d.a)("padding-top",t,n)}),(function(e){var n=e.theme,t=e.paddingRight;return Object(d.a)("padding-right",t,n)}),(function(e){var n=e.theme,t=e.paddingBottom;return Object(d.a)("padding-bottom",t,n)}),(function(e){var n=e.theme,t=e.paddingLeft;return Object(d.a)("padding-left",t,n)}),(function(e){var n=e.theme,t=e.marginLeft;return Object(d.a)("margin-left",t,n)}),(function(e){var n=e.theme,t=e.marginRight;return Object(d.a)("margin-right",t,n)}),(function(e){var n=e.theme,t=e.marginTop;return Object(d.a)("margin-top",t,n)}),(function(e){var n=e.theme,t=e.marginBottom;return Object(d.a)("margin-bottom",t,n)}),(function(e){var n=e.theme;return e.hiddenS?"".concat(n.mediaQueries.tablet," { display: none; }"):void 0}),(function(e){var n=e.theme;return e.hiddenXS?"".concat(n.mediaQueries.mobile," { display: none; }"):void 0}),(function(e){var n=e.theme,t=e.hasRadius,r=e.borderRadius;return t?n.borderRadius:r}),(function(e){return e.borderStyle}),(function(e){return e.borderWidth}),(function(e){var n=e.borderColor;return e.theme.colors[n]}),(function(e){var n=e.theme,t=e.borderColor,r=e.borderStyle,o=e.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(n.colors[t])}),(function(e){var n=e.theme,t=e.shadow;return n.shadows[t]}),(function(e){return e.pointerEvents}),(function(e){var n=e._hover,t=e.theme;return n?n(t):void 0}),(function(e){return e.display}),(function(e){return e.position}),(function(e){var n=e.left;return e.theme.spaces[n]||n}),(function(e){var n=e.right;return e.theme.spaces[n]||n}),(function(e){var n=e.top;return e.theme.spaces[n]||n}),(function(e){var n=e.bottom;return e.theme.spaces[n]||n}),(function(e){return e.zIndex}),(function(e){return e.overflow}),(function(e){return e.cursor}),(function(e){var n=e.width;return e.theme.spaces[n]||n}),(function(e){var n=e.maxWidth;return e.theme.spaces[n]||n}),(function(e){var n=e.minWidth;return e.theme.spaces[n]||n}),(function(e){var n=e.height;return e.theme.spaces[n]||n}),(function(e){var n=e.maxHeight;return e.theme.spaces[n]||n}),(function(e){var n=e.minHeight;return e.theme.spaces[n]||n}),(function(e){return e.transition}),(function(e){return e.transform}),(function(e){return e.animation}),(function(e){return e.shrink}),(function(e){return e.grow}),(function(e){return e.basis}),(function(e){return e.flex}),(function(e){return e.textAlign}),(function(e){return e.textTransform}),(function(e){return e.lineHeight}),(function(e){return e.cursor}));f.displayName="Box",f.defaultProps={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},f.propTypes={_hover:u.a.func,background:u.a.string,basis:u.a.oneOfType([u.a.string,u.a.string]),borderColor:u.a.string,children:u.a.oneOfType([u.a.node,u.a.string]),color:u.a.string,flex:u.a.oneOfType([u.a.string,u.a.string]),grow:u.a.oneOfType([u.a.string,u.a.string]),hasRadius:u.a.bool,hiddenS:u.a.bool,hiddenXS:u.a.bool,padding:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingBottom:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingLeft:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingRight:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),paddingTop:u.a.oneOfType([u.a.number,u.a.arrayOf(u.a.number)]),shadow:u.a.string,shrink:u.a.oneOfType([u.a.string,u.a.string])}},47:function(e,n,t){"use strict";t.d(n,"a",(function(){return o}));var r=t(1),o=function(e,n){Object(r.useEffect)((function(){var t=new ResizeObserver(n);return t.observe(e.current),function(){t.disconnect()}}),[])}},49:function(e,n,t){"use strict";t.r(n),t.d(n,"Grid",(function(){return w})),t.d(n,"GridItem",(function(){return _}));var r,o=t(5),i=t.n(o),a=t(6),u=t.n(a),s=t(3),c=t.n(s),d=t(1),l=t.n(d),f=t(2),p=t.n(f),g=t(0),h=t.n(g),m=Object(d.createContext)({gap:0,gridCols:12}),v=t(4),b=t(7),y=["gap","gridCols"],x=p()(v.Box)(r||(r=c()(["\n  display: grid;\n  grid-template-columns: repeat(",", 1fr);\n  ","\n"])),(function(e){return e.gridCols}),(function(e){var n=e.theme,t=e.gap;return Object(b.a)("gap",t,n)})),w=function(e){var n=e.gap,t=e.gridCols,r=u()(e,y);return l.a.createElement(m.Provider,{value:{gap:n,gridCols:t}},l.a.createElement(x,i()({gap:n,gridCols:t},r)))};w.defaultProps={gap:0,gridCols:12},w.propTypes={gap:h.a.oneOfType([h.a.number,h.a.arrayOf(h.a.number)]),gridCols:h.a.number};var O,S=["col","xs","s"],T=p.a.div(O||(O=c()(["\n  grid-column: span ",";\n  max-width: 100%;\n\n  "," {\n    grid-column: span ",";\n  }\n\n  "," {\n    grid-column: span ",";\n  }\n"])),(function(e){return e.col}),(function(e){return e.theme.mediaQueries.tablet}),(function(e){return e.s}),(function(e){return e.theme.mediaQueries.mobile}),(function(e){return e.xs})),_=function(e){var n=e.col,t=e.xs,r=e.s,o=u()(e,S),i=Object(d.useContext)(m),a=i.gap,s=i.gridCols;return l.a.createElement(T,{gap:a,gridCols:s,col:n,xs:t,s:r},l.a.createElement(v.Box,o))};_.defaultProps={col:void 0,s:void 0,xs:void 0},_.propTypes={col:h.a.number,s:h.a.number,xs:h.a.number}},5:function(e,n){function t(){return e.exports=t=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},e.exports.default=e.exports,e.exports.__esModule=!0,t.apply(this,arguments)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},6:function(e,n,t){var r=t(22);e.exports=function(e,n){if(null==e)return{};var t,o,i=r(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i},e.exports.default=e.exports,e.exports.__esModule=!0},7:function(e,n,t){"use strict";var r=t(10),o=t.n(r),i=t(13),a=t.n(i);n.a=function(e,n,t){var r=n;if(Array.isArray(n)||"object"!==a()(n)||(r=[null==n?void 0:n.desktop,null==n?void 0:n.tablet,null==n?void 0:n.mobile]),void 0!==r){if(Array.isArray(r)){var i=r,u=o()(i,3),s=u[0],c=u[1],d=u[2],l="".concat(e,": ").concat(t.spaces[s],";");return void 0!==c&&(l+="".concat(t.mediaQueries.tablet,"{\n          ").concat(e,": ").concat(t.spaces[c],";\n        }")),void 0!==d&&(l+="".concat(t.mediaQueries.mobile,"{\n          ").concat(e,": ").concat(t.spaces[d],";\n        }")),l}var f=t.spaces[r]||r;return"".concat(e,": ").concat(f,";")}}},8:function(e,n,t){"use strict";t.r(n),t.d(n,"Typography",(function(){return l}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),s=t(2),c=["alpha","beta","delta","epsilon","omega","pi","sigma"],d={fontSize:!0,fontWeight:!0},l=t.n(s).a.span.withConfig({shouldForwardProp:function(e,n){return!d[e]&&n(e)}})(r||(r=i()(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  text-transform: ",";\n  ","\n  ","\n"])),(function(e){var n=e.theme,t=e.fontWeight;return n.fontWeights[t]}),(function(e){var n=e.theme,t=e.fontSize;return n.fontSizes[t]}),(function(e){var n=e.theme,t=e.lineHeight;return n.lineHeights[t]}),(function(e){var n=e.theme,t=e.textColor;return n.colors[t||"neutral800"]}),(function(e){return e.textTransform}),(function(e){return e.ellipsis&&"\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "}),(function(e){var n=e.variant,t=e.theme;switch(n){case"alpha":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[5],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"beta":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[4],";\n        line-height: ").concat(t.lineHeights[1],";\n      ");case"delta":return"\n        font-weight: ".concat(t.fontWeights.semiBold,";\n        font-size: ").concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case"epsilon":return"\n        font-size: ".concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[6],";\n      ");case"omega":return"\n        font-size: ".concat(t.fontSizes[2],";\n        line-height: ").concat(t.lineHeights[4],";\n      ");case"pi":return"\n        font-size: ".concat(t.fontSizes[1],";\n        line-height: ").concat(t.lineHeights[3],";\n      ");case"sigma":return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[0],";\n        line-height: ").concat(t.lineHeights[5],";\n        text-transform: uppercase;\n      ");default:return"\n        font-size: ".concat(t.fontSizes[2],";\n      ")}}));l.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},l.propTypes={fontSize:u.a.oneOfType([u.a.number,u.a.string]),fontWeight:u.a.string,lineHeight:u.a.oneOfType([u.a.number,u.a.string]),textColor:u.a.string,textTransform:u.a.string,variant:u.a.oneOf(c)}},9:function(e,n,t){"use strict";t.r(n),t.d(n,"Flex",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),u=t.n(a),s=t(2),c=t.n(s),d=t(4),l={direction:!0},f=c()(d.Box).withConfig({shouldForwardProp:function(e,n){return!l[e]&&n(e)}})(r||(r=i()(["\n  display: ",";\n  flex-direction: ",";\n  justify-content: ",";\n  align-items: ",";\n  flex-wrap: ",";\n"])),(function(e){return e.inline?"inline-flex":"flex"}),(function(e){return e.direction}),(function(e){return e.justifyContent}),(function(e){return e.alignItems}),(function(e){return e.wrap}));f.defaultProps={alignItems:"center",basis:void 0,direction:"row",inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},f.propTypes={alignItems:u.a.string,basis:u.a.oneOfType([u.a.string,u.a.number]),direction:u.a.string,inline:u.a.bool,justifyContent:u.a.string,reverse:u.a.bool,wrap:u.a.string}},95:function(e,n,t){"use strict";t.r(n),t.d(n,"Layout",(function(){return m})),t.d(n,"ActionLayout",(function(){return O})),t.d(n,"ContentLayout",(function(){return S})),t.d(n,"HeaderLayout",(function(){return L})),t.d(n,"BaseHeaderLayout",(function(){return M})),t.d(n,"TwoColsLayout",(function(){return F})),t.d(n,"GridLayout",(function(){return N}));var r,o,i=t(3),a=t.n(i),u=t(1),s=t.n(u),c=t(0),d=t.n(c),l=t(2),f=t.n(l),p=t(4),g=f()(p.Box)(r||(r=a()(["\n  display: grid;\n  grid-template-columns: ",";\n"])),(function(e){return e.hasSideNav?"auto 1fr":"1fr"})),h=f()(p.Box)(o||(o=a()(["\n  overflow-x: hidden;\n"]))),m=function(e){var n=e.sideNav,t=e.children;return s.a.createElement(g,{hasSideNav:Boolean(n)},n,s.a.createElement(h,{paddingBottom:10},t))};m.defaultProps={sideNav:void 0},m.propTypes={children:d.a.node.isRequired,sideNav:d.a.node};var v,b,y=t(9),x=f()(y.Flex)(v||(v=a()(["\n  & > * + * {\n    margin-left: ",";\n  }\n\n  margin-left: ",";\n"])),(function(e){return e.theme.spaces[2]}),(function(e){return e.pullRight?"auto":void 0})),w=f()(x)(b||(b=a()(["\n  flex-shrink: 0;\n"]))),O=function(e){var n=e.startActions,t=e.endActions;return n||t?s.a.createElement(p.Box,{paddingLeft:10,paddingRight:10},s.a.createElement(p.Box,{paddingBottom:4},s.a.createElement(y.Flex,{justifyContent:"space-between",alignItems:"flex-start"},n&&s.a.createElement(x,{wrap:"wrap"},n),t&&s.a.createElement(w,{pullRight:!0},t)))):null};O.defaultProps={endActions:void 0,startActions:void 0},O.propTypes={endActions:d.a.node,startActions:d.a.node};var S=function(e){var n=e.children;return s.a.createElement(p.Box,{paddingLeft:10,paddingRight:10},n)};S.propTypes={children:d.a.node.isRequired};var T,_=t(6),j=t.n(_),E=t(5),C=t.n(E),R=t(10),A=t.n(R),B=t(8),z=t(47),k=["navigationAction","primaryAction","secondaryAction","subtitle","title","sticky","width"],P=function(){var e=Object(u.useRef)(null),n=Object(u.useState)(null),t=A()(n,2),r=t[0],o=t[1],i=function(e){var n=Object(u.useRef)(null),t=Object(u.useState)(!0),r=A()(t,2),o=r[0],i=r[1],a=function(e){var n=A()(e,1)[0];i(n.isIntersecting)};return Object(u.useEffect)((function(){var t=n.current,r=new IntersectionObserver(a,e);return t&&r.observe(n.current),function(){t&&r.disconnect()}}),[n,e]),[n,o]}({root:null,rootMargin:"0px",threshold:0}),a=A()(i,2),s=a[0],c=a[1];return Object(z.a)(s,(function(){s.current&&o(s.current.getBoundingClientRect())})),Object(u.useEffect)((function(){e.current&&o(e.current.getBoundingClientRect())}),[e]),{containerRef:s,isVisible:c,baseHeaderLayoutRef:e,headerSize:r}},L=function(e){var n=P(),t=n.containerRef,r=n.isVisible,o=n.baseHeaderLayoutRef,i=n.headerSize;return s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{style:{height:null==i?void 0:i.height},ref:t},r&&s.a.createElement(M,C()({ref:o},e))),!r&&s.a.createElement(M,C()({},e,{sticky:!0,width:null==i?void 0:i.width})))};L.displayName="HeaderLayout";var H=f()(p.Box)(T||(T=a()(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: ","px;\n  z-index: 4;\n  box-shadow: ",";\n"])),(function(e){return e.width}),(function(e){return e.theme.shadows.tableShadow})),M=s.a.forwardRef((function(e,n){var t=e.navigationAction,r=e.primaryAction,o=e.secondaryAction,i=e.subtitle,a=e.title,u=e.sticky,c=e.width,d=j()(e,k);return u?s.a.createElement(H,{paddingLeft:6,paddingRight:6,paddingTop:3,paddingBottom:3,background:"neutral0",width:c,"data-strapi-header-sticky":!0},s.a.createElement(y.Flex,{justifyContent:"space-between"},s.a.createElement(y.Flex,null,t&&s.a.createElement(p.Box,{paddingRight:3},t),s.a.createElement(p.Box,null,s.a.createElement(B.Typography,C()({variant:"beta",as:"h1"},d),a),s.a.createElement(B.Typography,{variant:"pi",textColor:"neutral600"},i)),o?s.a.createElement(p.Box,{paddingLeft:4},o):null),s.a.createElement(y.Flex,null,r?s.a.createElement(p.Box,{paddingLeft:2},r):void 0))):s.a.createElement(p.Box,{ref:n,paddingLeft:10,paddingRight:10,paddingBottom:8,paddingTop:t?6:8,background:"neutral100","data-strapi-header":!0},t?s.a.createElement(p.Box,{paddingBottom:2},t):null,s.a.createElement(y.Flex,{justifyContent:"space-between"},s.a.createElement(y.Flex,null,s.a.createElement(B.Typography,C()({as:"h1",variant:"alpha"},d),a),o?s.a.createElement(p.Box,{paddingLeft:4},o):null),r),s.a.createElement(B.Typography,{variant:"epsilon",textColor:"neutral600",as:"p"},i))}));M.displayName="BaseHeaderLayout",M.defaultProps={navigationAction:void 0,primaryAction:void 0,secondaryAction:void 0,subtitle:void 0,sticky:!1,width:void 0},M.propTypes={navigationAction:d.a.node,primaryAction:d.a.node,secondaryAction:d.a.node,sticky:d.a.bool,subtitle:d.a.string,title:d.a.string.isRequired,width:d.a.number},L.defaultProps={navigationAction:void 0,primaryAction:void 0,secondaryAction:void 0,subtitle:void 0},L.propTypes={navigationAction:d.a.node,primaryAction:d.a.node,secondaryAction:d.a.node,subtitle:d.a.string,title:d.a.string.isRequired};var I,W=t(49),F=function(e){var n=e.startCol,t=e.endCol;return s.a.createElement(W.Grid,{gap:4},s.a.createElement(W.GridItem,{col:9,s:12},s.a.createElement(p.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow"},n)),s.a.createElement(W.GridItem,{col:3,s:12},s.a.createElement(p.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow"},t)))};F.propTypes={endCol:d.a.node.isRequired,startCol:d.a.node.isRequired};var N=f.a.div(I||(I=a()(["\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  grid-gap: ",";\n"])),(function(e){return e.theme.spaces[4]}));N.propTypes={children:d.a.node.isRequired}}}))}}]);