@zohodesk/dot 1.0.0-temp-193 → 1.0.0-temp-193.1

package/README.md

@@ -2,6 +2,11 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.5.0
+
+- **CurrencyField** 
+- In customProps prop > TextBoxProps key changed to TextBoxIconProps (Impact Change)
+
 # 1.4.18
 
 - **renderRightPlaceholderNode**

package/es/form/fields/CurrencyField/CurrencyField.js

@@ -5,7 +5,7 @@ import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
-import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
+import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
 import ValidationMessage from '../ValidationMessage/ValidationMessage';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 import FieldContainer from '../FieldContainer/FieldContainer';
@@ -101,7 +101,7 @@ export default class CurrencyField extends PureComponent {
     } = this.props;
     const {
       LabelProps = {},
-      TextBoxProps = {},
+      TextBoxIconProps = {},
       ValidationMessageProps1 = {},
       ValidationMessageProps2 = {}
     } = customProps;
@@ -136,7 +136,7 @@ export default class CurrencyField extends PureComponent {
       ...LabelProps
     })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(TextBox, {
+    }, /*#__PURE__*/React.createElement(TextBoxIcon, {
       htmlId: uniqueId,
       id: id,
       type: textBoxType,
@@ -157,7 +157,10 @@ export default class CurrencyField extends PureComponent {
       needEffect: isReadOnly || isDisabled ? false : true,
       isClickable: isClickable,
       needReadOnlyStyle: needReadOnlyStyle,
-      ...TextBoxProps
+      a11y: {
+        ariaLabelledby: labelName
+      },
+      ...TextBoxIconProps
     }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,

package/es/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap

@@ -9,15 +9,46 @@ exports[`CurrencyField rendering the defult props 1`] = `
     <div
       class="fieldContainer "
     >
-      <input
-        class="  container xmedium  primary border effect  borderColor_default  "
-        data-id="textBox"
-        data-selector-id="textBox"
-        data-test-id="textBox"
-        id="1"
-        type="text"
-        value=""
-      />
+      <div
+        class="container effect    flex rowdir"
+        data-id="containerComponent"
+        data-selector-id="textBoxIcon"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <input
+            class="  container xmedium  primary  effect  borderColor_default  "
+            data-id="textBoxIcon"
+            data-selector-id="textBoxIcon"
+            data-test-id="textBoxIcon"
+            id="1"
+            maxlength="250"
+            type="text"
+            value=""
+          />
+        </div>
+        <div
+          class="iconContainer  shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex cover rowdir"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+          />
+        </div>
+        <div
+          class="line borderColor_default "
+        />
+      </div>
     </div>
   </div>
 </DocumentFragment>

package/es/form/fields/CurrencyField/props/propTypes.js

@@ -27,7 +27,7 @@ export const propTypes = {
   needReadOnlyStyle: PropTypes.bool,
   customProps: PropTypes.shape({
     LabelProps: PropTypes.object,
-    TextBoxProps: PropTypes.object,
+    TextBoxIconProps: PropTypes.object,
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),

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

@@ -6,8 +6,8 @@ import { errorMessage } from "../utils/errorMessage";
 const defaultLib = ['component', 'dot', 'svg'];
 const modeArray = ['light', 'dark', 'pureDark'];
 const themeArray = ['blue', 'green', 'orange', 'red', 'yellow'];
-export function getAppearance(mode, library) {
-  const libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
+export function getAppearance(mode) {
+  const libArray = defaultLib;
   errorMessage(modeArray, mode, 'appearance');
   const importFilesArray = [];
   libArray.map(libName => {
@@ -19,8 +19,8 @@ export function getAppearance(mode, library) {
     imports: appearanceImports
   });
 }
-export function getTheme(mode, theme, library) {
-  const libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
+export function getTheme(mode, theme) {
+  const libArray = defaultLib;
   errorMessage(themeArray, theme, 'theme');
   const importFilesArray = [];
   libArray.map(libName => {

package/es/v1/DotProvider/providerAssets.js

@@ -0,0 +1,38 @@
+import { getAppearance, getTheme, getZoomSize, getFontSize } from './libraryChunks/dynamicImports';
+export function providerAssets(_ref) {
+  let {
+    appearance,
+    theme,
+    baseZoomSize,
+    baseFontSize,
+    providerRef,
+    getAssetPromise,
+    sizeVariableName,
+    fontSizeVariableName
+  } = _ref;
+  const promises = [];
+  const libAppearance = getAppearance(appearance);
+  promises.push(libAppearance);
+  const libTheme = getTheme(appearance, theme);
+  promises.push(libTheme);
+
+  if (baseZoomSize) {
+    const zoomSize = getZoomSize();
+    promises.push(zoomSize);
+
+    if (providerRef()) {
+      providerRef().style.setProperty(sizeVariableName, baseZoomSize);
+    }
+  }
+
+  if (baseFontSize) {
+    const fontSize = getFontSize();
+    promises.push(fontSize);
+
+    if (providerRef()) {
+      providerRef().style.setProperty(fontSizeVariableName, baseFontSize);
+    }
+  }
+
+  getAssetPromise(Promise.all(promises));
+}

package/es/v1/DotProvider/useDotProvider.js

@@ -0,0 +1,40 @@
+import { useLayoutEffect } from 'react';
+import { providerAssets } from './providerAssets';
+import '@zohodesk/components/assets/Contrast/lightContrastLightness.module.css';
+import '@zohodesk/components/assets/Contrast/darkContrastLightness.module.css';
+import '@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css';
+import '@zohodesk/variables/assets/colorVariables.module.css';
+import '@zohodesk/variables/assets/dotVariables.module.css';
+import '@zohodesk/components/es/common/basic.module.css';
+import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
+import '@zohodesk/components/lib/common/boxShadow.module.css';
+import '../../common/dot_boxShadow.module.css';
+
+function useDotProvider(_ref) {
+  let {
+    appearance = 'light',
+    theme = 'blue',
+    baseZoomSize = 1,
+    baseFontSize = 16,
+    providerRef = () => {
+      return document.documentElement;
+    },
+    getAssetPromise,
+    sizeVariableName = '--zd_baseSize',
+    fontSizeVariableName = '--zd_baseFontSize'
+  } = _ref;
+  useLayoutEffect(() => {
+    providerAssets({
+      appearance,
+      theme,
+      baseZoomSize,
+      baseFontSize,
+      providerRef,
+      getAssetPromise,
+      sizeVariableName,
+      fontSizeVariableName
+    });
+  }, [appearance, theme, baseZoomSize, baseFontSize, providerRef, getAssetPromise, sizeVariableName, fontSizeVariableName]);
+}
+
+export default useDotProvider;

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

@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
 
 var _Label = _interopRequireDefault(require("@zohodesk/components/lib/Label/Label"));
 
-var _TextBox = _interopRequireDefault(require("@zohodesk/components/lib/TextBox/TextBox"));
+var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
 
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
 
@@ -150,8 +150,8 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
           renderLabelProps = _this$props3.renderLabelProps;
       var _customProps$LabelPro = customProps.LabelProps,
           LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
-          _customProps$TextBoxP = customProps.TextBoxProps,
-          TextBoxProps = _customProps$TextBoxP === void 0 ? {} : _customProps$TextBoxP,
+          _customProps$TextBoxI = customProps.TextBoxIconProps,
+          TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI,
           _customProps$Validati = customProps.ValidationMessageProps1,
           ValidationMessageProps1 = _customProps$Validati === void 0 ? {} : _customProps$Validati,
           _customProps$Validati2 = customProps.ValidationMessageProps2,
@@ -184,7 +184,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
         dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
       }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
-      }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], _extends({
+      }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], _extends({
         htmlId: uniqueId,
         id: id,
         type: textBoxType,
@@ -204,8 +204,11 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
         isDisabled: isDisabled,
         needEffect: isReadOnly || isDisabled ? false : true,
         isClickable: isClickable,
-        needReadOnlyStyle: needReadOnlyStyle
-      }, TextBoxProps)), validationMessage && /*#__PURE__*/_react["default"].createElement(_ValidationMessage["default"], _extends({
+        needReadOnlyStyle: needReadOnlyStyle,
+        a11y: {
+          ariaLabelledby: labelName
+        }
+      }, TextBoxIconProps)), validationMessage && /*#__PURE__*/_react["default"].createElement(_ValidationMessage["default"], _extends({
         text: validationMessage,
         palette: validationPalette,
         type: errorType,

package/lib/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap

@@ -9,15 +9,46 @@ exports[`CurrencyField rendering the defult props 1`] = `
     <div
       class="fieldContainer "
     >
-      <input
-        class="  container xmedium  primary border effect  borderColor_default  "
-        data-id="textBox"
-        data-selector-id="textBox"
-        data-test-id="textBox"
-        id="1"
-        type="text"
-        value=""
-      />
+      <div
+        class="container effect    flex rowdir"
+        data-id="containerComponent"
+        data-selector-id="textBoxIcon"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <input
+            class="  container xmedium  primary  effect  borderColor_default  "
+            data-id="textBoxIcon"
+            data-selector-id="textBoxIcon"
+            data-test-id="textBoxIcon"
+            id="1"
+            maxlength="250"
+            type="text"
+            value=""
+          />
+        </div>
+        <div
+          class="iconContainer  shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex cover rowdir"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+          />
+        </div>
+        <div
+          class="line borderColor_default "
+        />
+      </div>
     </div>
   </div>
 </DocumentFragment>

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

@@ -44,7 +44,7 @@ var propTypes = _objectSpread({
   needReadOnlyStyle: _propTypes["default"].bool,
   customProps: _propTypes["default"].shape({
     LabelProps: _propTypes["default"].object,
-    TextBoxProps: _propTypes["default"].object,
+    TextBoxIconProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   }),

package/lib/v1/DotProvider/libraryChunks/dynamicImports.js

@@ -22,8 +22,8 @@ var defaultLib = ['component', 'dot', 'svg'];
 var modeArray = ['light', 'dark', 'pureDark'];
 var themeArray = ['blue', 'green', 'orange', 'red', 'yellow'];
 
-function getAppearance(mode, library) {
-  var libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
+function getAppearance(mode) {
+  var libArray = defaultLib;
   (0, _errorMessage.errorMessage)(modeArray, mode, 'appearance');
   var importFilesArray = [];
   libArray.map(function (libName) {
@@ -36,8 +36,8 @@ function getAppearance(mode, library) {
   });
 }
 
-function getTheme(mode, theme, library) {
-  var libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
+function getTheme(mode, theme) {
+  var libArray = defaultLib;
   (0, _errorMessage.errorMessage)(themeArray, theme, 'theme');
   var importFilesArray = [];
   libArray.map(function (libName) {

package/lib/v1/DotProvider/providerAssets.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.providerAssets = providerAssets;
+
+var _dynamicImports = require("./libraryChunks/dynamicImports");
+
+function providerAssets(_ref) {
+  var appearance = _ref.appearance,
+      theme = _ref.theme,
+      baseZoomSize = _ref.baseZoomSize,
+      baseFontSize = _ref.baseFontSize,
+      providerRef = _ref.providerRef,
+      getAssetPromise = _ref.getAssetPromise,
+      sizeVariableName = _ref.sizeVariableName,
+      fontSizeVariableName = _ref.fontSizeVariableName;
+  var promises = [];
+  var libAppearance = (0, _dynamicImports.getAppearance)(appearance);
+  promises.push(libAppearance);
+  var libTheme = (0, _dynamicImports.getTheme)(appearance, theme);
+  promises.push(libTheme);
+
+  if (baseZoomSize) {
+    var zoomSize = (0, _dynamicImports.getZoomSize)();
+    promises.push(zoomSize);
+
+    if (providerRef()) {
+      providerRef().style.setProperty(sizeVariableName, baseZoomSize);
+    }
+  }
+
+  if (baseFontSize) {
+    var fontSize = (0, _dynamicImports.getFontSize)();
+    promises.push(fontSize);
+
+    if (providerRef()) {
+      providerRef().style.setProperty(fontSizeVariableName, baseFontSize);
+    }
+  }
+
+  getAssetPromise(Promise.all(promises));
+}

package/lib/v1/DotProvider/useDotProvider.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var _providerAssets = require("./providerAssets");
+
+require("@zohodesk/components/assets/Contrast/lightContrastLightness.module.css");
+
+require("@zohodesk/components/assets/Contrast/darkContrastLightness.module.css");
+
+require("@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css");
+
+require("@zohodesk/variables/assets/colorVariables.module.css");
+
+require("@zohodesk/variables/assets/dotVariables.module.css");
+
+require("@zohodesk/components/es/common/basic.module.css");
+
+require("@zohodesk/variables/lib/fontFamilyVariables.module.css");
+
+require("@zohodesk/components/lib/common/boxShadow.module.css");
+
+require("../../common/dot_boxShadow.module.css");
+
+function useDotProvider(_ref) {
+  var _ref$appearance = _ref.appearance,
+      appearance = _ref$appearance === void 0 ? 'light' : _ref$appearance,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'blue' : _ref$theme,
+      _ref$baseZoomSize = _ref.baseZoomSize,
+      baseZoomSize = _ref$baseZoomSize === void 0 ? 1 : _ref$baseZoomSize,
+      _ref$baseFontSize = _ref.baseFontSize,
+      baseFontSize = _ref$baseFontSize === void 0 ? 16 : _ref$baseFontSize,
+      _ref$providerRef = _ref.providerRef,
+      providerRef = _ref$providerRef === void 0 ? function () {
+    return document.documentElement;
+  } : _ref$providerRef,
+      getAssetPromise = _ref.getAssetPromise,
+      _ref$sizeVariableName = _ref.sizeVariableName,
+      sizeVariableName = _ref$sizeVariableName === void 0 ? '--zd_baseSize' : _ref$sizeVariableName,
+      _ref$fontSizeVariable = _ref.fontSizeVariableName,
+      fontSizeVariableName = _ref$fontSizeVariable === void 0 ? '--zd_baseFontSize' : _ref$fontSizeVariable;
+  (0, _react.useLayoutEffect)(function () {
+    (0, _providerAssets.providerAssets)({
+      appearance: appearance,
+      theme: theme,
+      baseZoomSize: baseZoomSize,
+      baseFontSize: baseFontSize,
+      providerRef: providerRef,
+      getAssetPromise: getAssetPromise,
+      sizeVariableName: sizeVariableName,
+      fontSizeVariableName: fontSizeVariableName
+    });
+  }, [appearance, theme, baseZoomSize, baseFontSize, providerRef, getAssetPromise, sizeVariableName, fontSizeVariableName]);
+}
+
+var _default = useDotProvider;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-193",
+  "version": "1.0.0-temp-193.1",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -33,12 +33,13 @@
     "lintAll": "react-cli lint ./src",
     "lintAllFix": "npm run lintAll --eslint:fix=true",
     "test": "react-cli test",
-    "snap-update": "npm run test -- -u",
+    "snap-update": "npm run test-clean && npm run test -- -u",
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
     "docs": "npm run css:review && review:props && react-cli docs",
     "prepublishOnly": "node prePublish.js && npm run download && npm run css:review  && npm run review:props",
     "postpublish": "node postPublish.js",
+    "test-clean": "react-cli clean coverage",
     "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
     "expublish": "npm publish --tag experimental-version",
     "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./src/",
@@ -62,7 +63,7 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.2.3",
-    "@zohodesk/components": "1.2.39",
+    "@zohodesk/components": "1.2.40",
     "@zohodesk/hooks": "2.0.4",
     "@zohodesk/icons": "1.0.50",
     "@zohodesk/svg": "1.1.14",
@@ -75,7 +76,7 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.39",
+    "@zohodesk/components": "1.2.40",
     "@zohodesk/icons": "1.0.50",
     "@zohodesk/svg": "1.1.14",
     "@zohodesk/virtualizer": "1.0.3",

package/es/v1/DotProvider/DotProvider.js

@@ -1,58 +0,0 @@
-import { useLayoutEffect } from 'react';
-import { getAppearance, getTheme, getZoomSize, getFontSize } from './libraryChunks/dynamicImports';
-import '@zohodesk/components/assets/Contrast/lightContrastLightness.module.css';
-import '@zohodesk/components/assets/Contrast/darkContrastLightness.module.css';
-import '@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css';
-import '@zohodesk/variables/assets/colorVariables.module.css';
-import '@zohodesk/variables/assets/dotVariables.module.css';
-import '@zohodesk/components/es/common/basic.module.css';
-import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
-import '@zohodesk/components/lib/common/boxShadow.module.css';
-import '../../common/dot_boxShadow.module.css';
-import { propTypes } from './props/propTypes';
-import { defaultProps } from './props/defaultProps';
-export default function DotProvider(props) {
-  const {
-    $ui_appearance,
-    $ui_theme,
-    $ui_baseZoomSize,
-    $ui_baseFontSize,
-    $method_providerRef,
-    $method_getAssetPromise,
-    $data_library,
-    $data_sizeVariableName,
-    $data_fontSizeVariableName
-  } = props;
-  useLayoutEffect(() => {
-    const promises = [];
-    const apperance = getAppearance($ui_appearance, $data_library);
-    promises.push(apperance);
-    const theme = getTheme($ui_appearance, $ui_theme, $data_library);
-    promises.push(theme);
-
-    if ($ui_baseZoomSize) {
-      const zoomSize = getZoomSize();
-      promises.push(zoomSize);
-
-      if ($method_providerRef()) {
-        $method_providerRef().style.setProperty($data_sizeVariableName, $ui_baseZoomSize);
-      }
-    }
-
-    if ($ui_baseFontSize) {
-      const fontSize = getFontSize();
-      promises.push(fontSize);
-
-      if ($method_providerRef()) {
-        $method_providerRef().style.setProperty($data_fontSizeVariableName, $ui_baseFontSize);
-      }
-    }
-
-    $method_getAssetPromise(Promise.all(promises).then(() => {
-      Promise.resolve();
-    }));
-  }, [$ui_appearance, $ui_theme, $ui_baseZoomSize, $ui_baseFontSize, $method_providerRef, $method_getAssetPromise, $data_library, $data_sizeVariableName, $data_fontSizeVariableName]);
-  return null;
-}
-DotProvider.propTypes = propTypes;
-DotProvider.defaultProps = defaultProps;

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

@@ -1,12 +0,0 @@
-export const defaultProps = {
-  $ui_appearance: 'light',
-  $ui_theme: 'blue',
-  $data_library: ['component'],
-  $ui_baseZoomSize: 1,
-  $ui_baseFontSize: 16,
-  $method_providerRef: () => {
-    return document.body;
-  },
-  $data_sizeVariableName: '--zd_baseSize',
-  $data_fontSizeVariableName: '--zd_baseFontSize'
-};

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

@@ -1,12 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  $ui_appearance: PropTypes.oneOf(['light', 'dark', 'pureDark']),
-  $ui_theme: PropTypes.oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
-  $data_library: PropTypes.arrayOf(PropTypes.oneOf(['component', 'dot', 'svg'])),
-  $ui_baseZoomSize: PropTypes.number,
-  $ui_baseFontSize: PropTypes.number,
-  $method_providerRef: PropTypes.func,
-  $method_getAssetPromise: PropTypes.func,
-  $data_sizeVariableName: PropTypes.string,
-  $data_fontSizeVariableName: PropTypes.string
-};

package/lib/v1/DotProvider/DotProvider.js

@@ -1,77 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = DotProvider;
-
-var _react = require("react");
-
-var _dynamicImports = require("./libraryChunks/dynamicImports");
-
-require("@zohodesk/components/assets/Contrast/lightContrastLightness.module.css");
-
-require("@zohodesk/components/assets/Contrast/darkContrastLightness.module.css");
-
-require("@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css");
-
-require("@zohodesk/variables/assets/colorVariables.module.css");
-
-require("@zohodesk/variables/assets/dotVariables.module.css");
-
-require("@zohodesk/components/es/common/basic.module.css");
-
-require("@zohodesk/variables/lib/fontFamilyVariables.module.css");
-
-require("@zohodesk/components/lib/common/boxShadow.module.css");
-
-require("../../common/dot_boxShadow.module.css");
-
-var _propTypes = require("./props/propTypes");
-
-var _defaultProps = require("./props/defaultProps");
-
-function DotProvider(props) {
-  var $ui_appearance = props.$ui_appearance,
-      $ui_theme = props.$ui_theme,
-      $ui_baseZoomSize = props.$ui_baseZoomSize,
-      $ui_baseFontSize = props.$ui_baseFontSize,
-      $method_providerRef = props.$method_providerRef,
-      $method_getAssetPromise = props.$method_getAssetPromise,
-      $data_library = props.$data_library,
-      $data_sizeVariableName = props.$data_sizeVariableName,
-      $data_fontSizeVariableName = props.$data_fontSizeVariableName;
-  (0, _react.useLayoutEffect)(function () {
-    var promises = [];
-    var apperance = (0, _dynamicImports.getAppearance)($ui_appearance, $data_library);
-    promises.push(apperance);
-    var theme = (0, _dynamicImports.getTheme)($ui_appearance, $ui_theme, $data_library);
-    promises.push(theme);
-
-    if ($ui_baseZoomSize) {
-      var zoomSize = (0, _dynamicImports.getZoomSize)();
-      promises.push(zoomSize);
-
-      if ($method_providerRef()) {
-        $method_providerRef().style.setProperty($data_sizeVariableName, $ui_baseZoomSize);
-      }
-    }
-
-    if ($ui_baseFontSize) {
-      var fontSize = (0, _dynamicImports.getFontSize)();
-      promises.push(fontSize);
-
-      if ($method_providerRef()) {
-        $method_providerRef().style.setProperty($data_fontSizeVariableName, $ui_baseFontSize);
-      }
-    }
-
-    $method_getAssetPromise(Promise.all(promises).then(function () {
-      Promise.resolve();
-    }));
-  }, [$ui_appearance, $ui_theme, $ui_baseZoomSize, $ui_baseFontSize, $method_providerRef, $method_getAssetPromise, $data_library, $data_sizeVariableName, $data_fontSizeVariableName]);
-  return null;
-}
-
-DotProvider.propTypes = _propTypes.propTypes;
-DotProvider.defaultProps = _defaultProps.defaultProps;

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

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  $ui_appearance: 'light',
-  $ui_theme: 'blue',
-  $data_library: ['component'],
-  $ui_baseZoomSize: 1,
-  $ui_baseFontSize: 16,
-  $method_providerRef: function $method_providerRef() {
-    return document.body;
-  },
-  $data_sizeVariableName: '--zd_baseSize',
-  $data_fontSizeVariableName: '--zd_baseFontSize'
-};
-exports.defaultProps = defaultProps;

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

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var propTypes = {
-  $ui_appearance: _propTypes["default"].oneOf(['light', 'dark', 'pureDark']),
-  $ui_theme: _propTypes["default"].oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
-  $data_library: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(['component', 'dot', 'svg'])),
-  $ui_baseZoomSize: _propTypes["default"].number,
-  $ui_baseFontSize: _propTypes["default"].number,
-  $method_providerRef: _propTypes["default"].func,
-  $method_getAssetPromise: _propTypes["default"].func,
-  $data_sizeVariableName: _propTypes["default"].string,
-  $data_fontSizeVariableName: _propTypes["default"].string
-};
-exports.propTypes = propTypes;