@carbon/ibm-products 2.0.0-rc.3 → 2.0.0-rc.30

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsModal.js

@@ -1,194 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-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) { _defineProperty(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; }
-
-/*
- * 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.
- */
-// @flow
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { Modal } from '@carbon/react';
-import { isColumnVisible } from './common';
-import Columns from './Columns';
-import Actions from './Actions';
-import { pkg } from '../../../../../settings';
-import { useCallback } from 'react';
-var blockClass = "".concat(pkg.prefix, "--datagrid");
-
-var CustomizeColumnsModal = function CustomizeColumnsModal(_ref) {
-  var isOpen = _ref.isOpen,
-      setIsModalOpen = _ref.setIsModalOpen,
-      onSaveColumnPrefs = _ref.onSaveColumnPrefs,
-      columnDefinitions = _ref.columnDefinitions,
-      originalColumnDefinitions = _ref.originalColumnDefinitions,
-      _ref$customizeModalHe = _ref.customizeModalHeadingLabel,
-      customizeModalHeadingLabel = _ref$customizeModalHe === void 0 ? 'Customize Columns' : _ref$customizeModalHe,
-      _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;
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      visibleColumnsCount = _useState2[0],
-      setVisibleColumnsCount = _useState2[1];
-
-  var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      totalColumns = _useState4[0],
-      setTotalColumns = _useState4[1];
-
-  var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      searchText = _useState6[0],
-      setSearchText = _useState6[1];
-
-  var _useState7 = useState(columnDefinitions // hide the columns without Header, e.g the sticky actions, spacer
-  .filter(function (colDef) {
-    return !!colDef.Header.props;
-  }) // only sort the hidden column to the end when modal reopen
-  .sort(function (defA, defB) {
-    var isVisibleA = isColumnVisible(defA);
-    var isVisibleB = isColumnVisible(defB);
-
-    if (isVisibleA && !isVisibleB) {
-      return -1;
-    }
-
-    if (!isVisibleA && isVisibleB) {
-      return 1;
-    }
-
-    return 0;
-  })),
-      _useState8 = _slicedToArray(_useState7, 2),
-      columnObjects = _useState8[0],
-      setColumnObjects = _useState8[1];
-
-  var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      isDirty = _useState10[0],
-      setIsDirty = _useState10[1];
-
-  var onRequestClose = function onRequestClose() {
-    setIsModalOpen(false);
-  };
-
-  var onRequestSubmit = function onRequestSubmit() {
-    setIsModalOpen(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 = useCallback(function () {
-    return columnObjects.filter(function (col) {
-      return col.isVisible;
-    }).length;
-  }, [columnObjects]);
-  var string = searchText.trim().toLowerCase();
-  useEffect(function () {
-    setVisibleColumnsCount(getVisibleColumnsCount());
-    setTotalColumns(columnObjects.length);
-  }, [getVisibleColumnsCount, columnObjects.length]);
-  return /*#__PURE__*/React.createElement(Modal, {
-    className: "".concat(blockClass, "__customize-columns-modal"),
-    open: isOpen,
-    modalHeading: "".concat(customizeModalHeadingLabel, " (").concat(visibleColumnsCount, "/").concat(totalColumns, ")"),
-    primaryButtonText: primaryButtonTextLabel,
-    secondaryButtonText: secondaryButtonTextLabel,
-    selectorPrimaryFocus: ".".concat(blockClass, "__customize-columns-column-list--focus"),
-    primaryButtonDisabled: !isDirty,
-    onRequestClose: onRequestClose,
-    onRequestSubmit: onRequestSubmit,
-    size: "sm",
-    hasForm: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__customize-columns-instructions")
-  }, instructionsLabel), /*#__PURE__*/React.createElement(Actions, {
-    columns: columnObjects,
-    originalColumnDefinitions: originalColumnDefinitions,
-    searchText: searchText,
-    setColumnsObject: function setColumnsObject(cols) {
-      setColumnObjects(cols);
-      setDirty();
-    },
-    setSearchText: setSearchText,
-    findColumnPlaceholderLabel: findColumnPlaceholderLabel,
-    resetToDefaultLabel: resetToDefaultLabel
-  }), isOpen && /*#__PURE__*/React.createElement(Columns, {
-    assistiveTextInstructionsLabel: assistiveTextInstructionsLabel,
-    assistiveTextDisabledInstructionsLabel: assistiveTextDisabledInstructionsLabel,
-    getVisibleColumnsCount: getVisibleColumnsCount,
-    columns: columnObjects,
-    filterString: string,
-    onSelectColumn: onCheckboxCheck,
-    setColumnsObject: function setColumnsObject(cols) {
-      setColumnObjects(cols);
-      setDirty();
-    },
-    selectAllLabel: selectAllLabel
-  }));
-};
-
-CustomizeColumnsModal.propTypes = {
-  assistiveTextDisabledInstructionsLabel: PropTypes.string,
-  assistiveTextInstructionsLabel: PropTypes.string,
-  columnDefinitions: PropTypes.array.isRequired,
-  customizeModalHeadingLabel: PropTypes.string,
-  findColumnPlaceholderLabel: PropTypes.string,
-  instructionsLabel: PropTypes.string,
-  isOpen: PropTypes.bool.isRequired,
-  onSaveColumnPrefs: PropTypes.func.isRequired,
-  originalColumnDefinitions: PropTypes.array.isRequired,
-  primaryButtonTextLabel: PropTypes.string,
-  resetToDefaultLabel: PropTypes.string,
-  secondaryButtonTextLabel: PropTypes.string,
-  selectAllLabel: PropTypes.string,
-  setIsModalOpen: PropTypes.func.isRequired
-};
-export default CustomizeColumnsModal;

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js

@@ -1,63 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onSaveColumnPrefs", "isModalOpen", "setIsModalOpen", "labels"];
-// @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.
- */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import CustomizeColumnsModal from './CustomizeColumnsModal';
-
-var ModalWrapper = function ModalWrapper(_ref) {
-  var instance = _ref.instance;
-
-  var _instance$customizeCo = instance.customizeColumnsProps,
-      _onSaveColumnPrefs = _instance$customizeCo.onSaveColumnPrefs,
-      isModalOpen = _instance$customizeCo.isModalOpen,
-      setIsModalOpen = _instance$customizeCo.setIsModalOpen,
-      labels = _instance$customizeCo.labels,
-      rest = _objectWithoutProperties(_instance$customizeCo, _excluded);
-
-  if (isModalOpen) {
-    return /*#__PURE__*/React.createElement(CustomizeColumnsModal, _extends({}, rest, labels, {
-      isOpen: isModalOpen,
-      setIsModalOpen: setIsModalOpen,
-      columnDefinitions: instance.allColumns,
-      originalColumnDefinitions: instance.columns,
-      onSaveColumnPrefs: function onSaveColumnPrefs(updatedColDefs) {
-        var hiddenIds = updatedColDefs.filter(function (colDef) {
-          return !colDef.isVisible;
-        }).map(function (colDef) {
-          return colDef.id;
-        });
-        instance.setHiddenColumns(hiddenIds);
-
-        if (typeof instance.setColumnOrder === 'function') {
-          instance.setColumnOrder(updatedColDefs.map(function (colDef) {
-            return colDef.id;
-          }));
-        } else {
-          // eslint-disable-next-line no-console
-          console.warn("Column order can not be updated. Did you forget to add 'useColumnOrder' in 'useDatagrid'");
-        }
-
-        if (typeof _onSaveColumnPrefs === 'function') {
-          _onSaveColumnPrefs(updatedColDefs);
-        }
-      }
-    }));
-  }
-
-  return null;
-};
-
-ModalWrapper.propTypes = {
-  instance: PropTypes.object.isRequired
-};
-export default ModalWrapper;

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js

@@ -1,13 +0,0 @@
-// @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.
- */
-import isBoolean from 'lodash/isBoolean';
-export var isColumnVisible = function isColumnVisible(colDef) {
-  return isBoolean(colDef.isVisible) ? colDef.isVisible : true;
-};

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js

@@ -1,9 +0,0 @@
-/*
- * 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.
- */
-export { default as CustomizeColumnsModalWrapper } from './ModalWrapper';
-export { default as ToggleButtonWrapper } from './ButtonWrapper';

package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js

@@ -1,60 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2022
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
- */
-import React from 'react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import { pkg } from '../../../../../../settings';
-var blockClass = "".concat(pkg.prefix, "--datagrid");
-export var InlineEditButton = function InlineEditButton(_ref) {
-  var _cx, _cx2;
-
-  var label = _ref.label,
-      Icon = _ref.renderIcon,
-      disabled = _ref.disabled,
-      LabelIcon = _ref.labelIcon,
-      placeholder = _ref.placeholder,
-      nonEditCell = _ref.nonEditCell,
-      isActiveCell = _ref.isActiveCell,
-      columnConfig = _ref.columnConfig,
-      totalInlineEditColumns = _ref.totalInlineEditColumns,
-      totalColumns = _ref.totalColumns,
-      type = _ref.type;
-  var inlineEditColsLessThanHalfOfTotal = totalInlineEditColumns < totalColumns / 2;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cx("".concat(blockClass, "__inline-edit-button"), (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--disabled"), disabled || nonEditCell), _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--edit-less-than-half-of-total-cols"), inlineEditColsLessThanHalfOfTotal), _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection'), _cx)),
-    tabIndex: isActiveCell ? 0 : -1,
-    "data-disabled": disabled || nonEditCell,
-    "aria-disabled": disabled || nonEditCell,
-    role: "button",
-    title: label
-  }, LabelIcon && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__label-icon")
-  }, /*#__PURE__*/React.createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React.createElement("span", {
-    className: cx("".concat(blockClass, "__inline-edit-button-label"), (_cx2 = {}, _defineProperty(_cx2, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), _defineProperty(_cx2, "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.multiLineWrap), _cx2))
-  }, label) : /*#__PURE__*/React.createElement("span", {
-    className: "".concat(blockClass, "__placeholder")
-  }, placeholder), !nonEditCell && Icon && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__inline-edit-button-icon")
-  }, /*#__PURE__*/React.createElement(Icon, null)));
-};
-InlineEditButton.propTypes = {
-  columnConfig: PropTypes.object,
-  disabled: PropTypes.bool,
-  isActiveCell: PropTypes.bool,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  labelIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  nonEditCell: PropTypes.bool,
-  placeholder: PropTypes.string,
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  totalColumns: PropTypes.number,
-  totalInlineEditColumns: PropTypes.number,
-  type: PropTypes.oneOf(['text', 'number', 'selection', 'date']),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
-};

package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.js

@@ -1 +0,0 @@
-export { InlineEditButton } from './InlineEditButton';