@itwin/itwinui-react 3.15.5 → 5.0.0-alpha.0

package/DEV-cjs/core/Table/filters/defaultFilterFunctions.js

@@ -1,125 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'defaultFilterFunctions', {
-  enumerable: true,
-  get: function () {
-    return defaultFilterFunctions;
-  },
-});
-const text = (rows, ids, filterValue) => {
-  rows = rows.filter((row) =>
-    ids.some((id) => {
-      let rowValue = row.values[id];
-      return String(rowValue)
-        .toLowerCase()
-        .includes(String(filterValue).toLowerCase());
-    }),
-  );
-  return rows;
-};
-text.autoRemove = (val) => !val;
-const exactText = (rows, ids, filterValue) =>
-  rows.filter((row) =>
-    ids.some((id) => {
-      let rowValue = row.values[id];
-      return (
-        void 0 === rowValue ||
-        String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
-      );
-    }),
-  );
-exactText.autoRemove = (val) => !val;
-const exactTextCase = (rows, ids, filterValue) =>
-  rows.filter((row) =>
-    ids.some((id) => {
-      let rowValue = row.values[id];
-      return void 0 === rowValue || String(rowValue) === String(filterValue);
-    }),
-  );
-exactTextCase.autoRemove = (val) => !val;
-const includes = (rows, ids, filterValue) =>
-  rows.filter((row) =>
-    ids.some((id) => {
-      let rowValue = row.values[id];
-      return rowValue.includes(filterValue);
-    }),
-  );
-includes.autoRemove = (val) => !val || !val.length;
-const includesAll = (rows, ids, filterValue) =>
-  rows.filter((row) =>
-    ids.some((id) => {
-      let rowValue = row.values[id];
-      return (
-        rowValue &&
-        rowValue.length &&
-        filterValue.every((val) => rowValue.includes(val))
-      );
-    }),
-  );
-includesAll.autoRemove = (val) => !val || !val.length;
-const includesSome = (rows, ids, filterValue) =>
-  rows.filter((row) =>
-    ids.some((id) => {
-      let rowValue = row.values[id];
-      return (
-        rowValue &&
-        rowValue.length &&
-        filterValue.some((val) => rowValue.includes(val))
-      );
-    }),
-  );
-includesSome.autoRemove = (val) => !val || !val.length;
-const includesValue = (rows, ids, filterValue) =>
-  rows.filter((row) =>
-    ids.some((id) => {
-      let rowValue = row.values[id];
-      return filterValue.includes(rowValue);
-    }),
-  );
-includesValue.autoRemove = (val) => !val || !val.length;
-const exact = (rows, ids, filterValue) =>
-  rows.filter((row) =>
-    ids.some((id) => {
-      let rowValue = row.values[id];
-      return rowValue === filterValue;
-    }),
-  );
-exact.autoRemove = (val) => void 0 === val;
-const equals = (rows, ids, filterValue) =>
-  rows.filter((row) =>
-    ids.some((id) => {
-      let rowValue = row.values[id];
-      return rowValue == filterValue;
-    }),
-  );
-equals.autoRemove = (val) => null == val;
-const between = (rows, ids, filterValue) => {
-  let [min, max] = filterValue || [];
-  min = 'number' == typeof min ? min : -1 / 0;
-  max = 'number' == typeof max ? max : 1 / 0;
-  if (min > max) {
-    let temp = min;
-    min = max;
-    max = temp;
-  }
-  return rows.filter((row) =>
-    ids.some((id) => {
-      let rowValue = row.values[id];
-      return rowValue >= min && rowValue <= max;
-    }),
-  );
-};
-between.autoRemove = (val) =>
-  !val || ('number' != typeof val[0] && 'number' != typeof val[1]);
-const defaultFilterFunctions = {
-  text,
-  exactText,
-  exactTextCase,
-  includes,
-  includesAll,
-  includesSome,
-  includesValue,
-  between,
-};

package/DEV-cjs/core/Table/filters/index.js

