@zohodesk/dot 1.0.0-temp-193.3 → 1.0.0-temp-194

package/unittest/index.html

@@ -31,7 +31,7 @@
 			</tr>
 			
 			</table>
-			<br/>COVERAGE <span class="green">78.02%</span> <br/> less than 60% consider failure
+			<br/>COVERAGE <span class="green">84.5%</span> <br/> less than 60% consider failure
 		</body>
 	</html>
 		

package/es/v1/DotProvider/downloadAssets.js

@@ -1,29 +0,0 @@
-import { getAppearance, getTheme, getZoomSize, getFontSize } from './libraryChunks/dynamicImports';
-export function downloadAssets(_ref) {
-  let {
-    appearance,
-    theme,
-    baseZoomSize,
-    baseFontSize,
-    providerElement,
-    sizeVariableName,
-    fontSizeVariableName
-  } = _ref;
-  const promises = [];
-  const libAppearance = getAppearance(appearance);
-  promises.push(libAppearance);
-  const libTheme = getTheme(appearance, theme);
-  promises.push(libTheme);
-  const zoomSize = getZoomSize();
-  promises.push(zoomSize);
-  const fontSize = getFontSize();
-  promises.push(fontSize);
-  const providerElem = providerElement();
-
-  if (providerElem) {
-    providerElem.style.setProperty(sizeVariableName, baseZoomSize);
-    providerElem.style.setProperty(fontSizeVariableName, baseFontSize);
-  }
-
-  return Promise.all(promises);
-}

package/es/v1/DotProvider/libraryChunks/dynamicImports.js

@@ -1,48 +0,0 @@
-import { importFiles } from "../../../../es/v1/DotProvider/utils/importFiles";
-import { appearanceImports, appearanceMapping } from "../utils/appearanceProperties";
-import { themeImports, themeMapping } from "../utils/themeProperties";
-import { imports, mapping } from "../utils/sizeProperties";
-import { errorValidation } from "../utils/errorValidation";
-const defaultLib = ['component', 'dot', 'svg'];
-const modeArray = ['light', 'dark', 'pureDark'];
-const themeArray = ['blue', 'green', 'orange', 'red', 'yellow'];
-export function getAppearance(mode) {
-  const libArray = defaultLib;
-  errorValidation({
-    options: modeArray,
-    value: mode,
-    type: 'appearance'
-  });
-  const importFilesArray = [];
-  libArray.map(libName => {
-    const importFile = appearanceMapping[libName][mode];
-    importFilesArray.push(importFile);
-  });
-  return importFiles({
-    file: importFilesArray,
-    imports: appearanceImports
-  });
-}
-export function getTheme(mode, theme) {
-  const libArray = defaultLib;
-  errorValidation({
-    options: themeArray,
-    value: theme,
-    type: 'theme'
-  });
-  const importFilesArray = [];
-  libArray.map(libName => {
-    const importFile = themeMapping[libName][theme][mode];
-    importFilesArray.push(importFile);
-  });
-  return importFiles({
-    file: importFilesArray,
-    imports: themeImports
-  });
-}
-export function getZoomSize() {
-  return imports[mapping.zoomSize]();
-}
-export function getFontSize() {
-  return imports[mapping.fontSize]();
-}

package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css';
-import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css';
-import '@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css';
-import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css';
-import '@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css';
-import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js

@@ -1,3 +0,0 @@
-import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css';
-import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css';

package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js

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

package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/v1/DotProvider/useDotProvider.js

@@ -1,40 +0,0 @@
-import { useLayoutEffect } from 'react';
-import { downloadAssets } from './downloadAssets';
-import '@zohodesk/components/assets/Contrast/lightContrastLightness.module.css';
-import '@zohodesk/components/assets/Contrast/darkContrastLightness.module.css';
-import '@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css';
-import '@zohodesk/variables/assets/colorVariables.module.css';
-import '@zohodesk/variables/assets/dotVariables.module.css';
-import '@zohodesk/components/es/common/basic.module.css';
-import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
-import '@zohodesk/components/lib/common/boxShadow.module.css';
-import '../../common/dot_boxShadow.module.css';
-
-function useDotProvider(_ref) {
-  let {
-    appearance = 'light',
-    theme = 'blue',
-    baseZoomSize = '1px',
-    baseFontSize = '16px',
-    providerElement = () => {
-      return document.documentElement;
-    },
-    getAssetPromise,
-    sizeVariableName = '--zd_baseUnit',
-    fontSizeVariableName = '--zd_baseFontUnit'
-  } = _ref;
-  useLayoutEffect(() => {
-    const assetPromise = downloadAssets({
-      appearance,
-      theme,
-      baseZoomSize,
-      baseFontSize,
-      providerElement,
-      sizeVariableName,
-      fontSizeVariableName
-    });
-    getAssetPromise && getAssetPromise(assetPromise);
-  }, [appearance, theme, baseZoomSize, baseFontSize, providerElement, getAssetPromise, sizeVariableName, fontSizeVariableName]);
-}
-
-export default useDotProvider;

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

@@ -1,46 +0,0 @@
-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/DotProvider/utils/errorValidation.js

@@ -1,13 +0,0 @@
-export function errorValidation(_ref) {
-  let {
-    options,
-    value,
-    type
-  } = _ref;
-
-  if (!options.includes(value)) {
-    throw new Error(`We do not support the '${value} in ${type}'. Please provide valid '${type}' values or check spelling.`);
-  }
-
-  return;
-}

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

@@ -1,17 +0,0 @@
-export function importFiles(_ref) {
-  let {
-    file,
-    imports
-  } = _ref;
-  const promises = [];
-  file.forEach(fileKey => {
-    if (imports[fileKey]) {
-      promises.push(imports[fileKey]());
-    } else {
-      console.error(`Import not found for ${fileKey} from ${imports}`);
-    }
-  });
-  return Promise.all(promises).catch(error => {
-    console.error(`Error importing files:`, error);
-  });
-}

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

@@ -1,12 +0,0 @@
-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'
-};