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

package/lib/components/Datagrid/utils/getArgTypes.js

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ARG_TYPES = void 0;
-/**
- * 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 ARG_TYPES = {
-  gridTitle: {
-    name: 'gridTitle',
-    control: 'text',
-    description: 'This sets the title text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  gridDescription: {
-    name: 'gridDescription',
-    control: 'text',
-    description: 'This sets the description text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  emptyStateTitle: {
-    name: 'emptyStateTitle',
-    control: 'text',
-    description: 'This sets the empty state title text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  emptyStateDescription: {
-    name: 'emptyStateDescription',
-    control: 'text',
-    description: 'This sets the empty state description text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  emptyStateSize: {
-    control: 'select',
-    options: ['sm', 'lg']
-  },
-  useDenseHeader: {
-    control: {
-      type: 'radio'
-    },
-    options: [true, false],
-    description: 'This sets the dense header option for the Datagrid component. _This value is set/passed inside of the `datagridState` object._'
-  },
-  rowSize: {
-    control: 'select',
-    options: ['xs', 'sm', 'md', 'lg', 'xl'],
-    description: 'This sets the height for each row of the Datagrid component. _This value is set/passed inside of the `datagridState` object._'
-  },
-  rowSizes: {
-    control: 'object',
-    description: 'This array of objects specifies the different row size options that will render from the settings icon in the table actions. _This value is set/passed inside of the `datagridState` object._'
-  },
-  onRowSizeChange: {
-    description: 'Callback function that is called on row size changes. _This value is set/passed inside of the `datagridState` object._'
-  },
-  rowActions: {
-    control: 'object',
-    description: 'This array of objects renders the action buttons for each row in the Datagrid. _This value is set/passed inside of the `datagridState` object._',
-    action: 'Row action onClick'
-  },
-  batchActions: {
-    control: {
-      type: 'radio'
-    },
-    options: [true, false],
-    description: 'This will allow the Datagrid component to use batch actions. _This value is set/passed inside of the `datagridState` object._'
-  },
-  expandedContentHeight: {
-    control: {
-      type: 'number'
-    },
-    description: 'This value controls the height of the expanded content area. _This value is set/passed inside of the `datagridState` object._'
-  },
-  customizeColumnsProps: {
-    control: 'object',
-    description: 'This is an object containing all of the props used with the column customization extension. _This value is set/passed inside of the `datagridState` object._'
-  },
-  filterProps: {
-    name: 'Filter props',
-    control: 'object',
-    description: 'This is an object for all the props passed into the filter flyout and filter panel'
-  }
-};
-exports.ARG_TYPES = ARG_TYPES;

package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getAutoSizedColumnWidth = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-/**
- * Copyright IBM Corp. 2023, 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.
- */
-
-/**
- * Calculates the auto sized width of a column
- * @param {Array<object>} rows - The datagrid rows
- * @param {string} accessor - The accessor for the column
- * @param {string} headerText - The header text for the column
- */
-
-var getAutoSizedColumnWidth = function getAutoSizedColumnWidth(rows, accessor, headerText) {
-  var maxWidth = 400;
-  var minWidth = 58;
-  var letterSpacing = 10;
-  var cellLength = Math.max.apply(Math, (0, _toConsumableArray2.default)(rows.map(function (row) {
-    return ("".concat(row[accessor]) || '').length;
-  })).concat([headerText.length]));
-  if (cellLength <= 3) {
-    return minWidth;
-  }
-  return Math.min(maxWidth, cellLength * letterSpacing + 16);
-};
-exports.getAutoSizedColumnWidth = getAutoSizedColumnWidth;

package/lib/components/Datagrid/utils/getInlineEditColumns.js

