@elliemae/ds-mobile 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/MobileDropdownMenu/MobileDropdownMenu.js

@@ -1,78 +1,89 @@
-import * as React from "react";
-import React2, { useRef, useState } from "react";
-import { PropTypes, describe } from "react-desc";
-import {
-  DSMobileContextMenu,
-  DSMobileContextMenuItem
-} from "../MobileContextMenu";
-import { DSMobileDropdownTriggerInput } from "./MobileDropdownInput";
-const DSMobileDropdownMenu = ({
-  placeholder,
-  options = [],
-  title,
-  value,
-  itemsProps = {
-    label: void 0,
-    leftProp: void 0,
-    isGroup: false,
-    isMulti: false,
-    singleSelect: false,
-    isItemSelected: () => false,
-    onClick: () => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import React, { useState, useRef } from 'react';
+import { PropTypes, describe } from 'react-desc';
+import { DSMobileContextMenu } from '../MobileContextMenu/MobileContextMenu.js';
+import { DSMobileContextMenuItem } from '../MobileContextMenu/MobileContextMenuItem.js';
+import '../MobileContextMenu/MobileContextMenuGroup.js';
+import { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';
+import { jsxs, Fragment } from 'react/jsx-runtime';
+
+const DSMobileDropdownMenu = _ref => {
+  let {
+    placeholder,
+    options = [],
+    title,
+    value,
+    itemsProps = {
+      label: undefined,
+      leftProp: undefined,
+      isGroup: false,
+      isMulti: false,
+      singleSelect: false,
+      isItemSelected: () => false,
+      // eslint-disable-next-line @typescript-eslint/no-empty-function
+      onClick: () => {}
     }
-  }
-}) => {
+  } = _ref;
   const [menuOpen, setMenuOpen] = useState(false);
   const inputRef = useRef(null);
-  const inputProps = React2.useMemo(() => ({
+  const inputProps = React.useMemo(() => ({
     readOnly: true,
     value,
     onClick: () => setMenuOpen(true),
     ref: inputRef,
     placeholder
   }), [value, placeholder]);
-  const caretProps = React2.useMemo(() => ({
+  const caretProps = React.useMemo(() => ({
     onClick: () => {
       inputRef.current.focus();
       setMenuOpen(true);
     }
   }), []);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DSMobileDropdownTriggerInput, {
-    inputProps,
-    caretProps
-  }), menuOpen ? /* @__PURE__ */ React2.createElement(DSMobileContextMenu, {
-    title,
-    open: true,
-    onChange: (_, e) => {
-      setMenuOpen(false);
-    },
-    onClickOutside: () => setMenuOpen(false)
-  }, options.map((opt, i) => /* @__PURE__ */ React2.createElement(DSMobileContextMenuItem, {
-    key: "ddwn".concat(`${i}`),
-    title: opt.label,
-    value: opt.value,
-    isSelected: itemsProps.isItemSelected(opt),
-    onClick: (e) => {
-      setMenuOpen(false);
-      itemsProps.onClick(opt, e);
-    },
-    label: itemsProps.label,
-    leftProp: itemsProps.leftProp,
-    isGroup: itemsProps.isGroup,
-    isMulti: itemsProps.isMulti,
-    singleSelect: itemsProps.singleSelect
-  }))) : null);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(DSMobileDropdownTriggerInput, {
+      inputProps: inputProps,
+      caretProps: caretProps
+    }), menuOpen ? /*#__PURE__*/_jsx(DSMobileContextMenu, {
+      title: title,
+      open: true,
+      onChange: (_, e) => {
+        setMenuOpen(false);
+      },
+      onClickOutside: () => setMenuOpen(false)
+    }, void 0, options.map((opt, i) => /*#__PURE__*/_jsx(DSMobileContextMenuItem, {
+      title: opt.label,
+      value: opt.value,
+      isSelected: itemsProps.isItemSelected(opt),
+      onClick: e => {
+        setMenuOpen(false);
+        itemsProps.onClick(opt, e);
+      },
+      label: itemsProps.label,
+      leftProp: itemsProps.leftProp,
+      isGroup: itemsProps.isGroup,
+      isMulti: itemsProps.isMulti,
+      singleSelect: itemsProps.singleSelect
+    }, 'ddwn'.concat("".concat(i))))) : null]
+  });
 };
+
 const props = {
-  placeholder: PropTypes.string.description("dropdown menu placeholder"),
-  title: PropTypes.string.description("context menu menu title"),
-  options: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })).description("context menu options / items")
+  /** dropdown menu placeholder */
+  placeholder: PropTypes.string.description('dropdown menu placeholder'),
+
+  /** context menu menu title */
+  title: PropTypes.string.description('context menu menu title'),
+
+  /** context menu options / items */
+  options: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })).description('context menu options / items')
 };
