@zohodesk/dot 1.0.0-temp-187.1 → 1.0.0-temp-187.2

package/lib/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getThemeColorAssetPromise = getThemeColorAssetPromise;
+
+var _getAssetsImportPromises = require("../getAssetsImportPromises");
+
+var _themeColorAssetsConfig = require("../themeColorAssetsConfig");
+
+var _errorValidation = require("../errorValidation");
+
+var _constants = require("../constants");
+
+function getThemeColorAssetPromise(_ref) {
+  var themeAppearance = _ref.themeAppearance,
+      themeColor = _ref.themeColor;
+  var isError = (0, _errorValidation.validateAndLogError)({
+    options: _constants.THEME_COLORS,
+    value: themeColor,
+    type: 'themeColor'
+  });
+
+  if (!isError) {
+    var assetImportKeys = [];
+
+    _constants.LIBRARIES.map(function (library) {
+      var assetImportKey = _themeColorAssetsConfig.themeColorMapping[library][themeColor][themeAppearance];
+      assetImportKeys.push(assetImportKey);
+    });
+
+    return (0, _getAssetsImportPromises.getAssetsImportPromises)({
+      assetImportKeys: assetImportKeys,
+      assetImports: _themeColorAssetsConfig.themeColorImports
+    });
+  }
+
+  return [];
+}

package/lib/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getZoomSizeAssetPromise = getZoomSizeAssetPromise;
+
+var _sizeAssetsConfig = require("../sizeAssetsConfig");
+
+function getZoomSizeAssetPromise() {
+  return _sizeAssetsConfig.sizeImports[_sizeAssetsConfig.sizeMapping.zoomSize]();
+}

package/lib/DotProvider/utils/constants.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.THEME_COLOR_YELLOW = exports.THEME_COLOR_RED = exports.THEME_COLOR_ORANGE = exports.THEME_COLOR_GREEN = exports.THEME_COLOR_BLUE = exports.THEME_COLORS = exports.THEME_APPEARANCE_PURE_DARK = exports.THEME_APPEARANCE_LIGHT = exports.THEME_APPEARANCE_DARK = exports.THEME_APPEARANCES = exports.LIBRARY_SVG = exports.LIBRARY_DOT = exports.LIBRARY_COMPONENT = exports.LIBRARIES = void 0;
+var LIBRARY_COMPONENT = 'component';
+exports.LIBRARY_COMPONENT = LIBRARY_COMPONENT;
+var LIBRARY_DOT = 'dot';
+exports.LIBRARY_DOT = LIBRARY_DOT;
+var LIBRARY_SVG = 'svg';
+exports.LIBRARY_SVG = LIBRARY_SVG;
+var THEME_APPEARANCE_LIGHT = 'light';
+exports.THEME_APPEARANCE_LIGHT = THEME_APPEARANCE_LIGHT;
+var THEME_APPEARANCE_DARK = 'dark';
+exports.THEME_APPEARANCE_DARK = THEME_APPEARANCE_DARK;
+var THEME_APPEARANCE_PURE_DARK = 'pureDark';
+exports.THEME_APPEARANCE_PURE_DARK = THEME_APPEARANCE_PURE_DARK;
+var THEME_COLOR_BLUE = 'blue';
+exports.THEME_COLOR_BLUE = THEME_COLOR_BLUE;
+var THEME_COLOR_GREEN = 'green';
+exports.THEME_COLOR_GREEN = THEME_COLOR_GREEN;
+var THEME_COLOR_ORANGE = 'orange';
+exports.THEME_COLOR_ORANGE = THEME_COLOR_ORANGE;
+var THEME_COLOR_RED = 'red';
+exports.THEME_COLOR_RED = THEME_COLOR_RED;
+var THEME_COLOR_YELLOW = 'yellow';
+exports.THEME_COLOR_YELLOW = THEME_COLOR_YELLOW;
+var LIBRARIES = [LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG];
+exports.LIBRARIES = LIBRARIES;
+var THEME_APPEARANCES = [THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_DARK, THEME_APPEARANCE_PURE_DARK];
+exports.THEME_APPEARANCES = THEME_APPEARANCES;
+var THEME_COLORS = [THEME_COLOR_BLUE, THEME_COLOR_GREEN, THEME_COLOR_ORANGE, THEME_COLOR_RED, THEME_COLOR_YELLOW];
+exports.THEME_COLORS = THEME_COLORS;

package/lib/DotProvider/utils/errorValidation.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateAndLogError = validateAndLogError;
+
+var _constants = require("./constants");
+
+function validateAndLogError(_ref) {
+  var options = _ref.options,
+      value = _ref.value,
+      type = _ref.type;
+  var isError = !options.includes(value);
+
+  if (isError) {
+    var themeAppearances = _constants.THEME_APPEARANCES.toString();
+
+    var themeColors = _constants.THEME_COLORS.toString();
+
+    console.error("We do not support the '".concat(value, " ").concat(type, "'. Please provide valid '").concat(type, "' values or check spelling. DotProvider supports ").concat(themeAppearances, " appearance & ").concat(themeColors, " theme."));
+  }
+
+  return isError;
+}