@@ -1,166 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.inlineEditSelectItems = exports.getInlineEditColumns = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icons = require("@carbon/react/icons");
-/**
- * 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 inlineEditSelectItems = [{
-  id: 'option-0',
-  icon: function icon(props) {
-    return /*#__PURE__*/_react.default.createElement(_icons.ChartColumnFloating, (0, _extends2.default)({
-      size: 16
-    }, props));
-  },
-  text: 'Column Chart'
-}, {
-  id: 'option-1',
-  icon: function icon(props) {
-    return /*#__PURE__*/_react.default.createElement(_icons.ChartBubble, (0, _extends2.default)({
-      size: 16
-    }, props));
-  },
-  text: 'Bubble Chart'
-}, {
-  id: 'option-2',
-  icon: function icon(props) {
-    return /*#__PURE__*/_react.default.createElement(_icons.ChartVennDiagram, (0, _extends2.default)({
-      size: 16
-    }, props));
-  },
-  text: 'Venn Diagram'
-}];
-exports.inlineEditSelectItems = inlineEditSelectItems;
-var getInlineEditColumns = function getInlineEditColumns() {
-  return [{
-    Header: 'Row Index',
-    accessor: function accessor(row, i) {
-      return i;
-    },
-    id: 'rowIndex' // id is required when accessor is a function.
-  }, {
-    Header: 'First Name',
-    accessor: 'firstName',
-    inlineEdit: {
-      type: 'text',
-      // required for including validation, this is used to set the invalid prop internally
-      validator: function validator(n) {
-        return n.length > 40;
-      },
-      // These props are passed to the Carbon component used for inline editing
-      inputProps: {
-        invalidText: 'Invalid text, character count must be less than 40'
-      }
-    }
-  }, {
-    Header: 'Last Name',
-    accessor: 'lastName',
-    inlineEdit: {
-      type: 'text',
-      // required for including validation, this is used to set the invalid prop internally
-      validator: function validator(n) {
-        return n.length > 40;
-      },
-      // These props are passed to the Carbon component used for inline editing
-      inputProps: {
-        invalidText: 'Invalid text, character count must be less than 40'
-      }
-    }
-  }, {
-    Header: 'Age',
-    accessor: 'age',
-    width: 120,
-    inlineEdit: {
-      // required for including validation, this is used to set the invalid prop internally
-      validator: function validator(n) {
-        return n && n < 18;
-      },
-      type: 'number',
-      // These props are passed to the Carbon component used for inline editing
-      inputProps: {
-        invalidText: 'Invalid number, must be 18 or greater'
-      }
-    }
-  }, {
-    Header: 'Visits',
-    accessor: 'visits',
-    width: 120,
-    inlineEdit: {
-      validator: function validator(n) {
-        return n && n < 10;
-      },
-      type: 'number',
-      inputProps: {
-        invalidText: 'Invalid number, must be 10 or greater'
-      } // These props are passed to the Carbon component used for inline editing
-    }
-  }, {
-    Header: 'Active since',
-    accessor: 'activeSince',
-    inlineEdit: {
-      type: 'date',
-      inputProps: {
-        // optionally pass props here to be passed through to Carbon's DatePicker component
-        onChange: function onChange(newDateObj, cell) {
-          console.log(newDateObj, cell);
-        },
-        dateFormat: 'd/m/Y',
-        // optionally pass props here to be passed through to Carbon's DatePickerInput component
-        datePickerInputProps: {
-          labelText: 'Change active since date'
-        }
-      }
-    }
-  }, {
-    Header: 'Chart type',
-    accessor: 'chartType',
-    inlineEdit: {
-      type: 'selection',
-      inputProps: {
-        // These props are passed to the Carbon component used for inline editing
-        items: inlineEditSelectItems,
-        onChange: function onChange(item) {
-          return console.log(item);
-        }
-      }
-    }
-  }, {
-    Header: 'Someone 2',
-    accessor: 'someone2'
-  }, {
-    Header: 'Someone 3',
-    accessor: 'someone3'
-  }, {
-    Header: 'Someone 4',
-    accessor: 'someone4'
-  }, {
-    Header: 'Someone 5',
-    accessor: 'someone5'
-  }, {
-    Header: 'Someone 6',
-    accessor: 'someone6'
-  }, {
-    Header: 'Someone 7',
-    accessor: 'someone7'
-  }, {
-    Header: 'Someone 8',
-    accessor: 'someone8'
-  }, {
-    Header: 'Someone 9',
-    accessor: 'someone9'
-  }, {
-    Header: 'Someone 10',
-    accessor: 'someone10'
-  }];
-};
-exports.getInlineEditColumns = getInlineEditColumns;

