@zohodesk/dot 1.0.0-temp-195 → 1.0.0-temp-193.11

package/es/list/Thread/Thread.module.css

@@ -1,43 +1,43 @@
-.varClass {
-  --icon_color: var(--zdt_thread_iconText);
-}
-.container {
-  composes: varClass;
-  position: relative;
-  color: var(--icon_color);
-  cursor: pointer;
-}
-.container:hover {
-  --icon_color: var(--zdt_thread_hover_iconText);
-}
-.count {
-  font-size: var(--zd_font_size9) ;
-}
-.align_left .count {
-  position: absolute;
-  line-height: normal;
-  top: var(--zd_size3) ;
-}
-[dir=ltr] .align_left .count {
-  text-align: left;
-  left: var(--zd_size8) ;
-}
-[dir=rtl] .align_left .count {
-  text-align: right;
-  right: var(--zd_size8) ;
-}
-.align_right {
-  composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
-}
-.align_right .count {
-  position: relative;
-  bottom: var(--zd_size2) ;
-}
-[dir=ltr] .align_right .count {
-  right: var(--zd_size5) ;
-  float: right;
-}
-[dir=rtl] .align_right .count {
-  left: var(--zd_size5) ;
-  float: left;
+.varClass {
+  --icon_color: var(--zdt_thread_iconText);
+}
+.container {
+  composes: varClass;
+  position: relative;
+  color: var(--icon_color);
+  cursor: pointer;
+}
+.container:hover {
+  --icon_color: var(--zdt_thread_hover_iconText);
+}
+.count {
+  font-size: var(--zd_font_size9) ;
+}
+.align_left .count {
+  position: absolute;
+  line-height: normal;
+  top: var(--zd_size3) ;
+}
+[dir=ltr] .align_left .count {
+  text-align: left;
+  left: var(--zd_size8) ;
+}
+[dir=rtl] .align_left .count {
+  text-align: right;
+  right: var(--zd_size8) ;
+}
+.align_right {
+  composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
+}
+.align_right .count {
+  position: relative;
+  bottom: var(--zd_size2) ;
+}
+[dir=ltr] .align_right .count {
+  right: var(--zd_size5) ;
+  float: right;
+}
+[dir=rtl] .align_right .count {
+  left: var(--zd_size5) ;
+  float: left;
 }

package/es/v1/DotProvider/DotProvider.js

@@ -0,0 +1,60 @@
+import React, { useRef, useCallback, forwardRef } from "react";
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import useDotProvider from "./hooks/useDotProvider";
+const DotProvider = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    ui_tag: Element = 'div',
+    ui_themeAppearance,
+    ui_themeColor,
+    ui_baseZoomUnit,
+    ui_baseFontUnit,
+    data_zoomUnitVariable,
+    data_fontUnitVariable,
+    data_themeAppearanceAttr,
+    data_themeColorAttr,
+    method_providerRef,
+    method_onAssetsDownloadSuccess,
+    method_getAssetsPromises,
+    children,
+    ...rest
+  } = props;
+  const wrapperElementRef = useRef(null);
+  const getProviderElement = useCallback(() => {
+    if (typeof method_providerRef === 'function') {
+      return method_providerRef();
+    } else if (Element !== React.Fragment) {
+      return wrapperElementRef.current;
+    } else {
+      return document.documentElement;
+    }
+  }, [method_providerRef, Element]);
+  const getEleRef = useCallback(ele => {
+    wrapperElementRef.current = ele;
+
+    if (ref && typeof ref === 'function') {
+      ref(ele);
+    } else if (ref && typeof ref === 'object') {
+      ref.current = ele;
+    }
+  }, [ref]);
+  useDotProvider({
+    themeAppearance: ui_themeAppearance,
+    themeColor: ui_themeColor,
+    themeAppearanceAttr: data_themeAppearanceAttr,
+    themeColorAttr: data_themeColorAttr,
+    baseZoomUnit: ui_baseZoomUnit,
+    baseFontUnit: ui_baseFontUnit,
+    zoomUnitVariable: data_zoomUnitVariable,
+    fontUnitVariable: data_fontUnitVariable,
+    getProviderElement,
+    onAssetsDownloadSuccess: method_onAssetsDownloadSuccess,
+    getAssetsPromises: method_getAssetsPromises
+  });
+  return /*#__PURE__*/React.createElement(Element, { ...rest,
+    ref: getEleRef
+  }, children);
+});
+DotProvider.propTypes = propTypes;
+DotProvider.defaultProps = defaultProps;
+export default DotProvider;

