@zohodesk/components 1.0.0-temp-202 → 1.0.0-temp-203

package/es/Button/Button.js

@@ -4,10 +4,10 @@ import { propTypes } from './props/propTypes';
 import cssJSLogic from './css/cssJSLogic';
 import { mergeStyle } from '@zohodesk/utils';
 import style from './css/Button.module.css';
-/*
-Button text and children props?
-use children for both cases
-toLowerCase check needed?
+/*
+Button text and children props?
+use children for both cases
+toLowerCase check needed?
 */
 
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small','medium','large','xlarge','button_medium','button_small','primary','primaryfilled','danger','dangerfilled','plainprimary', 'plainsecondary', 'secondary', 'secondaryfilled', 'successFilled','tertiaryFilled'] }] */

package/es/Buttongroup/Buttongroup.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 import style from './Buttongroup.module.css';
-/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['footer','header',
+/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['footer','header',
 'tab','alignleft','alignright','aligncenter' ] }] */
 
 export default class Buttongroup extends React.Component {

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

@@ -1,191 +1,191 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Buttongrop -  Checking the "customclass" 1`] = `
-<DocumentFragment>
-  <div
-    class="buttonGroup undefined customClassButtonGroup"
-    data-id="ButtonGroup"
-    data-selector-id="buttonGroup"
-    data-test-id="ButtonGroup"
-  >
-    <div
-      class="alignleft"
-    >
-      <span>
-        Element 1
-      </span>
-      <span>
-        Element 2
-      </span>
-      <span>
-        Element 3
-      </span>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Buttongrop -  rendering the "buttonPosition" to  - center 1`] = `
-<DocumentFragment>
-  <div
-    class="buttonGroup undefined "
-    data-id="ButtonGroup"
-    data-selector-id="buttonGroup"
-    data-test-id="ButtonGroup"
-  >
-    <div
-      class="aligncenter"
-    >
-      <span>
-        Element 1
-      </span>
-      <span>
-        Element 2
-      </span>
-      <span>
-        Element 3
-      </span>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Buttongrop -  rendering the "buttonPosition" to  - left 1`] = `
-<DocumentFragment>
-  <div
-    class="buttonGroup undefined "
-    data-id="ButtonGroup"
-    data-selector-id="buttonGroup"
-    data-test-id="ButtonGroup"
-  >
-    <div
-      class="alignleft"
-    >
-      <span>
-        Element 1
-      </span>
-      <span>
-        Element 2
-      </span>
-      <span>
-        Element 3
-      </span>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Buttongrop -  rendering the "buttonPosition" to  - right 1`] = `
-<DocumentFragment>
-  <div
-    class="buttonGroup undefined "
-    data-id="ButtonGroup"
-    data-selector-id="buttonGroup"
-    data-test-id="ButtonGroup"
-  >
-    <div
-      class="alignright"
-    >
-      <span>
-        Element 1
-      </span>
-      <span>
-        Element 2
-      </span>
-      <span>
-        Element 3
-      </span>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Buttongrop -  rendering the "type"   - footer 1`] = `
-<DocumentFragment>
-  <div
-    class="buttonGroup footer "
-    data-id="ButtonGroup"
-    data-selector-id="buttonGroup"
-    data-test-id="ButtonGroup"
-  >
-    <div
-      class="alignleft"
-    >
-      <span>
-        Element 1
-      </span>
-      <span>
-        Element 2
-      </span>
-      <span>
-        Element 3
-      </span>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Buttongrop -  rendering the "type"   - header 1`] = `
-<DocumentFragment>
-  <div
-    class="buttonGroup header "
-    data-id="ButtonGroup"
-    data-selector-id="buttonGroup"
-    data-test-id="ButtonGroup"
-  >
-    <div
-      class="alignleft"
-    >
-      <span>
-        Element 1
-      </span>
-      <span>
-        Element 2
-      </span>
-      <span>
-        Element 3
-      </span>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Buttongrop -  rendering the "type"   - tab 1`] = `
-<DocumentFragment>
-  <div
-    class="buttonGroup tab "
-    data-id="ButtonGroup"
-    data-selector-id="buttonGroup"
-    data-test-id="ButtonGroup"
-  >
-    <div
-      class="alignleft"
-    >
-      <span>
-        Element 1
-      </span>
-      <span>
-        Element 2
-      </span>
-      <span>
-        Element 3
-      </span>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Buttongrop -  rendering the default props 1`] = `
-<DocumentFragment>
-  <div
-    class="buttonGroup undefined "
-    data-id="ButtonGroup"
-    data-selector-id="buttonGroup"
-    data-test-id="ButtonGroup"
-  >
-    <div
-      class="alignleft"
-    />
-  </div>
-</DocumentFragment>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Buttongrop -  Checking the "customclass" 1`] = `
+<DocumentFragment>
+  <div
+    class="buttonGroup undefined customClassButtonGroup"
+    data-id="ButtonGroup"
+    data-selector-id="buttonGroup"
+    data-test-id="ButtonGroup"
+  >
+    <div
+      class="alignleft"
+    >
+      <span>
+        Element 1
+      </span>
+      <span>
+        Element 2
+      </span>
+      <span>
+        Element 3
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Buttongrop -  rendering the "buttonPosition" to  - center 1`] = `
+<DocumentFragment>
+  <div
+    class="buttonGroup undefined "
+    data-id="ButtonGroup"
+    data-selector-id="buttonGroup"
+    data-test-id="ButtonGroup"
+  >
+    <div
+      class="aligncenter"
+    >
+      <span>
+        Element 1
+      </span>
+      <span>
+        Element 2
+      </span>
+      <span>
+        Element 3
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Buttongrop -  rendering the "buttonPosition" to  - left 1`] = `
+<DocumentFragment>
+  <div
+    class="buttonGroup undefined "
+    data-id="ButtonGroup"
+    data-selector-id="buttonGroup"
+    data-test-id="ButtonGroup"
+  >
+    <div
+      class="alignleft"
+    >
+      <span>
+        Element 1
+      </span>
+      <span>
+        Element 2
+      </span>
+      <span>
+        Element 3
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Buttongrop -  rendering the "buttonPosition" to  - right 1`] = `
+<DocumentFragment>
+  <div
+    class="buttonGroup undefined "
+    data-id="ButtonGroup"
+    data-selector-id="buttonGroup"
+    data-test-id="ButtonGroup"
+  >
+    <div
+      class="alignright"
+    >
+      <span>
+        Element 1
+      </span>
+      <span>
+        Element 2
+      </span>
+      <span>
+        Element 3
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Buttongrop -  rendering the "type"   - footer 1`] = `
+<DocumentFragment>
+  <div
+    class="buttonGroup footer "
+    data-id="ButtonGroup"
+    data-selector-id="buttonGroup"
+    data-test-id="ButtonGroup"
+  >
+    <div
+      class="alignleft"
+    >
+      <span>
+        Element 1
+      </span>
+      <span>
+        Element 2
+      </span>
+      <span>
+        Element 3
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Buttongrop -  rendering the "type"   - header 1`] = `
+<DocumentFragment>
+  <div
+    class="buttonGroup header "
+    data-id="ButtonGroup"
+    data-selector-id="buttonGroup"
+    data-test-id="ButtonGroup"
+  >
+    <div
+      class="alignleft"
+    >
+      <span>
+        Element 1
+      </span>
+      <span>
+        Element 2
+      </span>
+      <span>
+        Element 3
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Buttongrop -  rendering the "type"   - tab 1`] = `
+<DocumentFragment>
+  <div
+    class="buttonGroup tab "
+    data-id="ButtonGroup"
+    data-selector-id="buttonGroup"
+    data-test-id="ButtonGroup"
+  >
+    <div
+      class="alignleft"
+    >
+      <span>
+        Element 1
+      </span>
+      <span>
+        Element 2
+      </span>
+      <span>
+        Element 3
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Buttongrop -  rendering the default props 1`] = `
+<DocumentFragment>
+  <div
+    class="buttonGroup undefined "
+    data-id="ButtonGroup"
+    data-selector-id="buttonGroup"
+    data-test-id="ButtonGroup"
+  >
+    <div
+      class="alignleft"
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/Card/Card.js

@@ -6,10 +6,10 @@ import { getLibraryConfig } from '../Provider/Config';
 import style from './Card.module.css';
 /* eslint-disable react/forbid-component-props */
 
-/*
-isscroll header border change use ref
-scroll logic remove from here
-scroll logic move to virtualizer list
+/*
+isscroll header border change use ref
+scroll logic remove from here
+scroll logic move to virtualizer list
 */
 
 /* performance handling pending in card component moving to ref instead of setState */

package/es/Card/Card.module.css

@@ -1,20 +1,20 @@
-.notScroll {
-  position: relative;
-}
-.scroll {
-  /* background: var(--dot_white);
-  position: relative; */
-}
-/*
-.scroll::after {
-  box-shadow: 0 0 6px var(--zd_dark10);
-  border-radius: 100px / 10px;
-  content: '';
-  left: var(--zd_size50);
-  position: absolute;
-  right: var(--zd_size50);
-  display: block;
-  z-index: -1;
-  height: var(--zd_size1);
-  bottom: 0;
-} */
+.notScroll {
+  position: relative;
+}
+.scroll {
+  /* background: var(--dot_white);
+  position: relative; */
+}
+/*
+.scroll::after {
+  box-shadow: 0 0 6px var(--zd_dark10);
+  border-radius: 100px / 10px;
+  content: '';
+  left: var(--zd_size50);
+  position: absolute;
+  right: var(--zd_size50);
+  display: block;
+  z-index: -1;
+  height: var(--zd_size1);
+  bottom: 0;
+} */

package/es/DateTime/DateWidget.js

@@ -1065,7 +1065,8 @@ class DateWidgetComponent extends React.Component {
       customProps: TextBoxProps
     }, /*#__PURE__*/React.createElement(Container, {
       align: "both",
-      onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick
+      onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick,
+      dataId: `${dataId}_datePicker`
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-datepicker",
       size: "12"

package/es/DateTime/DateWidget.module.css

@@ -1,38 +1,38 @@
-/* $Id */
-.container {
-  position: relative;
-  composes: offSelection from '../common/common.module.css';
-}
-.readOnly, .readOnly > input, .disabled {
-  cursor: not-allowed;
-}
-.enabled {
-  cursor: pointer;
-}
-.textBox {
-  position: relative;
-}
-.inputLine {
-  position: absolute;
-  bottom: 0 ;
-  transition: border var(--zd_transition2) linear 0s;
-  border-bottom: 1px solid var(--zdt_datewidget_input_border);
-}
-[dir=ltr] .inputLine {
-  left: 0 ;
-  right: 0 ;
-}
-[dir=rtl] .inputLine {
-  right: 0 ;
-  left: 0 ;
-}
-.enabled:hover .inputLine {
-  border-bottom-color: var(--zdt_datewidget_enabled_border);
-}
-.textBoxFocus .inputLine {
-  border-bottom-color: var(--zdt_datewidget_textboxfocus_border);
-}
-
-.placeHolder input {
-  color: var(--zdt_datewidget_placeholder_text);
-}
+/* $Id */
+.container {
+  position: relative;
+  composes: offSelection from '../common/common.module.css';
+}
+.readOnly, .readOnly > input, .disabled {
+  cursor: not-allowed;
+}
+.enabled {
+  cursor: pointer;
+}
+.textBox {
+  position: relative;
+}
+.inputLine {
+  position: absolute;
+  bottom: 0 ;
+  transition: border var(--zd_transition2) linear 0s;
+  border-bottom: 1px solid var(--zdt_datewidget_input_border);
+}
+[dir=ltr] .inputLine {
+  left: 0 ;
+  right: 0 ;
+}
+[dir=rtl] .inputLine {
+  right: 0 ;
+  left: 0 ;
+}
+.enabled:hover .inputLine {
+  border-bottom-color: var(--zdt_datewidget_enabled_border);
+}
+.textBoxFocus .inputLine {
+  border-bottom-color: var(--zdt_datewidget_textboxfocus_border);
+}
+
+.placeHolder input {
+  color: var(--zdt_datewidget_placeholder_text);
+}

package/es/DateTime/__tests__/DateTime.spec.js

@@ -14,7 +14,7 @@ describe('DateTime', () => {
     } = render( /*#__PURE__*/React.createElement(DateTime, {
       isActive: true,
       isDefaultPosition: true,
-      value: "2024-07-29T20:20:20.000"
+      value: "2023-07-29T20:20:20.000"
     }));
     expect(asFragment()).toMatchSnapshot();
   });