carbon-react 93.0.4 → 94.0.3

package/lib/components/table/table-row/table-row.style.js

@@ -1,165 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _tableCell = _interopRequireDefault(require("../table-cell/table-cell.style"));
-
-var _tableRowModern = require("./table-row-modern.style");
-
-var _base = _interopRequireDefault(require("../../../style/themes/base"));
-
-var _icon = _interopRequireDefault(require("../../icon/icon.style"));
-
-var _checkbox = _interopRequireDefault(require("../../checkbox/checkbox.style"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-/**
- * Current version of react-dnd used in DragAndDrop is incompatible
- * with styled-components, this can be uodated once the issue is fixed
- */
-const StyledTableRow = _styledComponents.default.tr`
-  ${_tableRowModern.applyModernRowStyling}
-  ${selectableRowStyling}
-  ${highlightRowStyling}
-  ${selectedRowStyling}
-  ${dragRowStyling}
-`;
-
-function selectableRowStyling({
-  isSelectable
-}) {
-  return (0, _styledComponents.css)`
-    ${isSelectable && (0, _styledComponents.css)`
-      ${_tableCell.default}:first-child {
-        width: 18px;
-      }
-
-      ${_checkbox.default} {
-        height: 15px;
-        padding-top: 0;
-      }
-    `}
-  `;
-}
-
-function selectedRowStyling({
-  isSelected,
-  theme
-}) {
-  return (0, _styledComponents.css)`
-    ${isSelected && (0, _styledComponents.css)`
-      &&&&,
-      &&&&:nth-child(odd),
-      &&&&:hover {
-        ${_tableCell.default} {
-          ${(0, _tableRowModern.applyModernSelectedStyling)(theme)}
-        }
-      }
-    `}
-  `;
-}
-
-function highlightRowStyling({
-  isClickable,
-  isHighlighted,
-  theme
-}) {
-  const {
-    table
-  } = theme;
-  return (0, _styledComponents.css)`
-    ${isClickable && "cursor: pointer;"}
-
-    ${isHighlighted && (0, _styledComponents.css)`
-      &&&& {
-        ${_tableCell.default} {
-          ${(0, _tableRowModern.applyModernSelectedStyling)(theme)}
-          position: relative;
-
-          &:before {
-            content: "";
-            height: 1px;
-            left: 0;
-            position: absolute;
-            top: -1px;
-            width: 100%;
-          }
-        }
-
-        &:hover {
-          ${_tableCell.default} {
-            background-color: ${table.selected};
-          }
-        }
-      }
-    `}
-  `;
-}
-
-function dragRowStyling({
-  isDragged,
-  isDragging,
-  theme,
-  isDraggedElementOver,
-  inDeadZone
-}) {
-  const border = (0, _styledComponents.css)`1px solid ${theme.table.header} !important`;
-  return (0, _styledComponents.css)`
-    ${_icon.default} {
-      cursor: move;
-      cursor: grab;
-    }
-
-    .custom-drag-layer && ${_icon.default} {
-      cursor: move;
-      cursor: grabbing;
-    }
-
-    ${isDragging && (0, _styledComponents.css)`
-      user-select: none;
-    `}
-
-    ${isDragged && (0, _styledComponents.css)`
-      ${inDeadZone && isDraggedElementOver} {
-        ${_tableCell.default} {
-          background-color: ${theme.table.dragging};
-          border-top: ${border};
-          border-bottom: ${border};
-
-          &:first-child {
-            border-left: ${border};
-          }
-
-          &:last-child {
-            border-right: ${border};
-          }
-        }
-      }
-    `}
-    
-    ${_tableCell.default} {
-      ${_tableRowModern.applyModernDropTargetStyling}
-    }
-  `;
-}
-
-StyledTableRow.propTypes = {
-  theme: _propTypes.default.object
-};
-StyledTableRow.defaultProps = {
-  theme: _base.default
-};
-var _default = StyledTableRow;
-exports.default = _default;

package/lib/components/table/table-sizes.style.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  compact: {
-    height: "24px",
-    fontSize: "13px",
-    paddingSize: "8px",
-    inputHeight: "22"
-  },
-  small: {
-    height: "32px",
-    fontSize: "14px",
-    paddingSize: "8px",
-    inputHeight: "24"
-  },
-  medium: {
-    height: "40px",
-    fontSize: "14px",
-    paddingSize: "11px",
-    inputHeight: "32"
-  },
-  large: {
-    height: "48px",
-    fontSize: "16px",
-    paddingSize: "13px",
-    inputHeight: "32"
-  }
-};
-exports.default = _default;

package/lib/components/table/table-story-helpers/table-story-wrapper.component.js

@@ -1,189 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _countries = _interopRequireDefault(require("../../../../.storybook/utils/xhr/data/countries"));
-
-var _button = _interopRequireDefault(require("../../button"));
-
-var _multiActionButton = _interopRequireDefault(require("../../multi-action-button"));
-
-var _ = require("..");
-
-var _textarea = _interopRequireDefault(require("../../textarea"));
-
-var _date = _interopRequireDefault(require("../../date"));
-
-var _textbox = _interopRequireDefault(require("../../textbox"));
-
-var _table = require("../table.config");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const pickInput = (name, commonTextboxArgs) => {
-  switch (name) {
-    case _table.TABLE_INPUT_TYPES[1]:
-      return /*#__PURE__*/_react.default.createElement(_textarea.default, commonTextboxArgs);
-
-    case _table.TABLE_INPUT_TYPES[2]:
-      return /*#__PURE__*/_react.default.createElement(_date.default, commonTextboxArgs);
-
-    default:
-      return /*#__PURE__*/_react.default.createElement(_textbox.default, commonTextboxArgs);
-  }
-};
-
-const Wrapper = ({
-  sortOrder,
-  sortedColumn,
-  pageSize = 10,
-  totalRecords,
-  commonTextboxArgs,
-  ...props
-}) => {
-  const data = _countries.default.toJS();
-
-  const [state, setState] = (0, _react.useState)({
-    sortOrder,
-    sortedColumn,
-    currentPage: 1,
-    pageSize
-  });
-  (0, _react.useEffect)(() => {
-    setState(prevState => ({ ...prevState,
-      sortOrder
-    }));
-  }, [sortOrder]);
-  (0, _react.useEffect)(() => {
-    setState(prevState => ({ ...prevState,
-      sortedColumn
-    }));
-  }, [sortedColumn]);
-  (0, _react.useEffect)(() => {
-    setState(prevState => ({ ...prevState,
-      pageSize
-    }));
-  }, [pageSize]);
-
-  const getDataToDisplay = () => {
-    let records = data.slice(0, totalRecords);
-
-    if (state.sortOrder === "desc" && state.sortedColumn.length) {
-      records = records.reverse();
-    }
-
-    const start = (state.currentPage - 1) * state.pageSize;
-    let end = start + state.pageSize;
-    end = end > data.length ? data.length : end;
-    return records.slice(start, end);
-  };
-
-  const buildRows = ({
-    inputType,
-    size
-  }) => {
-    const rowsCountries = getDataToDisplay();
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.TableRow, {
-      key: "header",
-      as: "header",
-      uniqueID: "header"
-    }, /*#__PURE__*/_react.default.createElement(_.TableHeader, {
-      sortable: true,
-      name: "name",
-      scope: "col"
-    }, "Country"), /*#__PURE__*/_react.default.createElement(_.TableHeader, {
-      sortable: true,
-      scope: "col",
-      name: "code",
-      width: "200"
-    }, "Code")), rowsCountries.map(row => {
-      let cellContent = /*#__PURE__*/_react.default.createElement(_.TableCell, null, row.name);
-
-      if (inputType) {
-        cellContent = /*#__PURE__*/_react.default.createElement(_.TableCell, {
-          size: size
-        }, pickInput(inputType, commonTextboxArgs));
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_.TableRow, {
-        key: row.id,
-        uniqueID: row.id
-      }, cellContent, /*#__PURE__*/_react.default.createElement(_.TableCell, null, row.value));
-    }));
-  };
-
-  const handleChange = (e, tableOptions) => {
-    setState(prevState => ({ ...prevState,
-      sortOrder: tableOptions.sortOrder,
-      sortedColumn: tableOptions.sortedColumn,
-      currentPage: tableOptions.currentPage,
-      pageSize: tableOptions.pageSize
-    }));
-    (0, _addonActions.action)("change")(e, tableOptions);
-  };
-
-  const handleToolbarAction = () => {
-    (0, _addonActions.action)("toolbar action")();
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_.Table, _extends({}, props, {
-    actionToolbarChildren: context => {
-      return [/*#__PURE__*/_react.default.createElement(_button.default, {
-        disabled: context.disabled,
-        key: "single-action",
-        onClick: handleToolbarAction
-      }, "Test Action"), /*#__PURE__*/_react.default.createElement(_multiActionButton.default, {
-        text: "Actions",
-        disabled: context.disabled,
-        key: "multi-actions"
-      }, /*#__PURE__*/_react.default.createElement(_button.default, {
-        onClick: handleToolbarAction
-      }, "foo"), /*#__PURE__*/_react.default.createElement(_button.default, {
-        onClick: handleToolbarAction
-      }, "bar"), /*#__PURE__*/_react.default.createElement(_button.default, {
-        onClick: handleToolbarAction
-      }, "qux"))];
-    },
-    path: "/countries",
-    actions: {
-      delete: {
-        icon: "bin",
-        onClick: handleToolbarAction
-      },
-      settings: {
-        icon: "settings",
-        onClick: handleToolbarAction
-      }
-    },
-    totalRecords: totalRecords,
-    onChange: handleChange,
-    pageSize: state.pageSize,
-    sortOrder: state.sortOrder,
-    sortedColumn: state.sortedColumn,
-    currentPage: state.currentPage,
-    onPageSizeChange: size => setState(prevState => ({ ...prevState,
-      pageSize: size
-    }))
-  }), buildRows({
-    pageSize: state.pageSize,
-    totalRecords: props.totalRecords,
-    inputType: props.inputType,
-    size: props.size
-  }));
-};
-
-var _default = Wrapper;
-exports.default = _default;

