@zohodesk/dot 1.0.0-temp-207 → 1.0.0-temp-187.7

package/es/version2/lookup/AlertHeader/AlertHeader.js

@@ -1,17 +1,17 @@
 import React, { useRef } from 'react'; //AlertDependencies
 
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from '../../AlertClose/AlertClose';
-import AlertIcons from '../../alertIcons/AlertIcons'; //CSS
+import AlertClose from "../../AlertClose/AlertClose";
+import AlertIcons from "../../alertIcons/AlertIcons"; //CSS
 
-import style from './css/AlertHeaderNew.module.css';
-import cssJSLogic from './css/cssJSLogic';
+import style from "./css/AlertHeaderNew.module.css";
+import cssJSLogic from "./css/cssJSLogic";
 import { mergeStyle } from '@zohodesk/utils'; //customHooks
 
-import useDragger from '../../../Hooks/Dragger/useDragger'; //Props
+import useDragger from "../../../Hooks/Dragger/useDragger"; //Props
 
-import defaultProps from './props/defaultProps';
-import propTypes from './props/propTypes';
+import defaultProps from "./props/defaultProps";
+import propTypes from "./props/propTypes";
 export default function AlertHeader(props) {
   const {
     title,

package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AlertHeader from '../AlertHeader';
+import AlertHeader from "../AlertHeader";
 describe('AlertHeader', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -1,19 +1,19 @@
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import Lookup from '../../../lookup/Lookup/Lookup';
-import AlertHeader from '../AlertHeader/AlertHeader';
+import Lookup from "../../../lookup/Lookup/Lookup";
+import AlertHeader from "../AlertHeader/AlertHeader";
 import Button from '@zohodesk/components/lib/Button/Button';
-import Section from '../../../lookup/Section/Section';
-import FormAction from '../../../FormAction/FormAction';
+import Section from "../../../lookup/Section/Section";
+import FormAction from "../../../FormAction/FormAction";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 /**** CSS ****/
 
-import style from './AlertLookupNew.module.css';
+import style from "./AlertLookupNew.module.css";
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/version2/lookup/AlertLookup/__tests__/AlertLookup.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AlertLookup from '../AlertLookup';
+import AlertLookup from "../AlertLookup";
 describe('AlertLookup', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/lookup/index.js

@@ -1,2 +1,2 @@
-export { default as AlertHeader } from './AlertHeader/AlertHeader';
-export { default as AlertLookup } from './AlertLookup/AlertLookup';
+export { default as AlertHeader } from "./AlertHeader/AlertHeader";
+export { default as AlertLookup } from "./AlertLookup/AlertLookup";

package/es/version2/notification/DesktopNotification/DesktopNotification.js

@@ -1,14 +1,14 @@
 import React, { useState } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes, DesktopNotificationUI_propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes, DesktopNotificationUI_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import AutoClose from '../../../actions/AutoClose';
+import AutoClose from "../../../actions/AutoClose";
 import Button from '@zohodesk/components/lib/Button/Button';
-import FormAction from '../../../FormAction/FormAction';
-import DesktopNotificationHeader from '../DesktopNotificationHeader/DesktopNotificationHeader';
+import FormAction from "../../../FormAction/FormAction";
+import DesktopNotificationHeader from "../DesktopNotificationHeader/DesktopNotificationHeader";
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import style from './DesktopNotification.module.css';
+import style from "./DesktopNotification.module.css";
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/version2/notification/DesktopNotification/__tests__/DesktopNotification.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import DesktopNotification from '../DesktopNotification';
+import DesktopNotification from "../DesktopNotification";
 describe('DesktopNotification', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/notification/DesktopNotification/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from '../../../../Provider/Config';
+import { getDotLibraryConfig } from "../../../../Provider/Config";
 export const defaultProps = {
   isMore: false,
   isAnimate: true,

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -1,12 +1,12 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from '../../AlertClose/AlertClose';
-import AlertIcons from '../../alertIcons/AlertIcons';
+import AlertClose from "../../AlertClose/AlertClose";
+import AlertIcons from "../../alertIcons/AlertIcons";
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import Typography from '@zohodesk/components/es/Typography/Typography';
-import style from './DesktopNotificationHeader.module.css';
+import style from "./DesktopNotificationHeader.module.css";
 export default class DesktopNotificationHeader extends Component {
   constructor(props) {
     super(props);

package/es/version2/notification/DesktopNotificationHeader/__tests__/DesktopNotificationHeader.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import DesktopNotificationHeader from '../DesktopNotificationHeader';
+import DesktopNotificationHeader from "../DesktopNotificationHeader";
 describe('DesktopNotificationHeader', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/notification/DesktopNotificationHeader/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from '../../../../Provider/Config';
+import { getDotLibraryConfig } from "../../../../Provider/Config";
 export const defaultProps = {
   needIcon: true,
   variant: 'primary',

package/es/version2/notification/index.js

@@ -1,3 +1,3 @@
-export { DesktopNotificationUI } from './DesktopNotification/DesktopNotification';
-export { default as DesktopNotification } from './DesktopNotification/DesktopNotification';
-export { default as DesktopNotificationHeader } from './DesktopNotificationHeader/DesktopNotificationHeader';
+export { DesktopNotificationUI } from "./DesktopNotification/DesktopNotification";
+export { default as DesktopNotification } from "./DesktopNotification/DesktopNotification";
+export { default as DesktopNotificationHeader } from "./DesktopNotificationHeader/DesktopNotificationHeader";

package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js

@@ -35,17 +35,17 @@ var themeAppearanceImports = {
   },
   Lib_LightMode_Dot: function Lib_LightMode_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('./../../../assets/Appearance/light/mode/Dot_LightMode.module.css'));
+      return _interopRequireWildcard(require("./../../../assets/Appearance/light/mode/Dot_LightMode.module.css"));
     });
   },
   Lib_DarkMode_Dot: function Lib_DarkMode_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('./../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css'));
+      return _interopRequireWildcard(require("./../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css"));
     });
   },
   Lib_PureDarkMode_Dot: function Lib_PureDarkMode_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('./../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css'));
+      return _interopRequireWildcard(require("./../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css"));
     });
   },
   Lib_LightMode_SVG: function Lib_LightMode_SVG() {

package/lib/DotProvider/utils/themeColorAssetsConfig.js

@@ -20,227 +20,227 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var themeColorImports = {
   Lib_Blue_Light_Component: function Lib_Blue_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_Light_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Light_Component"));
     });
   },
   Lib_Blue_Dark_Component: function Lib_Blue_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_Dark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Dark_Component"));
     });
   },
   Lib_Blue_PureDark_Component: function Lib_Blue_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_PureDark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_PureDark_Component"));
     });
   },
   Lib_Green_Light_Component: function Lib_Green_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_Light_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_Light_Component"));
     });
   },
   Lib_Green_Dark_Component: function Lib_Green_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_Dark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_Dark_Component"));
     });
   },
   Lib_Green_PureDark_Component: function Lib_Green_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_PureDark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/green/Green_PureDark_Component"));
     });
   },
   Lib_Orange_Light_Component: function Lib_Orange_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_Light_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_Light_Component"));
     });
   },
   Lib_Orange_Dark_Component: function Lib_Orange_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_Dark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_Dark_Component"));
     });
   },
   Lib_Orange_PureDark_Component: function Lib_Orange_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_PureDark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/orange/Orange_PureDark_Component"));
     });
   },
   Lib_Red_Light_Component: function Lib_Red_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_Light_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_Light_Component"));
     });
   },
   Lib_Red_Dark_Component: function Lib_Red_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_Dark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_Dark_Component"));
     });
   },
   Lib_Red_PureDark_Component: function Lib_Red_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_PureDark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/red/Red_PureDark_Component"));
     });
   },
   Lib_Yellow_Light_Component: function Lib_Yellow_Light_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_Light_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_Light_Component"));
     });
   },
   Lib_Yellow_Dark_Component: function Lib_Yellow_Dark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_Dark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_Dark_Component"));
     });
   },
   Lib_Yellow_PureDark_Component: function Lib_Yellow_PureDark_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_PureDark_Component'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/component/yellow/Yellow_PureDark_Component"));
     });
   },
   Lib_Blue_Light_Dot: function Lib_Blue_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_Light_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_Light_Dot"));
     });
   },
   Lib_Blue_Dark_Dot: function Lib_Blue_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_Dark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_Dark_Dot"));
     });
   },
   Lib_Blue_PureDark_Dot: function Lib_Blue_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_PureDark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/blue/Blue_PureDark_Dot"));
     });
   },
   Lib_Green_Light_Dot: function Lib_Green_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_Light_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_Light_Dot"));
     });
   },
   Lib_Green_Dark_Dot: function Lib_Green_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_Dark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_Dark_Dot"));
     });
   },
   Lib_Green_PureDark_Dot: function Lib_Green_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_PureDark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/green/Green_PureDark_Dot"));
     });
   },
   Lib_Orange_Light_Dot: function Lib_Orange_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_Light_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_Light_Dot"));
     });
   },
   Lib_Orange_Dark_Dot: function Lib_Orange_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_Dark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_Dark_Dot"));
     });
   },
   Lib_Orange_PureDark_Dot: function Lib_Orange_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_PureDark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/orange/Orange_PureDark_Dot"));
     });
   },
   Lib_Red_Light_Dot: function Lib_Red_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_Light_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_Light_Dot"));
     });
   },
   Lib_Red_Dark_Dot: function Lib_Red_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_Dark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_Dark_Dot"));
     });
   },
   Lib_Red_PureDark_Dot: function Lib_Red_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_PureDark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/red/Red_PureDark_Dot"));
     });
   },
   Lib_Yellow_Light_Dot: function Lib_Yellow_Light_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_Light_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_Light_Dot"));
     });
   },
   Lib_Yellow_Dark_Dot: function Lib_Yellow_Dark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot"));
     });
   },
   Lib_Yellow_PureDark_Dot: function Lib_Yellow_PureDark_Dot() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot"));
     });
   },
   Lib_Blue_Light_SVG: function Lib_Blue_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_Light_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_Light_SVG"));
     });
   },
   Lib_Blue_Dark_SVG: function Lib_Blue_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_Dark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_Dark_SVG"));
     });
   },
   Lib_Blue_PureDark_SVG: function Lib_Blue_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_PureDark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/blue/Blue_PureDark_SVG"));
     });
   },
   Lib_Green_Light_SVG: function Lib_Green_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_Light_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_Light_SVG"));
     });
   },
   Lib_Green_Dark_SVG: function Lib_Green_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_Dark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_Dark_SVG"));
     });
   },
   Lib_Green_PureDark_SVG: function Lib_Green_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_PureDark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/green/Green_PureDark_SVG"));
     });
   },
   Lib_Orange_Light_SVG: function Lib_Orange_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_Light_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_Light_SVG"));
     });
   },
   Lib_Orange_Dark_SVG: function Lib_Orange_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_Dark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_Dark_SVG"));
     });
   },
   Lib_Orange_PureDark_SVG: function Lib_Orange_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_PureDark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/orange/Orange_PureDark_SVG"));
     });
   },
   Lib_Red_Light_SVG: function Lib_Red_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_Light_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_Light_SVG"));
     });
   },
   Lib_Red_Dark_SVG: function Lib_Red_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_Dark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_Dark_SVG"));
     });
   },
   Lib_Red_PureDark_SVG: function Lib_Red_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_PureDark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/red/Red_PureDark_SVG"));
     });
   },
   Lib_Yellow_Light_SVG: function Lib_Yellow_Light_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_Light_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_Light_SVG"));
     });
   },
   Lib_Yellow_Dark_SVG: function Lib_Yellow_Dark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG"));
     });
   },
   Lib_Yellow_PureDark_SVG: function Lib_Yellow_PureDark_SVG() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG'));