@@ -1,29 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-function _export(target, all) {
-  for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name],
-    });
-}
-_export(exports, {
-  BaseFilter: function () {
-    return _BaseFilter.BaseFilter;
-  },
-  FilterButtonBar: function () {
-    return _FilterButtonBar.FilterButtonBar;
-  },
-  FilterToggle: function () {
-    return _FilterToggle.FilterToggle;
-  },
-  tableFilters: function () {
-    return _tableFilters.tableFilters;
-  },
-});
-const _BaseFilter = require('./BaseFilter.js');
-const _tableFilters = require('./tableFilters.js');
-const _FilterButtonBar = require('./FilterButtonBar.js');
-const _FilterToggle = require('./FilterToggle.js');

package/DEV-cjs/core/Table/filters/tableFilters.js

@@ -1,32 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'tableFilters', {
-  enumerable: true,
-  get: function () {
-    return tableFilters;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _DateRangeFilter = require('./DateRangeFilter/DateRangeFilter.js');
-const _NumberRangeFilter = require('./NumberRangeFilter/NumberRangeFilter.js');
-const _TextFilter = require('./TextFilter/TextFilter.js');
-const tableFilters = {
-  TextFilter: (translatedLabels) => (props) =>
-    _react.createElement(_TextFilter.TextFilter, {
-      ...props,
-      translatedLabels: translatedLabels,
-    }),
-  DateRangeFilter: (options) => (props) =>
-    _react.createElement(_DateRangeFilter.DateRangeFilter, {
-      ...props,
-      ...options,
-    }),
-  NumberRangeFilter: (translatedLabels) => (props) =>
-    _react.createElement(_NumberRangeFilter.NumberRangeFilter, {
-      ...props,
-      translatedLabels: translatedLabels,
-    }),
-};

package/DEV-cjs/core/Table/filters/types.js

@@ -1,4 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});

package/DEV-cjs/core/Table/hooks/index.js

@@ -1,45 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-function _export(target, all) {
-  for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name],
-    });
-}
-_export(exports, {
-  useColumnDragAndDrop: function () {
-    return _useColumnDragAndDrop.useColumnDragAndDrop;
-  },
-  useExpanderCell: function () {
-    return _useExpanderCell.useExpanderCell;
-  },
-  useResizeColumns: function () {
-    return _useResizeColumns.useResizeColumns;
-  },
-  useScrollToRow: function () {
-    return _useScrollToRow.useScrollToRow;
-  },
-  useSelectionCell: function () {
-    return _useSelectionCell.useSelectionCell;
-  },
-  useStickyColumns: function () {
-    return _useStickyColumns.useStickyColumns;
-  },
-  useSubRowFiltering: function () {
-    return _useSubRowFiltering.useSubRowFiltering;
-  },
-  useSubRowSelection: function () {
-    return _useSubRowSelection.useSubRowSelection;
-  },
-});
-const _useExpanderCell = require('./useExpanderCell.js');
-const _useSelectionCell = require('./useSelectionCell.js');
-const _useSubRowFiltering = require('./useSubRowFiltering.js');
-const _useSubRowSelection = require('./useSubRowSelection.js');
-const _useResizeColumns = require('./useResizeColumns.js');
-const _useColumnDragAndDrop = require('./useColumnDragAndDrop.js');
-const _useScrollToRow = require('./useScrollToRow.js');
-const _useStickyColumns = require('./useStickyColumns.js');

package/DEV-cjs/core/Table/hooks/useColumnDragAndDrop.js

