framework7-react 7.1.5 → 8.0.0-beta.2

package/components/list-item.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle, useContext } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import { classNames, getExtraAttrs, getSlots, emit, isStringProp } from '../shared/utils.js';
@@ -13,6 +12,7 @@ import ListItemContent from './list-item-content.js';
 import { ListContext } from '../shared/list-context.js';
 
 
+
 /*
 const ListItemContent = ({
   props,
@@ -43,6 +43,7 @@ const ListItemContent = ({
     after,
     badge,
     badgeColor,
+    checkboxIcon,
     radioIcon,
     swipeout,
     sortable,
@@ -51,7 +52,6 @@ const ListItemContent = ({
 
 };
 */
-
 const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -66,7 +66,6 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
     selected,
     mediaItem,
     mediaList,
-    divider,
     groupTitle,
     swipeout,
     swipeoutOpened,
@@ -95,92 +94,74 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
   const elRef = useRef(null);
   const linkElRef = useRef(null);
   const f7SmartSelect = useRef(null);
-
   const onClick = event => {
     if (event.target.tagName.toLowerCase() !== 'input') {
       emit(props, 'click', event);
     }
   };
-
   const onSwipeoutOverswipeEnter = el => {
     if (elRef.current !== el) return;
     emit(props, 'swipeoutOverswipeEnter');
   };
-
   const onSwipeoutOverswipeExit = el => {
     if (elRef.current !== el) return;
     emit(props, 'swipeoutOverswipeExit');
   };
-
   const onSwipeoutDeleted = el => {
     if (elRef.current !== el) return;
     emit(props, 'swipeoutDeleted');
   };
-
   const onSwipeoutDelete = el => {
     if (elRef.current !== el) return;
     emit(props, 'swipeoutDelete');
   };
-
   const onSwipeoutClose = el => {
     if (elRef.current !== el) return;
     emit(props, 'swipeoutClose');
   };
-
   const onSwipeoutClosed = el => {
     if (elRef.current !== el) return;
     emit(props, 'swipeoutClosed');
   };
-
   const onSwipeoutOpen = el => {
     if (elRef.current !== el) return;
     emit(props, 'swipeoutOpen');
   };
-
   const onSwipeoutOpened = el => {
     if (elRef.current !== el) return;
     emit(props, 'swipeoutOpened');
   };
-
   const onSwipeout = (el, progress) => {
     if (elRef.current !== el) return;
     emit(props, 'swipeout', progress);
   };
-
   const onAccBeforeClose = (el, prevent) => {
     if (elRef.current !== el) return;
     emit(props, 'accordionBeforeClose', prevent);
   };
-
   const onAccClose = el => {
     if (elRef.current !== el) return;
     emit(props, 'accordionClose');
   };
-
   const onAccClosed = el => {
     if (elRef.current !== el) return;
     emit(props, 'accordionClosed');
   };
-
   const onAccBeforeOpen = (el, prevent) => {
     if (elRef.current !== el) return;
     emit(props, 'accordionBeforeOpen', prevent);
   };
-
   const onAccOpen = el => {
     if (elRef.current !== el) return;
     emit(props, 'accordionOpen');
   };
-
   const onAccOpened = el => {
     if (elRef.current !== el) return;
     emit(props, 'accordionOpened');
   };
-
   const onChange = event => {
     emit(props, 'change', event);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7SmartSelect: () => f7SmartSelect.current
@@ -189,14 +170,12 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
   useRouteProps(linkElRef, props);
   watchProp(swipeoutOpened, newValue => {
     if (!swipeout || !elRef.current || !f7) return;
-
     if (newValue) {
       f7.swipeout.open(elRef.current);
     } else {
       f7.swipeout.close(elRef.current);
     }
   });
-
   const attachEvents = () => {
     f7ready(() => {
       if (swipeout) {
@@ -210,7 +189,6 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
         f7.on('swipeoutOverswipeExit', onSwipeoutOverswipeExit);
         f7.on('swipeout', onSwipeout);
       }
-
       if (accordionItem) {
         f7.on('accordionBeforeOpen', onAccBeforeOpen);
         f7.on('accordionOpen', onAccOpen);
@@ -221,7 +199,6 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
       }
     });
   };
-
   const detachEvents = () => {
     if (!f7) return;
     f7.off('swipeoutOpen', onSwipeoutOpen);
@@ -240,7 +217,6 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
     f7.off('accordionClose', onAccClose);
     f7.off('accordionClosed', onAccClosed);
   };
-
   useSmartSelect(smartSelect, smartSelectParams, f7SmartSelect, () => elRef.current.querySelector('a.smart-select'));
   useIsomorphicLayoutEffect(() => {
     f7ready(() => {
@@ -259,7 +235,6 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
   const isMediaComputed = mediaItem || mediaList || listIsMedia;
   const isSortableComputed = sortable === true || sortable === false ? sortable : listIsSortable;
   const isSortableOppositeComputed = isSortableComputed && (sortableOpposite || listIsSortableOpposite);
-
   if (!listIsSimple) {
     // Item Content
     itemContentEl = /*#__PURE__*/React.createElement(ListItemContent, _extends({}, props, {
@@ -269,8 +244,9 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
       isMediaComputed: isMediaComputed,
       isSortableComputed: isSortableComputed,
       isSortableOppositeComputed: isSortableOppositeComputed
-    })); // Link
+    }));
 
+    // Link
     if (link || href || accordionItem || smartSelect) {
       const linkAttrs = {
         href: link === true ? '' : link || href,
@@ -294,9 +270,7 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
       }), itemContentEl);
     }
   }
