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

package/lib/v1/DotProvider/props/defaultProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+
+var _constants = require("../utils/constants");
+
+var defaultProps = {
+  ui_themeAppearance: _constants.THEME_APPEARANCE_LIGHT,
+  ui_themeColor: _constants.THEME_COLOR_BLUE,
+  ui_baseZoomUnit: '1px',
+  ui_baseFontUnit: '16px',
+  data_zoomUnitVariable: '--zd_baseUnit',
+  data_fontUnitVariable: '--zd_baseFontUnit',
+  data_themeAppearanceAttr: 'data-mode',
+  data_themeColorAttr: 'data-theme'
+};
+exports.defaultProps = defaultProps;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("../utils/constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  ui_themeAppearance: _propTypes["default"].oneOf(_constants.THEME_APPEARANCES),
+  ui_themeColor: _propTypes["default"].oneOf(_constants.THEME_COLORS),
+  ui_baseZoomUnit: _propTypes["default"].string,
+  ui_baseFontUnit: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  data_zoomUnitVariable: _propTypes["default"].string,
+  data_fontUnitVariable: _propTypes["default"].string,
+  data_themeAppearanceAttr: _propTypes["default"].string,
+  data_themeColorAttr: _propTypes["default"].string,
+  method_providerRef: _propTypes["default"].func,
+  method_onAssetsDownloadSuccess: _propTypes["default"].func,
+  method_getAssetsPromises: _propTypes["default"].func,
+  children: _propTypes["default"].node
+};
+exports.propTypes = propTypes;

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

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFontSizeAssetPromise = getFontSizeAssetPromise;
+exports.getThemeAppearanceAssetPromise = getThemeAppearanceAssetPromise;
+exports.getThemeColorAssetPromise = getThemeColorAssetPromise;
+exports.getZoomSizeAssetPromise = getZoomSizeAssetPromise;
+
+var _getAssetsImportPromises = require("./getAssetsImportPromises");
+
+var _themeAppearanceAssetsConfig = require("./themeAppearanceAssetsConfig");
+
+var _themeColorAssetsConfig = require("./themeColorAssetsConfig");
+
+var _sizeAssetsConfig = require("./sizeAssetsConfig");
+
+var _errorValidation = require("./errorValidation");
+
+var _constants = require("./constants");
+
+function getThemeAppearanceAssetPromise(_ref) {
+  var themeAppearance = _ref.themeAppearance;
+
+  try {
+    (0, _errorValidation.errorValidation)({
+      options: _constants.THEME_APPEARANCES,
+      value: themeAppearance,
+      type: 'themeAppearance'
+    });
+    var assetImportKeys = [];
+
+    _constants.LIBRARIES.map(function (library) {
+      var assetImportKey = _themeAppearanceAssetsConfig.assetImportMapping[library][themeAppearance];
+      assetImportKeys.push(assetImportKey);
+    });
+
+    return (0, _getAssetsImportPromises.getAssetsImportPromises)({
+      assetImportKeys: assetImportKeys,
+      assetImports: _themeAppearanceAssetsConfig.assetImports
+    });
+  } catch (error) {
+    console.warn('Error: ', error);
+  }
+}
+
+function getThemeColorAssetPromise(_ref2) {
+  var themeAppearance = _ref2.themeAppearance,
+      themeColor = _ref2.themeColor;
+
+  try {
+    (0, _errorValidation.errorValidation)({
+      options: _constants.THEME_COLORS,
+      value: themeColor,
+      type: 'themeColor'
+    });
+    var assetImportKeys = [];
+
+    _constants.LIBRARIES.map(function (library) {
+      var assetImportKey = _themeColorAssetsConfig.assetImportMapping[library][themeColor][themeAppearance];
+      assetImportKeys.push(assetImportKey);
+    });
+
+    return (0, _getAssetsImportPromises.getAssetsImportPromises)({
+      assetImportKeys: assetImportKeys,
+      assetImports: _themeColorAssetsConfig.assetImports
+    });
+  } catch (error) {
+    console.warn('Error: ', error);
+  }
+}
+
+function getZoomSizeAssetPromise() {
+  return _sizeAssetsConfig.assetImports[_sizeAssetsConfig.assetImportMapping.zoomSize]();
+}
+
+function getFontSizeAssetPromise() {
+  return _sizeAssetsConfig.assetImports[_sizeAssetsConfig.assetImportMapping.fontSize]();
+}

package/lib/v1/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/v1/DotProvider/utils/errorValidation.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.errorValidation = errorValidation;
+
+var _constants = require("./constants");
+
+function errorValidation(_ref) {
+  var options = _ref.options,
+      value = _ref.value,
+      type = _ref.type;
+
+  if (!options.includes(value)) {
+    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."));
+  }
+}

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

@@ -0,0 +1,24 @@
+"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 Promise.all(promises)["catch"](function (error) {
+    console.error("Error importing files:", error);
+  });
+}

