@carbon/ibm-products 2.0.0-rc.32 → 2.0.0-rc.33

package/lib/components/Datagrid/Datagrid/DraggableElement.js

@@ -1,189 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _icons = require("@carbon/react/icons");
-var _reactDnd = require("react-dnd");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _settings = require("../../../settings");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-// @flow
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2021
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
- */
-
-var useEffect = React.useEffect,
-  useRef = React.useRef,
-  useState = React.useState;
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-var DRAG_TYPE = "".concat(blockClass, "__shared-ui-draggable-element");
-var DraggableElement = function DraggableElement(_ref) {
-  var _cx;
-  var id = _ref.id,
-    index = _ref.index,
-    listData = _ref.listData,
-    children = _ref.children,
-    type = _ref.type,
-    disabled = _ref.disabled,
-    ariaLabel = _ref.ariaLabel,
-    onGrab = _ref.onGrab,
-    onArrowKeyDown = _ref.onArrowKeyDown,
-    isFocused = _ref.isFocused,
-    isSticky = _ref.isSticky,
-    moveElement = _ref.moveElement,
-    selected = _ref.selected,
-    _ref$positionLabel = _ref.positionLabel,
-    positionLabel = _ref$positionLabel === void 0 ? 'Current position {index} of {total}' : _ref$positionLabel,
-    _ref$grabbedLabel = _ref.grabbedLabel,
-    grabbedLabel = _ref$grabbedLabel === void 0 ? '{itemName} grabbed.' : _ref$grabbedLabel,
-    _ref$droppedLabel = _ref.droppedLabel,
-    droppedLabel = _ref$droppedLabel === void 0 ? '{itemName} dropped.' : _ref$droppedLabel;
-  var ref = useRef();
-  var _useDrop = (0, _reactDnd.useDrop)({
-      accept: DRAG_TYPE + type,
-      collect: function collect(monitor) {
-        return {
-          isOver: !!monitor.isOver()
-        };
-      },
-      drop: function drop(item) {
-        moveElement(item.index, index);
-      },
-      canDrop: function canDrop() {
-        return !disabled;
-      },
-      hover: function hover(item) {
-        var dragIndex = item.index;
-        var hoverIndex = index;
-        // Don't replace items with themselves
-        if (dragIndex === hoverIndex || disabled) {
-          return;
-        }
-        moveElement(dragIndex, hoverIndex);
-        // Time to actually perform the action
-        // Note: we're mutating the monitor item here!
-        // Generally it's better to avoid mutations,
-        // but it's good here for the sake of performance
-        // to avoid expensive index searches.
-        // eslint-disable-next-line no-param-reassign
-        item.index = hoverIndex;
-      }
-    }),
-    _useDrop2 = (0, _slicedToArray2.default)(_useDrop, 2),
-    isOver = _useDrop2[0].isOver,
-    drop = _useDrop2[1];
-  var _useDrag = (0, _reactDnd.useDrag)({
-      type: DRAG_TYPE + type,
-      item: {
-        id: id,
-        index: index
-      },
-      canDrag: function canDrag() {
-        return !disabled;
-      },
-      collect: function collect(monitor) {
-        return {
-          isDragging: monitor.isDragging()
-        };
-      }
-    }),
-    _useDrag2 = (0, _slicedToArray2.default)(_useDrag, 3),
-    isDragging = _useDrag2[0].isDragging,
-    drag = _useDrag2[1],
-    preview = _useDrag2[2];
-  useEffect(function () {
-    if (isFocused && ref && ref.current) {
-      ref.current.focus();
-    }
-  }, [isFocused]);
-  var _useState = useState(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isGrabbed = _useState2[0],
-    setIsGrabbed = _useState2[1];
-  var _useState3 = useState(isFocused),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isFocusedOnItem = _useState4[0],
-    setIsFocusedOnItem = _useState4[1];
-  drop(ref);
-  var content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)({
-      disabled: disabled
-    }, "".concat(blockClass, "__draggable-handleStyle"))
-  }, isSticky ? /*#__PURE__*/React.createElement(_icons.Locked, {
-    size: 16
-  }) : /*#__PURE__*/React.createElement(_icons.Draggable, {
-    size: 16
-  })), children);
-  return /*#__PURE__*/React.createElement("li", {
-    className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__draggable-handleHolder-isOver"), isOver && !disabled), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__draggable-handleHolder-grabbed"), isGrabbed), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__draggable-handleHolder-selected"), selected), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__draggable-handleHolder--sticky"), isSticky), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__draggable-handleHolder"), !selected), _cx)),
-    ref: ref,
-    "aria-selected": isFocused,
-    role: "option",
-    tabIndex: isFocused ? 0 : -1,
-    onKeyPress: function onKeyPress(e) {
-      if (e.key === ' ' && e.target === e.currentTarget && !disabled) {
-        var positionText = positionLabel.replace('{index}', index + 1).replace('{total}', listData.length);
-        var grabAriaText = (isGrabbed ? droppedLabel : grabbedLabel).replace('{itemName}', ariaLabel);
-        onGrab(grabAriaText + positionText);
-        setIsGrabbed(!isGrabbed);
-        e.preventDefault();
-      }
-    },
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
-        onArrowKeyDown(e, isGrabbed, index);
-      }
-    },
-    onBlur: function onBlur(e) {
-      // handle when focus move to inner elements
-      setIsFocusedOnItem(e.currentTarget === e.target);
-    },
-    onFocus: function onFocus(e) {
-      // handle when focus move to li element
-      setIsFocusedOnItem(e.currentTarget === e.target);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(blockClass, "__shared-ui--assistive-text")
-  }, ariaLabel), isDragging && !isOver ? /*#__PURE__*/React.createElement("div", {
-    ref: preview,
-    className: "".concat(blockClass, "__draggable-handleHolder-droppable ").concat(blockClass, "__draggable-handleHolder-droppable--origin")
-  }, content) : /*#__PURE__*/React.createElement("div", {
-    ref: drag,
-    "aria-hidden": isFocused && isFocusedOnItem // if focus on li, hide the children from aria
-    ,
-    className: (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__draggable-handleStyle"), !disabled), ["".concat(blockClass, "__draggable-handleHolder-droppable")])
-  }, (!isOver || disabled) && content));
-};
-DraggableElement.propTypes = {
-  ariaLabel: _propTypes.default.string.isRequired,
-  children: _propTypes.default.element.isRequired,
-  disabled: _propTypes.default.bool,
-  droppedLabel: _propTypes.default.string,
-  grabbedLabel: _propTypes.default.string,
-  id: _propTypes.default.string.isRequired,
-  index: _propTypes.default.number.isRequired,
-  isFocused: _propTypes.default.bool.isRequired,
-  isSticky: _propTypes.default.bool,
-  listData: _propTypes.default.array.isRequired,
-  moveElement: _propTypes.default.func.isRequired,
-  onArrowKeyDown: _propTypes.default.func.isRequired,
-  onGrab: _propTypes.default.func.isRequired,
-  positionLabel: _propTypes.default.string,
-  selected: _propTypes.default.bool,
-  type: _propTypes.default.string.isRequired
-};
-var _default = DraggableElement;
-exports.default = _default;

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("@carbon/react");
-var React = _interopRequireWildcard(require("react"));
-var _settings = require("../../../../../settings");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/**
- * Copyright IBM Corp. 2022, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-var Actions = function Actions(_ref) {
-  var searchText = _ref.searchText,
-    setSearchText = _ref.setSearchText,
-    findColumnPlaceholderLabel = _ref.findColumnPlaceholderLabel;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__customize-columns-tearsheet--actions")
-  }, /*#__PURE__*/React.createElement(_react.Search, {
-    placeholder: findColumnPlaceholderLabel,
-    value: searchText,
-    size: "lg",
-    labelText: findColumnPlaceholderLabel,
-    onChange: function onChange(e) {
-      // TODO: is it performant?
-      setSearchText(e.target.value);
-    }
-  }));
-};
-Actions.propTypes = {
-  columns: _propTypes.default.array.isRequired,
-  findColumnPlaceholderLabel: _propTypes.default.string,
-  originalColumnDefinitions: _propTypes.default.array.isRequired,
-  resetToDefaultLabel: _propTypes.default.string,
-  searchText: _propTypes.default.string.isRequired,
-  setColumnsObject: _propTypes.default.func.isRequired,
-  setSearchText: _propTypes.default.func.isRequired
-};
-var _default = Actions;
-exports.default = _default;

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _icons = require("@carbon/react/icons");
-var _react2 = require("@carbon/react");
-var _settings = require("../../../../../settings");
-var _excluded = ["onClick", "setIsTearsheetOpen", "isTearsheetOpen", "iconTooltipLabel"];
-/**
- * Copyright IBM Corp. 2022, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-var ButtonWrapper = function ButtonWrapper(_ref) {
-  var _onClick = _ref.onClick,
-    setIsTearsheetOpen = _ref.setIsTearsheetOpen,
-    isTearsheetOpen = _ref.isTearsheetOpen,
-    _ref$iconTooltipLabel = _ref.iconTooltipLabel,
-    iconTooltipLabel = _ref$iconTooltipLabel === void 0 ? 'Customize columns' : _ref$iconTooltipLabel,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_react2.Button, (0, _extends2.default)({}, rest, {
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React.createElement(_icons.Column, (0, _extends2.default)({
-        size: 16
-      }, props));
-    },
-    iconDescription: iconTooltipLabel,
-    tooltipPosition: "left",
-    kind: "ghost",
-    hasIconOnly: true,
-    "test-id": "".concat(blockClass, "__customize-columns-trigger"),
-    onClick: function onClick() {
-      setIsTearsheetOpen(!isTearsheetOpen);
-      if (typeof _onClick === 'function') {
-        _onClick();
-      }
-    }
-  }));
-};
-ButtonWrapper.defaultProps = {
-  onClick: function onClick() {}
-};
-ButtonWrapper.propTypes = {
-  iconTooltipLabel: _propTypes.default.string,
-  isTearsheetOpen: _propTypes.default.bool.isRequired,
-  onClick: _propTypes.default.func.isRequired,
-  setIsTearsheetOpen: _propTypes.default.func.isRequired
-};
-var _default = ButtonWrapper;
-exports.default = _default;

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactDnd = require("react-dnd");
-var _reactDndHtml5Backend = require("react-dnd-html5-backend");
-var _react2 = require("@carbon/react");
-var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
-var _settings = require("../../../../../settings");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _DraggableItemsList = require("./DraggableItemsList");
-/**
- * Copyright IBM Corp. 2022, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-var getNextIndex = function getNextIndex(array, currentIndex, key) {
-  var newIndex = -1;
-  if (key === 'ArrowUp') {
-    newIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : array.length - 1;
-  }
-  if (key === 'ArrowDown') {
-    newIndex = currentIndex + 1 < array.length ? currentIndex + 1 : 0;
-  }
-  return newIndex;
-};
-var Columns = function Columns(_ref) {
-  var getVisibleColumnsCount = _ref.getVisibleColumnsCount,
-    filterString = _ref.filterString,
-    columns = _ref.columns,
-    setColumnsObject = _ref.setColumnsObject,
-    onSelectColumn = _ref.onSelectColumn,
-    assistiveTextInstructionsLabel = _ref.assistiveTextInstructionsLabel,
-    assistiveTextDisabledInstructionsLabel = _ref.assistiveTextDisabledInstructionsLabel,
-    selectAllLabel = _ref.selectAllLabel,
-    isTableSortable = _ref.isTableSortable;
-  var _React$useState = _react.default.useState(''),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    ariaRegionText = _React$useState2[0],
-    setAriaRegionText = _React$useState2[1];
-  var _React$useState3 = _react.default.useState(-1),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    focusIndex = _React$useState4[0],
-    setFocusIndex = _React$useState4[1];
-  var moveElement = _react.default.useCallback(function (dragIndex, hoverIndex) {
-    var dragCard = columns[dragIndex];
-    setColumnsObject((0, _immutabilityHelper.default)(columns, {
-      $splice: [[dragIndex, 1], [hoverIndex, 0, dragCard]]
-    }));
-  }, [columns, setColumnsObject]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(blockClass, "__customize-columns-column-list")
-  }, /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
-    backend: _reactDndHtml5Backend.HTML5Backend
-  }, /*#__PURE__*/_react.default.createElement("ol", {
-    className: "".concat(blockClass, "__customize-columns-column-list--focus"),
-    role: "listbox",
-    "aria-describedby": "".concat(blockClass, "__customize-columns--instructions"),
-    onKeyDown: function onKeyDown(e) {
-      var nextIndex = getNextIndex(columns, focusIndex, e.key);
-      if (nextIndex >= 0) {
-        setFocusIndex(nextIndex);
-        e.preventDefault();
-        e.stopPropagation();
-      }
-    },
-    tabIndex: 0
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    "aria-live": "assertive",
-    className: "".concat(blockClass, "__shared-ui--assistive-text")
-  }, ariaRegionText), /*#__PURE__*/_react.default.createElement("span", {
-    id: "".concat(blockClass, "__customize-columns--instructions"),
-    className: "".concat(blockClass, "__shared-ui--assistive-text")
-  }, filterString.length === 0 ? assistiveTextInstructionsLabel : assistiveTextDisabledInstructionsLabel), /*#__PURE__*/_react.default.createElement("div", {
-    id: "".concat(blockClass, "__customize-columns-select-all"),
-    className: (0, _classnames.default)("".concat(blockClass, "__customize-columns-select-all"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__customize-columns-select-all--selected"), getVisibleColumnsCount() > 0)),
-    selected: getVisibleColumnsCount() > 0
-  }, /*#__PURE__*/_react.default.createElement(_react2.Checkbox, {
-    className: "".concat(blockClass, "__customize-columns-checkbox-wrapper"),
-    checked: getVisibleColumnsCount() === columns.length,
-    indeterminate: getVisibleColumnsCount() < columns.length && getVisibleColumnsCount() > 0,
-    onChange: function onChange() {
-      onSelectColumn(columns, getVisibleColumnsCount() !== columns.length);
-    },
-    id: "".concat(blockClass, "__customization-column-select-all"),
-    labelText: selectAllLabel
-  })), /*#__PURE__*/_react.default.createElement(_DraggableItemsList.DraggableItemsList, {
-    columns: columns,
-    filterString: filterString,
-    focusIndex: focusIndex,
-    getNextIndex: getNextIndex,
-    isTableSortable: isTableSortable,
-    moveElement: moveElement,
-    onSelectColumn: onSelectColumn,
-    setAriaRegionText: setAriaRegionText,
-    setColumnsObject: setColumnsObject,
-    setFocusIndex: setFocusIndex
-  }))));
-};
-Columns.propTypes = {
-  assistiveTextDisabledInstructionsLabel: _propTypes.default.string,
-  assistiveTextInstructionsLabel: _propTypes.default.string,
-  columns: _propTypes.default.array.isRequired,
-  disabledInstructionsLabel: _propTypes.default.string,
-  filterString: _propTypes.default.string.isRequired,
-  getVisibleColumnsCount: _propTypes.default.func.isRequired,
-  instructionsLabel: _propTypes.default.string,
-  isTableSortable: _propTypes.default.bool.isRequired,
-  onSelectColumn: _propTypes.default.func.isRequired,
-  selectAllLabel: _propTypes.default.string,
-  setColumnStatus: _propTypes.default.func,
-  setColumnsObject: _propTypes.default.func.isRequired
-};
-var _default = Columns;
-exports.default = _default;

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js