package/es/v1/DotProvider/hooks/useDotProvider.js

@@ -0,0 +1,55 @@
+import { useLayoutEffect } from 'react';
+import useDownloadAssetsAndSetAttr from "./useDownloadAssetsAndSetAttr";
+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 {
+    themeAppearance,
+    themeColor,
+    baseZoomUnit,
+    baseFontUnit,
+    getProviderElement,
+    zoomUnitVariable,
+    fontUnitVariable,
+    themeAppearanceAttr,
+    themeColorAttr,
+    onAssetsDownloadSuccess,
+    getAssetsPromises
+  } = _ref;
+  const assetsPromises = useDownloadAssetsAndSetAttr({
+    themeAppearance,
+    themeColor,
+    baseZoomUnit,
+    baseFontUnit,
+    getProviderElement,
+    zoomUnitVariable,
+    fontUnitVariable,
+    themeAppearanceAttr,
+    themeColorAttr
+  });
+  const {
+    themeAppearancePromise,
+    themeColorPromise,
+    zoomSizePromise,
+    fontSizePromise
+  } = assetsPromises;
+  const allPromises = [...themeAppearancePromise, ...themeColorPromise, zoomSizePromise, fontSizePromise];
+  useLayoutEffect(() => {
+    Promise.all(allPromises).then(() => {
+      typeof onAssetsDownloadSuccess === 'function' && onAssetsDownloadSuccess();
+    }).catch(error => {
+      console.error('Error loading assets:', error);
+    });
+    typeof getAssetsPromises === 'function' && getAssetsPromises(assetsPromises);
+  }, [...allPromises]);
+}
+
+export default useDotProvider;

package/es/v1/DotProvider/hooks/useDownloadAssetsAndSetAttr.js