@@ -1,124 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useColumnDragAndDrop', {
-  enumerable: true,
-  get: function () {
-    return useColumnDragAndDrop;
-  },
-});
-const _reacttable = require('react-table');
-const _styles = require('../../../styles.js');
-const leftClassName = _styles.styles['iui-table-reorder-column-left'];
-const rightClassName = _styles.styles['iui-table-reorder-column-right'];
-const REORDER_ACTIONS = {
-  columnDragStart: 'columnDragStart',
-  columnDragEnd: 'columnDragEnd',
-};
-const useColumnDragAndDrop = (isEnabled) => (hooks) => {
-  hooks.getDragAndDropProps = [defaultGetDragAndDropProps(isEnabled)];
-  hooks.stateReducers.push(reducer);
-  hooks.useInstance.push(useInstance);
-};
-const defaultGetDragAndDropProps =
-  (isEnabled) =>
-  (props, { instance, header }) => {
-    if (!isEnabled || header.disableReordering) return props;
-    let onDragStart = () => {
-      instance.dispatch({
-        type: REORDER_ACTIONS.columnDragStart,
-        columnIndex: instance.flatHeaders.indexOf(header),
-      });
-    };
-    let setOnDragColumnStyle = (event, position) => {
-      let columnElement = event.currentTarget;
-      if ('left' === position) {
-        columnElement.classList.remove(rightClassName);
-        columnElement.classList.add(leftClassName);
-      } else if ('right' === position) {
-        columnElement.classList.remove(leftClassName);
-        columnElement.classList.add(rightClassName);
-      } else {
-        columnElement.classList.remove(leftClassName);
-        columnElement.classList.remove(rightClassName);
-      }
-    };
-    let reorderColumns = (tableColumns, srcIndex, dstIndex) => {
-      let newTableColumns = [...tableColumns];
-      let [removed] = newTableColumns.splice(srcIndex, 1);
-      newTableColumns.splice(dstIndex, 0, removed);
-      return newTableColumns;
-    };
-    let onDragOver = (event) => {
-      event.preventDefault();
-      let headerIndex = instance.flatHeaders.indexOf(header);
-      if (instance.state.columnReorderStartIndex !== headerIndex)
-        setOnDragColumnStyle(
-          event,
-          instance.state.columnReorderStartIndex > headerIndex
-            ? 'left'
-            : 'right',
-        );
-    };
-    let onDragLeave = (event) => {
-      setOnDragColumnStyle(event);
-    };
-    let onDrop = (event) => {
-      event.preventDefault();
-      setOnDragColumnStyle(event);
-      let columnIds = instance.allColumns.map((x) => x.id);
-      let srcIndex = instance.state.columnReorderStartIndex;
-      let dstIndex = columnIds.findIndex((x) => x === header.id);
-      if (srcIndex === dstIndex || -1 === srcIndex || -1 === dstIndex) return;
-      instance.setColumnOrder(reorderColumns(columnIds, srcIndex, dstIndex));
-      instance.dispatch({
-        type: REORDER_ACTIONS.columnDragEnd,
-        columnIndex: -1,
-      });
-    };
-    return [
-      props,
-      {
-        draggable: true,
-        onDragStart,
-        onDragOver,
-        onDragLeave,
-        onDrop,
-      },
-    ];
-  };
-const reducer = (newState, action) => {
-  switch (action.type) {
-    case _reacttable.actions.init:
-      return {
-        ...newState,
-        columnReorderStartIndex: -1,
-      };
-    case REORDER_ACTIONS.columnDragStart:
-      return {
-        ...newState,
-        columnReorderStartIndex: action.columnIndex,
-      };
-    case REORDER_ACTIONS.columnDragEnd:
-      return {
-        ...newState,
-        columnReorderStartIndex: -1,
-      };
-    default:
-      return newState;
-  }
-};
-const useInstance = (instance) => {
-  let { flatHeaders, getHooks } = instance;
-  let getInstance = (0, _reacttable.useGetLatest)(instance);
-  flatHeaders.forEach((header) => {
-    header.getDragAndDropProps = (0, _reacttable.makePropGetter)(
-      getHooks().getDragAndDropProps,
-      {
-        instance: getInstance(),
-        header,
-      },
-    );
-  });
-};

package/DEV-cjs/core/Table/hooks/useExpanderCell.js

@@ -1,41 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useExpanderCell', {
-  enumerable: true,
-  get: function () {
-    return useExpanderCell;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _index = require('../columns/index.js');
-const useExpanderCell =
-  (subComponent, expanderCell, isRowDisabled) => (hooks) => {
-    if (!subComponent) return;
-    hooks.allColumns.push((columns) => {
-      let hasExpanderColumn = columns.find(
-        (c) => c.id === _index.EXPANDER_CELL_ID,
-      );
-      if (hasExpanderColumn) return columns;
-      let expanderColumn = (0, _index.ExpanderColumn)({
-        subComponent,
-        isDisabled: isRowDisabled,
-      });
-      return [
-        {
-          ...expanderColumn,
-          Cell: expanderCell
-            ? (cellProps) =>
-                _react.createElement(
-                  _react.Fragment,
-                  null,
-                  expanderCell(cellProps),
-                )
-            : expanderColumn.Cell,
-        },
-        ...columns,
-      ];
-    });
-  };