@@ -1,184 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _common = require("./common");
-var _Tearsheet = require("../../../../Tearsheet");
-var _Columns = _interopRequireDefault(require("./Columns"));
-var _Actions = _interopRequireDefault(require("./Actions"));
-var _settings = require("../../../../../settings");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * Copyright IBM Corp. 2022, 2023
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * This source code is licensed under the Apache-2.0 license found in the
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
-  var isOpen = _ref.isOpen,
-    setIsTearsheetOpen = _ref.setIsTearsheetOpen,
-    onSaveColumnPrefs = _ref.onSaveColumnPrefs,
-    columnDefinitions = _ref.columnDefinitions,
-    originalColumnDefinitions = _ref.originalColumnDefinitions,
-    _ref$customizeTearshe = _ref.customizeTearsheetHeadingLabel,
-    customizeTearsheetHeadingLabel = _ref$customizeTearshe === void 0 ? 'Customize columns' : _ref$customizeTearshe,
-    _ref$primaryButtonTex = _ref.primaryButtonTextLabel,
-    primaryButtonTextLabel = _ref$primaryButtonTex === void 0 ? 'Save' : _ref$primaryButtonTex,
-    _ref$secondaryButtonT = _ref.secondaryButtonTextLabel,
-    secondaryButtonTextLabel = _ref$secondaryButtonT === void 0 ? 'Cancel' : _ref$secondaryButtonT,
-    _ref$instructionsLabe = _ref.instructionsLabel,
-    instructionsLabel = _ref$instructionsLabe === void 0 ? 'Select columns to display them. Click and drag the box to reorder the columns. These specifications will be saved and persist if you leave and return to the data table.' : _ref$instructionsLabe,
-    _ref$findColumnPlaceh = _ref.findColumnPlaceholderLabel,
-    findColumnPlaceholderLabel = _ref$findColumnPlaceh === void 0 ? 'Find column' : _ref$findColumnPlaceh,
-    _ref$resetToDefaultLa = _ref.resetToDefaultLabel,
-    resetToDefaultLabel = _ref$resetToDefaultLa === void 0 ? 'Reset to default' : _ref$resetToDefaultLa,
-    _ref$assistiveTextIns = _ref.assistiveTextInstructionsLabel,
-    assistiveTextInstructionsLabel = _ref$assistiveTextIns === void 0 ? 'Press space bar to toggle drag drop mode, use arrow keys to move selected elements.' : _ref$assistiveTextIns,
-    _ref$assistiveTextDis = _ref.assistiveTextDisabledInstructionsLabel,
-    assistiveTextDisabledInstructionsLabel = _ref$assistiveTextDis === void 0 ? 'Reordering columns are disabled because they are filtered currently.' : _ref$assistiveTextDis,
-    _ref$selectAllLabel = _ref.selectAllLabel,
-    selectAllLabel = _ref$selectAllLabel === void 0 ? 'Column name' : _ref$selectAllLabel,
-    isTableSortable = _ref.isTableSortable;
-  var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    visibleColumnsCount = _useState2[0],
-    setVisibleColumnsCount = _useState2[1];
-  var _useState3 = (0, _react.useState)(''),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    totalColumns = _useState4[0],
-    setTotalColumns = _useState4[1];
-  var _useState5 = (0, _react.useState)(''),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    searchText = _useState6[0],
-    setSearchText = _useState6[1];
-  var _useState7 = (0, _react.useState)(columnDefinitions
-    // only sort the hidden column to the end when modal reopen
-    .sort(function (defA, defB) {
-      var isVisibleA = (0, _common.isColumnVisible)(defA);
-      var isVisibleB = (0, _common.isColumnVisible)(defB);
-      if (isVisibleA && !isVisibleB) {
-        return -1;
-      }
-      if (!isVisibleA && isVisibleB) {
-        return 1;
-      }
-      return 0;
-    })),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    columnObjects = _useState8[0],
-    setColumnObjects = _useState8[1];
-  var _useState9 = (0, _react.useState)(false),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    isDirty = _useState10[0],
-    setIsDirty = _useState10[1];
-  var onRequestClose = function onRequestClose() {
-    setIsTearsheetOpen(false);
-  };
-  var onRequestSubmit = function onRequestSubmit() {
-    setIsTearsheetOpen(false);
-    var updatedColumns = columnObjects.map(function (colDef) {
-      return {
-        id: colDef.id,
-        isVisible: colDef.isVisible
-      };
-    });
-    onSaveColumnPrefs(updatedColumns);
-  };
-  var onCheckboxCheck = function onCheckboxCheck(col, value) {
-    var changedDefinitions = columnObjects.map(function (definition) {
-      if (Array.isArray(col) && col.indexOf(definition) != null || definition.id === col.id) {
-        return _objectSpread(_objectSpread({}, definition), {}, {
-          isVisible: value
-        });
-      }
-      return definition;
-    });
-    setColumnObjects(changedDefinitions);
-    setDirty();
-  };
-  var setDirty = function setDirty() {
-    if (!isDirty) {
-      setIsDirty(true);
-    }
-  };
-  var getVisibleColumnsCount = (0, _react.useCallback)(function () {
-    return columnObjects.filter(function (col) {
-      return col.isVisible;
-    }).length;
-  }, [columnObjects]);
-  var string = searchText.trim().toLowerCase();
-  (0, _react.useEffect)(function () {
-    setVisibleColumnsCount(getVisibleColumnsCount());
-    setTotalColumns(columnObjects.length);
-  }, [getVisibleColumnsCount, columnObjects.length]);
-  return /*#__PURE__*/_react.default.createElement(_Tearsheet.TearsheetNarrow, {
-    className: "".concat(blockClass, "__customize-columns-tearsheet"),
-    open: isOpen,
-    title: "".concat(customizeTearsheetHeadingLabel, " (").concat(visibleColumnsCount, "/").concat(totalColumns, ")"),
-    description: instructionsLabel,
-    actions: [{
-      kind: 'secondary',
-      label: secondaryButtonTextLabel,
-      onClick: onRequestClose
-    }, {
-      kind: 'primary',
-      label: primaryButtonTextLabel,
-      onClick: onRequestSubmit,
-      disabled: !isDirty
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Actions.default, {
-    columns: columnObjects,
-    originalColumnDefinitions: originalColumnDefinitions,
-    searchText: searchText,
-    setColumnsObject: function setColumnsObject(cols) {
-      setColumnObjects(cols);
-      setDirty();
-    },
-    setSearchText: setSearchText,
-    findColumnPlaceholderLabel: findColumnPlaceholderLabel,
-    resetToDefaultLabel: resetToDefaultLabel
-  }), isOpen && /*#__PURE__*/_react.default.createElement(_Columns.default, {
-    assistiveTextInstructionsLabel: assistiveTextInstructionsLabel,
-    assistiveTextDisabledInstructionsLabel: assistiveTextDisabledInstructionsLabel,
-    getVisibleColumnsCount: getVisibleColumnsCount,
-    columns: columnObjects,
-    filterString: string,
-    onSelectColumn: onCheckboxCheck,
-    setColumnsObject: function setColumnsObject(cols) {
-      setColumnObjects(cols);
-      setDirty();
-    },
-    selectAllLabel: selectAllLabel,
-    isTableSortable: isTableSortable
-  }));
-};
-CustomizeColumnsTearsheet.propTypes = {
-  assistiveTextDisabledInstructionsLabel: _propTypes.default.string,
-  assistiveTextInstructionsLabel: _propTypes.default.string,
-  columnDefinitions: _propTypes.default.array.isRequired,
-  customizeTearsheetHeadingLabel: _propTypes.default.string,
-  findColumnPlaceholderLabel: _propTypes.default.string,
-  instructionsLabel: _propTypes.default.string,
-  isOpen: _propTypes.default.bool.isRequired,
-  isTableSortable: _propTypes.default.bool.isRequired,
-  onSaveColumnPrefs: _propTypes.default.func.isRequired,
-  originalColumnDefinitions: _propTypes.default.array.isRequired,
-  primaryButtonTextLabel: _propTypes.default.string,
-  resetToDefaultLabel: _propTypes.default.string,
-  secondaryButtonTextLabel: _propTypes.default.string,
-  selectAllLabel: _propTypes.default.string,
-  setIsTearsheetOpen: _propTypes.default.func.isRequired
-};
-var _default = CustomizeColumnsTearsheet;
-exports.default = _default;