@zohodesk/dot 1.6.1 → 1.7.0

package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/svg/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/svg/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/svg/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/svg/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/svg/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/svg/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/svg/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/svg/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css");

package/lib/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 = {
+  themeAppearance: _constants.THEME_APPEARANCE_LIGHT,
+  themeColor: _constants.THEME_COLOR_BLUE,
+  baseZoomUnit: '1px',
+  baseFontUnit: '16px',
+  zoomUnitVariable: '--zd_baseUnit',
+  fontUnitVariable: '--zd_baseFontUnit',
+  themeAppearanceAttr: 'data-mode',
+  themeColorAttr: 'data-theme'
+};
+exports.defaultProps = defaultProps;

package/lib/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 = {
+  themeAppearance: _propTypes["default"].oneOf(_constants.THEME_APPEARANCES),
+  themeColor: _propTypes["default"].oneOf(_constants.THEME_COLORS),
+  baseZoomUnit: _propTypes["default"].string,
+  baseFontUnit: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  zoomUnitVariable: _propTypes["default"].string,
+  fontUnitVariable: _propTypes["default"].string,
+  themeAppearanceAttr: _propTypes["default"].string,
+  themeColorAttr: _propTypes["default"].string,
+  providerRef: _propTypes["default"].func,
+  onAssetsDownloadSuccess: _propTypes["default"].func,
+  getAssetsPromises: _propTypes["default"].func,
+  children: _propTypes["default"].node
+};
+exports.propTypes = propTypes;

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

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

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getThemeAppearanceAssetPromise = getThemeAppearanceAssetPromise;
+
+var _getAssetsImportPromises = require("../getAssetsImportPromises");
+
+var _themeAppearanceAssetsConfig = require("../themeAppearanceAssetsConfig");
+
+var _errorValidation = require("../errorValidation");
+
+var _constants = require("../constants");
+
+function getThemeAppearanceAssetPromise(_ref) {
+  var themeAppearance = _ref.themeAppearance;
+  var isError = (0, _errorValidation.validateAndLogError)({
+    options: _constants.THEME_APPEARANCES,
+    value: themeAppearance,
+    type: 'themeAppearance'
+  });
+
+  if (!isError) {
+    var assetImportKeys = [];
+
+    _constants.LIBRARIES.map(function (library) {
+      var assetImportKey = _themeAppearanceAssetsConfig.themeAppearanceMapping[library][themeAppearance];
+      assetImportKeys.push(assetImportKey);
+    });
+
+    return (0, _getAssetsImportPromises.getAssetsImportPromises)({
+      assetImportKeys: assetImportKeys,
+      assetImports: _themeAppearanceAssetsConfig.themeAppearanceImports
+    });
+  }
+
+  return [];
+}

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;