npm - @zohodesk/dot - Versions diffs - 1.0.0-temp-198.1 → 1.0.0-temp-198.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (164) hide show

package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap CHANGED Viewed

@@ -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/lib/Upload/props/propTypes.js CHANGED Viewed

@@ -20,7 +20,7 @@ var propTypes = {
   isPreviewType: _propTypes["default"].bool,
   onClick: _propTypes["default"].func,
   onRemove: _propTypes["default"].func,
-  progressValue: _propTypes["default"].string,
+  progressValue: _propTypes["default"].number,
   size: _propTypes["default"].oneOf(['small', 'medium']),
   tooltip: _propTypes["default"].string,
   palette: _propTypes["default"].oneOf(['light', 'night'])

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-198.1",
+  "version": "1.0.0-temp-198.2",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -63,7 +63,7 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.2.6",
-    "@zohodesk/components": "1.2.44",
+    "@zohodesk/components": "1.0.0-temp-208.1",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.60",
     "@zohodesk/svg": "1.1.19",
@@ -76,7 +76,7 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.44",
+    "@zohodesk/components": "1.0.0-temp-208.1",
     "@zohodesk/icons": "1.0.60",
     "@zohodesk/svg": "1.1.19",
     "@zohodesk/virtualizer": "1.0.3",

package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css";

package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import "./../../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css";

package/es/v1/DotProvider/utils/assetPromiseHandlers.js DELETED Viewed

@@ -1,61 +0,0 @@
-import { getAssetsImportPromises } from "./getAssetsImportPromises";
-import { assetImports as themeAppearanceImports, assetImportMapping as themeAppearanceMapping } from "./themeAppearanceAssetsConfig";
-import { assetImports as themeColorImports, assetImportMapping as themeColorMapping } from "./themeColorAssetsConfig";
-import { assetImports as sizeImports, assetImportMapping as sizeMapping } from "./sizeAssetsConfig";
-import { validateAndLogError } from "./errorValidation";
-import { LIBRARIES, THEME_APPEARANCES, THEME_COLORS } from "./constants";
-export function getThemeAppearanceAssetPromise(_ref) {
-  let {
-    themeAppearance
-  } = _ref;
-  const isError = validateAndLogError({
-    options: THEME_APPEARANCES,
-    value: themeAppearance,
-    type: 'themeAppearance'
-  });
-  if (!isError) {
-    const assetImportKeys = [];
-    LIBRARIES.map(library => {
-      const assetImportKey = themeAppearanceMapping[library][themeAppearance];
-      assetImportKeys.push(assetImportKey);
-    });
-    return getAssetsImportPromises({
-      assetImportKeys: assetImportKeys,
-      assetImports: themeAppearanceImports
-    });
-  }
-  return [];
-}
-export function getThemeColorAssetPromise(_ref2) {
-  let {
-    themeAppearance,
-    themeColor
-  } = _ref2;
-  const isError = validateAndLogError({
-    options: THEME_COLORS,
-    value: themeColor,
-    type: 'themeColor'
-  });
-  if (!isError) {
-    const assetImportKeys = [];
-    LIBRARIES.map(library => {
-      const assetImportKey = themeColorMapping[library][themeColor][themeAppearance];
-      assetImportKeys.push(assetImportKey);
-    });
-    return getAssetsImportPromises({
-      assetImportKeys: assetImportKeys,
-      assetImports: themeColorImports
-    });
-  }
-  return [];
-}
-export function getZoomSizeAssetPromise() {
-  return sizeImports[sizeMapping.zoomSize]();
-}
-export function getFontSizeAssetPromise() {
-  return sizeImports[sizeMapping.fontSize]();
-}