@zohodesk/dot 1.0.0-temp-198.1 → 1.0.0-temp-198.2

package/es/Upload/__tests__/Upload.spec.js

@@ -2,10 +2,150 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import Upload from "../Upload";
 describe('Upload', () => {
+  const mockOnRemove = jest.fn();
+  const mockEleRef = jest.fn();
+  const size = ['small', 'medium'];
+  const palette = ['light', 'night'];
   test('rendering the defult props', () => {
     const {
       asFragment
     } = render( /*#__PURE__*/React.createElement(Upload, null));
     expect(asFragment()).toMatchSnapshot();
   });
+  test('rendering the isPreview prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreview: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isPreview prop is false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreview: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the tooltip prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      tooltip: "Tooltip"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the dataId prop with isPreview isPreviewType are true ', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      dataId: "TestdataId",
+      isPreview: true,
+      isPreviewType: true,
+      onRemove: mockOnRemove
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the dataId prop with isPreviewType is false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      dataId: "TestdataId",
+      isPreview: true,
+      onRemove: mockOnRemove,
+      isPreviewType: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the dataSelectorId prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      dataSelectorId: "selectorId"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the progressValue prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreview: true,
+      progressValue: "90"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the iconName prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreviewType: false,
+      iconName: "ZD-close"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the fileSize prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreviewType: false,
+      fileSize: "400kb"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the imgSrc prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreviewType: true,
+      imgSrc: "http://sampleImageUrl.com"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isPreviewType true prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreviewType: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isPreviewType false prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreviewType: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the onRemove prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      onRemove: mockOnRemove
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(size)('rendering the size of - %s', size => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      size: size
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(palette)('rendering the palette of - %s', palette => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      palette: palette
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('eleRef prop is a function', () => {
+    render( /*#__PURE__*/React.createElement(Upload, {
+      getRef: mockEleRef
+    }));
+    expect(mockEleRef).toHaveBeenCalled();
+  });
 });

package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap

@@ -1,5 +1,109 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Upload rendering the dataId prop with isPreview isPreviewType are true  1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="TestdataId"
+    data-selector-id="upload"
+    data-test-id="TestdataId"
+  >
+    <div
+      class="loader"
+      data-id="TestdataId_attachLoading"
+      data-test-id="TestdataId_attachLoading"
+    />
+    <img
+      alt="Uploaded Image"
+      class=" uploadimage  imgMaxFullSize "
+      data-id="TestdataId_fileName"
+      data-test-id="TestdataId_fileName"
+    />
+    <div
+      class="overlay"
+    />
+    <span
+      class="uploadclose"
+      data-id="TestdataId_deleteUpload"
+      data-test-id="TestdataId_deleteUpload"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the dataId prop with isPreviewType is false 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="TestdataId"
+    data-selector-id="upload"
+    data-test-id="TestdataId"
+  >
+    <div
+      class="loader"
+      data-id="TestdataId_attachLoading"
+      data-test-id="TestdataId_attachLoading"
+    />
+    <div
+      class="attachInfo shrinkOff"
+      data-id="TestdataId_openNewTab"
+      data-selector-id="box"
+      data-test-id="TestdataId_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+    <span
+      class="uploadclose"
+      data-id="TestdataId_deleteUpload"
+      data-test-id="TestdataId_deleteUpload"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the dataSelectorId prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="selectorId"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`Upload rendering the defult props 1`] = `
 <DocumentFragment>
   <div
@@ -22,3 +126,358 @@ exports[`Upload rendering the defult props 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`Upload rendering the fileSize prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      >
+        400kb
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the iconName prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e  fileIcon  "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the imgSrc prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <img
+      alt="Uploaded Image"
+      class=" uploadimage  imgMaxFullSize "
+      data-id="upload_fileName"
+      data-test-id="upload_fileName"
+      src="http://sampleImageUrl.com"
+    />
+    <div
+      class="overlay"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreview prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="loader"
+      data-id="upload_attachLoading"
+      data-test-id="upload_attachLoading"
+    />
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreview prop is false 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreviewType false prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreviewType true prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <img
+      alt="Uploaded Image"
+      class=" uploadimage  imgMaxFullSize "
+      data-id="upload_fileName"
+      data-test-id="upload_fileName"
+    />
+    <div
+      class="overlay"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the onRemove prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+    <span
+      class="uploadclose"
+      data-id="upload_deleteUpload"
+      data-test-id="upload_deleteUpload"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the palette of - light 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the palette of - night 1`] = `
+<DocumentFragment>
+  <div
+    class="container night medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the progressValue prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="loader"
+      data-id="upload_attachLoading"
+      data-test-id="upload_attachLoading"
+      style="width: 90%;"
+    />
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the size of - medium 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the size of - small 1`] = `
+<DocumentFragment>
+  <div
+    class="container light small 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the tooltip prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+    data-title="Tooltip"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Upload/props/propTypes.js

@@ -10,7 +10,7 @@ export const propTypes = {
   isPreviewType: PropTypes.bool,
   onClick: PropTypes.func,
   onRemove: PropTypes.func,
-  progressValue: PropTypes.string,
+  progressValue: PropTypes.number,
   size: PropTypes.oneOf(['small', 'medium']),
   tooltip: PropTypes.string,
   palette: PropTypes.oneOf(['light', 'night'])

package/lib/{v1/DotProvider → DotProvider}/hooks/useDotProvider.js

@@ -25,7 +25,7 @@ require("@zohodesk/variables/lib/fontFamilyVariables.module.css");
 
 require("@zohodesk/components/lib/common/boxShadow.module.css");
 
-require("../../../common/dot_boxShadow.module.css");
+require("../../common/dot_boxShadow.module.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/lib/{v1/DotProvider → DotProvider}/hooks/useDownloadAssetsAndSetAttr.js

@@ -7,7 +7,13 @@ exports["default"] = useDownloadAssetsAndSetAttr;
 
 var _react = require("react");
 
-var _assetPromiseHandlers = require("../utils/assetPromiseHandlers");
+var _themeAppearanceAssetPromise = require("../utils/assetPromiseHandlers/themeAppearanceAssetPromise.js");
+
+var _themeColorAssetPromise = require("../utils/assetPromiseHandlers/themeColorAssetPromise.js");
+
+var _fontSizeAssetPromise = require("../utils/assetPromiseHandlers/fontSizeAssetPromise.js");
+
+var _zoomSizeAssetPromise = require("../utils/assetPromiseHandlers/zoomSizeAssetPromise.js");
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -32,13 +38,13 @@ function useDownloadAssetsAndSetAttr(_ref) {
       themeAppearanceAttr = _ref.themeAppearanceAttr,
       themeColorAttr = _ref.themeColorAttr;
   var themeAppearancePromise = (0, _react.useMemo)(function () {
-    var themeAppearanceAssetPromise = (0, _assetPromiseHandlers.getThemeAppearanceAssetPromise)({
+    var themeAppearanceAssetPromise = (0, _themeAppearanceAssetPromise.getThemeAppearanceAssetPromise)({
       themeAppearance: themeAppearance
     });
     return themeAppearanceAssetPromise;
   }, [themeAppearance]);
   var themeColorPromise = (0, _react.useMemo)(function () {
-    var themeColorAssetPromise = (0, _assetPromiseHandlers.getThemeColorAssetPromise)({
+    var themeColorAssetPromise = (0, _themeColorAssetPromise.getThemeColorAssetPromise)({
       themeAppearance: themeAppearance,
       themeColor: themeColor
     });
@@ -48,11 +54,11 @@ function useDownloadAssetsAndSetAttr(_ref) {
     return !isNaN(Number(baseZoomUnit)) ? "".concat(Number(baseZoomUnit), "px") : baseZoomUnit;
   }, [baseZoomUnit]);
   var zoomSizePromise = (0, _react.useMemo)(function () {
-    var assetPromise = (0, _assetPromiseHandlers.getZoomSizeAssetPromise)();
+    var assetPromise = (0, _zoomSizeAssetPromise.getZoomSizeAssetPromise)();
     return assetPromise;
   }, []);
   var fontSizePromise = (0, _react.useMemo)(function () {
-    var assetPromise = (0, _assetPromiseHandlers.getFontSizeAssetPromise)();
+    var assetPromise = (0, _fontSizeAssetPromise.getFontSizeAssetPromise)();
     return assetPromise;
   }, []);
   var combinedPromise = {

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css");