@zohodesk/dot 1.0.0-temp-184 → 1.0.0-temp-181.9

package/es/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_Light_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/green/Green_Dark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/green/Green_Light_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/green/Green_PureDark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_Light_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/red/Red_Dark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/red/Red_Light_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/red/Red_PureDark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/props/defaultProps.js

@@ -0,0 +1,6 @@
+export const defaultProps = {
+  $ui_appearance: 'light',
+  $ui_theme: 'blue',
+  $ui_library: ['component'],
+  $method_wrapperRef: ''
+};

package/es/v1/DotWrapper/props/propTypes.js

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  $ui_appearance: PropTypes.oneOf(['light', 'dark', 'pureDark']),
+  $ui_theme: PropTypes.oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
+  $ui_library: PropTypes.arrayOf(PropTypes.oneOf(['component', 'dot', 'svg'])),
+  $ui_baseZoomSize: PropTypes.number,
+  $ui_baseFontSize: PropTypes.number,
+  $method_wrapperRef: PropTypes.func
+};

package/es/v1/DotWrapper/utils/appearanceProperties.js

@@ -0,0 +1,46 @@
+export const appearanceImports = {
+  Lib_LightMode_Component: () => import(
+  /* webpackChunkName: 'Lib_LightMode_Component' */
+  '@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css'),
+  Lib_DarkMode_Component: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_Component' */
+  '@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css'),
+  Lib_PureDarkMode_Component: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_Component' */
+  '@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css'),
+  Lib_LightMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_LightMode_Dot' */
+  './../../../../assets/Appearance/light/mode/Dot_LightMode.module.css'),
+  Lib_DarkMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_Dot' */
+  './../../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css'),
+  Lib_PureDarkMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_Dot' */
+  './../../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css'),
+  Lib_LightMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_LightMode_SVG' */
+  '@zohodesk/svg/assets/Appearance/light/mode/SVG_LightMode.module.css'),
+  Lib_DarkMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_SVG' */
+  '@zohodesk/svg/assets/Appearance/dark/mode/SVG_DarkMode.module.css'),
+  Lib_PureDarkMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_SVG' */
+  '@zohodesk/svg/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css')
+};
+export const appearanceMapping = {
+  component: {
+    light: 'Lib_LightMode_Component',
+    dark: 'Lib_DarkMode_Component',
+    pureDark: 'Lib_PureDarkMode_Component'
+  },
+  dot: {
+    light: 'Lib_LightMode_Dot',
+    dark: 'Lib_DarkMode_Dot',
+    pureDark: 'Lib_PureDarkMode_Dot'
+  },
+  svg: {
+    light: 'Lib_LightMode_SVG',
+    dark: 'Lib_DarkMode_SVG',
+    pureDark: 'Lib_PureDarkMode_SVG'
+  }
+};

package/es/v1/DotWrapper/utils/errorMessage.js

@@ -0,0 +1,7 @@
+export function errorMessage(array, value, type) {
+  if (!array.includes(value)) {
+    throw new Error(`We do not support the '${value} ${type}'. Please provide valid '${type}' name or check spelling.`);
+  }
+
+  return;
+}

package/es/v1/DotWrapper/utils/importFiles.js

@@ -0,0 +1,30 @@
+export function processFiles(type, libArray, mapping, imports, mode, theme) {
+  if (type === 'appearance' || type === 'theme') {
+    return libArray.map(libName => {
+      const importFile = theme ? [mapping[libName][theme][mode]] : [mapping[libName][mode]];
+      importFiles(importFile, imports);
+    });
+  }
+
+  if (type === 'zoom') {
+    return imports[mapping.zoomSize]();
+  }
+
+  if (type === 'font') {
+    return imports[mapping.fontSize]();
+  }
+}
+export function importFiles(file, imports) {
+  const promises = [];
+  file.forEach(fileKey => {
+    if (imports[fileKey]) {
+      promises.push(imports[fileKey]());
+    } else {
+      console.error(`Import not found for ${fileKey}`);
+    }
+  });
+  return Promise.all(promises).catch(error => {
+    console.error(`Error importing files:`, error);
+    return Promise.reject(error);
+  });
+}