@@ -0,0 +1,94 @@
+import { useMemo, useLayoutEffect } from 'react';
+import { getThemeAppearanceAssetPromise, getThemeColorAssetPromise, getZoomSizeAssetPromise, getFontSizeAssetPromise } from "../utils/assetPromiseHandlers";
+export default function useDownloadAssetsAndSetAttr(_ref) {
+  let {
+    themeAppearance,
+    themeColor,
+    baseZoomUnit,
+    baseFontUnit,
+    getProviderElement,
+    zoomUnitVariable,
+    fontUnitVariable,
+    themeAppearanceAttr,
+    themeColorAttr
+  } = _ref;
+  const themeAppearancePromise = useMemo(() => {
+    const themeAppearanceAssetPromise = getThemeAppearanceAssetPromise({
+      themeAppearance
+    });
+    return themeAppearanceAssetPromise;
+  }, [themeAppearance]);
+  const themeColorPromise = useMemo(() => {
+    const themeColorAssetPromise = getThemeColorAssetPromise({
+      themeAppearance,
+      themeColor
+    });
+    return themeColorAssetPromise;
+  }, [themeAppearance, themeColor]);
+  const modifiedZoomUnitWithSuffix = useMemo(() => {
+    return !isNaN(Number(baseZoomUnit)) ? `${Number(baseZoomUnit)}px` : baseZoomUnit;
+  }, [baseZoomUnit]);
+  const zoomSizePromise = useMemo(() => {
+    const assetPromise = getZoomSizeAssetPromise();
+    return assetPromise;
+  }, []);
+  const fontSizePromise = useMemo(() => {
+    const assetPromise = getFontSizeAssetPromise();
+    return assetPromise;
+  }, []);
+  const combinedPromise = {
+    themeAppearancePromise,
+    themeColorPromise,
+    zoomSizePromise,
+    fontSizePromise
+  };
+
+  function setThemeAttribute() {
+    const themePromise = [...themeAppearancePromise, ...themeColorPromise];
+    Promise.all(themePromise).then(() => {
+      const providerElement = getProviderElement();
+
+      if (providerElement) {
+        providerElement.setAttribute(themeAppearanceAttr, themeAppearance);
+        providerElement.setAttribute(themeColorAttr, themeColor);
+      }
+    }).catch(error => {
+      console.error('Error on setting theme appearance and color attributes:', error);
+    });
+  }
+
+  function setZoomSizeAttribute() {
+    zoomSizePromise.then(() => {
+      const providerElement = getProviderElement();
+
+      if (providerElement) {
+        providerElement.style.setProperty(zoomUnitVariable, modifiedZoomUnitWithSuffix);
+      }
+    }).catch(error => {
+      console.error('Error on setting zoom-size property', error);
+    });
+  }
+
+  function setFontSizeAttribute() {
+    fontSizePromise.then(() => {
+      const providerElement = getProviderElement();
+
+      if (providerElement) {
+        providerElement.style.setProperty(fontUnitVariable, baseFontUnit);
+      }
+    }).catch(error => {
+      console.error('Error on setting font-size property', error);
+    });
+  }
+
+  useLayoutEffect(() => {
+    setThemeAttribute();
+  }, [themeAppearanceAttr, themeColorAttr, themeAppearance, themeColor, getProviderElement]);
+  useLayoutEffect(() => {
+    setZoomSizeAttribute();
+  }, [zoomUnitVariable, modifiedZoomUnitWithSuffix, getProviderElement]);
+  useLayoutEffect(() => {
+    setFontSizeAttribute();
+  }, [fontUnitVariable, baseFontUnit, getProviderElement]);
+  return combinedPromise;
+}

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/v1/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/props/defaultProps.js

@@ -0,0 +1,11 @@
+import { THEME_APPEARANCE_LIGHT, THEME_COLOR_BLUE } from "../utils/constants";
+export const defaultProps = {
+  ui_themeAppearance: THEME_APPEARANCE_LIGHT,
+  ui_themeColor: THEME_COLOR_BLUE,
+  ui_baseZoomUnit: '1px',
+  ui_baseFontUnit: '16px',
+  data_zoomUnitVariable: '--zd_baseUnit',
+  data_fontUnitVariable: '--zd_baseFontUnit',
+  data_themeAppearanceAttr: 'data-mode',
+  data_themeColorAttr: 'data-theme'
+};

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

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+import { THEME_APPEARANCES, THEME_COLORS } from "../utils/constants";
+export const propTypes = {
+  ui_themeAppearance: PropTypes.oneOf(THEME_APPEARANCES),
+  ui_themeColor: PropTypes.oneOf(THEME_COLORS),
+  ui_baseZoomUnit: PropTypes.string,
+  ui_baseFontUnit: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  data_zoomUnitVariable: PropTypes.string,
+  data_fontUnitVariable: PropTypes.string,
+  data_themeAppearanceAttr: PropTypes.string,
+  data_themeColorAttr: PropTypes.string,
+  method_providerRef: PropTypes.func,
+  method_onAssetsDownloadSuccess: PropTypes.func,
+  method_getAssetsPromises: PropTypes.func,
+  children: PropTypes.node
+};

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