package/lib/DotProvider/utils/getAssetsImportPromises.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAssetsImportPromises = getAssetsImportPromises;
+
+function getAssetsImportPromises(_ref) {
+  var assetImportKeys = _ref.assetImportKeys,
+      assetImports = _ref.assetImports;
+  var promises = [];
+  assetImportKeys.forEach(function (importKey) {
+    var assetURL = assetImports[importKey];
+
+    if (assetURL) {
+      promises.push(assetURL());
+    } else {
+      console.error("Import not found for ".concat(importKey, " from ").concat(assetImports));
+    }
+  });
+  return promises;
+}

package/lib/DotProvider/utils/sizeAssetsConfig.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sizeMapping = exports.sizeImports = void 0;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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; }
+
+var sizeImports = {
+  Lib_ZoomSize: function Lib_ZoomSize() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('@zohodesk/variables/assets/sizeVariables.module.css'));
+    });
+  },
+  Lib_FontSize: function Lib_FontSize() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('@zohodesk/variables/assets/fontsizeVariables.module.css'));
+    });
+  }
+};
+exports.sizeImports = sizeImports;
+var sizeMapping = {
+  zoomSize: 'Lib_ZoomSize',
+  fontSize: 'Lib_FontSize'
+};
+exports.sizeMapping = sizeMapping;

package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.themeAppearanceMapping = exports.themeAppearanceImports = void 0;
+
+var _constants = require("./constants");
+
+var _LIBRARY_COMPONENT, _LIBRARY_DOT, _LIBRARY_SVG, _themeAppearanceMappi;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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; }
+
+var themeAppearanceImports = {
+  Lib_LightMode_Component: function Lib_LightMode_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css'));
+    });
+  },
+  Lib_DarkMode_Component: function Lib_DarkMode_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css'));
+    });
+  },
+  Lib_PureDarkMode_Component: function Lib_PureDarkMode_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css'));
+    });
+  },
+  Lib_LightMode_Dot: function Lib_LightMode_Dot() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_PureDarkMode_Dot: function Lib_PureDarkMode_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("./../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css"));
+    });
+  },
+  Lib_LightMode_SVG: function Lib_LightMode_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('@zohodesk/svg/assets/Appearance/light/mode/SVG_LightMode.module.css'));
+    });
+  },
+  Lib_DarkMode_SVG: function Lib_DarkMode_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('@zohodesk/svg/assets/Appearance/dark/mode/SVG_DarkMode.module.css'));
+    });
+  },
+  Lib_PureDarkMode_SVG: function Lib_PureDarkMode_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('@zohodesk/svg/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css'));
+    });
+  }
+};
+exports.themeAppearanceImports = themeAppearanceImports;
+var themeAppearanceMapping = (_themeAppearanceMappi = {}, _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_COMPONENT, (_LIBRARY_COMPONENT = {}, _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Component'), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Component'), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Component'), _LIBRARY_COMPONENT)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_DOT, (_LIBRARY_DOT = {}, _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Dot'), _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Dot'), _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Dot'), _LIBRARY_DOT)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_SVG, (_LIBRARY_SVG = {}, _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_SVG'), _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_SVG'), _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_SVG'), _LIBRARY_SVG)), _themeAppearanceMappi);
+exports.themeAppearanceMapping = themeAppearanceMapping;

package/lib/DotProvider/utils/themeColorAssetsConfig.js

