@zohodesk/dot 1.0.0-temp-183 → 1.0.0-temp-181.8

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -6,58 +6,43 @@
   min-height: var(--zd_size35) ;
   cursor: pointer;
 }
-
 [dir=ltr] .withBorder {
   border-left: 1px solid var(--zdt_statuslistitem_default_border);
 }
-
 [dir=rtl] .withBorder {
   border-right: 1px solid var(--zdt_statuslistitem_default_border);
 }
-
 [dir=ltr] .small {
   padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5) ;
 }
-
 [dir=rtl] .small {
   padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3) ;
 }
-
 .medium {
   padding: var(--zd_size7) var(--zd_size20) ;
 }
-
 .large {
   height: var(--zd_size48) ;
 }
-
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;
 }
-
 [dir=rtl] .large {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
 }
-
-.value,
-.multiLineValue {
+.value,.multiLineValue {
   line-height: 1.5385;
 }
-
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-
-.multiLineValue {
+.multiLineValue{
   word-break: break-word;
-  -webkit-line-clamp: 5;
   composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
 }
-
 [dir=rtl] .withBorder.active {
   border-right-color: var(--zdt_statuslistitem_default_active_border);
 }
@@ -65,56 +50,44 @@
 .default.hover, .default.effect:hover {
   background-color: var(--zdt_statuslistitem_default_effect_bg);
 }
-
 .primary.hover, .primary.effect:hover, .selected {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
-
 .secondary.hover, .secondary.effect:hover {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
-
 .list.active.default, .list.active.primary {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
-
 .list.active.secondary {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
-
 .secondary.hover,
 .secondary.effect:hover,
 .list.active.secondary {
   color: var(--zdt_statuslistitem_secondary_effect_text);
 }
-
 .tickIcon {
   color: var(--zdt_statuslistitem_tickicon);
   position: absolute;
-  top: 50% ;
+  top:50% ;
   transform: translateY(-50%);
 }
-
 [dir=ltr] .tickIcon {
   right: var(--zd_size20) ;
 }
-
 [dir=rtl] .tickIcon {
   left: var(--zd_size20) ;
 }
-
-.tickIcon>i {
+.tickIcon > i {
   display: block;
 }
-
 [dir=ltr] .active.withTick {
   padding-right: var(--zd_size39) ;
 }
-
 [dir=rtl] .active.withTick {
   padding-left: var(--zd_size39) ;
 }
-
 /* Status Type */
 .statusType {
   width: var(--zd_size8) ;
@@ -127,15 +100,12 @@
 [dir=rtl] .statusType {
   margin-left: var(--zd_size13) ;
 }
-
 .black {
   background-color: var(--zdt_statuslistitem_black_bg);
 }
-
 .orange {
   background-color: var(--zdt_statuslistitem_orange_bg);
 }
-
 .green {
   background-color: var(--zdt_statuslistitem_green_bg);
-}
+}

package/es/lookup/Lookup/Lookup.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, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -78,7 +76,7 @@ export default class Lookup extends Component {
       needFocusLoop = true,
       needEnterAction = true
     } = focusScopeProps;
-    const content = /*#__PURE__*/React.createElement("div", _extends({
+    const content = /*#__PURE__*/React.createElement("div", {
       ref: this.createRef,
       tabIndex: "-1",
       "data-a11y-need-focus-style": "false",
@@ -90,8 +88,9 @@ export default class Lookup extends Component {
       id: htmlId,
       className: `${style.box} ${style[`${size}Size`]} ${lookupClass ? lookupClass : ''}`,
       "data-id": dataId,
-      "data-test-id": dataId
-    }, a11yAttributes), /*#__PURE__*/React.createElement(Container, {
+      "data-test-id": dataId,
+      ...a11yAttributes
+    }, /*#__PURE__*/React.createElement(Container, {
       "data-drag-container": "true",
       isCover: false,
       className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`

package/es/lookup/header/Search/Search.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); }
-
 /* eslint-disable react/forbid-component-props */
 
 /*** Libraries ***/
@@ -100,7 +98,11 @@ export default class Search extends Component {
       selectedId: selectedId,
       onDropDownOpen: this.handleDropDownOpen,
       onDropDownClose: this.handleDropDownClose
-    }, /*#__PURE__*/React.createElement(SearchUI, _extends({}, this.props, searchUIExtraProps))) : /*#__PURE__*/React.createElement(SearchUI, _extends({}, this.props, searchUIExtraProps));
+    }, /*#__PURE__*/React.createElement(SearchUI, { ...this.props,
+      ...searchUIExtraProps
+    })) : /*#__PURE__*/React.createElement(SearchUI, { ...this.props,
+      ...searchUIExtraProps
+    });
   }
 
 }

package/es/v1/DotWrapper/DotWrapper.js

@@ -0,0 +1,39 @@
+import React, { useEffect } from 'react';
+import { getAppearance, getTheme, getZoomSize, getFontSize } from './libraryChunks/dynamicImports';
+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';
+import { propTypes } from './props/propTypes';
+import { defaultProps } from './props/defaultProps';
+export default function DotWrapper(props) {
+  let {
+    $ui_appearance,
+    $ui_theme,
+    $ui_library,
+    $ui_baseZoomSize,
+    $ui_baseFontSize,
+    $flag_resources
+  } = props;
+  useEffect(() => {
+    if ($flag_resources === 'libraryWrapper') {
+      getAppearance($ui_appearance, $ui_library);
+      getTheme($ui_appearance, $ui_theme, $ui_library);
+      $ui_baseZoomSize && getZoomSize();
+      $ui_baseFontSize && getFontSize();
+      const wrapperElements = document.querySelectorAll(`[flag_resources="${$flag_resources}"]`);
+      wrapperElements.forEach(element => {
+        element.style.setProperty('--zd_baseSize', $ui_baseZoomSize);
+        element.style.setProperty('--zd_baseFontSize', $ui_baseFontSize);
+      });
+    }
+  }, [$ui_appearance, $ui_theme, $ui_library, $ui_baseZoomSize, $ui_baseFontSize, $flag_resources]);
+  return null;
+}
+DotWrapper.propTypes = propTypes;
+DotWrapper.defaultProps = defaultProps;

package/es/v1/DotWrapper/libraryChunks/appearance/component/DarkMode_Component.js

@@ -0,0 +1 @@
+import '@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/component/LightMode_Component.js

@@ -0,0 +1 @@
+import '@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/component/PureDarkMode_Component.js

@@ -0,0 +1 @@
+import '@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/dot/DarkMode_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/dot/LightMode_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../assets/Appearance/light/mode/Dot_LightMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/dot/PureDarkMode_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/svg/DarkMode_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/mode/SVG_DarkMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/svg/LightMode_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/mode/SVG_LightMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/svg/PureDarkMode_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css';

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

@@ -0,0 +1,24 @@
+import { appearanceImports, appearanceMapping } from "../utils/appearanceProperties";
+import { themeImports, themeMapping } from "../utils/themeProperties";
+import { imports, mapping } from "../utils/sizeProperties";
+import { processFiles } from "../utils/importFiles";
+import { errorMessage } from "../utils/errorMessage";
+const defaultLib = ['component', 'dot', 'svg'];
+const modeArray = ['light', 'dark', 'pureDark'];
+const themeArray = ['blue', 'green', 'orange', 'red', 'yellow'];
+export function getAppearance(mode, library) {
+  const libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
+  errorMessage(modeArray, mode, 'appearance');
+  processFiles('appearance', libArray, appearanceMapping, appearanceImports, mode);
+}
+export function getTheme(mode, theme, library) {
+  const libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
+  errorMessage(themeArray, theme, 'theme');
+  processFiles('theme', libArray, themeMapping, themeImports, mode, theme);
+}
+export function getZoomSize() {
+  processFiles('zoom', null, mapping, imports);
+}
+export function getFontSize() {
+  processFiles('font', null, mapping, imports);
+}

package/es/v1/DotWrapper/libraryChunks/importMapping.js

@@ -0,0 +1,19 @@
+export const appearance = {
+  component: {
+    light:
+    /* webpackChunkName: 'Lib_LightMode_Component' */
+    '@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css',
+    dark: '@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css',
+    pureDark: '@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css'
+  },
+  dot: {
+    light: './../../../../assets/Appearance/light/mode/Dot_LightMode.module.css',
+    dark: './../../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css',
+    pureDark: './../../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css'
+  },
+  svg: {
+    light: '@zohodesk/svg/assets/Appearance/light/mode/SVG_LightMode.module.css',
+    dark: '@zohodesk/svg/assets/Appearance/dark/mode/SVG_DarkMode.module.css',
+    pureDark: '@zohodesk/svg/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css'
+  }
+};

package/es/v1/DotWrapper/libraryChunks/size/fontSize.js

@@ -0,0 +1 @@
+import '@zohodesk/variables/assets/fontsizeVariables.module.css';

package/es/v1/DotWrapper/libraryChunks/size/zoomSize.js

@@ -0,0 +1 @@
+import '@zohodesk/variables/assets/sizeVariables.module.css';

package/es/v1/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/DotWrapper/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/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'],
+  $flag_resources: ''
+};

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,
+  $flag_resources: PropTypes.string
+};

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

@@ -0,0 +1,46 @@
+export const appearanceImports = {
+  Lib_LightMode_Component: () => import(
+  /* webpackChunkName: 'Lib_LightMode_Component' */
+  '../libraryChunks/appearance/component/LightMode_Component'),
+  Lib_DarkMode_Component: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_Component' */
+  '../libraryChunks/appearance/component/DarkMode_Component'),
+  Lib_PureDarkMode_Component: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_Component' */
+  '../libraryChunks/appearance/component/PureDarkMode_Component'),
+  Lib_LightMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_LightMode_Dot' */
+  '../libraryChunks/appearance/dot/LightMode_Dot'),
+  Lib_DarkMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_Dot' */
+  '../libraryChunks/appearance/dot/DarkMode_Dot'),
+  Lib_PureDarkMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_Dot' */
+  '../libraryChunks/appearance/dot/PureDarkMode_Dot'),
+  Lib_LightMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_LightMode_SVG' */
+  '../libraryChunks/appearance/svg/LightMode_SVG'),
+  Lib_DarkMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_SVG' */
+  '../libraryChunks/appearance/svg/DarkMode_SVG'),
+  Lib_PureDarkMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_SVG' */
+  '../libraryChunks/appearance/svg/PureDarkMode_SVG')
+};
+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,31 @@
+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]];
+      console.log(`Import file for ${libName} -->`, importFile);
+      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' */
+  '../libraryChunks/size/zoomSize'),
+  Lib_FontSize: () => import(
+  /* webpackChunkName: 'Lib_FontSize' */
+  '../libraryChunks/size/fontSize')
+};
+export const mapping = {
+  zoomSize: 'Lib_ZoomSize',
+  fontSize: 'Lib_FontSize'
+};