@synerise/ds-list 0.6.40 → 0.6.42

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.6.42](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list@0.6.41...@synerise/ds-list@0.6.42) (2023-08-30)
+
+**Note:** Version bump only for package @synerise/ds-list
+
+
+
+
+
+## [0.6.41](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list@0.6.40...@synerise/ds-list@0.6.41) (2023-08-25)
+
+**Note:** Version bump only for package @synerise/ds-list
+
+
+
+
+
 ## [0.6.40](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list@0.6.39...@synerise/ds-list@0.6.40) (2023-08-20)
 
 **Note:** Version bump only for package @synerise/ds-list

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-list",
-  "version": "0.6.40",
+  "version": "0.6.42",
   "description": "List UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,9 +32,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-divider": "^0.5.39",
-    "@synerise/ds-radio": "^0.11.39",
-    "@synerise/ds-utils": "^0.24.12",
+    "@synerise/ds-divider": "^0.5.41",
+    "@synerise/ds-radio": "^0.11.41",
+    "@synerise/ds-utils": "^0.24.14",
     "uuid": "^7.0.2"
   },
   "peerDependencies": {
@@ -42,5 +42,5 @@
     "antd": "^4",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "0795eb5071d9160e429731ba8f8807c1ae509085"
+  "gitHead": "291e114ff38d1a8e9d5ad8d9e499add6c6f25ee5"
 }

package/dist/__spec__/List.spec.js

@@ -1,153 +0,0 @@
-import * as React from 'react';
-import { renderWithProvider } from '@synerise/ds-utils/dist/testing';
-import Radio from '@synerise/ds-radio';
-import { fireEvent } from '@testing-library/react';
-import List from '../index';
-import { isNestedArray } from '../List';
-describe('List', function () {
-  var defaultData = [['Option A', 'Option B']];
-  it('should render basic list', function () {
-    // ARRANGE
-    var _renderWithProvider = renderWithProvider( /*#__PURE__*/React.createElement(List, {
-      dataSource: defaultData,
-      renderItem: function renderItem(item) {
-        return /*#__PURE__*/React.createElement(List.Item, {
-          size: "small"
-        }, item);
-      }
-    })),
-        getByText = _renderWithProvider.getByText; // ASSERT
-
-
-    expect(getByText('Option A')).toBeTruthy();
-    expect(getByText('Option B')).toBeTruthy();
-  });
-  it('should render header', function () {
-    // ARRANGE
-    var HEADER_TEXT = 'header text';
-
-    var _renderWithProvider2 = renderWithProvider( /*#__PURE__*/React.createElement(List, {
-      dataSource: defaultData,
-      header: HEADER_TEXT,
-      renderItem: function renderItem(item) {
-        return /*#__PURE__*/React.createElement(List.Item, null, item);
-      }
-    })),
-        getByText = _renderWithProvider2.getByText; // ASSERT
-
-
-    expect(getByText(HEADER_TEXT)).toBeTruthy();
-  });
-  it('should render multilevel list', function () {
-    // ARRANGE
-    var HEADER_TEXT = 'header text';
-    var data = [['Option A'], ['Option B']];
-
-    var _renderWithProvider3 = renderWithProvider( /*#__PURE__*/React.createElement(List, {
-      dataSource: data,
-      header: HEADER_TEXT,
-      renderItem: function renderItem(item) {
-        return /*#__PURE__*/React.createElement(List.Item, null, item);
-      }
-    })),
-        getByText = _renderWithProvider3.getByText,
-        getAllByText = _renderWithProvider3.getAllByText,
-        getAllByRole = _renderWithProvider3.getAllByRole; // ASSERT
-
-
-    expect(getAllByText(HEADER_TEXT)).toHaveLength(1);
-    expect(getByText('Option A')).toBeTruthy();
-    expect(getByText('Option B')).toBeTruthy();
-    expect(getAllByRole('separator')).toHaveLength(1);
-  });
-  it('should render and handle actions', function () {
-    // ARRANGE
-    var onActionClick = jest.fn();
-    var data = [['Option A']];
-
-    var _renderWithProvider4 = renderWithProvider( /*#__PURE__*/React.createElement(List, {
-      dataSource: data,
-      renderItem: function renderItem(item) {
-        return /*#__PURE__*/React.createElement(List.Item, {
-          actions: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
-            onClick: onActionClick,
-            type: "button"
-          }, "Action A"))
-        }, item);
-      }
-    })),
-        getByText = _renderWithProvider4.getByText; // ACT
-
-
-    fireEvent.click(getByText('Action A')); // ASSERT
-
-    expect(getByText('Action A')).toBeTruthy();
-    expect(onActionClick).toHaveBeenCalled();
-  });
-  it('should render wrapped radio group', function () {
-    // ARRANGE
-    var data = [[{
-      label: 'Country',
-      value: 'country'
-    }, {
-      label: 'Address',
-      value: 'address'
-    }]];
-
-    var _renderWithProvider5 = renderWithProvider( /*#__PURE__*/React.createElement(List, {
-      dataSource: data,
-      radio: true,
-      options: {
-        defaultValue: 'A'
-      },
-      renderItem: function renderItem(item) {
-        return /*#__PURE__*/React.createElement(Radio, {
-          value: item.value
-        }, item.label);
-      }
-    })),
-        container = _renderWithProvider5.container; // ASSERT
-
-
-    expect(container.querySelectorAll('.ant-radio-group')).toHaveLength(1);
-  });
-  it('should render basic medium size list', function () {
-    // ARRANGE
-    var _renderWithProvider6 = renderWithProvider( /*#__PURE__*/React.createElement(List, {
-      dataSource: defaultData,
-      renderItem: function renderItem(item) {
-        return /*#__PURE__*/React.createElement(List.Item, {
-          size: "medium"
-        }, item);
-      }
-    })),
-        container = _renderWithProvider6.container; // ASSERT
-
-
-    expect(container.querySelector('.ant-list-items > li')).toHaveStyle('padding: 12px 12px 12px 16px');
-  });
-  it('should recognize if dataSource is nested or not', function () {
-    // ARRANGE
-    var nested = [[{
-      label: 'Country',
-      value: 'country'
-    }, {
-      label: 'Address',
-      value: 'address'
-    }]];
-    var flat = [{
-      label: 'Country',
-      value: 'country'
-    }, {
-      label: 'Address',
-      value: 'address'
-    }];
-    var nestedEmpty = [[]];
-    var flatEmpty = []; // ACT & ASSERT
-
-    expect(isNestedArray(nested)).toBe(true);
-    expect(isNestedArray(flat)).toBe(false);
-    expect(isNestedArray(nestedEmpty)).toBe(true);
-    expect(isNestedArray(flatEmpty)).toBe(false);
-  });
-});