@@ -0,0 +1,249 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.themeColorMapping = exports.themeColorImports = void 0;
+
+var _constants = require("./constants");
+
+var _THEME_COLOR_BLUE, _THEME_COLOR_GREEN, _THEME_COLOR_ORANGE, _THEME_COLOR_RED, _THEME_COLOR_YELLOW, _LIBRARY_COMPONENT, _THEME_COLOR_BLUE2, _THEME_COLOR_GREEN2, _THEME_COLOR_ORANGE2, _THEME_COLOR_RED2, _THEME_COLOR_YELLOW2, _LIBRARY_DOT, _THEME_COLOR_BLUE3, _THEME_COLOR_GREEN3, _THEME_COLOR_ORANGE3, _THEME_COLOR_RED3, _THEME_COLOR_YELLOW3, _LIBRARY_SVG, _themeColorMapping;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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; }
+
+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"));
+    });
+  },
+  Lib_Blue_Dark_Component: function Lib_Blue_Dark_Component() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Green_Light_Component: function Lib_Green_Light_Component() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Green_PureDark_Component: function Lib_Green_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Orange_Dark_Component: function Lib_Orange_Dark_Component() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Red_Light_Component: function Lib_Red_Light_Component() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Red_PureDark_Component: function Lib_Red_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Yellow_Dark_Component: function Lib_Yellow_Dark_Component() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Blue_Light_Dot: function Lib_Blue_Light_Dot() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Blue_PureDark_Dot: function Lib_Blue_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Green_Dark_Dot: function Lib_Green_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Orange_Light_Dot: function Lib_Orange_Light_Dot() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Orange_PureDark_Dot: function Lib_Orange_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Red_Dark_Dot: function Lib_Red_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Yellow_Light_Dot: function Lib_Yellow_Light_Dot() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Yellow_PureDark_Dot: function Lib_Yellow_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Blue_Dark_SVG: function Lib_Blue_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Green_Light_SVG: function Lib_Green_Light_SVG() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Green_PureDark_SVG: function Lib_Green_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Orange_Dark_SVG: function Lib_Orange_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Red_Light_SVG: function Lib_Red_Light_SVG() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Red_PureDark_SVG: function Lib_Red_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  },
+  Lib_Yellow_Dark_SVG: function Lib_Yellow_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      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"));
+    });
+  }
+};
+exports.themeColorImports = themeColorImports;
+var themeColorMapping = (_themeColorMapping = {}, _defineProperty(_themeColorMapping, _constants.LIBRARY_COMPONENT, (_LIBRARY_COMPONENT = {}, _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE = {}, _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Component'), _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Component'), _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Component'), _THEME_COLOR_BLUE)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN = {}, _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Component'), _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Component'), _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Component'), _THEME_COLOR_GREEN)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE = {}, _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Component'), _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Component'), _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Component'), _THEME_COLOR_ORANGE)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED = {}, _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Component'), _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Component'), _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Component'), _THEME_COLOR_RED)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW = {}, _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Component'), _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Component'), _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Component'), _THEME_COLOR_YELLOW)), _LIBRARY_COMPONENT)), _defineProperty(_themeColorMapping, _constants.LIBRARY_DOT, (_LIBRARY_DOT = {}, _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE2 = {}, _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Dot'), _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Dot'), _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Dot'), _THEME_COLOR_BLUE2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN2 = {}, _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Dot'), _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Dot'), _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Dot'), _THEME_COLOR_GREEN2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE2 = {}, _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Dot'), _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Dot'), _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Dot'), _THEME_COLOR_ORANGE2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED2 = {}, _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Dot'), _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Dot'), _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Dot'), _THEME_COLOR_RED2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW2 = {}, _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Dot'), _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Dot'), _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Dot'), _THEME_COLOR_YELLOW2)), _LIBRARY_DOT)), _defineProperty(_themeColorMapping, _constants.LIBRARY_SVG, (_LIBRARY_SVG = {}, _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE3 = {}, _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_SVG'), _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_SVG'), _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_SVG'), _THEME_COLOR_BLUE3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN3 = {}, _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_SVG'), _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_SVG'), _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_SVG'), _THEME_COLOR_GREEN3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE3 = {}, _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_SVG'), _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_SVG'), _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_SVG'), _THEME_COLOR_ORANGE3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED3 = {}, _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_SVG'), _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_SVG'), _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_SVG'), _THEME_COLOR_RED3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW3 = {}, _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_SVG'), _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_SVG'), _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_SVG'), _THEME_COLOR_YELLOW3)), _LIBRARY_SVG)), _themeColorMapping);
+exports.themeColorMapping = themeColorMapping;

package/lib/Drawer/Drawer.js

@@ -256,7 +256,8 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           onClose = _this$props4.onClose,
           needFocusScope = _this$props4.needFocusScope,
           customProps = _this$props4.customProps,
-          a11y = _this$props4.a11y;
+          a11y = _this$props4.a11y,
+          customDrawerClass = _this$props4.customDrawerClass;
       var _customProps$focusSco = customProps.focusScopeProps,
           focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
       var _focusScopeProps$need = focusScopeProps.needAutoFocus,
