@elliemae/ds-datagrids 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/components/ColumnsOptionsMenuSection.js

@@ -1,64 +1,49 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ColumnsOptionsMenuSection_exports = {};
-__export(ColumnsOptionsMenuSection_exports, {
-  ColumnsOptionsMenuSection: () => ColumnsOptionsMenuSection,
-  default: () => ColumnsOptionsMenuSection_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_menu = __toESM(require("@elliemae/ds-menu"));
-const ColumnsOptionsMenuSection = ({
-  columns,
-  onColumnVisibilityChange,
-  searchable = false,
-  height
-}) => () => {
-  const { items, active } = columns.reduce((result, column, index) => ({
-    items: [
-      ...result.items,
-      {
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('react');
+var dsMenu = require('@elliemae/ds-menu');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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: [] });
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_menu.Menu.SelectionGroup, {
-    active,
-    height,
-    items,
-    multi: true,
-    searchable
-  });
+      }],
+      active: typeof column.visible === 'undefined' || column.visible ? [...result.active, column.property] : result.active
+    }), {
+      items: [],
+      active: []
+    });
+    return /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.SelectionGroup, {
+      active: active,
+      height: height,
+      items: items,
+      multi: true,
+      searchable: searchable
+    });
+  };
 };
-var ColumnsOptionsMenuSection_default = ColumnsOptionsMenuSection;
-module.exports = __toCommonJS(ColumnsOptionsMenuSection_exports);
-//# sourceMappingURL=ColumnsOptionsMenuSection.js.map
+
+module.exports = ColumnsOptionsMenuSection;

package/cjs/components/EmptyState.js