package/es/v1/DotWrapper/utils/sizeProperties.js

@@ -0,0 +1,12 @@
+export const imports = {
+  Lib_ZoomSize: () => import(
+  /* webpackChunkName: 'Lib_ZoomSize' */
+  '@zohodesk/variables/assets/sizeVariables.module.css'),
+  Lib_FontSize: () => import(
+  /* webpackChunkName: 'Lib_FontSize' */
+  '@zohodesk/variables/assets/fontsizeVariables.module.css')
+};
+export const mapping = {
+  zoomSize: 'Lib_ZoomSize',
+  fontSize: 'Lib_FontSize'
+};

package/es/v1/DotWrapper/utils/themeProperties.js

@@ -0,0 +1,220 @@
+export const themeImports = {
+  Lib_Blue_Light_Component: () => import(
+  /* webpackChunkName: 'Lib_Blue_Light_Component' */
+  '../libraryChunks/themes/component/blue/Blue_Light_Component'),
+  Lib_Blue_Dark_Component: () => import(
+  /* webpackChunkName: 'Lib_Blue_Dark_Component' */
+  '../libraryChunks/themes/component/blue/Blue_Dark_Component'),
+  Lib_Blue_PureDark_Component: () => import(
+  /* webpackChunkName: 'Lib_Blue_PureDark_Component' */
+  '../libraryChunks/themes/component/blue/Blue_PureDark_Component'),
+  Lib_Green_Light_Component: () => import(
+  /* webpackChunkName: 'Lib_Green_Light_Component' */
+  '../libraryChunks/themes/component/green/Green_Light_Component'),
+  Lib_Green_Dark_Component: () => import(
+  /* webpackChunkName: 'Lib_Green_Dark_Component' */
+  '../libraryChunks/themes/component/green/Green_Dark_Component'),
+  Lib_Green_PureDark_Component: () => import(
+  /* webpackChunkName: 'Lib_Green_PureDark_Component' */
+  '../libraryChunks/themes/component/green/Green_PureDark_Component'),
+  Lib_Orange_Light_Component: () => import(
+  /* webpackChunkName: 'Lib_Orange_Light_Component' */
+  '../libraryChunks/themes/component/orange/Orange_Light_Component'),
+  Lib_Orange_Dark_Component: () => import(
+  /* webpackChunkName: 'Lib_Orange_Dark_Component' */
+  '../libraryChunks/themes/component/orange/Orange_Dark_Component'),
+  Lib_Orange_PureDark_Component: () => import(
+  /* webpackChunkName: 'Lib_Orange_PureDark_Component' */
+  '../libraryChunks/themes/component/orange/Orange_PureDark_Component'),
+  Lib_Red_Light_Component: () => import(
+  /* webpackChunkName: 'Lib_Red_Light_Component' */
+  '../libraryChunks/themes/component/red/Red_Light_Component'),
+  Lib_Red_Dark_Component: () => import(
+  /* webpackChunkName: 'Lib_Red_Dark_Component' */
+  '../libraryChunks/themes/component/red/Red_Dark_Component'),
+  Lib_Red_PureDark_Component: () => import(
+  /* webpackChunkName: 'Lib_Red_PureDark_Component' */
+  '../libraryChunks/themes/component/red/Red_PureDark_Component'),
+  Lib_Yellow_Light_Component: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Light_Component' */
+  '../libraryChunks/themes/component/yellow/Yellow_Light_Component'),
+  Lib_Yellow_Dark_Component: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Dark_Component' */
+  '../libraryChunks/themes/component/yellow/Yellow_Dark_Component'),
+  Lib_Yellow_PureDark_Component: () => import(
+  /* webpackChunkName: 'Lib_Yellow_PureDark_Component' */
+  '../libraryChunks/themes/component/yellow/Yellow_PureDark_Component'),
+  Lib_Blue_Light_Dot: () => import(
+  /* webpackChunkName: 'Lib_Blue_Light_Dot' */
+  '../libraryChunks/themes/dot/blue/Blue_Light_Dot'),
+  Lib_Blue_Dark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Blue_Dark_Dot' */
+  '../libraryChunks/themes/dot/blue/Blue_Dark_Dot'),
+  Lib_Blue_PureDark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Blue_PureDark_Dot' */
+  '../libraryChunks/themes/dot/blue/Blue_PureDark_Dot'),
+  Lib_Green_Light_Dot: () => import(
+  /* webpackChunkName: 'Lib_Green_Light_Dot' */
+  '../libraryChunks/themes/dot/green/Green_Light_Dot'),
+  Lib_Green_Dark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Green_Dark_Dot' */
+  '../libraryChunks/themes/dot/green/Green_Dark_Dot'),
+  Lib_Green_PureDark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Green_PureDark_Dot' */
+  '../libraryChunks/themes/dot/green/Green_PureDark_Dot'),
+  Lib_Orange_Light_Dot: () => import(
+  /* webpackChunkName: 'Lib_Orange_Light_Dot' */
+  '../libraryChunks/themes/dot/orange/Orange_Light_Dot'),
+  Lib_Orange_Dark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Orange_Dark_Dot' */
+  '../libraryChunks/themes/dot/orange/Orange_Dark_Dot'),
+  Lib_Orange_PureDark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Orange_PureDark_Dot' */
+  '../libraryChunks/themes/dot/orange/Orange_PureDark_Dot'),
+  Lib_Red_Light_Dot: () => import(
+  /* webpackChunkName: 'Lib_Red_Light_Dot' */
+  '../libraryChunks/themes/dot/red/Red_Light_Dot'),
+  Lib_Red_Dark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Red_Dark_Dot' */
+  '../libraryChunks/themes/dot/red/Red_Dark_Dot'),
+  Lib_Red_PureDark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Red_PureDark_Dot' */
+  '../libraryChunks/themes/dot/red/Red_PureDark_Dot'),
+  Lib_Yellow_Light_Dot: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Light_Dot' */
+  '../libraryChunks/themes/dot/yellow/Yellow_Light_Dot'),
+  Lib_Yellow_Dark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Dark_Dot' */
+  '../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot'),
+  Lib_Yellow_PureDark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Yellow_PureDark_Dot' */
+  '../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot'),
+  Lib_Blue_Light_SVG: () => import(
+  /* webpackChunkName: 'Lib_Blue_Light_SVG' */
+  '../libraryChunks/themes/svg/blue/Blue_Light_SVG'),
+  Lib_Blue_Dark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Blue_Dark_SVG' */
+  '../libraryChunks/themes/svg/blue/Blue_Dark_SVG'),
+  Lib_Blue_PureDark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Blue_PureDark_SVG' */
+  '../libraryChunks/themes/svg/blue/Blue_PureDark_SVG'),
+  Lib_Green_Light_SVG: () => import(
+  /* webpackChunkName: 'Lib_Green_Light_SVG' */
+  '../libraryChunks/themes/svg/green/Green_Light_SVG'),
+  Lib_Green_Dark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Green_Dark_SVG' */
+  '../libraryChunks/themes/svg/green/Green_Dark_SVG'),
+  Lib_Green_PureDark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Green_PureDark_SVG' */
+  '../libraryChunks/themes/svg/green/Green_PureDark_SVG'),
+  Lib_Orange_Light_SVG: () => import(
+  /* webpackChunkName: 'Lib_Orange_Light_SVG' */
+  '../libraryChunks/themes/svg/orange/Orange_Light_SVG'),
+  Lib_Orange_Dark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Orange_Dark_SVG' */
+  '../libraryChunks/themes/svg/orange/Orange_Dark_SVG'),
+  Lib_Orange_PureDark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Orange_PureDark_SVG' */
+  '../libraryChunks/themes/svg/orange/Orange_PureDark_SVG'),
+  Lib_Red_Light_SVG: () => import(
+  /* webpackChunkName: 'Lib_Red_Light_SVG' */
+  '../libraryChunks/themes/svg/red/Red_Light_SVG'),
+  Lib_Red_Dark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Red_Dark_SVG' */
+  '../libraryChunks/themes/svg/red/Red_Dark_SVG'),
+  Lib_Red_PureDark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Red_PureDark_SVG' */
+  '../libraryChunks/themes/svg/red/Red_PureDark_SVG'),
+  Lib_Yellow_Light_SVG: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Light_SVG' */
+  '../libraryChunks/themes/svg/yellow/Yellow_Light_SVG'),
+  Lib_Yellow_Dark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Dark_SVG' */
+  '../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG'),
+  Lib_Yellow_PureDark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Yellow_PureDark_SVG' */
+  '../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG')
+};
+export const themeMapping = {
+  component: {
+    blue: {
+      light: 'Lib_Blue_Light_Component',
+      dark: 'Lib_Blue_Dark_Component',
+      pureDark: 'Lib_Blue_PureDark_Component'
+    },
+    green: {
+      light: 'Lib_Green_Light_Component',
+      dark: 'Lib_Green_Dark_Component',
+      pureDark: 'Lib_Green_PureDark_Component'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_Component',
+      dark: 'Lib_Orange_Dark_Component',
+      pureDark: 'Lib_Orange_PureDark_Component'
+    },
+    red: {
+      light: 'Lib_Red_Light_Component',
+      dark: 'Lib_Red_Dark_Component',
+      pureDark: 'Lib_Red_PureDark_Component'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_Component',
+      dark: 'Lib_Yellow_Dark_Component',
+      pureDark: 'Lib_Yellow_PureDark_Component'
+    }
+  },
+  dot: {
+    blue: {
+      light: 'Lib_Blue_Light_Dot',
+      dark: 'Lib_Blue_Dark_Dot',
+      pureDark: 'Lib_Blue_PureDark_Dot'
+    },
+    green: {
+      light: 'Lib_Green_Light_Dot',
+      dark: 'Lib_Green_Dark_Dot',
+      pureDark: 'Lib_Green_PureDark_Dot'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_Dot',
+      dark: 'Lib_Orange_Dark_Dot',
+      pureDark: 'Lib_Orange_PureDark_Dot'
+    },
+    red: {
+      light: 'Lib_Red_Light_Dot',
+      dark: 'Lib_Red_Dark_Dot',
+      pureDark: 'Lib_Red_PureDark_Dot'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_Dot',
+      dark: 'Lib_Yellow_Dark_Dot',
+      pureDark: 'Lib_Yellow_PureDark_Dot'
+    }
+  },
+  svg: {
+    blue: {
+      light: 'Lib_Blue_Light_SVG',
+      dark: 'Lib_Blue_Dark_SVG',
+      pureDark: 'Lib_Blue_PureDark_SVG'
+    },
+    green: {
+      light: 'Lib_Green_Light_SVG',
+      dark: 'Lib_Green_Dark_SVG',
+      pureDark: 'Lib_Green_PureDark_SVG'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_SVG',
+      dark: 'Lib_Orange_Dark_SVG',
+      pureDark: 'Lib_Orange_PureDark_SVG'
+    },
+    red: {
+      light: 'Lib_Red_Light_SVG',
+      dark: 'Lib_Red_Dark_SVG',
+      pureDark: 'Lib_Red_PureDark_SVG'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_SVG',
+      dark: 'Lib_Yellow_Dark_SVG',
+      pureDark: 'Lib_Yellow_PureDark_SVG'
+    }
+  }
+};