-DSMobileDropdownMenu.propTypes = props;
 const DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);
 DSMobileDropdownMenuWithSchema.propTypes = props;
-export {
-  DSMobileDropdownMenu,
-  DSMobileDropdownMenuWithSchema
-};
-//# sourceMappingURL=MobileDropdownMenu.js.map
+
+export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };

package/esm/MobileDropdownMenu/index.js

@@ -1,7 +1,2 @@
-import * as React from "react";
-export * from "./MobileDropdownMenu";
-import { DSMobileDropdownTriggerInput } from "./MobileDropdownInput";
-export {
-  DSMobileDropdownTriggerInput
-};
-//# sourceMappingURL=index.js.map
+export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema } from './MobileDropdownMenu.js';
+export { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';

package/esm/MobileEmtpyState/MobileEmptyState.js

@@ -1,33 +1,31 @@
-import * as React from "react";
-import React2 from "react";
-import styled from "styled-components";
-import { PropTypes, describe } from "react-desc";
-import { Search } from "@elliemae/ds-icons";
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-`;
-const Label = styled.p`
-  color: ${(props2) => props2.theme.colors.neutral["600"]};
-  font-size: ${(props2) => props2.theme.space.xs};
-  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
-  min-width: 132px;
-`;
-const DSMobileEmptyState = ({ label = "No search results found." }) => /* @__PURE__ */ React2.createElement(Wrapper, null, /* @__PURE__ */ React2.createElement(Search, {
-  size: "xxl",
-  color: ["neutral", 400]
-}), /* @__PURE__ */ React2.createElement(Label, null, label));
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import styled from 'styled-components';
+import { PropTypes, describe } from 'react-desc';
+import { Search } from '@elliemae/ds-icons';
+
+const Wrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1v2x6kj-0"
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;"]);
+const Label = /*#__PURE__*/styled.p.withConfig({
+  componentId: "sc-1v2x6kj-1"
+})(["color:", ";font-size:", ";font-weight:", ";min-width:132px;"], props => props.theme.colors.neutral['600'], props => props.theme.space.xs, props => props.theme.fontWeights.semibold);
+
+const DSMobileEmptyState = _ref => {
+  let {
+    label = 'No search results found.'
+  } = _ref;
+  return /*#__PURE__*/_jsx(Wrapper, {}, void 0, /*#__PURE__*/_jsx(Search, {
+    size: "xxl",
+    color: ['neutral', 400]
+  }), /*#__PURE__*/_jsx(Label, {}, void 0, label));
+};
+
 const props = {
-  label: PropTypes.string.description("empty state label")
+  /** empty state label */
+  label: PropTypes.string.description('empty state label')
 };
-DSMobileEmptyState.propTypes = props;
 const DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);
 DSMobileEmptyStateWithSchema.propTypes = props;
-export {
-  DSMobileEmptyState,
-  DSMobileEmptyStateWithSchema
-};
-//# sourceMappingURL=MobileEmptyState.js.map
+
+export { DSMobileEmptyState, DSMobileEmptyStateWithSchema };

package/esm/MobileEmtpyState/index.js

@@ -1,8 +1,2 @@
-import * as React from "react";
-import { DSMobileEmptyState } from "./MobileEmptyState";
-export * from "./MobileEmptyState";
-var MobileEmtpyState_default = DSMobileEmptyState;
-export {
-  MobileEmtpyState_default as default
-};
-//# sourceMappingURL=index.js.map
+import { DSMobileEmptyState } from './MobileEmptyState.js';
+export { DSMobileEmptyState, DSMobileEmptyStateWithSchema, DSMobileEmptyState as default } from './MobileEmptyState.js';

package/esm/MobileFilterbar/Filterbar.js

@@ -1,43 +1,35 @@
-import * as React from "react";
-import React2 from "react";
-import styled from "styled-components";
-import { describe, PropTypes } from "react-desc";
-import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-import { Grid } from "@elliemae/ds-grid";
-import MobileSeparator from "../MobileSeparator";
-const Bar = styled.div`
-  display: flex;
-  overflow: auto;
-  background-color: ${(props) => props.theme.colors.neutral["000"]};
-  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
-  & > * {
-    flex-shrink: 0;
-  }
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import styled from 'styled-components';
+import { PropTypes, describe } from 'react-desc';
+import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
+import { Grid } from '@elliemae/ds-grid';
+import MobileSeparator from '../MobileSeparator/Separator.js';
+
+const Bar = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-14ysw84-0"
+})(["display:flex;overflow:auto;background-color:", ";padding-left:", ";& > *{flex-shrink:0;}&::-webkit-scrollbar{display:none;}"], props => props.theme.colors.neutral['000'], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+const Separator = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-14ysw84-1"
+})(["& > *{margin:0;}"]);
+
+const DSMobileFilterbar = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(Grid, {
+    rows: ['auto', 'auto'],
+    "data-testid": "filter-bar-wrapper"
+  }, void 0, /*#__PURE__*/_jsx(Bar, {}, void 0, children), /*#__PURE__*/_jsx(Separator, {}, void 0, /*#__PURE__*/_jsx(MobileSeparator, {
+    margin: "xxs",
+    color: ['neutral', '300']
+  })));
+};
 
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`;
-const Separator = styled.div`
-  & > * {
-    margin: 0;
-  }
-`;
-const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ React2.createElement(Grid, {
-  rows: ["auto", "auto"],
-  "data-testid": "filter-bar-wrapper"
-}, /* @__PURE__ */ React2.createElement(Bar, null, children), /* @__PURE__ */ React2.createElement(Separator, null, /* @__PURE__ */ React2.createElement(MobileSeparator, {
-  margin: "xxs",
-  color: ["neutral", "300"]
-})));
 const filterbarProps = {
-  children: PropTypes.element.description("FilterBar Items").isRequired
+  children: PropTypes.element.description('FilterBar Items').isRequired
 };
-DSMobileFilterbar.propTypes = filterbarProps;
 const FilterbarWithSchema = describe(DSMobileFilterbar);
 FilterbarWithSchema.propTypes = filterbarProps;
-export {
-  DSMobileFilterbar,
-  FilterbarWithSchema
-};
-//# sourceMappingURL=Filterbar.js.map
+
+export { DSMobileFilterbar, FilterbarWithSchema };

package/esm/MobileFilterbar/FilterbarItem.js

@@ -1,24 +1,28 @@
-import * as React from "react";
-import React2 from "react";
-import { describe, PropTypes } from "react-desc";
-import { Grid } from "@elliemae/ds-grid";
-const DSMobileFilterbarItem = ({ children, onClick }) => /* @__PURE__ */ React2.createElement(Grid, {
-  "data-testid": "filter-bar-item-wrapper",
-  cols: ["min-content"],
-  pr: "xxs",
-  pt: "xxs",
-  role: "button",
-  onClick
-}, children);
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import { Grid } from '@elliemae/ds-grid';
+
+const DSMobileFilterbarItem = _ref => {
+  let {
+    children,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/_jsx(Grid, {
+    "data-testid": "filter-bar-item-wrapper",
+    cols: ['min-content'],
+    pr: "xxs",
+    pt: "xxs",
+    role: "button",
+    onClick: onClick
+  }, void 0, children);
+};
+
 const filterbarItemProps = {
-  children: PropTypes.element.description("FilterBar Items").isRequired,
-  onClick: PropTypes.func.description("Function executed when clicking filterbar item")
+  children: PropTypes.element.description('FilterBar Items').isRequired,
+  onClick: PropTypes.func.description('Function executed when clicking filterbar item')
 };
-DSMobileFilterbarItem.propTypes = filterbarItemProps;
 const FilterbarItemWithSchema = describe(DSMobileFilterbarItem);
 FilterbarItemWithSchema.propTypes = filterbarItemProps;
-export {
-  DSMobileFilterbarItem,
-  FilterbarItemWithSchema
-};
-//# sourceMappingURL=FilterbarItem.js.map
+
+export { DSMobileFilterbarItem, FilterbarItemWithSchema };

package/esm/MobileFilterbar/FilterbarSort.js

@@ -1,31 +1,36 @@
-import * as React from "react";
-import React2 from "react";
-import { describe, PropTypes } from "react-desc";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import MobileSeparator from "../MobileSeparator";
-const Separator = styled.div`
-  & > * {
-    margin-left: 0;
-  }
-`;
-const DSMobileFilterbarSort = ({ children }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, children, /* @__PURE__ */ React2.createElement(Grid, {
-  pb: "xxs",
-  pt: "xxs",
-  cols: ["min-content"]
-}, /* @__PURE__ */ React2.createElement(Separator, null, /* @__PURE__ */ React2.createElement(MobileSeparator, {
-  margin: "xxs",
-  direction: "vertical",
-  color: ["neutral", "300"]
-}))));
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import styled from 'styled-components';
+import { Grid } from '@elliemae/ds-grid';
+import MobileSeparator from '../MobileSeparator/Separator.js';
+import { jsxs, Fragment } from 'react/jsx-runtime';
+
+const Separator = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-103uq0b-0"
+})(["& > *{margin-left:0;}"]);
+
+const DSMobileFilterbarSort = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [children, /*#__PURE__*/_jsx(Grid, {
+      pb: "xxs",
+      pt: "xxs",
+      cols: ['min-content']
+    }, void 0, /*#__PURE__*/_jsx(Separator, {}, void 0, /*#__PURE__*/_jsx(MobileSeparator, {
+      margin: "xxs",
+      direction: "vertical",
+      color: ['neutral', '300']
+    })))]
+  });
+};
+
 const filterbarSortProps = {
-  children: PropTypes.element.description("FilterBar Sort Item").isRequired
+  children: PropTypes.element.description('FilterBar Sort Item').isRequired
 };
-DSMobileFilterbarSort.propTypes = filterbarSortProps;
 const FilterbarSortWithSchema = describe(DSMobileFilterbarSort);
 FilterbarSortWithSchema.propTypes = filterbarSortProps;
-export {
-  DSMobileFilterbarSort,
-  FilterbarSortWithSchema
-};
-//# sourceMappingURL=FilterbarSort.js.map
+
+export { DSMobileFilterbarSort, FilterbarSortWithSchema };

package/esm/MobileFilterbar/index.js

@@ -1,19 +1,3 @@
-import * as React from "react";
-import { DSMobileFilterbar, FilterbarWithSchema } from "./Filterbar";
-import {
-  DSMobileFilterbarSort,
-  FilterbarSortWithSchema
-} from "./FilterbarSort";
-import {
-  DSMobileFilterbarItem,
-  FilterbarItemWithSchema
-} from "./FilterbarItem";
-export {
-  DSMobileFilterbar,
-  DSMobileFilterbarItem,
-  DSMobileFilterbarSort,
-  FilterbarItemWithSchema,
-  FilterbarSortWithSchema,
-  FilterbarWithSchema
-};
-//# sourceMappingURL=index.js.map
+export { DSMobileFilterbar, FilterbarWithSchema } from './Filterbar.js';
+export { DSMobileFilterbarSort, FilterbarSortWithSchema } from './FilterbarSort.js';
+export { DSMobileFilterbarItem, FilterbarItemWithSchema } from './FilterbarItem.js';

package/esm/MobileFooter/Action.js

@@ -1,43 +1,51 @@
-import * as React from "react";
-import React2 from "react";
-import styled from "styled-components";
-import { typography } from "@xstyled/styled-components";
-import { color, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-import { Grid } from "@elliemae/ds-grid";
-import { describe, PropTypes } from "react-desc";
-const Label = styled.span`
-  ${typography}
-  ${color("neutral", "800")}
-  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};
-  padding-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} / 2);
-`;
-const DSMobileFooterAction = ({ label, icon, onClick }) => /* @__PURE__ */ React2.createElement(Grid, {
-  "data-testid": "ds-mobile-footer-action",
-  rows: ["auto"].concat(label ? "min-content" : "none"),
-  justifyContent: "center",
-  role: "button",
-  onClick
-}, /* @__PURE__ */ React2.createElement(Grid, {
-  justifyContent: "center",
-  alignItems: "center"
-}, React2.cloneElement(icon, {
-  "data-testid": "ds-mobile-footer-action-icon",
-  size: !label ? "l" : "m"
-})), label && /* @__PURE__ */ React2.createElement(Grid, {
-  justifyContent: "center"
-}, /* @__PURE__ */ React2.createElement(Label, {
-  fontSize: "11px"
-}, label)));
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import React from 'react';
+import styled from 'styled-components';
+import { typography } from '@xstyled/styled-components';
+import { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
+import { Grid } from '@elliemae/ds-grid';
+import { PropTypes, describe } from 'react-desc';
+
+const Label = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-1op229o-0"
+})(["", " ", " padding-bottom:", ";padding-top:calc(", " / 2);"], typography, color('neutral', '800'), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
+
+const DSMobileFooterAction = _ref => {
+  let {
+    label,
+    icon,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/_jsx(Grid, {
+    "data-testid": "ds-mobile-footer-action",
+    rows: ['auto'].concat(label ? 'min-content' : 'none'),
+    justifyContent: "center",
+    role: "button",
+    onClick: onClick
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
+    justifyContent: "center",
+    alignItems: "center"
+  }, void 0, /*#__PURE__*/React.cloneElement(icon, {
+    'data-testid': 'ds-mobile-footer-action-icon',
+    size: !label ? 'l' : 'm'
+  })), label && /*#__PURE__*/_jsx(Grid, {
+    justifyContent: "center"
+  }, void 0, /*#__PURE__*/_jsx(Label, {
+    fontSize: "11px"
+  }, void 0, label)));
+};
+
 const actionProps = {
-  label: PropTypes.string.description("Action label"),
-  icon: PropTypes.element.description("Action icon"),
-  onClick: PropTypes.func.description("onClick callback")
+  /** Action label */
+  label: PropTypes.string.description('Action label'),
+
+  /** Action icon */
+  icon: PropTypes.element.description('Action icon'),
+
+  /** onClick callback */
+  onClick: PropTypes.func.description('onClick callback')
 };
-DSMobileFooterAction.propTypes = actionProps;
-const DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description("Mobile footer action");
+const DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');
 DSMobileFooterActionWithSchema.propTypes = actionProps;
-export {
-  DSMobileFooterAction,
-  DSMobileFooterActionWithSchema
-};
-//# sourceMappingURL=Action.js.map
+
+export { DSMobileFooterAction, DSMobileFooterActionWithSchema };

package/esm/MobileFooter/Footer.js

@@ -1,43 +1,55 @@
-import * as React from "react";
-import React2 from "react";
-import styled from "styled-components";
-import { border, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-import { Grid } from "@elliemae/ds-grid";
-import DSButton from "@elliemae/ds-button";
-import { describe, PropTypes } from "react-desc";
-import { DSMobileFooterText } from "./Text";
-const FooterWrap = styled(Grid)`
-  background-color: ${(props) => props.theme.colors.neutral["000"]};
-  border-top: ${(props) => border(props.theme.colors.neutral[100])};
-  height: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`};
-`;
-const MobileFooter = ({ children }) => {
-  const childArr = React2.Children.toArray(children);
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.constructor.js';
+import 'core-js/modules/esnext.async-iterator.to-array.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.to-array.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import React from 'react';
+import styled from 'styled-components';
+import { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
+import { Grid } from '@elliemae/ds-grid';
+import DSButton from '@elliemae/ds-button';
+import { PropTypes, describe } from 'react-desc';
+import { DSMobileFooterText } from './Text.js';
+
+const FooterWrap = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-ls5vfg-0"
+})(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => border(props.theme.colors.neutral[100]), props => "calc(".concat(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), " * 7)"));
+
+const MobileFooter = _ref => {
+  let {
+    children
+  } = _ref;
+  const childArr = React.Children.toArray(children);
   const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;
+
   const setCols = () => {
     if (isButtonType) {
-      return childArr.length === 1 ? ["90%"] : ["45%", "45%"];
+      return childArr.length === 1 ? ['90%'] : ['45%', '45%'];
     }
-    return childArr.map(() => `${100 / childArr.length}%`);
+
+    return childArr.map(() => "".concat(100 / childArr.length, "%"));
   };
-  return /* @__PURE__ */ React2.createElement(FooterWrap, null, /* @__PURE__ */ React2.createElement(Grid, {
+
+  return /*#__PURE__*/_jsx(FooterWrap, {}, void 0, /*#__PURE__*/_jsx(Grid, {
     cols: setCols(),
-    gutter: isButtonType ? "xs" : void 0,
+    gutter: isButtonType ? 'xs' : undefined,
     justifyContent: "center",
-    alignItems: isButtonType ? "center" : void 0
-  }, childArr.map((c, i) => /* @__PURE__ */ React2.createElement(Grid, {
-    key: i
-  }, c))));
+    alignItems: isButtonType ? 'center' : undefined
+  }, void 0, childArr.map((c, i) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  _jsx(Grid, {}, i, c))));
 };
+
 const footerProps = {
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description("Instance of DSButton, DSMobileFooterText or DSMobileFooterAction")
+  /**
+   * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction
+   */
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description('Instance of DSButton, DSMobileFooterText or DSMobileFooterAction')
 };
-MobileFooter.propTypes = footerProps;
 const MobileFooterWithSchema = describe(MobileFooter);
 MobileFooterWithSchema.propTypes = footerProps;
-var Footer_default = MobileFooter;
-export {
-  MobileFooterWithSchema,
-  Footer_default as default
-};
-//# sourceMappingURL=Footer.js.map
+
+export { MobileFooterWithSchema, MobileFooter as default };