package/lib/v1/DotProvider/utils/sizeAssetsConfig.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assetImports = exports.assetImportMapping = 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 assetImports = {
+  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.assetImports = assetImports;
+var assetImportMapping = {
+  zoomSize: 'Lib_ZoomSize',
+  fontSize: 'Lib_FontSize'
+};
+exports.assetImportMapping = assetImportMapping;

package/lib/v1/DotProvider/utils/themeAppearanceAssetsConfig.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assetImports = exports.assetImportMapping = void 0;
+
+var _constants = require("./constants");
+
+var _LIBRARY_COMPONENT, _LIBRARY_DOT, _LIBRARY_SVG, _assetImportMapping;
+
+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 assetImports = {
+  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.assetImports = assetImports;
+var assetImportMapping = (_assetImportMapping = {}, _defineProperty(_assetImportMapping, _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(_assetImportMapping, _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(_assetImportMapping, _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)), _assetImportMapping);
+exports.assetImportMapping = assetImportMapping;

package/lib/v1/DotProvider/utils/themeColorAssetsConfig.js

@@ -0,0 +1,249 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assetImports = exports.assetImportMapping = 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, _assetImportMapping;
+
+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 assetImports = {
+  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.assetImports = assetImports;
+var assetImportMapping = (_assetImportMapping = {}, _defineProperty(_assetImportMapping, _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(_assetImportMapping, _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(_assetImportMapping, _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)), _assetImportMapping);
+exports.assetImportMapping = assetImportMapping;

package/lib/v1/emptystate/EditionPage/props/propTypes.js

@@ -17,6 +17,6 @@ var propTypes = {
   information: _propTypes["default"].string,
   onButtonClick: _propTypes["default"].func,
   butttonText: _propTypes["default"].string,
-  children: _propTypes["default"].string
+  children: _propTypes["default"].node
 };
 exports.propTypes = propTypes;

package/lib/v1/form/fields/FieldContainer/props/propTypes.js

@@ -31,5 +31,5 @@ var propTypes = (_propTypes = {
   infoText: _propTypes2["default"].string,
   dataId: _propTypes2["default"].string,
   dataSelectorId: _propTypes2["default"].string
-}, _defineProperty(_propTypes, "dataId", _propTypes2["default"].string), _defineProperty(_propTypes, "infoText", _propTypes2["default"].string), _defineProperty(_propTypes, "lockedInfoText", _propTypes2["default"].string), _defineProperty(_propTypes, "isLocked", _propTypes2["default"].bool), _defineProperty(_propTypes, "dataSelectorId", _propTypes2["default"].bool), _propTypes);
+}, _defineProperty(_propTypes, "dataId", _propTypes2["default"].string), _defineProperty(_propTypes, "infoText", _propTypes2["default"].string), _defineProperty(_propTypes, "lockedInfoText", _propTypes2["default"].string), _defineProperty(_propTypes, "isLocked", _propTypes2["default"].bool), _propTypes);
 exports.propTypes = propTypes;

package/lib/v1/form/fields/TagsMultiSelectField/props/propTypes.js

@@ -74,6 +74,6 @@ var propTypes = {
   togglePopup: _propTypes["default"].func,
   clickableTag: _propTypes["default"].bool,
   dataId: _propTypes["default"].string,
-  dataSelectorId: _propTypes["default"].bool
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/v1/form/fields/TextEditorField/props/propTypes.js

@@ -63,5 +63,5 @@ var propTypes = (_propTypes = {
     ePhiText: _propTypes2["default"].string,
     ePhiStatus: _propTypes2["default"].bool
   })
-}, _defineProperty(_propTypes, "dataId", _propTypes2["default"].string), _defineProperty(_propTypes, "infoText", _propTypes2["default"].string), _defineProperty(_propTypes, "lockedInfoText", _propTypes2["default"].string), _defineProperty(_propTypes, "isLocked", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isMandatory", _propTypes2["default"].bool), _defineProperty(_propTypes, "dataSelectorId", _propTypes2["default"].bool), _propTypes);
+}, _defineProperty(_propTypes, "dataId", _propTypes2["default"].string), _defineProperty(_propTypes, "infoText", _propTypes2["default"].string), _defineProperty(_propTypes, "lockedInfoText", _propTypes2["default"].string), _defineProperty(_propTypes, "isLocked", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isMandatory", _propTypes2["default"].bool), _defineProperty(_propTypes, "dataSelectorId", _propTypes2["default"].string), _propTypes);
 exports.propTypes = propTypes;

package/lib/v1/form/fields/props/FieldCommonPropTypes.js

@@ -22,7 +22,7 @@ var FieldCommonPropTypes = {
     middle: _propTypes["default"].func,
     end: _propTypes["default"].func
   }),
-  dataSelectorId: _propTypes["default"].bool
+  dataSelectorId: _propTypes["default"].string
 };
 exports.FieldCommonPropTypes = FieldCommonPropTypes;
 ;

package/lib/v1/form/layout/Field/props/propTypes.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
-  children: _propTypes["default"].any,
+  children: _propTypes["default"].node,
   className: _propTypes["default"].string,
   column: _propTypes["default"].string,
   containerClass: _propTypes["default"].string,

package/lib/v1/layout/SubtabLayout/props/propTypes.js

@@ -41,7 +41,7 @@ var SubtabFooter_propTypes = {
 exports.SubtabFooter_propTypes = SubtabFooter_propTypes;
 var SubtabContent_propTypes = {
   children: _propTypes["default"].oneOf([_propTypes["default"].element, _propTypes["default"].array]),
-  className: _propTypes["default"].element,
+  className: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
   eleRef: _propTypes["default"].func,
   scroll: _propTypes["default"].oneOf(['vertical'])