@zohodesk/dot 1.0.0-temp-187.2 → 1.0.0-temp-200

package/es/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap

@@ -1,13 +1,196 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Search rendering the customized style search 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper searchWrapperClass borderType 
+          
+          
+         flex rowdir vCenter"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <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 small  default  effect  borderColor_default  "
+            data-a11y-autofocus="true"
+            data-id="textBoxIcon"
+            data-selector-id="textBoxIcon"
+            data-test-id="textBoxIcon"
+            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>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`Search rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="searchStyle    flex rowdir vCenter"
+    class="wrapper borderType 
+          
+          
+         flex rowdir vCenter"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <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 small  default  effect  borderColor_default  "
+            data-a11y-autofocus="true"
+            data-id="textBoxIcon"
+            data-selector-id="textBoxIcon"
+            data-test-id="textBoxIcon"
+            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>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Search rendering the prop hasSeparator is false 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper borderType 
+          
+          
+         flex rowdir vCenter"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <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 small  default  effect  borderColor_default  "
+            data-a11y-autofocus="true"
+            data-id="textBoxIcon"
+            data-selector-id="textBoxIcon"
+            data-test-id="textBoxIcon"
+            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>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Search rendering the prop hasSeparator is true 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper borderType 
+          
+          
+         flex rowdir vCenter"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
+    <div
+      class="separator"
+    />
     <div
       class="grow basis shrinkOff"
       data-id="boxComponent"
@@ -50,9 +233,139 @@ exports[`Search rendering the defult props 1`] = `
             data-test-id="containerComponent"
           />
         </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Search rendering the renderChildren props via function 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper"
+    data-selector-id="toggleDropdown"
+  >
+    <div
+      class="flex rowdir vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="wrapper borderType 
+          
+          
+         flex rowdir vCenter"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div>
+          All Fields
+        </div>
         <div
-          class="line borderColor_default "
-        />
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <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 small  default  effect  borderColor_default  "
+                data-a11y-autofocus="true"
+                data-id="textBoxIcon"
+                data-selector-id="textBoxIcon"
+                data-test-id="textBoxIcon"
+                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>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Search rendering the search active 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper borderType 
+          active 
+          focusWidth
+         flex rowdir vCenter"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="container effect effectFocused   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 small  default  effect  borderColor_default  "
+            data-a11y-autofocus="true"
+            data-id="textBoxIcon"
+            data-selector-id="textBoxIcon"
+            data-test-id="textBoxIcon"
+            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>
     </div>
   </div>

package/es/lookup/header/Search/props/defaultProps.js

@@ -1,5 +1,7 @@
 export const SearchUI_defaultProps = {
   activeClass: '',
   isBoxed: false,
-  isSearchIconNeed: false
+  isSearchIconNeed: false,
+  isActive: false,
+  hasSeparator: false
 };

package/es/lookup/header/Search/props/propTypes.js