-
   const liClasses = classNames(className, {
-    'item-divider': divider,
     'list-group-title': groupTitle,
     'media-item': isMediaComputed,
     swipeout,
@@ -307,8 +281,7 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
     'chevron-center': chevronCenter,
     'disallow-sorting': sortable === false
   }, colorClasses(props));
-
-  if (divider || groupTitle) {
+  if (groupTitle) {
     return /*#__PURE__*/React.createElement("li", {
       ref: elRef,
       id: id,
@@ -318,7 +291,6 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
       onClick: onClick
     }, /*#__PURE__*/React.createElement("span", null, title, children));
   }
-
   if (listIsSimple) {
     return /*#__PURE__*/React.createElement("li", {
       ref: elRef,
@@ -329,7 +301,6 @@ const ListItem = /*#__PURE__*/forwardRef((props, ref) => {
       onClick: onClick
     }, title, children);
   }
-
   const linkItemEl = link || href || smartSelect || accordionItem ? linkEl : itemContentEl;
   return /*#__PURE__*/React.createElement("li", _extends({
     ref: elRef,

package/components/list.d.ts

@@ -10,11 +10,32 @@ export interface ListProps {
   className?: string;
   style?: React.CSSProperties;
   inset ?: boolean;
+  insetIos ?: boolean;
+  insetMd ?: boolean;
   xsmallInset ?: boolean;
+  xsmallInsetIos ?: boolean;
+  xsmallInsetMd ?: boolean;
   smallInset ?: boolean;
+  smallInsetIos ?: boolean;
+  smallInsetMd ?: boolean;
   mediumInset ?: boolean;
+  mediumInsetIos ?: boolean;
+  mediumInsetMd ?: boolean;
   largeInset ?: boolean;
+  largeInsetIos ?: boolean;
+  largeInsetMd ?: boolean;
   xlargeInset ?: boolean;
+  xlargeInsetIos ?: boolean;
+  xlargeInsetMd ?: boolean;
+  strong?: boolean;
+  strongIos?: boolean;
+  strongMd?: boolean;
+  outline?: boolean;
+  outlineIos?: boolean;
+  outlineMd?: boolean;
+  dividers?: boolean;
+  dividersIos?: boolean;
+  dividersMd?: boolean;
   mediaList ?: boolean;
   sortable ?: boolean;
   sortableTapHold ?: boolean;
@@ -27,21 +48,12 @@ export interface ListProps {
   simpleList ?: boolean;
   linksList ?: boolean;
   menuList ?: boolean;
-  noHairlines ?: boolean;
-  noHairlinesBetween ?: boolean;
-  noHairlinesMd ?: boolean;
-  noHairlinesBetweenMd ?: boolean;
-  noHairlinesIos ?: boolean;
-  noHairlinesBetweenIos ?: boolean;
-  noHairlinesAurora ?: boolean;
-  noHairlinesBetweenAurora ?: boolean;
   noChevron ?: boolean;
   chevronCenter ?: boolean;
   tab ?: boolean;
   tabActive ?: boolean;
   form ?: boolean;
   formStoreData ?: boolean;
-  inlineLabels ?: boolean;
   virtualList ?: boolean;
   virtualListParams ?: Object;
   color?: string;

package/components/list.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import { classNames, getExtraAttrs, getSlots, flattenArray, emit, extend } from '../shared/utils.js';
@@ -16,11 +15,32 @@ const List = /*#__PURE__*/forwardRef((props, ref) => {
     id,
     style,
     inset,
+    insetIos,
+    insetMd,
     xsmallInset,
+    xsmallInsetIos,
+    xsmallInsetMd,
     smallInset,
+    smallInsetIos,
+    smallInsetMd,
     mediumInset,
+    mediumInsetIos,
+    mediumInsetMd,
     largeInset,
+    largeInsetIos,
+    largeInsetMd,
     xlargeInset,
+    xlargeInsetIos,
+    xlargeInsetMd,
+    strong,
+    strongIos,
+    strongMd,
+    outline,
+    outlineIos,
+    outlineMd,
+    dividers,
+    dividersIos,
+    dividersMd,
     mediaList,
     sortable,
     sortableTapHold,
@@ -33,57 +53,41 @@ const List = /*#__PURE__*/forwardRef((props, ref) => {
     simpleList,
     linksList,
     menuList,
-    noHairlines,
-    noHairlinesBetween,
-    noHairlinesMd,
-    noHairlinesBetweenMd,
-    noHairlinesIos,
-    noHairlinesBetweenIos,
-    noHairlinesAurora,
-    noHairlinesBetweenAurora,
     noChevron,
     chevronCenter,
     tab,
     tabActive,
     form,
     formStoreData,
-    inlineLabels,
     virtualList,
     virtualListParams
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const onSubmit = event => {
     emit(props, 'submit', event);
   };
-
   const onSortableEnable = el => {
     if (elRef.current !== el) return;
     emit(props, 'sortableEnable');
   };
-
   const onSortableDisable = el => {
     if (elRef.current !== el) return;
     emit(props, 'sortableDisable');
   };
-
   const onSortableSort = (el, sortData, listEl) => {
     if (elRef.current !== listEl) return;
     emit(props, 'sortableSort', sortData);
   };
-
   const onSortableMove = (el, listEl) => {
     if (elRef.current !== listEl) return;
     emit(props, 'sortableMove', el, listEl);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7VirtualList: () => f7VirtualList.current
   }));
   useTab(elRef, props);
-
   const attachEvents = () => {
     f7ready(() => {
       f7.on('sortableEnable', onSortableEnable);
@@ -92,7 +96,6 @@ const List = /*#__PURE__*/forwardRef((props, ref) => {
       f7.on('sortableMove', onSortableMove);
     });
   };
-
   const detachEvents = () => {
     if (!f7) return;
     f7.off('sortableEnable', onSortableEnable);
@@ -100,7 +103,6 @@ const List = /*#__PURE__*/forwardRef((props, ref) => {
     f7.off('sortableSort', onSortableSort);
     f7.off('sortableMove', onSortableMove);
   };
-
   const onMount = () => {
     f7ready(() => {
       if (!virtualList) return;
@@ -113,34 +115,28 @@ const List = /*#__PURE__*/forwardRef((props, ref) => {
             const vl = this;
             emit(props, 'virtualItemBeforeInsert', vl, itemEl, item);
           },
-
           beforeClear(fragment) {
             const vl = this;
             emit(props, 'virtualBeforeClear', vl, fragment);
           },
-
           itemsBeforeInsert(fragment) {
             const vl = this;
             emit(props, 'virtualItemsBeforeInsert', vl, fragment);
           },
-
           itemsAfterInsert(fragment) {
             const vl = this;
             emit(props, 'virtualItemsAfterInsert', vl, fragment);
           }
-
         }
       }, vlParams));
     });
   };
-
   const onDestroy = () => {
     if (!f7) return;
     if (!(virtualList && f7VirtualList.current)) return;
     if (f7VirtualList.current.destroy) f7VirtualList.current.destroy();
     f7VirtualList.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     onMount();
     return onDestroy;
@@ -162,11 +158,9 @@ const List = /*#__PURE__*/forwardRef((props, ref) => {
   flattenSlots.forEach(child => {
     if (typeof child === 'undefined') return;
     let tag = child.type && (child.type.displayName || child.type.name);
-
     if (!tag && typeof child.type === 'string') {
       tag = child.type;
     }
-
     if (!tag || tag && !(tag === 'li' || tag.indexOf('f7-list-item') >= 0 || tag.indexOf('f7-list-button') >= 0 || tag.indexOf('f7-list-input') >= 0)) {
       if (wasUlChild) rootChildrenAfterList.push(child);else rootChildrenBeforeList.push(child);
     } else if (tag) {
@@ -177,11 +171,32 @@ const List = /*#__PURE__*/forwardRef((props, ref) => {
   const ListTag = form ? 'form' : 'div';
   const classes = classNames(className, 'list', {
     inset,
+    'inset-ios': insetIos,
+    'inset-md': insetMd,
     'xsmall-inset': xsmallInset,
+    'xsmall-inset-ios': xsmallInsetIos,
+    'xsmall-inset-md': xsmallInsetMd,
     'small-inset': smallInset,
+    'small-inset-ios': smallInsetIos,
+    'small-inset-md': smallInsetMd,
     'medium-inset': mediumInset,
+    'medium-inset-ios': mediumInsetIos,
+    'medium-inset-md': mediumInsetMd,
     'large-inset': largeInset,
+    'large-inset-ios': largeInsetIos,
+    'large-inset-md': largeInsetMd,
     'xlarge-inset': xlargeInset,
+    'xlarge-inset-ios': xlargeInsetIos,
+    'xlarge-inset-md': xlargeInsetMd,
+    'list-strong': strong,
+    'list-strong-ios': strongIos,
+    'list-strong-md': strongMd,
+    'list-outline': outline,
+    'list-outline-ios': outlineIos,
+    'list-outline-md': outlineMd,
+    'list-dividers': dividers,
+    'list-dividers-ios': dividersIos,
+    'list-dividers-md': dividersMd,
     'media-list': mediaList,
     'simple-list': simpleList,
     'links-list': linksList,
@@ -196,16 +211,7 @@ const List = /*#__PURE__*/forwardRef((props, ref) => {
     'virtual-list': virtualList,
     tab,
     'tab-active': tabActive,
-    'no-hairlines': noHairlines,
-    'no-hairlines-md': noHairlinesMd,
-    'no-hairlines-ios': noHairlinesIos,
-    'no-hairlines-aurora': noHairlinesAurora,
-    'no-hairlines-between': noHairlinesBetween,
-    'no-hairlines-between-md': noHairlinesBetweenMd,
-    'no-hairlines-between-ios': noHairlinesBetweenIos,
-    'no-hairlines-between-aurora': noHairlinesBetweenAurora,
     'form-store-data': formStoreData,
-    'inline-labels': inlineLabels,
     'no-chevron': noChevron,
     'chevron-center': chevronCenter
   }, colorClasses(props));

package/components/login-screen-title.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const LoginScreenTitle = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/login-screen.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
@@ -24,43 +23,37 @@ const LoginScreen = /*#__PURE__*/forwardRef((props, ref) => {
   const isOpened = useRef(opened);
   const isClosing = useRef(false);
   const elRef = useRef(null);
-
   const onOpen = instance => {
     isOpened.current = true;
     isClosing.current = false;
     emit(props, 'loginScreenOpen', instance);
   };
-
   const onOpened = instance => {
     emit(props, 'loginScreenOpened', instance);
   };
-
   const onClose = instance => {
     isOpened.current = false;
     isClosing.current = true;
     emit(props, 'loginScreenClose', instance);
   };
-
   const onClosed = instance => {
     isClosing.current = false;
     emit(props, 'loginScreenClosed', instance);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7LoginScreen: () => f7LoginScreen.current
-  })); // watch opened changes
+  }));
 
+  // watch opened changes
   watchProp(opened, value => {
     if (!f7LoginScreen.current) return;
-
     if (value) {
       f7LoginScreen.current.open();
     } else {
       f7LoginScreen.current.close();
     }
   });
-
   const modalEvents = method => {
     if (!f7LoginScreen.current) return;
     f7LoginScreen.current[method]('open', onOpen);
@@ -68,7 +61,6 @@ const LoginScreen = /*#__PURE__*/forwardRef((props, ref) => {
     f7LoginScreen.current[method]('close', onClose);
     f7LoginScreen.current[method]('closed', onClosed);
   };
-
   const onMount = () => {
     if (!elRef.current) return;
     f7ready(() => {
@@ -79,21 +71,17 @@ const LoginScreen = /*#__PURE__*/forwardRef((props, ref) => {
       if ('containerEl' in props) loginScreenParams.containerEl = containerEl;
       f7LoginScreen.current = f7.loginScreen.create(loginScreenParams);
       modalEvents('on');
-
       if (opened) {
         f7LoginScreen.current.open(false);
       }
     });
   };
-
   const onDestroy = () => {
     if (f7LoginScreen.current) {
       f7LoginScreen.current.destroy();
     }
-
     f7LoginScreen.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     modalEvents('on');
     return () => {

package/components/message.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs, getSlots, emit } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const Message = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -29,35 +29,27 @@ const Message = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const onClick = event => {
     emit(props, 'click', event);
   };
-
   const onNameClick = event => {
     emit(props, 'clickName', event);
   };
-
   const onTextClick = event => {
     emit(props, 'clickText', event);
   };
-
   const onAvatarClick = event => {
     emit(props, 'clickAvatar', event);
   };
-
   const onHeaderClick = event => {
     emit(props, 'clickHeader', event);
   };
-
   const onFooterClick = event => {
     emit(props, 'clickFooter', event);
   };
-
   const onBubbleClick = event => {
     emit(props, 'clickBubble', event);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));

package/components/messagebar-attachment.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const MessagebarAttachment = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -15,15 +15,12 @@ const MessagebarAttachment = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const onClick = event => {
     emit(props, 'attachmentClick', event);
   };
-
   const onDeleteClick = event => {
     emit(props, 'attachmentDelete', event);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));

package/components/messagebar-attachments.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const MessagebarAttachments = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,