@@ -1,82 +1,51 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var Grid = require('@elliemae/ds-grid');
+var dsIcons = require('@elliemae/ds-icons');
+var dsSystem = require('@elliemae/ds-system');
+var DSButton = require('@elliemae/ds-button');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _Icon;
+const EmptyStateWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+  componentId: "sc-1ddwbs7-0"
+})(["min-width:132px;max-width:384px;height:fit-content;"]);
+const Icon = /*#__PURE__*/styled__default["default"](dsIcons.WarningTriangle).withConfig({
+  componentId: "sc-1ddwbs7-1"
+})(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
+const PrimaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-1ddwbs7-2"
+})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[600], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+const SecondaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-1ddwbs7-3"
+})(["text-align:center;font-size:", ";color:", ";margin:0;"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[500]);
+const Button = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
+  componentId: "sc-1ddwbs7-4"
+})(["margin-top:", ";justify-self:center;width:fit-content;"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
+const EmptyState = _ref => {
+  let {
+    primaryMessage = 'No Results Found',
+    secondaryMessage,
+    buttonLabel,
+    onButtonClick = () => {}
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
+    size: "xxl"
+  })), primaryMessage && /*#__PURE__*/_jsx__default["default"](PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx__default["default"](SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx__default["default"](Button, {
+    buttonType: "secondary",
+    labelText: buttonLabel,
+    onClick: onButtonClick
+  }));
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var EmptyState_exports = {};
-__export(EmptyState_exports, {
-  EmptyState: () => EmptyState
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_styled_components = __toESM(require("styled-components"));
-const EmptyStateWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  min-width: 132px; /* fixed size in px according to specs */
-  max-width: 384px; /* fixed size in px according to specs */
-  height: fit-content;
-`;
-const Icon = (0, import_styled_components.default)(import_ds_icons.WarningTriangle)`
-  fill: ${(props) => props.theme.colors.neutral[300]};
-  color: ${(props) => props.theme.colors.neutral[300]};
-  justify-self: center;
-`;
-const PrimaryMessage = import_styled_components.default.p`
-  text-align: center;
-  font-weight: bold;
-  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.value[400])};
-  color: ${(props) => props.theme.colors.neutral[600]};
-  margin-top: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.s)};
-  margin-bottom: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
-`;
-const SecondaryMessage = import_styled_components.default.p`
-  text-align: center;
-  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.value[400])}; /* 13px */
-  color: ${(props) => props.theme.colors.neutral[500]};
-  margin: 0;
-`;
-const Button = (0, import_styled_components.default)(import_ds_button.DSButton)`
-  margin-top: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.m)};
-  justify-self: center;
-  width: fit-content;
-`;
-const EmptyState = ({
-  primaryMessage = "No Results Found",
-  secondaryMessage,
-  buttonLabel,
-  onButtonClick = () => {
-  }
-}) => /* @__PURE__ */ import_react.default.createElement(EmptyStateWrapper, null, /* @__PURE__ */ import_react.default.createElement(Icon, {
-  size: "xxl"
-}), primaryMessage && /* @__PURE__ */ import_react.default.createElement(PrimaryMessage, null, primaryMessage), secondaryMessage && /* @__PURE__ */ import_react.default.createElement(SecondaryMessage, null, secondaryMessage), buttonLabel && /* @__PURE__ */ import_react.default.createElement(Button, {
-  buttonType: "secondary",
-  labelText: buttonLabel,
-  onClick: onButtonClick
-}));
-module.exports = __toCommonJS(EmptyState_exports);
-//# sourceMappingURL=EmptyState.js.map
+
+exports.EmptyState = EmptyState;

package/cjs/components/HeaderCell.js

@@ -1,76 +1,70 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var HeaderCell_exports = {};
-__export(HeaderCell_exports, {
-  HeaderCell: () => HeaderCell,
-  default: () => HeaderCell_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_utils = __toESM(require("@elliemae/ds-shared/createDataInstance/utils"));
-var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
-const HeaderCell = ({ column, columnIndex, component: Component, classProps, grid }) => {
-  const { property, header = {}, props = {} } = column;
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('react');
+var utils = require('@elliemae/ds-shared/createDataInstance/utils');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function HeaderCell(_ref) {
+  let {
+    column,
+    columnIndex,
+    component: Component,
+    classProps,
+    grid
+  } = _ref;
+  const {
+    property,
+    header = {},
+    props = {}
+  } = column;
   const evaluatedProperty = property || header && header.property;
-  const { label, transforms = [], formatters = [] } = header;
-  if (column.headerHookEffects)
-    column.headerHookEffects.forEach((hook) => hook());
+  const {
+    label,
+    transforms = [],
+    formatters = []
+  } = header; // subscribe hook effects into header cell
+
+  if (column.headerHookEffects) column.headerHookEffects.forEach(hook => hook());
   const extraParameters = {
     columnIndex,
     property: evaluatedProperty,
     column,
     grid
   };
-  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+
+  const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     value: v
   });
+
   const value = withTooltip(label);
-  const transformedProps = (0, import_utils.evaluateTransforms)(transforms, value, extraParameters);
-  const formattedValue = (0, import_utils.evaluateFormatters)(formatters, value, extraParameters);
-  const testId = column.headerDataId || "data-grid-header__cell";
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
-    key: `${evaluatedProperty}-header`,
+  const transformedProps = utils.evaluateTransforms(transforms, value, extraParameters);
+  const formattedValue = utils.evaluateFormatters(formatters, value, extraParameters);
+  const testId = column.headerDataId || 'data-grid-header__cell';
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     "data-testid": testId,
     index: columnIndex,
-    classProps,
-    ...props,
-    ...header && header.props,
-    ...transformedProps
-  }, transformedProps.children || formattedValue);
-};
-HeaderCell.propTypes = {
-  column: import_prop_types.default.any,
-  columnIndex: import_prop_types.default.number,
-  component: import_prop_types.default.any,
-  classProps: import_prop_types.default.any,
-  grid: import_prop_types.default.any
-};
-var HeaderCell_default = HeaderCell;
-module.exports = __toCommonJS(HeaderCell_exports);
-//# sourceMappingURL=HeaderCell.js.map
+    classProps: classProps
+  }, props), header && header.props), transformedProps), {}, {
+    children: transformedProps.children || formattedValue
+  }), "".concat(evaluatedProperty, "-header"));
+}
+
+module.exports = HeaderCell;

package/cjs/components/List.js

@@ -1,44 +1,32 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var List_exports = {};
-__export(List_exports, {
-  default: () => List_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+'use strict';
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function List(props, instance) {
-  const { renderers, getListProps } = instance.getInstance();
-  const ListComponent = renderers.list;
+  // todo: add should list update to memoize this
+  const {
+    renderers,
+    getListProps
+  } = instance.getInstance();
+  const ListComponent = renderers.list; // props from component props and plugins
+
   const mixedProps = getListProps(props);
-  return /* @__PURE__ */ import_react.default.createElement(ListComponent, {
-    ...mixedProps
-  });
+  return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread({}, mixedProps));
 }
-var List_default = List;
-module.exports = __toCommonJS(List_exports);
-//# sourceMappingURL=List.js.map
+
+module.exports = List;

package/cjs/components/ListItem.js

@@ -1,51 +1,44 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ListItem_exports = {};
-__export(ListItem_exports, {
-  default: () => ListItem_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function ListItem(props, instance) {
-  const { record } = props;
+  const {
+    record
+  } = props;
   const {
     renderers,
     getItemProps,
-    decorators: { itemRenderer }
-  } = instance.getInstance();
+    decorators: {
+      itemRenderer
+    }
+  } = instance.getInstance(); // props from component props and plugins
+
   const mixedProps = getItemProps(props);
   const children = itemRenderer.reduce((result, formatter) => formatter(result, record, instance), record.data.name);
   const ItemComponent = renderers.list;
-  return /* @__PURE__ */ import_react.default.createElement(ItemComponent, {
-    record,
-    ...mixedProps
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(ItemComponent, _objectSpread(_objectSpread({
+    record: record
+  }, mixedProps), {}, {
+    children: children
+  }));
 }
-var ListItem_default = ListItem;
-module.exports = __toCommonJS(ListItem_exports);
-//# sourceMappingURL=ListItem.js.map
+
+module.exports = ListItem;