@douyinfe/semi-ui 2.27.0 → 2.27.1-alpha.1

package/lib/es/avatar/index.js

@@ -58,14 +58,14 @@ export default class Avatar extends BaseComponent {
       };
 
       if (isImg) {
-        const finalAlt = clickable ? "clickable Avatar: ".concat(alt) : alt;
+        const finalAlt = clickable ? `clickable Avatar: ${alt}` : alt;
         const imgBasicProps = Object.assign(Object.assign({
           src,
           srcSet,
           onError: this.handleError
         }, imgAttr), {
           className: cls({
-            ["".concat(prefixCls, "-no-focus-visible")]: clickable
+            [`${prefixCls}-no-focus-visible`]: clickable
           })
         });
         const imgProps = clickable ? Object.assign(Object.assign({}, imgBasicProps), a11yFocusProps) : imgBasicProps;
@@ -74,17 +74,17 @@ export default class Avatar extends BaseComponent {
         }, imgProps));
       } else if (typeof children === 'string') {
         const tempAlt = alt !== null && alt !== void 0 ? alt : children;
-        const finalAlt = clickable ? "clickable Avatar: ".concat(tempAlt) : tempAlt;
+        const finalAlt = clickable ? `clickable Avatar: ${tempAlt}` : tempAlt;
         const props = {
           role: 'img',
           'aria-label': finalAlt,
-          className: cls("".concat(prefixCls, "-label"), {
-            ["".concat(prefixCls, "-no-focus-visible")]: clickable
+          className: cls(`${prefixCls}-label`, {
+            [`${prefixCls}-no-focus-visible`]: clickable
           })
         };
         const finalProps = clickable ? Object.assign(Object.assign({}, props), a11yFocusProps) : props;
         content = /*#__PURE__*/React.createElement("span", {
-          className: "".concat(prefixCls, "-content")
+          className: `${prefixCls}-content`
         }, /*#__PURE__*/React.createElement("span", Object.assign({}, finalProps, {
           "x-semi-prop": "children"
         }), children));
@@ -236,14 +236,14 @@ export default class Avatar extends BaseComponent {
     } = this.state;
     const isImg = src && isImgExist;
     const avatarCls = cls(prefixCls, {
-      ["".concat(prefixCls, "-").concat(shape)]: shape,
-      ["".concat(prefixCls, "-").concat(size)]: size,
-      ["".concat(prefixCls, "-").concat(color)]: color && !isImg,
-      ["".concat(prefixCls, "-img")]: isImg,
-      ["".concat(prefixCls, "-focus")]: focusVisible
+      [`${prefixCls}-${shape}`]: shape,
+      [`${prefixCls}-${size}`]: size,
+      [`${prefixCls}-${color}`]: color && !isImg,
+      [`${prefixCls}-img`]: isImg,
+      [`${prefixCls}-focus`]: focusVisible
     }, className);
     const hoverRender = hoverContent ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-hover"),
+      className: `${prefixCls}-hover`,
       "x-semi-prop": "hoverContent"
     }, hoverContent) : null;
     return /*#__PURE__*/React.createElement("span", Object.assign({}, others, {

package/lib/es/badge/index.js

@@ -45,18 +45,18 @@ export default class Badge extends PureComponent {
     const custom = count && !(_isNumber(count) || _isString(count));
     const showBadge = count !== null && typeof count !== 'undefined';
     const wrapper = cls(className, {
-      ["".concat(prefixCls, "-").concat(type)]: !custom,
-      ["".concat(prefixCls, "-").concat(theme)]: !custom,
-      ["".concat(prefixCls, "-").concat(position)]: Boolean(position) && Boolean(children),
-      ["".concat(prefixCls, "-block")]: !children,
-      ["".concat(prefixCls, "-dot")]: dot,
-      ["".concat(prefixCls, "-count")]: !dot && !custom && showBadge,
-      ["".concat(prefixCls, "-custom")]: custom
+      [`${prefixCls}-${type}`]: !custom,
+      [`${prefixCls}-${theme}`]: !custom,
+      [`${prefixCls}-${position}`]: Boolean(position) && Boolean(children),
+      [`${prefixCls}-block`]: !children,
+      [`${prefixCls}-dot`]: dot,
+      [`${prefixCls}-count`]: !dot && !custom && showBadge,
+      [`${prefixCls}-custom`]: custom
     });
     let content;
 
     if (_isNumber(count)) {
-      content = overflowCount && overflowCount < count ? "".concat(overflowCount, "+") : "".concat(count);
+      content = overflowCount && overflowCount < count ? `${overflowCount}+` : `${count}`;
     } else {
       content = count;
     }

package/lib/es/banner/index.js

@@ -62,7 +62,7 @@ export default class Banner extends BaseComponent {
     }
 
     const closer = /*#__PURE__*/React.createElement(Button, {
-      className: "".concat(prefixCls, "-close"),
+      className: `${prefixCls}-close`,
       onClick: this.remove,
       icon: closeIcon || /*#__PURE__*/React.createElement(IconClose, {
         "x-semi-prop": "closeIcon",
@@ -101,7 +101,7 @@ export default class Banner extends BaseComponent {
     };
     let iconType = iconMap[type];
     const iconCls = cls({
-      ["".concat(prefixCls, "-icon")]: true // [prefixCls + '-' + type]: true,
+      [`${prefixCls}-icon`]: true // [prefixCls + '-' + type]: true,
 
     });
 
@@ -134,32 +134,32 @@ export default class Banner extends BaseComponent {
       visible
     } = this.state;
     const wrapper = cls(prefixCls, className, {
-      ["".concat(prefixCls, "-").concat(type)]: type,
-      ["".concat(prefixCls, "-full")]: fullMode,
-      ["".concat(prefixCls, "-in-container")]: !fullMode,
-      ["".concat(prefixCls, "-bordered")]: !fullMode && bordered
+      [`${prefixCls}-${type}`]: type,
+      [`${prefixCls}-full`]: fullMode,
+      [`${prefixCls}-in-container`]: !fullMode,
+      [`${prefixCls}-bordered`]: !fullMode && bordered
     });
     const banner = visible ? /*#__PURE__*/React.createElement("div", {
       className: wrapper,
       style: style,
       role: "alert"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content-wrapper")
+      className: `${prefixCls}-content-wrapper`
     }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content")
+      className: `${prefixCls}-content`
     }, this.renderIcon(), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content-body")
+      className: `${prefixCls}-content-body`
     }, title ? /*#__PURE__*/React.createElement(Typography.Title, {
       heading: 5,
-      className: "".concat(prefixCls, "-title"),
+      className: `${prefixCls}-title`,
       component: "div",
       "x-semi-prop": "title"
     }, title) : null, description ? /*#__PURE__*/React.createElement(Typography.Paragraph, {
-      className: "".concat(prefixCls, "-description"),
+      className: `${prefixCls}-description`,
       component: "div",
       "x-semi-prop": "description"
     }, description) : null)), this.renderCloser()), children ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-extra"),
+      className: `${prefixCls}-extra`,
       "x-semi-prop": "children"
     }, children) : null) : null;
     return banner;

package/lib/es/breadcrumb/index.js

@@ -31,19 +31,19 @@ class Breadcrumb extends BaseComponent {
 
       const restItem = template.slice(1, itemsLen - 3);
       const spread = /*#__PURE__*/React.createElement("span", {
-        className: "".concat(clsPrefix, "-collapse"),
-        key: "more-".concat(itemsLen)
+        className: `${clsPrefix}-collapse`,
+        key: `more-${itemsLen}`
       }, /*#__PURE__*/React.createElement("span", {
-        className: "".concat(clsPrefix, "-item-wrap")
+        className: `${clsPrefix}-item-wrap`
       }, /*#__PURE__*/React.createElement("span", {
         role: "button",
         tabIndex: 0,
         "aria-label": "Expand breadcrumb items",
-        className: "".concat(clsPrefix, "-item ").concat(clsPrefix, "-item-more"),
+        className: `${clsPrefix}-item ${clsPrefix}-item-more`,
         onClick: item => this.foundation.handleExpand(item),
         onKeyPress: e => this.foundation.handleExpandEnterPress(e)
       }, hasRenderMore && renderMore(restItem), !hasRenderMore && moreType === 'default' && /*#__PURE__*/React.createElement(IconMore, null), !hasRenderMore && moreType === 'popover' && this.renderPopoverMore(restItem)), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(clsPrefix, "-separator"),
+        className: `${clsPrefix}-separator`,
         "x-semi-prop": "separator"
       }, this.props.separator)));
       template.splice(1, itemsLen - maxItemCount, spread);
@@ -61,7 +61,7 @@ class Breadcrumb extends BaseComponent {
       const hasRenderMore = _isFunction(renderMore);
 
       const template = items.map((route, idx) => {
-        const key = route._origin.key || "item-".concat(route.name || route.path, "-").concat(idx);
+        const key = route._origin.key || `item-${route.name || route.path}-${idx}`;
         const inCollapseArea = idx > 0 && idx <= restItemLength;
         return /*#__PURE__*/React.createElement(BreadcrumbItem, Object.assign({}, route, {
           key: key,
@@ -112,7 +112,7 @@ class Breadcrumb extends BaseComponent {
 
           warning(item.type && !item.type.isBreadcrumbItem, '[Semi Breadcrumb]: Only accepts Breadcrumb.Item as its children');
           return /*#__PURE__*/React.cloneElement(item, {
-            key: "".concat(idx, "-item"),
+            key: `${idx}-item`,
             active: idx === items.length - 1,
             shouldRenderSeparator: !(shouldCollapse && (hasRenderMore || moreTypeIsPopover) && inCollapseArea)
           });
@@ -163,9 +163,9 @@ class Breadcrumb extends BaseComponent {
       separator
     } = this.props;
     const content = /*#__PURE__*/React.createElement(React.Fragment, null, restItem.map((item, idx) => /*#__PURE__*/React.createElement(React.Fragment, {
-      key: "restItem-".concat(idx)
+      key: `restItem-${idx}`
     }, item, idx !== restItem.length - 1 && /*#__PURE__*/React.createElement("span", {
-      className: "".concat(clsPrefix, "-restItem")
+      className: `${clsPrefix}-restItem`
     }, separator))));
     return /*#__PURE__*/React.createElement(Popover, {
       content: content,
@@ -186,9 +186,9 @@ class Breadcrumb extends BaseComponent {
       showTooltip
     } = this.props;
     const sizeCls = cls(className, {
-      ["".concat(clsPrefix, "-wrapper")]: true,
-      ["".concat(clsPrefix, "-wrapper-compact")]: compact,
-      ["".concat(clsPrefix, "-wrapper-loose")]: !compact
+      [`${clsPrefix}-wrapper`]: true,
+      [`${clsPrefix}-wrapper-compact`]: compact,
+      [`${clsPrefix}-wrapper-loose`]: !compact
     });
     return /*#__PURE__*/React.createElement(BreadContext.Provider, {
       value: {

package/lib/es/breadcrumb/item.js

@@ -21,7 +21,7 @@ export default class BreadcrumbItem extends BaseComponent {
         compact
       } = this.context;
       const iconSize = compact ? 'small' : 'default';
-      const className = "".concat(clsPrefix, "-item-icon");
+      const className = `${clsPrefix}-item-icon`;
 
       if ( /*#__PURE__*/React.isValidElement(iconType)) {
         //@ts-ignore
@@ -101,7 +101,7 @@ export default class BreadcrumbItem extends BaseComponent {
           width
         } = showTooltip;
         return /*#__PURE__*/React.createElement(Fragment, null, icon, /*#__PURE__*/React.createElement("span", {
-          className: "".concat(clsPrefix, "-item-title")
+          className: `${clsPrefix}-item-title`
         }, /*#__PURE__*/React.createElement(Typography.Text, {
           ellipsis: {
             showTooltip: opts ? {
@@ -118,7 +118,7 @@ export default class BreadcrumbItem extends BaseComponent {
       }
 
       return /*#__PURE__*/React.createElement(Fragment, null, icon, children ? /*#__PURE__*/React.createElement("span", {
-        className: "".concat(clsPrefix, "-item-title ").concat(clsPrefix, "-item-title-inline")
+        className: `${clsPrefix}-item-title ${clsPrefix}-item-title-inline`
       }, children) : null);
     };
 
@@ -130,9 +130,9 @@ export default class BreadcrumbItem extends BaseComponent {
       } = this.props;
       const hasHref = href !== null && typeof href !== 'undefined';
       const itemCls = cls({
-        ["".concat(clsPrefix, "-item")]: true,
-        ["".concat(clsPrefix, "-item-active")]: active,
-        ["".concat(clsPrefix, "-item-link")]: !noLink
+        [`${clsPrefix}-item`]: true,
+        [`${clsPrefix}-item-active`]: active,
+        [`${clsPrefix}-item-link`]: !noLink
       });
       const itemInner = this.renderBreadItem();
       const tag = active || !hasHref ? 'span' : 'a';
@@ -179,10 +179,10 @@ export default class BreadcrumbItem extends BaseComponent {
     } : {};
     const item = this.renderItem();
     const separator = !active ? this.props.separator || /*#__PURE__*/React.createElement("span", {
-      className: "".concat(clsPrefix, "-separator")
+      className: `${clsPrefix}-separator`
     }, this.context.separator) : null;
     const wrapperCLs = cls({
-      ["".concat(clsPrefix, "-item-wrap")]: true // [`${clsPrefix}-item-wrap-iconOnly`]: !!children && this.props.icon,
+      [`${clsPrefix}-item-wrap`]: true // [`${clsPrefix}-item-wrap-iconOnly`]: !!children && this.props.icon,
 
     });
     return /*#__PURE__*/React.createElement("span", Object.assign({

package/lib/es/button/Button.js

@@ -49,15 +49,15 @@ export default class Button extends PureComponent {
       disabled
     }, _omit(attr, ['x-semi-children-alias'])), {
       className: classNames(prefixCls, {
-        ["".concat(prefixCls, "-").concat(type)]: !disabled && type,
-        ["".concat(prefixCls, "-disabled")]: disabled,
-        ["".concat(prefixCls, "-size-large")]: size === 'large',
-        ["".concat(prefixCls, "-size-small")]: size === 'small',
+        [`${prefixCls}-${type}`]: !disabled && type,
+        [`${prefixCls}-disabled`]: disabled,
+        [`${prefixCls}-size-large`]: size === 'large',
+        [`${prefixCls}-size-small`]: size === 'small',
         // [`${prefixCls}-loading`]: loading,
-        ["".concat(prefixCls, "-light")]: theme === 'light',
-        ["".concat(prefixCls, "-block")]: block,
-        ["".concat(prefixCls, "-circle")]: circle,
-        ["".concat(prefixCls, "-borderless")]: theme === 'borderless'
+        [`${prefixCls}-light`]: theme === 'light',
+        [`${prefixCls}-block`]: block,
+        [`${prefixCls}-circle`]: circle,
+        [`${prefixCls}-borderless`]: theme === 'borderless'
       }, className),
       type: htmlType,
       'aria-disabled': disabled
@@ -76,7 +76,7 @@ export default class Button extends PureComponent {
         onMouseDown: this.props.onMouseDown,
         style: style
       }), /*#__PURE__*/React.createElement("span", Object.assign({
-        className: "".concat(prefixCls, "-content"),
+        className: `${prefixCls}-content`,
         onClick: e => disabled && e.stopPropagation()
       }, xSemiProps), children))
     );

package/lib/es/button/buttonGroup.js

@@ -22,7 +22,7 @@ const btnSizes = strings.sizes;
 export default class ButtonGroup extends BaseComponent {
   getInnerWithLine(inner) {
     const innerWithLine = [];
-    let lineCls = "".concat(prefixCls, "-group-line");
+    let lineCls = `${prefixCls}-group-line`;
 
     if (inner.length > 1) {
       inner.slice(0, -1).forEach((item, index) => {
@@ -36,15 +36,15 @@ export default class ButtonGroup extends BaseComponent {
             theme,
             disabled
           } = buttonProps;
-          lineCls = classNames("".concat(prefixCls, "-group-line"), "".concat(prefixCls, "-group-line-").concat(theme !== null && theme !== void 0 ? theme : 'light'), "".concat(prefixCls, "-group-line-").concat(type !== null && type !== void 0 ? type : 'primary'), {
-            ["".concat(prefixCls, "-group-line-disabled")]: disabled
+          lineCls = classNames(`${prefixCls}-group-line`, `${prefixCls}-group-line-${theme !== null && theme !== void 0 ? theme : 'light'}`, `${prefixCls}-group-line-${type !== null && type !== void 0 ? type : 'primary'}`, {
+            [`${prefixCls}-group-line-disabled`]: disabled
           });
         }
 
         if (isButtonType) {
           innerWithLine.push(item, /*#__PURE__*/React.createElement("span", {
             className: lineCls,
-            key: "line-".concat(index)
+            key: `line-${index}`
           }));
         } else {
           innerWithLine.push(item);
@@ -72,7 +72,7 @@ export default class ButtonGroup extends BaseComponent {
 
     let inner;
     let innerWithLine = [];
-    const cls = classNames("".concat(prefixCls, "-group"), className);
+    const cls = classNames(`${prefixCls}-group`, className);
 
     if (children) {
       inner = (Array.isArray(children) ? children : [children]).map((itm, index) => {

package/lib/es/button/splitButtonGroup.js

@@ -12,7 +12,7 @@ export default class SplitButtonGroup extends BaseComponent {
       style,
       className
     } = this.props;
-    const cls = classNames("".concat(prefixCls, "-split"), className);
+    const cls = classNames(`${prefixCls}-split`, className);
     return /*#__PURE__*/React.createElement("div", {
       className: cls,
       style: style,

package/lib/es/calendar/dayCalendar.js

@@ -10,7 +10,7 @@ import BaseComponent from '../_base/baseComponent';
 import LocaleConsumer from '../locale/localeConsumer';
 import localeContext from '../locale/context';
 import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
-const prefixCls = "".concat(cssClasses.PREFIX, "-day");
+const prefixCls = `${cssClasses.PREFIX}-day`;
 export default class DayCalendar extends BaseComponent {
   constructor(props) {
     super(props);
@@ -27,8 +27,8 @@ export default class DayCalendar extends BaseComponent {
           /*#__PURE__*/
           // eslint-disable-next-line max-len
           React.createElement("li", {
-            className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-allday"),
-            key: key || "allDay-".concat(ind)
+            className: `${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-allday`,
+            key: key || `allDay-${ind}`
           }, children)
         );
       });
@@ -44,21 +44,21 @@ export default class DayCalendar extends BaseComponent {
     };
 
     this.renderAllDay = events => {
-      const allDayCls = "".concat(cssClasses.PREFIX, "-all-day");
-      const contentCls = cls("".concat(allDayCls, "-content"), {
-        ["".concat(cssClasses.PREFIX, "-weekend")]: this.isWeekend
+      const allDayCls = `${cssClasses.PREFIX}-all-day`;
+      const contentCls = cls(`${allDayCls}-content`, {
+        [`${cssClasses.PREFIX}-weekend`]: this.isWeekend
       });
       return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Calendar"
       }, locale => /*#__PURE__*/React.createElement("div", {
-        className: "".concat(allDayCls)
+        className: `${allDayCls}`
       }, /*#__PURE__*/React.createElement("ul", {
-        className: "".concat(cssClasses.PREFIX, "-tag ").concat(allDayCls, "-tag ").concat(prefixCls, "-sticky-left")
+        className: `${cssClasses.PREFIX}-tag ${allDayCls}-tag ${prefixCls}-sticky-left`
       }, /*#__PURE__*/React.createElement("span", null, locale.allDay)), /*#__PURE__*/React.createElement("div", {
         role: "gridcell",
         className: contentCls
       }, /*#__PURE__*/React.createElement("ul", {
-        className: "".concat(cssClasses.PREFIX, "-event-items")
+        className: `${cssClasses.PREFIX}-event-items`
       }, this.renderAllDayEvents(events)))));
     };
 
@@ -148,14 +148,14 @@ export default class DayCalendar extends BaseComponent {
       style: dayStyle,
       ref: this.dom
     }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-sticky-top")
+      className: `${prefixCls}-sticky-top`
     }, header, this.renderAllDay(parsedEvents.allDay)), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-scroll-wrapper")
+      className: `${prefixCls}-scroll-wrapper`
     }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-scroll"),
+      className: `${prefixCls}-scroll`,
       ref: this.scrollDom
     }, /*#__PURE__*/React.createElement(TimeCol, {
-      className: "".concat(prefixCls, "-sticky-left"),
+      className: `${prefixCls}-sticky-left`,
       renderTimeDisplay: renderTimeDisplay
     }), /*#__PURE__*/React.createElement(DayCol, {
       events: parsedEvents.day,

package/lib/es/calendar/dayCol.js

@@ -7,10 +7,10 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/calendar/constants'
 import BaseComponent from '../_base/baseComponent';
 import localeContext from '../locale/context';
 import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
-const prefixCls = "".concat(cssClasses.PREFIX, "-grid");
+const prefixCls = `${cssClasses.PREFIX}-grid`;
 
 function pad(d) {
-  return d < 10 ? "0".concat(d.toString()) : d.toString();
+  return d < 10 ? `0${d.toString()}` : d.toString();
 }
 
 export default class DayCol extends BaseComponent {
@@ -37,13 +37,13 @@ export default class DayCol extends BaseComponent {
         }
 
         const style = {
-          top: "".concat(top, "px"),
-          height: "".concat(height, "px")
+          top: `${top}px`,
+          height: `${height}px`
         };
         return /*#__PURE__*/React.createElement("li", {
-          className: "".concat(cssClasses.PREFIX, "-event-item ").concat(cssClasses.PREFIX, "-event-day"),
+          className: `${cssClasses.PREFIX}-event-item ${cssClasses.PREFIX}-event-day`,
           style: style,
-          key: key || "".concat(top, "-").concat(ind)
+          key: key || `${top}-${ind}`
         }, children);
       });
       return list;
@@ -62,11 +62,11 @@ export default class DayCol extends BaseComponent {
         top
       };
       const circle = /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-curr-circle"),
+        className: `${prefixCls}-curr-circle`,
         style: style
       });
       const line = /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-curr-line"),
+        className: `${prefixCls}-curr-line`,
         style: style
       });
       return /*#__PURE__*/React.createElement(React.Fragment, {
@@ -85,34 +85,34 @@ export default class DayCol extends BaseComponent {
         isWeekend,
         dateGridRender
       } = this.props;
-      const skCls = cls("".concat(prefixCls, "-skeleton"), {
-        ["".concat(cssClasses.PREFIX, "-weekend")]: isWeekend
+      const skCls = cls(`${prefixCls}-skeleton`, {
+        [`${cssClasses.PREFIX}-weekend`]: isWeekend
       });
       return /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls),
+        className: `${prefixCls}`,
         role: "presentation"
       }, /*#__PURE__*/React.createElement("div", {
         role: "gridcell",
-        className: "".concat(prefixCls, "-content")
+        className: `${prefixCls}-content`
       }, showCurrTime ? this.renderCurrTime() : null, /*#__PURE__*/React.createElement("ul", {
         role: "row",
         className: skCls
       }, [...Array(25).keys()].map(item => {
         const line = cls({
-          ["".concat(prefixCls, "-skeleton-row-line")]: true
+          [`${prefixCls}-skeleton-row-line`]: true
         });
         return /*#__PURE__*/React.createElement(React.Fragment, {
-          key: "".concat(item, "-daycol")
+          key: `${item}-daycol`
         }, /*#__PURE__*/React.createElement("li", {
-          "data-time": "".concat(pad(item), ":00:00"),
+          "data-time": `${pad(item)}:00:00`,
           className: line,
           onClick: e => this.handleClick(e, [displayValue, item, 0, 0])
         }), /*#__PURE__*/React.createElement("li", {
-          "data-time": "".concat(pad(item), ":30:00"),
+          "data-time": `${pad(item)}:30:00`,
           onClick: e => this.handleClick(e, [displayValue, item, 30, 0])
         }));
       })), dateGridRender && dateGridRender(displayValue.toString(), displayValue), /*#__PURE__*/React.createElement("ul", {
-        className: "".concat(cssClasses.PREFIX, "-event-items")
+        className: `${cssClasses.PREFIX}-event-items`
       }, this.renderEvents())));
     };