@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

package/esm/columns/IconColumn.js

@@ -1,20 +1,24 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React from 'react';
 import { cx } from '@elliemae/ds-utilities';
 import DSButton from '@elliemae/ds-button';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
-var _IntentIconColors;
-var Intents = {
+const Intents = {
   SUCCESS: 'success',
   INFO: 'info',
   DANGER: 'danger',
   WARNING: 'warning'
 };
-var IntentIconColors = (_IntentIconColors = {}, _defineProperty(_IntentIconColors, Intents.SUCCESS, ['success', 900]), _defineProperty(_IntentIconColors, Intents.INFO, ['brand-primary', 600]), _defineProperty(_IntentIconColors, Intents.DANGER, ['danger', 900]), _defineProperty(_IntentIconColors, Intents.WARNING, ['warning', 900]), _IntentIconColors);
-var ValueWrapper = aggregatedClasses('span')('icon-column-cell');
+const IntentIconColors = {
+  [Intents.SUCCESS]: ['success', 900],
+  [Intents.INFO]: ['brand-primary', 600],
+  [Intents.DANGER]: ['danger', 900],
+  [Intents.WARNING]: ['warning', 900]
+};
+const ValueWrapper = aggregatedClasses('span')('icon-column-cell');
 
-var addColorToIcon = function addColorToIcon(icon, intentColor) {
+const addColorToIcon = (icon, intentColor) => {
   if (icon.props.color) {
     return icon;
   }
@@ -25,37 +29,29 @@ var addColorToIcon = function addColorToIcon(icon, intentColor) {
 };
 
 function createColumn(_ref) {
-  var property = _ref.property,
-      label = _ref.label,
-      headerIcon = _ref.headerIcon,
-      _ref$getRowIcon = _ref.getRowIcon,
-      getRowIcon = _ref$getRowIcon === void 0 ? function () {
-    return null;
-  } : _ref$getRowIcon,
-      _ref$isVisited = _ref.isVisited,
-      isVisited = _ref$isVisited === void 0 ? function () {
-    return null;
-  } : _ref$isVisited,
-      _ref$intent = _ref.intent,
-      intent = _ref$intent === void 0 ? Intents.SUCCESS : _ref$intent,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 60 : _ref$width,
-      onClick = _ref.onClick,
-      visible = _ref.visible,
-      resizable = _ref.resizable,
-      sortable = _ref.sortable,
-      searchable = _ref.searchable;
+  let {
+    property,
+    label,
+    headerIcon,
+    getRowIcon = () => null,
+    isVisited = () => null,
+    intent = Intents.SUCCESS,
+    width = 60,
+    onClick,
+    visible,
+    resizable,
+    sortable,
+    searchable
+  } = _ref;
 
-  var formatter = function formatter(value, extraParams) {
-    var icon = getRowIcon(value, extraParams);
+  const formatter = (value, extraParams) => {
+    const icon = getRowIcon(value, extraParams);
 
-    var onClickHandler = function onClickHandler(e) {
-      return onClick(e, extraParams);
-    };
+    const onClickHandler = e => onClick(e, extraParams);
 
-    return /*#__PURE__*/React.createElement(ValueWrapper, {
+    return /*#__PURE__*/_jsx(ValueWrapper, {
       className: cx("icc-".concat(intent), isVisited(value, extraParams))
-    }, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== 'undefined' ? /*#__PURE__*/React.createElement(DSButton, {
+    }, void 0, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== 'undefined' ? /*#__PURE__*/_jsx(DSButton, {
       buttonType: "text",
       intent: intent,
       labelText: value,
@@ -64,17 +60,15 @@ function createColumn(_ref) {
   };
 
   return {
-    property: property,
-    label: label,
+    property,
+    label,
     headerStyle: {
       justifyContent: 'center'
     },
     header: {
-      formatters: [function () {
-        return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.cloneElement(headerIcon, {
-          color: IntentIconColors[intent]
-        }));
-      }]
+      formatters: [() => /*#__PURE__*/_jsx("span", {}, void 0, /*#__PURE__*/React.cloneElement(headerIcon, {
+        color: IntentIconColors[intent]
+      }))]
     },
     cell: {
       formatters: [formatter]
@@ -82,13 +76,12 @@ function createColumn(_ref) {
     cellStyle: {
       justifyContent: 'center'
     },
-    width: width,
+    width,
     visible: typeof visible === 'undefined' || visible,
-    resizable: resizable,
-    sortable: sortable,
-    searchable: searchable
+    resizable,
+    sortable,
+    searchable
   };
 }
 
 export { createColumn as default };
-//# sourceMappingURL=IconColumn.js.map

package/esm/columns/NumberColumn.js

@@ -1,7 +1,4 @@
 function createNumberColumn(_ref) {
-  _ref.label;
-      _ref.property;
 }
 
 export { createNumberColumn as default };
-//# sourceMappingURL=NumberColumn.js.map

package/esm/components/BodyCell.js

@@ -1,106 +1,92 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useRef, useContext, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useRef, useContext, useCallback, useEffect } from 'react';
 import { FocusGridContext } from '@elliemae/ds-shared/FocusGroup/FocusGrid';
 import { evaluateTransforms, evaluateFormatters } from '@elliemae/ds-shared/createDataInstance/utils';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["rowData", "rowKey", "isScrolling"];
+const _excluded = ["rowData", "rowKey", "isScrolling"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function BodyCell(_ref) {
-  var Component = _ref.component,
-      classProps = _ref.classProps,
-      rowProps = _ref.rowProps,
-      column = _ref.column,
-      columnIndex = _ref.columnIndex,
-      rowIndex = _ref.rowIndex,
-      grid = _ref.grid;
+  let {
+    component: Component,
+    classProps,
+    rowProps,
+    column,
+    columnIndex,
+    rowIndex,
+    grid
+  } = _ref;
 
-  var rowData = rowProps.rowData,
-      rowKey = rowProps.rowKey,
-      isScrolling = rowProps.isScrolling,
-      extraRowProps = _objectWithoutProperties(rowProps, _excluded);
+  const {
+    rowData,
+    rowKey,
+    isScrolling
+  } = rowProps,
+        extraRowProps = _objectWithoutProperties(rowProps, _excluded);
 
-  var property = column.property,
-      cell = column.cell,
-      props = column.props;
-  var evaluatedProperty = property || cell && cell.property;
-  var ref = useRef(null);
-
-  var _useContext = useContext(FocusGridContext),
-      register = _useContext.register;
-
-  var registerFocus = useCallback(function (node) {
+  const {
+    property,
+    cell,
+    props
+  } = column;
+  const evaluatedProperty = property || cell && cell.property;
+  const ref = useRef(null);
+  const {
+    register
+  } = useContext(FocusGridContext);
+  const registerFocus = useCallback(node => {
     register(node, rowIndex, columnIndex);
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     registerFocus(ref.current);
   }, [ref.current]);
+  const {
+    transforms = [],
+    formatters = [],
+    fixedFormatters = [],
+    // useful for the toolbar trigger at the last column
+    scrollingFormatters = []
+  } = cell || {};
 
-  var _ref2 = cell || {},
-      _ref2$transforms = _ref2.transforms,
-      transforms = _ref2$transforms === void 0 ? [] : _ref2$transforms,
-      _ref2$formatters = _ref2.formatters,
-      formatters = _ref2$formatters === void 0 ? [] : _ref2$formatters,
-      _ref2$fixedFormatters = _ref2.fixedFormatters,
-      fixedFormatters = _ref2$fixedFormatters === void 0 ? [] : _ref2$fixedFormatters,
-      _ref2$scrollingFormat = _ref2.scrollingFormatters,
-      scrollingFormatters = _ref2$scrollingFormat === void 0 ? [] : _ref2$scrollingFormat;
-
-  var extraParameters = _objectSpread({
-    columnIndex: columnIndex,
+  const extraParameters = _objectSpread({
+    columnIndex,
     property: evaluatedProperty,
-    column: column,
-    rowData: rowData,
-    rowIndex: rowIndex,
-    rowKey: rowKey,
-    isScrolling: isScrolling,
+    column,
+    rowData,
+    rowIndex,
+    rowKey,
+    isScrolling,
     // improve performance on scroll rendering a lightweight component instead
-    registerFocus: registerFocus
+    registerFocus
   }, extraRowProps);
 
-  var withTooltip = function withTooltip(v) {
-    return classProps && classProps.wrapText ? v : /*#__PURE__*/React.createElement(DSTruncatedTooltipText, {
-      value: v
-    });
-  };
+  const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+    value: v
+  });
 
-  var value = rowData["_".concat(evaluatedProperty)] || rowData[evaluatedProperty];
-  var transformed = evaluateTransforms(transforms, value, extraParameters);
-  return /*#__PURE__*/React.createElement(Component, _extends({
+  const value = rowData["_".concat(evaluatedProperty)] || rowData[evaluatedProperty];
+  const transformed = evaluateTransforms(transforms, value, extraParameters);
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     ref: ref,
     "data-testid": "column-".concat(property),
     tabIndex: -1,
     classProps: classProps
-  }, props, cell && cell.props, transformed), transformed.children || evaluateFormatters(!isScrolling ? [withTooltip].concat(_toConsumableArray(formatters), _toConsumableArray(fixedFormatters)) : [].concat(_toConsumableArray(scrollingFormatters), _toConsumableArray(fixedFormatters)), value, extraParameters, grid));
+  }, props), cell && cell.props), transformed), {}, {
+    children: transformed.children || evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid)
+  }));
 }
 
-BodyCell.propTypes = {
-  component: PropTypes.element,
-  classProps: PropTypes.shape({
-    wrapText: PropTypes.bool
-  }),
-  rowProps: PropTypes.shape({
-    rowData: PropTypes.shape({}),
-    rowKey: PropTypes.string,
-    isScrolling: PropTypes.bool
-  }),
-  column: PropTypes.shape({
-    property: PropTypes.string,
-    cell: PropTypes.any,
-    props: PropTypes.shape({})
-  }),
-  columnIndex: PropTypes.number,
-  rowIndex: PropTypes.number,
-  grid: PropTypes.any
-};
-
 export { BodyCell as default };
-//# sourceMappingURL=BodyCell.js.map

package/esm/components/BodyList.js

@@ -1,34 +1,45 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React from 'react';
 import NoResults from './NoResults.js';
-import 'styled-components';
-import '@elliemae/ds-system';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef"];
+const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function BodyWrapperDefaultRenderer(_ref) {
-  var Component = _ref.component,
-      rows = _ref.rows,
-      rowRenderer = _ref.rowRenderer,
-      noResultsPlaceholder = _ref.noResultsPlaceholder,
-      innerRef = _ref.innerRef;
-      _ref.innerBodyRef;
-      var otherBodyProps = _objectWithoutProperties(_ref, _excluded);
+  let {
+    component: Component,
+    rows,
+    rowRenderer,
+    noResultsPlaceholder,
+    innerRef,
+    innerBodyRef
+  } = _ref,
+      otherBodyProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Component, _extends({}, otherBodyProps, {
-    innerRef: innerRef
-  }), rows.length ? rows.map(function (row, index) {
-    return rowRenderer(row, {
-      index: index
-    }, {});
-  }) : /*#__PURE__*/React.createElement(NoResults, {
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
     innerRef: innerRef,
-    rowRenderer: rowRenderer
-  }, noResultsPlaceholder));
+    children: rows.length ? rows.map((row, index) => rowRenderer(row, {
+      index
+    }, {})) : /*#__PURE__*/_jsx(NoResults, {
+      innerRef: innerRef,
+      rowRenderer: rowRenderer
+    }, void 0, noResultsPlaceholder)
+  }));
 }
 
 var BodyList = /*#__PURE__*/React.memo(BodyWrapperDefaultRenderer);
 
 export { BodyList as default };
-//# sourceMappingURL=BodyList.js.map

package/esm/components/ColumnVisibilityMenuOption.js

@@ -1,41 +1,40 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 function getColumnVisibilityMenuOption(_ref) {
-  var columns = _ref.columns,
-      onColumnVisibilityChange = _ref.onColumnVisibilityChange,
-      searchable = _ref.searchable,
-      height = _ref.height;
-
-  var _columns$reduce = columns.reduce(function (result, column, index) {
-    return {
-      items: [].concat(_toConsumableArray(result.items), [{
-        id: column.property,
-        label: column.label,
-        checked: column.visible,
-        onClick: function onClick() {
-          return onColumnVisibilityChange(column, index);
-        }
-      }]),
-      active: !column.visible ? result.active : [].concat(_toConsumableArray(result.active), [column.property])
-    };
-  }, {
+  let {
+    columns,
+    onColumnVisibilityChange,
+    searchable,
+    height
+  } = _ref;
+  const {
+    items,
+    active
+  } = columns.reduce((result, column, index) => ({
+    items: [...result.items, {
+      id: column.property,
+      label: column.label,
+      checked: column.visible,
+      onClick: () => onColumnVisibilityChange(column, index)
+    }],
+    active: !column.visible ? result.active : [...result.active, column.property]
+  }), {
     items: [],
     active: []
-  }),
-      items = _columns$reduce.items,
-      active = _columns$reduce.active;
-
+  });
   return {
     type: 'SelectionGroup',
     id: 'column-visibility-option',
     multi: true,
-    searchable: searchable,
+    searchable,
     closeOnClick: false,
-    active: active,
-    items: items,
-    height: height
+    active,
+    items,
+    height
   };
 }
 
 export { getColumnVisibilityMenuOption };
-//# sourceMappingURL=ColumnVisibilityMenuOption.js.map

package/esm/components/ColumnsOptionsMenuSection.js

@@ -1,34 +1,36 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
 import { Menu } from '@elliemae/ds-menu';
 
-var ColumnsOptionsMenuSection = function ColumnsOptionsMenuSection(_ref) {
-  var columns = _ref.columns,
-      onColumnVisibilityChange = _ref.onColumnVisibilityChange,
-      _ref$searchable = _ref.searchable,
-      searchable = _ref$searchable === void 0 ? false : _ref$searchable,
-      height = _ref.height;
-  return function () {
-    var _columns$reduce = columns.reduce(function (result, column, index) {
-      return {
-        items: [].concat(_toConsumableArray(result.items), [{
-          id: column.property,
-          label: column.label,
-          checked: column.visible,
-          onClick: function onClick() {
-            return onColumnVisibilityChange(column, index);
-          }
-        }]),
-        active: typeof column.visible === 'undefined' || column.visible ? [].concat(_toConsumableArray(result.active), [column.property]) : result.active
-      };
-    }, {
+const ColumnsOptionsMenuSection = _ref => {
+  let {
+    columns,
+    onColumnVisibilityChange,
+    searchable = false,
+    height // eslint-disable-next-line react/display-name
+
+  } = _ref;
+  return () => {
+    const {
+      items,
+      active
+    } = columns.reduce((result, column, index) => ({
+      items: [...result.items, {
+        id: column.property,
+        label: column.label,
+        checked: column.visible,
+        onClick: () => onColumnVisibilityChange(column, index)
+      }],
+      active: typeof column.visible === 'undefined' || column.visible ? [...result.active, column.property] : result.active
+    }), {
       items: [],
       active: []
-    }),
-        items = _columns$reduce.items,
-        active = _columns$reduce.active;
-
-    return /*#__PURE__*/React.createElement(Menu.SelectionGroup, {
+    });
+    return /*#__PURE__*/_jsx(Menu.SelectionGroup, {
       active: active,
       height: height,
       items: items,
@@ -39,4 +41,3 @@ var ColumnsOptionsMenuSection = function ColumnsOptionsMenuSection(_ref) {
 };
 
 export { ColumnsOptionsMenuSection as default };
-//# sourceMappingURL=ColumnsOptionsMenuSection.js.map

package/esm/components/EmptyState.js

@@ -1,53 +1,37 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { Grid } from '@elliemae/ds-grid';
 import { WarningTriangle } from '@elliemae/ds-icons';
 import { toMobile, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import DSButton from '@elliemae/ds-button';
 import styled from 'styled-components';
 
-var EmptyStateWrapper = /*#__PURE__*/styled(Grid).withConfig({
+var _Icon;
+const EmptyStateWrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1ddwbs7-0"
 })(["min-width:132px;max-width:384px;height:fit-content;"]);
-var Icon = /*#__PURE__*/styled(WarningTriangle).withConfig({
+const Icon = /*#__PURE__*/styled(WarningTriangle).withConfig({
   componentId: "sc-1ddwbs7-1"
-})(["fill:", ";color:", ";justify-self:center;"], function (props) {
-  return props.theme.colors.neutral[300];
-}, function (props) {
-  return props.theme.colors.neutral[300];
-});
-var PrimaryMessage = /*#__PURE__*/styled.p.withConfig({
+})(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
+const PrimaryMessage = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-1ddwbs7-2"
-})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], function (props) {
-  return toMobile(props.theme.fontSizes.value[400]);
-}, function (props) {
-  return props.theme.colors.neutral[600];
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s);
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs);
-});
-var SecondaryMessage = /*#__PURE__*/styled.p.withConfig({
+})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], props => toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[600], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+const SecondaryMessage = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-1ddwbs7-3"
-})(["text-align:center;font-size:", ";color:", ";margin:0;"], function (props) {
-  return toMobile(props.theme.fontSizes.value[400]);
-}, function (props) {
-  return props.theme.colors.neutral[500];
-});
-var Button = /*#__PURE__*/styled(DSButton).withConfig({
+})(["text-align:center;font-size:", ";color:", ";margin:0;"], props => toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[500]);
+const Button = /*#__PURE__*/styled(DSButton).withConfig({
   componentId: "sc-1ddwbs7-4"
-})(["margin-top:", ";justify-self:center;width:fit-content;"], function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m);
-});
-var EmptyState = function EmptyState(_ref) {
-  var _ref$primaryMessage = _ref.primaryMessage,
-      primaryMessage = _ref$primaryMessage === void 0 ? 'No Results Found' : _ref$primaryMessage,
-      secondaryMessage = _ref.secondaryMessage,
-      buttonLabel = _ref.buttonLabel,
-      _ref$onButtonClick = _ref.onButtonClick,
-      onButtonClick = _ref$onButtonClick === void 0 ? function () {} : _ref$onButtonClick;
-  return /*#__PURE__*/React.createElement(EmptyStateWrapper, null, /*#__PURE__*/React.createElement(Icon, {
+})(["margin-top:", ";justify-self:center;width:fit-content;"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
+const EmptyState = _ref => {
+  let {
+    primaryMessage = 'No Results Found',
+    secondaryMessage,
+    buttonLabel,
+    onButtonClick = () => {}
+  } = _ref;
+  return /*#__PURE__*/_jsx(EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {
     size: "xxl"
-  }), primaryMessage && /*#__PURE__*/React.createElement(PrimaryMessage, null, primaryMessage), secondaryMessage && /*#__PURE__*/React.createElement(SecondaryMessage, null, secondaryMessage), buttonLabel && /*#__PURE__*/React.createElement(Button, {
+  })), primaryMessage && /*#__PURE__*/_jsx(PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx(SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx(Button, {
     buttonType: "secondary",
     labelText: buttonLabel,
     onClick: onButtonClick
@@ -55,4 +39,3 @@ var EmptyState = function EmptyState(_ref) {
 };
 
 export { EmptyState };
-//# sourceMappingURL=EmptyState.js.map