@@ -0,0 +1,61 @@
+import { getAssetsImportPromises } from "./getAssetsImportPromises";
+import { assetImports as themeAppearanceImports, assetImportMapping as themeAppearanceMapping } from "./themeAppearanceAssetsConfig";
+import { assetImports as themeColorImports, assetImportMapping as themeColorMapping } from "./themeColorAssetsConfig";
+import { assetImports as sizeImports, assetImportMapping as sizeMapping } from "./sizeAssetsConfig";
+import { errorValidation } from "./errorValidation";
+import { LIBRARIES, THEME_APPEARANCES, THEME_COLORS } from "./constants";
+export function getThemeAppearanceAssetPromise(_ref) {
+  let {
+    themeAppearance
+  } = _ref;
+
+  try {
+    errorValidation({
+      options: THEME_APPEARANCES,
+      value: themeAppearance,
+      type: 'themeAppearance'
+    });
+    const assetImportKeys = [];
+    LIBRARIES.map(library => {
+      const assetImportKey = themeAppearanceMapping[library][themeAppearance];
+      assetImportKeys.push(assetImportKey);
+    });
+    return getAssetsImportPromises({
+      assetImportKeys: assetImportKeys,
+      assetImports: themeAppearanceImports
+    });
+  } catch (error) {
+    console.warn('Error: ', error);
+  }
+}
+export function getThemeColorAssetPromise(_ref2) {
+  let {
+    themeAppearance,
+    themeColor
+  } = _ref2;
+
+  try {
+    errorValidation({
+      options: THEME_COLORS,
+      value: themeColor,
+      type: 'themeColor'
+    });
+    const assetImportKeys = [];
+    LIBRARIES.map(library => {
+      const assetImportKey = themeColorMapping[library][themeColor][themeAppearance];
+      assetImportKeys.push(assetImportKey);
+    });
+    return getAssetsImportPromises({
+      assetImportKeys: assetImportKeys,
+      assetImports: themeColorImports
+    });
+  } catch (error) {
+    console.warn('Error: ', error);
+  }
+}
+export function getZoomSizeAssetPromise() {
+  return sizeImports[sizeMapping.zoomSize]();
+}
+export function getFontSizeAssetPromise() {
+  return sizeImports[sizeMapping.fontSize]();
+}

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

@@ -0,0 +1,14 @@
+export const LIBRARY_COMPONENT = 'component';
+export const LIBRARY_DOT = 'dot';
+export const LIBRARY_SVG = 'svg';
+export const THEME_APPEARANCE_LIGHT = 'light';
+export const THEME_APPEARANCE_DARK = 'dark';
+export const THEME_APPEARANCE_PURE_DARK = 'pureDark';
+export const THEME_COLOR_BLUE = 'blue';
+export const THEME_COLOR_GREEN = 'green';
+export const THEME_COLOR_ORANGE = 'orange';
+export const THEME_COLOR_RED = 'red';
+export const THEME_COLOR_YELLOW = 'yellow';
+export const LIBRARIES = [LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG];
+export const THEME_APPEARANCES = [THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_DARK, THEME_APPEARANCE_PURE_DARK];
+export const THEME_COLORS = [THEME_COLOR_BLUE, THEME_COLOR_GREEN, THEME_COLOR_ORANGE, THEME_COLOR_RED, THEME_COLOR_YELLOW];

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

@@ -0,0 +1,14 @@
+import { THEME_APPEARANCES, THEME_COLORS } from "./constants";
+export function errorValidation(_ref) {
+  let {
+    options,
+    value,
+    type
+  } = _ref;
+
+  if (!options.includes(value)) {
+    const themeAppearances = THEME_APPEARANCES.toString();
+    const themeColors = THEME_COLORS.toString();
+    console.error(`We do not support the '${value} ${type}'. Please provide valid '${type}' values or check spelling. DotProvider supports ${themeAppearances} appearance & ${themeColors} theme.`);
+  }
+}

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

@@ -0,0 +1,17 @@
+export function getAssetsImportPromises(_ref) {
+  let {
+    assetImportKeys,
+    assetImports
+  } = _ref;
+  const promises = [];
+  assetImportKeys.forEach(importKey => {
+    const assetURL = assetImports[importKey];
+
+    if (assetURL) {
+      promises.push(assetURL());
+    } else {
+      console.error(`Import not found for ${importKey} from ${assetImports}`);
+    }
+  });
+  return promises;
+}