@zohodesk/components 1.2.34 → 1.2.36

package/README.md

@@ -32,6 +32,20 @@ In this Package, we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.2.36
+
+- **dataID & dataTestID** 
+- support has been added for the `DropDownSearch` `ListItemWithRadio` `AdvancedGroupMultiSelect` `AdvancedMultiSelect` `MultiSelect` `MultiSelectWithAvatar` `SelectedOptions` `SelectWithAvatar` `SelectWithIcon` `Tabs` Component (v0 and v1).
+
+# 1.2.35
+
+- **MultiSelect** 
+- `dataId` support has been added for the ResponsiveDropBox Component.
+- The `dataId` will be reflected as `dataId` with the suffix "_dropbox".
+- **DateWidget**
+- `dataId` support has been added for the datePicker icon.
+- The `dataId` will be reflected as `dataId` with the suffix "_datePicker".
+
 # 1.2.34
 
 - **GroupSelect** - When the idField contains more than one underscore symbol, this component throws an error. This issue has been fixed in this version.

package/es/Accordion/__tests__/Accordion.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Accordion from '../Accordion';
+describe('Accordion', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Accordion, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/Accordion/__tests__/AccordionItem.spec.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import AccordionItem from '../AccordionItem';
+describe('AccordionItem', () => {
+  test('rendering the defult props', () => {
+    const mockOnClick = jest.fn();
+    const mockSelectMenu = jest.fn();
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AccordionItem, {
+      onRemove: mockOnClick,
+      selectMenu: mockSelectMenu
+    }, /*#__PURE__*/React.createElement("div", null, " Accordin list "), /*#__PURE__*/React.createElement("div", null, " Accordin list2 ")));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Accordion rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=""
+    data-id="Accordion"
+    data-selector-id="accordion"
+    data-test-id="Accordion"
+  />
+</DocumentFragment>
+`;

package/es/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AccordionItem rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=""
+    data-id="AccordionItem"
+    data-selector-id="accordionItem"
+    data-test-id="AccordionItem"
+  >
+    <div
+      class=""
+    >
+      <div>
+         Accordin list 
+      </div>
+    </div>
+    <div>
+       Accordin list2 
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Animation/__tests__/Animation.spec.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Animation from '../Animation';
+describe('Animation', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Animation, {
+      isActive: true,
+      name: "zoomIn"
+    }, /*#__PURE__*/React.createElement("div", null, " Test Animation")));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Animation rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="zoomInEnter zoomInEnterActive"
+  >
+     Test Animation
+  </div>
+</DocumentFragment>
+`;

package/es/Card/__tests__/Card.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Card from '../Card';
+describe('Card', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Card, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Card rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="flex cover coldir"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  />
+</DocumentFragment>
+`;

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/__tests__/CalendarView.spec.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import CalendarView from '../CalendarView';
+describe('CalendarView', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(CalendarView, {
+      dayNames: []
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import DateTime from '../DateTime';
+describe('DateTime', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(DateTime, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isActive is true and isDefaultPosition is true', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(DateTime, {
+      isActive: true,
+      isDefaultPosition: true,
+      value: "2023-07-29T20:20:20.000"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import DateTimePopupFooter from '../DateTimePopupFooter';
+describe('DateTimePopupFooter', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(DateTimePopupFooter, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import DateTimePopupHeader from '../DateTimePopupHeader';
+describe('DateTimePopupHeader', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(DateTimePopupHeader, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import DateWidget from '../DateWidget';
+describe('DateWidget', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(DateWidget, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import DaysRow from '../DaysRow';
+describe('DaysRow', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(DaysRow, {
+      dayNames: []
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Time from '../Time';
+describe('Time', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Time, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import YearView from '../YearView';
+describe('YearView', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(YearView, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap

@@ -0,0 +1,312 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CalendarView rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="days flex cover rowdir"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  />
+  <div
+    class="dateContainer separator"
+    data-id="dateContainer_dateContainer"
+    data-test-id="dateContainer_dateContainer"
+  >
+    <div
+      class="dateRow flex rowdir"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+    </div>
+    <div
+      class="dateRow flex rowdir"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+    </div>
+    <div
+      class="dateRow flex rowdir"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+    </div>
+    <div
+      class="dateRow flex rowdir"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+    </div>
+    <div
+      class="dateRow flex rowdir"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+    </div>
+    <div
+      class="dateRow flex rowdir"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grid shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;