@@ -6,6 +6,7 @@ export const Search_propTypes = {
   onSelect: PropTypes.func,
   options: PropTypes.array,
   selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  renderChildren: PropTypes.func,
   value: PropTypes.string
 };
 export const SearchUI_propTypes = {
@@ -24,5 +25,9 @@ export const SearchUI_propTypes = {
   options: PropTypes.array,
   placeHolder: PropTypes.string,
   searchStr: PropTypes.string,
-  title: PropTypes.string
+  title: PropTypes.string,
+  isActive: PropTypes.bool,
+  hasSeparator: PropTypes.bool,
+  renderChildren: PropTypes.func,
+  customStyle: PropTypes.object
 };

package/lib/Attachment/Attachment.js

@@ -70,7 +70,9 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
           fileInfo = _this$props.fileInfo,
           i18nKeys = _this$props.i18nKeys,
           dataSelectorId = _this$props.dataSelectorId,
-          isDisabled = _this$props.isDisabled;
+          isDisabled = _this$props.isDisabled,
+          _this$props$iconPalet = _this$props.iconPalette,
+          iconPalette = _this$props$iconPalet === void 0 ? "white" : _this$props$iconPalet;
       var _i18nKeys$downloadTit = i18nKeys.downloadTitle,
           downloadTitle = _i18nKeys$downloadTit === void 0 ? 'Download' : _i18nKeys$downloadTit;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {

package/lib/Attachment/Attachment.module.css

@@ -14,15 +14,15 @@
   height: 100% ;
   width: 100% ;
   position: absolute;
-  top:0 
+  top: 0 
 }
 
 [dir=ltr] .disableLayer {
-  left:0 
+  left: 0 
 }
 
 [dir=rtl] .disableLayer {
-  right:0 
+  right: 0 
 }
 
 .attachmentHover {
@@ -66,6 +66,10 @@
   height: var(--zd_size40) ;
 }
 
+.attachleft {
+  padding: var(--zd_size3) ;
+}
+
 [dir=ltr] .attachleft {
   border-right: 1px solid var(--zdt_attachment_default_border);
 }

package/lib/AttachmentViewer/Attachment.js

@@ -3,15 +3,89 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.designFileTypes = designFileTypes;
+exports.docsFileTypes = docsFileTypes;
 exports.getExtensionFromFileName = getExtensionFromFileName;
 exports.isAudioFile = isAudioFile;
 exports.isBrowserSupportedFile = isBrowserSupportedFile;
+exports.isDocsFile = isDocsFile;
+exports.isEmailFile = isEmailFile;
+exports.isImageFile = isImageFile;
+exports.isPdfFile = isPdfFile;
+exports.isSheetFile = isSheetFile;
+exports.isShowFile = isShowFile;
+exports.isVideoFile = isVideoFile;
+exports.openInNewTabWithNoopener = openInNewTabWithNoopener;
+exports.openNewTab = openNewTab;
+exports.sheetFileTypes = sheetFileTypes;
+exports.showFileTypes = showFileTypes;
+exports.zipFileType = zipFileType;
 var UNASSIGNED = 'Unassigned';
 var BROWSER_SUPPORTED_FILES = ['pdf', 'text', 'txt', 'css', 'jpg', 'jpeg', 'gif', 'png', 'bmp', 'ico', 'sh', 'mp3', 'wav', 'ogg'];
 
 function isAudioFile(fileName) {
   var extension = getExtensionFromFileName(fileName);
-  return /mp3|wav|ogg/i.test(extension);
+  return /mp3|wav|ogg|oga|m4a|weba|opus|m4b|webma|aac/i.test(extension);
+}
+
+function isVideoFile(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /mp4|webm|ogg/i.test(extension);
+}
+
+function isPdfFile(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /pdf/i.test(extension);
+}
+
+function isDocsFile(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /docx|doc|docm|rtf|odt|dot|dotm|dotx|pages/i.test(extension);
+}
+
+function isSheetFile(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /xlsx|numbers/i.test(extension);
+}
+
+function isShowFile(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /pptx|ppt|pps|ppsx|key/i.test(extension);
+}
+
+function isEmailFile(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /eml|msg/i.test(extension);
+}
+
+function isImageFile(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /jpeg|jpg|png|gif|bmp|tiff|tif|ico/i.test(extension);
+}
+
+function docsFileTypes(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /docx|doc|docm|rtf|odt|dot|dotm|dotx|sxw|odt|ott|txt|pages/i.test(extension);
+}
+
+function sheetFileTypes(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /xls|xlsx|sxc|ods|csv|tsv|ots|xlsm|xlsb|xlt|xltx|xltm|numbers/i.test(extension);
+}
+
+function showFileTypes(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /pptx|ppt|pps|ppsx|odp|sxi|key|pot|potx/i.test(extension);
+}
+
+function designFileTypes(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /sketch|xd|psd|ai|fig|svg/i.test(extension);
+}
+
+function zipFileType(fileName) {
+  var extension = getExtensionFromFileName(fileName);
+  return /zip/i.test(extension);
 }
 
 function getExtensionFromFileName(fileName) {
@@ -25,4 +99,17 @@ function getExtensionFromFileName(fileName) {
 function isBrowserSupportedFile(fileName) {
   var extension = getExtensionFromFileName(fileName);
   return BROWSER_SUPPORTED_FILES.indexOf(extension) !== -1;
+}
+
+function openInNewTabWithNoopener(url) {
+  var targetnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '_blank';
+  var aTag = document.createElement('a');
+  aTag.rel = 'noopener noreferrer';
+  aTag.target = targetnName;
+  aTag.href = url;
+  aTag.click();
+}
+
+function openNewTab(href) {
+  openInNewTabWithNoopener(href);
 }