@@ -284,7 +285,7 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
       });
 
       var content = /*#__PURE__*/_react["default"].createElement(_Layout.Box, _extends({
-        className: "".concat(_DrawerModule["default"].container, " ").concat(_DrawerModule["default"].columns, " ").concat(_DrawerModule["default"].drawerModal, " ").concat(uptoTablet ? _DrawerModule["default"].mbleSize : _DrawerModule["default"][size]),
+        className: "".concat(_DrawerModule["default"].container, " ").concat(_DrawerModule["default"].columns, " ").concat(_DrawerModule["default"].drawerModal, " ").concat(uptoTablet ? _DrawerModule["default"].mbleSize : _DrawerModule["default"][size], " ").concat(customDrawerClass),
         "data-a11y-need-focus-style": "false",
         tabindex: -1,
         eleRef: this.createRef
@@ -394,8 +395,4 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
 
 exports["default"] = Drawer;
 Drawer.propTypes = _propTypes.Drawer_propTypes;
-Drawer.defaultProps = _defaultProps.Drawer_defaultProps; // if (__DOCS__) {
-//   Drawer.docs = {
-//     componentGroup: 'Template'
-//   };
-// }
+Drawer.defaultProps = _defaultProps.Drawer_defaultProps;

package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap

@@ -12,7 +12,7 @@ exports[`Drawer rendering the isActive true 1`] = `
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small shrinkOff"
+      class="container columns drawerModal small  shrinkOff"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"

package/lib/Drawer/props/defaultProps.js

@@ -23,6 +23,7 @@ var Drawer_defaultProps = {
   subDrawerActive: false,
   subDrawerClass: '',
   customClass: '',
+  customDrawerClass: '',
   needAutoZindex: true,
   onBodyClick: function onBodyClick() {},
   needFocusScope: false,

package/lib/Drawer/props/propTypes.js

@@ -45,6 +45,7 @@ exports.Footer_propTypes = Footer_propTypes;
 var Drawer_propTypes = {
   children: _propTypes["default"].node,
   customClass: _propTypes["default"].string,
+  customDrawerClass: _propTypes["default"].string,
   forwardRef: _propTypes["default"].object,
   isActive: _propTypes["default"].bool,
   needAutoZindex: _propTypes["default"].bool,

package/lib/common/dot_boxShadow.module.css

@@ -35,6 +35,4 @@
 
     /* desktop notification */
     --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
-
-
 }

package/lib/form/fields/CurrencyField/CurrencyField.js

@@ -166,6 +166,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
       }
 
       var uniqueId = htmlId ? htmlId : this.getNextId();
+      var isFocusable = !needReadOnlyStyle || !isReadOnly && needReadOnlyStyle;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
         "data-title": isDisabled ? title : null,
@@ -197,7 +198,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
         onChange: this.handleChange,
         dataId: dataId,
         onBlur: this.onBlur,
-        onFocus: this.onFocus,
+        onFocus: isFocusable && this.onFocus,
         onKeyDown: onKeyDown,
         placeHolder: placeHolder,
         borderColor: borderColor,

package/lib/list/status/StatusDropdown/StatusDropdown.js

@@ -244,6 +244,8 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           isRestrictScroll = _this$props4.isRestrictScroll,
           positionsOffset = _this$props4.positionsOffset,
           targetOffset = _this$props4.targetOffset,
+          renderTargetElement = _this$props4.renderTargetElement,
+          renderFooterElement = _this$props4.renderFooterElement,
           _this$props4$a11y = _this$props4.a11y,
           a11y = _this$props4$a11y === void 0 ? {} : _this$props4$a11y;
       var _a11y$tabIndex = a11y.tabIndex,
@@ -258,7 +260,11 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
         className: _StatusDropdownModule["default"].posRel,
         onMouseEnter: showOnHover && !isDisabled && !isReadOnly && isEditable ? this.handleTogglePopup : undefined,
         onMouseLeave: showOnHover && !isDisabled && !isReadOnly && isEditable ? this.handleTogglePopup : undefined
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      }, renderTargetElement ? renderTargetElement({
+        handleTogglePopup: this.handleTogglePopup,
+        isPopupOpen: isPopupOpen,
+        getTargetRef: getTargetRef
+      }) : /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         tagName: "button",
         alignBox: "row",
         className: "".concat(_StatusDropdownModule["default"].container, " ").concat(containerClass, " ").concat(_semanticButtonModule["default"].buttonReset),
@@ -396,7 +402,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           getEmptyState: _this2.emptySearchSVG
         }) : /*#__PURE__*/_react["default"].createElement("div", {
           className: _StatusDropdownModule["default"].loader
-        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null)))));
+        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))), renderFooterElement ? renderFooterElement : null));
       }) : null);
     }
   }]);

package/lib/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js

@@ -13,6 +13,20 @@ describe('StatusDropdown', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_StatusDropdown["default"], null)),
         asFragment = _render.asFragment;
 
+    expect(asFragment()).toMatchSnapshot();
+  }), test('rendering target element', function () {
+    var renderTargetElement = function renderTargetElement(_ref) {
+      var isPopupOpen = _ref.isPopupOpen;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: isPopupOpen ? 'popupOpened' : 'popupClosed'
+      }, "Target Element");
+    };
+
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_StatusDropdown["default"], {
+      renderTargetElement: renderTargetElement
+    })),
+        asFragment = _render2.asFragment;
+
     expect(asFragment()).toMatchSnapshot();
   });
 });