package/lib/components/table/table-subheader/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _tableSubheader.default;
-  }
-});
-
-var _tableSubheader = _interopRequireDefault(require("./table-subheader.component"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/table/table-subheader/table-subheader.component.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _tableHeader = _interopRequireDefault(require("../table-header"));
-
-var _tableSubheader = _interopRequireDefault(require("./table-subheader.style"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-/**
- * A TableSubheader widget.
- * An extension of the TableHeader class which caters for differences in styling.
- */
-const TableSubheader = props => /*#__PURE__*/_react.default.createElement(_tableHeader.default, _extends({}, componentTags(props), {
-  styledComponent: _tableSubheader.default
-}, props));
-
-function componentTags(props) {
-  return {
-    "data-component": "table-sub-header",
-    "data-element": props["data-element"],
-    "data-role": props["data-role"]
-  };
-}
-
-var _default = TableSubheader;
-exports.default = _default;

package/lib/components/table/table-subheader/table-subheader.style.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _tableHeader = _interopRequireDefault(require("../table-header/table-header.style"));
-
-var _base = _interopRequireDefault(require("../../../style/themes/base"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-const StyledTableSubheader = (0, _styledComponents.default)(_tableHeader.default)`
-  ${({
-  theme
-}) => (0, _styledComponents.css)`
-    background-color: #001e2b;
-    color: ${theme.colors.white};
-    font-weight: bold;
-  `}
-`;
-StyledTableSubheader.defaultProps = {
-  theme: _base.default
-};
-var _default = StyledTableSubheader;
-exports.default = _default;