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

package/lib/Button/Button.js

@@ -21,10 +21,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/*
-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/lib/Buttongroup/Buttongroup.js

@@ -37,7 +37,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['footer','header',
+/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['footer','header',
 'tab','alignleft','alignright','aligncenter' ] }] */
 var Buttongroup = /*#__PURE__*/function (_React$Component) {
   _inherits(Buttongroup, _React$Component);

package/lib/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/lib/Card/Card.js

@@ -47,10 +47,10 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 /* 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/lib/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/lib/DateTime/DateWidget.js

@@ -1091,7 +1091,8 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         customProps: TextBoxProps
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
-        onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick
+        onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick,
+        dataId: "".concat(dataId, "_datePicker")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-datepicker",
         size: "12"

package/lib/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/lib/DateTime/__tests__/DateTime.spec.js

@@ -19,7 +19,7 @@ describe('DateTime', function () {
     var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_DateTime["default"], {
       isActive: true,
       isDefaultPosition: true,
-      value: "2024-07-29T20:20:20.000"
+      value: "2023-07-29T20:20:20.000"
     })),
         asFragment = _render2.asFragment;