@itwin/itwinui-react 3.12.2 → 3.13.0

package/cjs/react-table/react-table.types-test.js

@@ -7,7 +7,7 @@ const _index = require('../core/Table/index.js');
 const _react = _interop_require_default._(require('react'));
 const _index1 = require('../index.js');
 () => {
-  const columns = [
+  let columns = [
     {
       Header: 'Header 1',
       accessor: 'header1',
@@ -17,7 +17,7 @@ const _index1 = require('../index.js');
       accessor: 'header2',
     },
   ];
-  const data = [
+  let data = [
     {
       header1: 'row1',
       header2: 'row1',
@@ -34,7 +34,7 @@ const _index1 = require('../index.js');
   });
 };
 () => {
-  const columns = [
+  let columns = [
     {
       Header: 'Header 1',
       accessor: 'header1',
@@ -48,14 +48,16 @@ const _index1 = require('../index.js');
   ];
 };
 () => {
-  const cellRenderer = _react.default.useCallback((props) => {
-    return _react.default.createElement(
-      'div',
-      null,
-      props.cellProps.row.original.header1,
-    );
-  }, []);
-  const columns = [
+  let cellRenderer = _react.default.useCallback(
+    (props) =>
+      _react.default.createElement(
+        'div',
+        null,
+        props.cellProps.row.original.header1,
+      ),
+    [],
+  );
+  let columns = [
     {
       Header: 'Header 1',
       accessor: 'header1',
@@ -68,7 +70,7 @@ const _index1 = require('../index.js');
         _react.default.createElement('div', null, props.row.original.header2),
     },
   ];
-  const data = [
+  let data = [
     {
       header1: 'row1',
       header2: 'row1',
@@ -85,14 +87,12 @@ const _index1 = require('../index.js');
   });
 };
 () => {
-  const Cell = _react.default.useCallback((props) => {
-    return _react.default.createElement(
-      'div',
-      null,
-      props.row.original.header1,
-    );
-  }, []);
-  const columns = [
+  let Cell = _react.default.useCallback(
+    (props) =>
+      _react.default.createElement('div', null, props.row.original.header1),
+    [],
+  );
+  let columns = [
     {
       Header: 'Header 1',
       accessor: 'header1',
@@ -103,7 +103,7 @@ const _index1 = require('../index.js');
       accessor: 'header2',
     },
   ];
-  const data = [
+  let data = [
     {
       header1: 'row1',
       header2: 'row1',
@@ -120,7 +120,7 @@ const _index1 = require('../index.js');
   });
 };
 () => {
-  const columns = _react.default.useMemo(
+  let columns = _react.default.useMemo(
     () => [
       {
         id: 'name',
@@ -137,8 +137,8 @@ const _index1 = require('../index.js');
     ],
     [],
   );
-  const data = _react.default.useMemo(() => {
-    return [
+  let data = _react.default.useMemo(
+    () => [
       {
         name: 'Name1',
         description: 'description',
@@ -151,8 +151,9 @@ const _index1 = require('../index.js');
         name: 'Name3',
         description: 'description',
       },
-    ];
-  }, []);
+    ],
+    [],
+  );
   return _react.default.createElement(_index.Table, {
     columns: columns,
     emptyTableContent: 'No data.',
@@ -160,7 +161,7 @@ const _index1 = require('../index.js');
   });
 };
 () => {
-  const translatedLabels = _react.default.useMemo(
+  let translatedLabels = _react.default.useMemo(
     () => ({
       filter: 'Filter',
       clear: 'Clear',
@@ -169,7 +170,7 @@ const _index1 = require('../index.js');
     }),
     [],
   );
-  const formatter = _react.default.useMemo(
+  let formatter = _react.default.useMemo(
     () =>
       new Intl.DateTimeFormat('en-us', {
         month: 'short',
@@ -178,14 +179,12 @@ const _index1 = require('../index.js');
       }),
     [],
   );
-  const formatDate = _react.default.useCallback(
-    (date) => {
-      return formatter.format(date);
-    },
+  let formatDate = _react.default.useCallback(
+    (date) => formatter.format(date),
     [formatter],
   );
-  const menuItems = _react.default.useCallback((close) => {
-    return [
+  let menuItems = _react.default.useCallback(
+    (close) => [
       _react.default.createElement(
         _index1.MenuItem,
         {
@@ -202,51 +201,54 @@ const _index1 = require('../index.js');
         },
         'Delete',
       ),
-    ];
-  }, []);
-  const isRowDisabled = _react.default.useCallback((rowData) => {
-    return rowData.name === 'Name2';
-  }, []);
-  const isCheckboxDisabled = _react.default.useCallback((rowData) => {
-    return rowData.name === 'Name1';
-  }, []);
-  const isExpanderDisabled = _react.default.useCallback((rowData) => {
-    return rowData.name === 'Name2';
-  }, []);
-  const isCellDisabled = _react.default.useCallback((rowData) => {
-    return rowData.name === 'Name3';
-  }, []);
-  const onCellEdit = _react.default.useCallback((columnId, value, rowData) => {
+    ],
+    [],
+  );
+  let isRowDisabled = _react.default.useCallback(
+    (rowData) => 'Name2' === rowData.name,
+    [],
+  );
+  let isCheckboxDisabled = _react.default.useCallback(
+    (rowData) => 'Name1' === rowData.name,
+    [],
+  );
+  let isExpanderDisabled = _react.default.useCallback(
+    (rowData) => 'Name2' === rowData.name,
+    [],
+  );
+  let isCellDisabled = _react.default.useCallback(
+    (rowData) => 'Name3' === rowData.name,
+    [],
+  );
+  let onCellEdit = _react.default.useCallback((columnId, value, rowData) => {
     console.log({
       columnId,
       value,
       rowData,
     });
   }, []);
-  const cellRenderer = _react.default.useCallback(
+  let cellRenderer = _react.default.useCallback(
     (props) =>
       _react.default.createElement(
         _react.default.Fragment,
         null,
-        !isRowDisabled(props.cellProps.row.original) &&
-          props.cellProps.value !== 'Fetching...'
-          ? _react.default.createElement(_index.EditableCell, {
-              ...props,
-              onCellEdit: onCellEdit,
-            })
-          : _react.default.createElement(_index.DefaultCell, {
+        isRowDisabled(props.cellProps.row.original) ||
+          'Fetching...' === props.cellProps.value
+          ? _react.default.createElement(_index.DefaultCell, {
               ...props,
               status:
-                props.cellProps.value === 'Fetching...'
-                  ? undefined
-                  : 'positive',
+                'Fetching...' === props.cellProps.value ? void 0 : 'positive',
               isDisabled: (rowData) =>
                 isCellDisabled(rowData) || isRowDisabled(rowData),
+            })
+          : _react.default.createElement(_index.EditableCell, {
+              ...props,
+              onCellEdit: onCellEdit,
             }),
       ),
     [isCellDisabled, isRowDisabled, onCellEdit],
   );
-  const expandedSubComponent = _react.default.useCallback(
+  let expandedSubComponent = _react.default.useCallback(
     (row) =>
       _react.default.createElement(
         'div',
@@ -280,11 +282,11 @@ const _index1 = require('../index.js');
       ),
     [],
   );
-  const onClickHandler = _react.default.useCallback(
+  let onClickHandler = _react.default.useCallback(
     (props) => console.log(props.row.original.name),
     [],
   );
-  const columns = _react.default.useMemo(
+  let columns = _react.default.useMemo(
     () => [
       (0, _index.SelectionColumn)({
         isDisabled: isCheckboxDisabled,
@@ -325,13 +327,12 @@ const _index1 = require('../index.js');
         id: 'ids',
         Header: 'IDs (enter one of the IDs in the filter)',
         accessor: 'ids',
-        Cell: (props) => {
-          return _react.default.createElement(
+        Cell: (props) =>
+          _react.default.createElement(
             _react.default.Fragment,
             null,
             props.row.original.ids.join(', '),
-          );
-        },
+          ),
         Filter: _index.tableFilters.TextFilter(translatedLabels),
         filter: 'includes',
         minWidth: 200,
@@ -340,13 +341,12 @@ const _index1 = require('../index.js');
         id: 'startDate',
         Header: 'Start date',
         accessor: 'startDate',
-        Cell: (props) => {
-          return _react.default.createElement(
+        Cell: (props) =>
+          _react.default.createElement(
             _react.default.Fragment,
             null,
             formatDate(props.row.original.startDate),
-          );
-        },
+          ),
         Filter: _index.tableFilters.DateRangeFilter({
           translatedLabels,
         }),
@@ -356,13 +356,12 @@ const _index1 = require('../index.js');
         id: 'endDate',
         Header: 'End date',
         accessor: (rowData) => new Date(rowData.endDate),
-        Cell: (props) => {
-          return _react.default.createElement(
+        Cell: (props) =>
+          _react.default.createElement(
             _react.default.Fragment,
             null,
             formatDate(new Date(props.row.original.endDate)),
-          );
-        },
+          ),
         Filter: _index.tableFilters.DateRangeFilter({
           translatedLabels,
         }),
@@ -372,8 +371,8 @@ const _index1 = require('../index.js');
         id: 'click-me',
         Header: 'Click',
         width: 100,
-        Cell: (props) => {
-          return _react.default.createElement(
+        Cell: (props) =>
+          _react.default.createElement(
             _index1.Anchor,
             {
               as: 'button',
@@ -384,8 +383,7 @@ const _index1 = require('../index.js');
               },
             },
             'Click me!',
-          );
-        },
+          ),
         disableResizing: true,
       },
       {
@@ -423,7 +421,7 @@ const _index1 = require('../index.js');
       isRowDisabled,
     ],
   );
-  const data = _react.default.useMemo(
+  let data = _react.default.useMemo(
     () => [
       {
         index: 1,
@@ -494,23 +492,20 @@ const _index1 = require('../index.js');
     ],
     [],
   );
-  const onFilter = _react.default.useCallback(
-    (filters, state, filteredData) => {
-      let rowInfo = '[';
-      filteredData?.forEach((row) => {
-        rowInfo += `${JSON.stringify(row.original)},`;
-      });
-      rowInfo = rowInfo.slice(0, rowInfo.length - 1);
-      rowInfo += ']';
-      console.log(
-        `Filter changed. Filters: ${JSON.stringify(
-          filters,
-        )}, State: ${JSON.stringify(state)}, Rows: ${rowInfo}`,
-      );
-    },
-    [],
-  );
-  const onSelect = _react.default.useCallback(
+  let onFilter = _react.default.useCallback((filters, state, filteredData) => {
+    let rowInfo = '[';
+    filteredData?.forEach((row) => {
+      rowInfo += `${JSON.stringify(row.original)},`;
+    });
+    rowInfo = rowInfo.slice(0, rowInfo.length - 1);
+    rowInfo += ']';
+    console.log(
+      `Filter changed. Filters: ${JSON.stringify(
+        filters,
+      )}, State: ${JSON.stringify(state)}, Rows: ${rowInfo}`,
+    );
+  }, []);
+  let onSelect = _react.default.useCallback(
     (rows, state) =>
       console.log(
         `Selected rows: ${JSON.stringify(rows)}, Table state: ${JSON.stringify(
@@ -519,16 +514,16 @@ const _index1 = require('../index.js');
       ),
     [],
   );
-  const onRowClick = _react.default.useCallback(
+  let onRowClick = _react.default.useCallback(
     (event, row) => console.log(`Row clicked: ${JSON.stringify(row.original)}`),
     [],
   );
-  const onSort = _react.default.useCallback(
+  let onSort = _react.default.useCallback(
     (state) =>
       console.log(`Sort changed. Table state: ${JSON.stringify(state)}`),
     [],
   );
-  const onExpand = _react.default.useCallback(
+  let onExpand = _react.default.useCallback(
     (rows, state) =>
       console.log(
         `Expanded rows: ${JSON.stringify(rows)}. Table state: ${JSON.stringify(
@@ -537,27 +532,27 @@ const _index1 = require('../index.js');
       ),
     [],
   );
-  const onRowInViewport = _react.default.useCallback((rowData) => {
+  let onRowInViewport = _react.default.useCallback((rowData) => {
     console.log(`Row in view: ${JSON.stringify(rowData)}`);
   }, []);
-  const rowProps = _react.default.useCallback((row) => {
-    return {
+  let rowProps = _react.default.useCallback(
+    (row) => ({
       onMouseEnter: () => {
         console.log(`Hovered over ${row.original.name}`);
         setHoveredRowIndex(row.index);
       },
       ref: (el) => {
-        if (el) {
+        if (el)
           setRowRefMap((r) => {
             r[row.index] = el;
             return r;
           });
-        }
       },
-    };
-  }, []);
-  const pageSizeList = _react.default.useMemo(() => [10, 25, 50], []);
-  const paginator = _react.default.useCallback(
+    }),
+    [],
+  );
+  let pageSizeList = _react.default.useMemo(() => [10, 25, 50], []);
+  let paginator = _react.default.useCallback(
     (props) =>
       _react.default.createElement(_index.TablePaginator, {
         ...props,
@@ -574,16 +569,16 @@ const _index1 = require('../index.js');
           rowsPerPageLabel: 'Rows per localized page',
           rowsSelectedLabel: (totalSelectedRowsCount) =>
             `${totalSelectedRowsCount} localized ${
-              totalSelectedRowsCount === 1 ? 'row' : 'rows'
+              1 === totalSelectedRowsCount ? 'row' : 'rows'
             } selected`,
         },
       }),
     [pageSizeList],
   );
-  const [globalFilter, setGlobalFilter] = _react.default.useState('');
-  const tableInstance = _react.default.useRef();
-  const [hoveredRowIndex, setHoveredRowIndex] = _react.default.useState(0);
-  const [rowRefMap, setRowRefMap] = _react.default.useState({});
+  let [globalFilter, setGlobalFilter] = _react.default.useState('');
+  let tableInstance = _react.default.useRef();
+  let [hoveredRowIndex, setHoveredRowIndex] = _react.default.useState(0);
+  let [rowRefMap, setRowRefMap] = _react.default.useState({});
   return _react.default.createElement(
     'div',
     null,
@@ -640,7 +635,7 @@ const _index1 = require('../index.js');
       styleType: 'zebra-rows',
       enableVirtualization: true,
       scrollToRow: _react.default.useCallback(
-        (rows, data) => rows.findIndex((row) => row.original.index === 1),
+        (rows, data) => rows.findIndex((row) => 1 === row.original.index),
         [],
       ),
     }),

package/cjs/styles.js

@@ -1,17 +1,17 @@
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const t = '3.12.2';
+const e = '3.13.0';
 const u = new Proxy(
   {},
   {
-    get(e, i) {
+    get(t, i) {
       if (typeof i == 'string' && i.startsWith('iui-'))
-        return i.replace('iui-', '_iui3-');
+        return i.replace('iui-', `_iui${e.replace(/\./g, '')}-`);
     },
-    has(e, i) {
+    has(t, i) {
       return typeof i == 'string' && i.startsWith('iui-');
     },
   },
 );
 exports.styles = u;
-exports.version = t;
+exports.version = e;