package/es/v1/Drawer/Drawer.js

@@ -1,5 +1,3 @@
-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, { useRef } from 'react';
 import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
 import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
@@ -161,12 +159,13 @@ export default function Drawer(props) {
 
       return child;
     });
-    let content = /*#__PURE__*/React.createElement(Box, _extends({
+    let content = /*#__PURE__*/React.createElement(Box, {
       className: `${style.container} ${style.columns} ${style.drawerModal} ${uptoTablet ? style.mbleSize : style[size]}`,
       "data-a11y-need-focus-style": "false",
       tabindex: -1,
-      eleRef: contentRef
-    }, a11y), /*#__PURE__*/React.createElement(Card, {
+      eleRef: contentRef,
+      ...a11y
+    }, /*#__PURE__*/React.createElement(Card, {
       onClick: e => {
         e && e.stopPropagation && e.stopPropagation();
         onBodyClick(e);

package/es/v1/ExternalLink/ExternalLink.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -32,7 +30,7 @@ const ExternalLink = props => {
   };
 
   let urlOutput = href && typeof href !== 'boolean' ? addHttp(String(href)) : 'javascript:void(0);';
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement("a", {
     href: urlOutput,
     target: target,
     className: `${style.link} ${className ? className : ''}`,
@@ -40,8 +38,9 @@ const ExternalLink = props => {
     rel: rel,
     "data-id": dataId,
     "data-test-id": dataId,
-    onClick: onClick
-  }, customProps), children);
+    onClick: onClick,
+    ...customProps
+  }, children);
 };
 
 ExternalLink.defaultProps = defaultProps;

package/es/v1/FlipCard/FlipCard.js

@@ -1,5 +1,3 @@
-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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -76,16 +74,17 @@ export default function FlipCard(props) {
   }, !noNeedFlip ? /*#__PURE__*/React.createElement(Container, {
     align: "both",
     className: `${style.front} ${frontClass ? frontClass : ''}`
-  }, /*#__PURE__*/React.createElement(CheckBox, _extends({
+  }, /*#__PURE__*/React.createElement(CheckBox, {
     isFilled: isFilledCheckbox,
     checked: isChecked,
     onChange: onChange,
     id: `checkbox_${id}`,
-    dataId: `listViewCheckBox_${id}`
-  }, CheckBoxProps))) : null, /*#__PURE__*/React.createElement(Container, {
+    dataId: `listViewCheckBox_${id}`,
+    ...CheckBoxProps
+  })) : null, /*#__PURE__*/React.createElement(Container, {
     align: "both",
     className: style.back
-  }, channel && action ? /*#__PURE__*/React.createElement(ChannelIcon, _extends({
+  }, channel && action ? /*#__PURE__*/React.createElement(ChannelIcon, {
     name: channel,
     action: action,
     size: size,
@@ -98,8 +97,9 @@ export default function FlipCard(props) {
     customTextClass: customTextClass,
     iconColor: iconColor,
     title: channelTitle,
-    iconTitle: channelTitle
-  }, ChannelIconProps)) : icon ? /*#__PURE__*/React.createElement(AvatarIcon, _extends({
+    iconTitle: channelTitle,
+    ...ChannelIconProps
+  }) : icon ? /*#__PURE__*/React.createElement(AvatarIcon, {
     name: icon,
     iconSize: iconSize,
     size: size,
@@ -107,8 +107,9 @@ export default function FlipCard(props) {
     dataId: icon,
     className: className,
     iconColor: iconColor,
-    title: needTitle ? name : ''
-  }, AvatarIconProps)) : /*#__PURE__*/React.createElement(AvatarUser, _extends({
+    title: needTitle ? name : '',
+    ...AvatarIconProps
+  }) : /*#__PURE__*/React.createElement(AvatarUser, {
     name: name,
     initial: initial,
     size: size,
@@ -119,8 +120,9 @@ export default function FlipCard(props) {
     needTitle: needTitle,
     palette: palette,
     textPalette: textPalette,
-    customTextClass: customTextClass
-  }, AvatarUserProps)))));
+    customTextClass: customTextClass,
+    ...AvatarUserProps
+  }))));
 }
 FlipCard.propTypes = propTypes;
 FlipCard.defaultProps = defaultProps; // if (__DOCS__) {