+      return _interopRequireWildcard(require("../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG"));
     });
   }
 };

package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -228,7 +228,9 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           _customProps$TagWrapp = customProps.TagWrapperProps,
           TagWrapperProps = _customProps$TagWrapp === void 0 ? {} : _customProps$TagWrapp,
           _customProps$TagProps = customProps.TagProps,
-          TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps;
+          TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps,
+          _customProps$listProp = customProps.listProps,
+          listProps = _customProps$listProp === void 0 ? {} : _customProps$listProp;
       var isEditable = !isReadOnly;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagsMultiSelectModule["default"].container, " ").concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n              ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder || isEditable && isFocus ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
@@ -338,7 +340,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           var name = item.name,
               isNew = item.isNew,
               listItemProps = item.listItemProps;
-          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], _extends({
             key: index,
             index: index,
             autoHover: true,
@@ -351,7 +353,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
             isDisabled: listDisabled,
             customProps: listItemProps,
             customClass: listItemClass
-          }, isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+          }, listProps), isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
             alignBox: "row",
             align: "vertical"
           }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/form/fields/TagsMultiSelect/props/propTypes.js

@@ -62,7 +62,8 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     TextBoxIconProps: _propTypes["default"].object,
     TagWrapperProps: _propTypes["default"].object,