package/lib/components/Datagrid/utils/makeData.js

@@ -1,201 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.range = exports.newPersonWithTwoLines = exports.makeData = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _namor = _interopRequireDefault(require("namor"));
-var _getInlineEditColumns = require("./getInlineEditColumns");
-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, 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 getRandomInteger = function getRandomInteger(min, max, decimalPlaces) {
-  var roundedMin = Math.ceil(min);
-  var roundedMax = Math.floor(max);
-  var randomNumber = Math.random() * (max - min) + min;
-  if (!decimalPlaces) {
-    return Math.floor(Math.random() * (roundedMax - roundedMin + 1)) + roundedMin;
-  }
-  var power = Math.pow(10, decimalPlaces);
-  return Math.floor(randomNumber * power) / power;
-};
-var makeData = function makeData() {
-  for (var _len = arguments.length, lens = new Array(_len), _key = 0; _key < _len; _key++) {
-    lens[_key] = arguments[_key];
-  }
-  var makeDataLevel = function makeDataLevel() {
-    var depth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    var len = lens[depth];
-    return range(len).map(function () {
-      return _objectSpread(_objectSpread({}, newPerson()), {}, {
-        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined
-      });
-    });
-  };
-  return makeDataLevel();
-};
-exports.makeData = makeData;
-var range = function range(len) {
-  var arr = [];
-  for (var i = 0; i < len; i++) {
-    arr.push(i);
-  }
-  return arr;
-};
-
-/** This function is only to create a random data point when the person joined */
-exports.range = range;
-var getRandomDateJoined = function getRandomDateJoined() {
-  return randomDate(new Date(2022, 0, 1), new Date());
-};
-var getPasswordStrength = function getPasswordStrength() {
-  var chance = Math.random();
-  return chance > 0.66 ? 'critical' : chance > 0.33 ? 'minor-warning' : 'normal';
-};
-var renderDocLink = function renderDocLink() {
-  var chance = Math.random();
-  var docLinkObj = {
-    href: chance > 0.66 ? 'https://carbondesignsystem.com/' : chance > 0.33 ? 'https://pages.github.ibm.com/cdai-design/pal/' : 'https://ibm-products.carbondesignsystem.com/',
-    text: chance > 0.66 ? 'Carbon Design System' : chance > 0.33 ? 'Carbon for IBM Products PAL' : 'Carbon for IBM Products storybook'
-  };
-  return docLinkObj;
-};
-var newPerson = function newPerson() {
-  var statusChance = Math.random();
-  var roleChance = Math.random();
-  var activeChance = Math.random();
-  var initialChartTypeIndex = getRandomInteger(0, 2);
-  var activeSinceDate = new Date();
-  var yesterdayDate = new Date();
-  yesterdayDate.setDate(yesterdayDate.getDate() - 1);
-  var twoDaysAgoDate = new Date();
-  twoDaysAgoDate.setDate(twoDaysAgoDate.getDate() - 2);
-  return {
-    firstName: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    lastName: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    age: Math.floor(Math.random() * 30),
-    visits: Math.floor(Math.random() * 100),
-    progress: Math.floor(Math.random() * 100),
-    status: statusChance > 0.66 ? 'relationship' : statusChance > 0.33 ? 'complicated' : 'single',
-    role: roleChance > 0.66 ? 'developer' : roleChance > 0.33 ? 'designer' : 'researcher',
-    joined: getRandomDateJoined(),
-    someone1: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone2: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone3: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone4: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone5: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone6: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone7: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone8: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone9: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone10: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone11: _namor.default.generate({
-      words: 4,
-      numbers: 0
-    }),
-    someone12: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone13: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone14: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone15: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone16: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone17: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone18: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone19: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone20: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    chartType: initialChartTypeIndex === 0 ? _getInlineEditColumns.inlineEditSelectItems[0] : initialChartTypeIndex === 1 ? _getInlineEditColumns.inlineEditSelectItems[1] : _getInlineEditColumns.inlineEditSelectItems[2],
-    activeSince: activeChance > 0.66 ? activeSinceDate : activeChance > 0.33 ? yesterdayDate : '23/05/2020',
-    bonus: "$\r".concat(getRandomInteger(100, 500, 2)),
-    passwordStrength: getPasswordStrength(),
-    doc_link: renderDocLink()
-  };
-};
-var newPersonWithTwoLines = function newPersonWithTwoLines() {
-  return {
-    firstName: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, _namor.default.generate({
-      words: 1,
-      numbers: 0
-    })), /*#__PURE__*/_react.default.createElement("div", null, _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }))),
-    lastName: _namor.default.generate({
-      words: 1,
-      numbers: 0
-    }),
-    age: Math.floor(Math.random() * 30)
-  };
-};
-exports.newPersonWithTwoLines = newPersonWithTwoLines;
-var randomDate = function randomDate(start, end) {
-  return new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));
-};