package/es/v1/GlobalNotification/GlobalNotification.js

@@ -1,5 +1,3 @@
-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, { useEffect } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes, UI_propTypes, new_propTypes } from './props/propTypes';
@@ -96,7 +94,7 @@ export function GlobalNotificationUI(props) {
     onClose && onClose(e);
   }
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", {
     ref: eleRef,
     className: ` ${style.message} 
         ${needShadow && shadowCount >= 2 ? shadowCount > 2 ? `${style.stackShadowTwo} ${style.stackShadowOne}` : style.stackShadowOne : ''}
@@ -105,8 +103,9 @@ export function GlobalNotificationUI(props) {
     "data-id": `show_${type}_message`,
     "data-test-id": `show_${type}_message`,
     tabIndex: 0,
-    "data-selector-id": dataSelectorId
-  }, ExtraProps), /*#__PURE__*/React.createElement(Container, {
+    "data-selector-id": dataSelectorId,
+    ...ExtraProps
+  }, /*#__PURE__*/React.createElement(Container, {
     className: `${style.container}`,
     alignBox: "row",
     isCover: false,
@@ -138,8 +137,8 @@ export function GlobalNotificationUI(props) {
 }
 GlobalNotificationUI.propTypes = UI_propTypes;
 export function GlobalNotificationNew(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: GlobalNotificationUI
-  }));
+  });
 }
 GlobalNotificationNew.propTypes = new_propTypes;

package/es/v1/IconButton/IconButton.js

@@ -1,5 +1,3 @@
-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, { useState } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -73,7 +71,7 @@ export default function IconButton(props) {
     hoverType: hoverType,
     isDisabled: isDisabled,
     isNeedEffect: isNeedEffect
-  }, /*#__PURE__*/React.createElement(Container, _extends({
+  }, /*#__PURE__*/React.createElement(Container, {
     "aria-label": ariaLabel,
     "aria-haspopup": ariaHaspopup,
     "aria-expanded": ariaExpanded,
@@ -97,8 +95,9 @@ export default function IconButton(props) {
     onKeyDown: handleToggle,
     onFocus: triggerMouseOver,
     onBlur: onBlur,
-    disabled: isDisabled
-  }, customProps), iconName ? /*#__PURE__*/React.createElement(Icon, {
+    disabled: isDisabled,
+    ...customProps
+  }, iconName ? /*#__PURE__*/React.createElement(Icon, {
     isBold: isBold,
     size: iconSize,
     name: iconName,

package/es/v1/Link/Link.js

@@ -1,5 +1,3 @@
-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, { useContext, useRef } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -72,20 +70,20 @@ export default function Link(props) {
   } //urlOutput = addHttp(urlOutput);
 
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement("a", {
     href: isLink && urlOutput ? urlOutput : 'javascript:void(0);',
     target: target,
     "data-title": title,
-    className: `${style.container}  ${className ? className : ''}`
-  }, option.current, {
+    className: `${style.container}  ${className ? className : ''}`,
+    ...option.current,
     rel: rel,
     "data-id": dataId,
-    "data-test-id": dataId
-  }, others, {
-    onClick: callBack
-  }, customProps, {
+    "data-test-id": dataId,
+    ...others,
+    onClick: callBack,
+    ...customProps,
     "aria-label": ariaLabel
-  }), children);
+  }, children);
 }
 Link.defaultProps = defaultProps;
 Link.propTypes = propTypes; // if (__DOCS__) {

package/es/v1/Message/Message.js

@@ -1,5 +1,3 @@
-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, { useState, useEffect } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from './props/propTypes';
@@ -24,7 +22,8 @@ export default function Message(props) {
       }, 3000);
     }
   }, [showMessage]);
-  return /*#__PURE__*/React.createElement(MessageUI, props);
+  return /*#__PURE__*/React.createElement(MessageUI, { ...props
+  });
 }
 Message.propTypes = propTypes;
 Message.defaultProps = defaultProps;
@@ -85,8 +84,8 @@ export function MessageUI(props) {
 }
 MessageUI.propTypes = MessageUI_propTypes;
 export function MessageNew(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: MessageUI
-  }));
+  });
 }
 MessageNew.propTypes = MessageNew_propTypes;

package/es/v1/ToastMessage/ToastMessage.js

@@ -1,5 +1,3 @@
-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, { useState } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes'; //components
@@ -191,9 +189,9 @@ function ToastMessageUI(props) {
 }
 
 export default function ToastMessage(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: ToastMessageUI
-  }));
+  });
 }
 ToastMessage.propTypes = propTypes;
 ToastMessage.defaultProps = defaultProps; // if (__DOCS__) {