-    TagProps: _propTypes["default"].object
+    TagProps: _propTypes["default"].object,
+    listProps: _propTypes["default"].object
   }),
   isFocus: _propTypes["default"].bool
 };

package/lib/list/DepartmentDropDown/DepartmentDropDown.js

@@ -25,6 +25,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -100,7 +102,10 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
           onSearch = _this$props3.onSearch,
           needSearchFetching = _this$props3.needSearchFetching,
           searchStr = _this$props3.searchStr,
-          i18nKeys = _this$props3.i18nKeys;
+          i18nKeys = _this$props3.i18nKeys,
+          customProps = _this$props3.customProps;
+      var _customProps$toggleDr = customProps.toggleDropDownProps,
+          toggleDropDownProps = _customProps$toggleDr === void 0 ? {} : _customProps$toggleDr;
       var _i18nKeys$title = i18nKeys.title,
           title = _i18nKeys$title === void 0 ? 'Move Department' : _i18nKeys$title,
           _i18nKeys$searchEmpty = i18nKeys.searchEmptyText,
@@ -109,7 +114,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
           searchErrorText = _i18nKeys$searchError === void 0 ? 'No results' : _i18nKeys$searchError,
           _i18nKeys$placeholder = i18nKeys.placeholder,
           placeholder = _i18nKeys$placeholder === void 0 ? 'Search Department' : _i18nKeys$placeholder;