package/lib/components/EditFullPage/EditFullPage.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditFullPage = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _devtools = require("../../global/js/utils/devtools");
-var _settings = require("../../settings");
-var _excluded = ["children", "className"];
-/**
- * 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.
- */
-// Import portions of React that are needed.
-// Other standard imports.
-// Carbon and package components we use.
-/* TODO: @import(s) of carbon components and other package components. */ // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(_settings.pkg.prefix, "--edit-full-page");
-var componentName = 'EditFullPage';
-
-// NOTE: the component SCSS is not imported here: it is rolled up separately.
-
-// Default values can be included here and then assigned to the prop params,
-// e.g. prop = defaults.prop,
-// This gathers default values together neatly and ensures non-primitive
-// values are initialized early to avoid react making unnecessary re-renders.
-// Note that default values are not required for props that are 'required',
-// nor for props where the component can apply undefined values reasonably.
-// Default values should be provided when the component needs to make a choice
-// or assumption when a prop is not supplied.
-
-// Default values for props
-// const defaults = {
-//   /* TODO: add defaults for relevant props if needed */
-// };
-
-/**
- * TODO: A description of the component.
- */
-var EditFullPage = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass,
-    // Apply the block class to the main HTML element
-    className,
-    // Apply any supplied class names to the main HTML element.
-    // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
-    {
-      // switched classes dependant on props or state
-      // example: [`${blockClass}__here-if-small`]: size === 'sm',
-    }),
-    ref: ref,
-    role: "main"
-  }, (0, _devtools.getDevtoolsProps)(componentName)), children);
-});
-
-// Return a placeholder if not released and not enabled by feature flag
-exports.EditFullPage = EditFullPage;
-exports.EditFullPage = EditFullPage = _settings.pkg.checkComponentEnabled(EditFullPage, componentName);
-
-// The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-EditFullPage.displayName = componentName;
-
-// The types and DocGen commentary for the component props,
-// in alphabetical order (for consistency).
-// See https://www.npmjs.com/package/prop-types#usage.
-EditFullPage.propTypes = {
-  /**
-   * Provide the contents of the EditFullPage.
-   */
-  children: _propTypes.default.node.isRequired,
-  /**
-   * Provide an optional class to be applied to the containing node.
-   */
-  className: _propTypes.default.string
-
-  /* TODO: add types and DocGen for all props. */
-};

package/lib/components/EditFullPage/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EditFullPage", {
-  enumerable: true,
-  get: function get() {
-    return _EditFullPage.EditFullPage;
-  }
-});
-var _EditFullPage = require("./EditFullPage");