-      return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], _extends({
         title: title,
         options: departmentList,
         value: /*#__PURE__*/_react["default"].createElement(_SecondaryText.DepartmentText, {
@@ -138,7 +143,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
         isNextOptions: isNextOptions,
         onSearch: onSearch,
         needSearchFetching: needSearchFetching
-      });
+      }, toggleDropDownProps));
     }
   }]);
 

package/lib/list/DepartmentDropDown/props/defaultProps.js

@@ -9,6 +9,7 @@ var defaultProps = {
   isPopupActive: true,
   isNextOptions: false,
   searchStr: '',
-  i18nKeys: {}
+  i18nKeys: {},
+  customProps: {}
 };
 exports.defaultProps = defaultProps;

package/lib/list/DepartmentDropDown/props/propTypes.js

@@ -31,5 +31,7 @@ var propTypes = (_propTypes = {
   searchEmptyText: _propTypes2["default"].string,
   searchErrorText: _propTypes2["default"].string,
   placeholder: _propTypes2["default"].string
+})), _defineProperty(_propTypes, "customProps", _propTypes2["default"].shape({
+  toggleDropDownProps: _propTypes2["default"].object
 })), _propTypes);
 exports.propTypes = propTypes;

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

@@ -36,8 +36,9 @@
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-.multiLineValue{
+.multiLineValue {
   word-break: break-word;
+  -webkit-line-clamp: 3;
   composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
 }
 [dir=ltr] .withBorder.active {
@@ -46,7 +47,6 @@
 [dir=rtl] .withBorder.active {
   border-right-color: var(--zdt_statuslistitem_default_active_border);
 }
-
 .default.hover, .default.effect:hover {
   background-color: var(--zdt_statuslistitem_default_effect_bg);
 }

package/lib/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -227,7 +227,9 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           _customProps$TagWrapp = customProps.TagWrapperProps,
           TagWrapperProps = _customProps$TagWrapp === void 0 ? {} : _customProps$TagWrapp,
           _customProps$TagProps = customProps.TagProps,
-          TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps;
+          TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps,
+          _customProps$listProp = customProps.listProps,
+          listProps = _customProps$listProp === void 0 ? {} : _customProps$listProp;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagsMultiSelectModule["default"].container, " ").concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n              ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
         onClick: _General.stopBubbling,
@@ -336,7 +338,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           var name = item.name,
               isNew = item.isNew,
               listItemProps = item.listItemProps;
-          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], _extends({
             key: index,
             index: index,
             autoHover: true,
@@ -349,7 +351,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
             isDisabled: listDisabled,
             customProps: listItemProps,
             customClass: listItemClass
-          }, isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+          }, listProps), isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
             alignBox: "row",
             align: "vertical"
           }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {