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

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

@@ -1,94 +0,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.
- */
-export 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'
-  }
-};

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

@@ -1,29 +0,0 @@
-import _toConsumableArray from "@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
- */
-export var getAutoSizedColumnWidth = function getAutoSizedColumnWidth(rows, accessor, headerText) {
-  var maxWidth = 400;
-  var minWidth = 58;
-  var letterSpacing = 10;
-  var cellLength = Math.max.apply(Math, _toConsumableArray(rows.map(function (row) {
-    return ("".concat(row[accessor]) || '').length;
-  })).concat([headerText.length]));
-
-  if (cellLength <= 3) {
-    return minWidth;
-  }
-
-  return Math.min(maxWidth, cellLength * letterSpacing + 16);
-};

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

@@ -1,159 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-
-/**
- * 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 React from 'react';
-import { ChartBubble, ChartColumnFloating, ChartVennDiagram } from '@carbon/react/icons';
-export var inlineEditSelectItems = [{
-  id: 'option-0',
-  icon: function icon(props) {
-    return /*#__PURE__*/React.createElement(ChartColumnFloating, _extends({
-      size: 16
-    }, props));
-  },
-  text: 'Column Chart'
-}, {
-  id: 'option-1',
-  icon: function icon(props) {
-    return /*#__PURE__*/React.createElement(ChartBubble, _extends({
-      size: 16
-    }, props));
-  },
-  text: 'Bubble Chart'
-}, {
-  id: 'option-2',
-  icon: function icon(props) {
-    return /*#__PURE__*/React.createElement(ChartVennDiagram, _extends({
-      size: 16
-    }, props));
-  },
-  text: 'Venn Diagram'
-}];
-export 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'
-  }];
-};

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

@@ -1,208 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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; }
-
-/**
- * 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 React from 'react';
-import namor from 'namor';
-import { inlineEditSelectItems } from './getInlineEditColumns';
-
-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;
-};
-
-export 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();
-};
-export 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 */
-
-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 ? 'http://carbondesignsystem.com/' : chance > 0.33 ? 'https://pages.github.ibm.com/cdai-design/pal/' : 'http://carbon-for-ibm-products.netlify.app/',
-    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.generate({
-      words: 1,
-      numbers: 0
-    }),
-    lastName: namor.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.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone2: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone3: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone4: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone5: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone6: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone7: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone8: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone9: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone10: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone11: namor.generate({
-      words: 4,
-      numbers: 0
-    }),
-    someone12: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone13: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone14: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone15: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone16: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone17: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone18: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone19: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    someone20: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    chartType: initialChartTypeIndex === 0 ? inlineEditSelectItems[0] : initialChartTypeIndex === 1 ? inlineEditSelectItems[1] : 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()
-  };
-};
-
-export var newPersonWithTwoLines = function newPersonWithTwoLines() {
-  return {
-    firstName: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, namor.generate({
-      words: 1,
-      numbers: 0
-    })), /*#__PURE__*/React.createElement("div", null, namor.generate({
-      words: 1,
-      numbers: 0
-    }))),
-    lastName: namor.generate({
-      words: 1,
-      numbers: 0
-    }),
-    age: Math.floor(Math.random() * 30)
-  };
-};
-
-var randomDate = function randomDate(start, end) {
-  return new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));
-};

package/es/components/EditFullPage/EditFullPage.js

@@ -1,79 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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.
-import React from 'react'; // Other standard imports.
-
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { pkg
-/*, carbon */
-} from '../../settings'; // 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(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.
- */
-
-export var EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: cx(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"
-  }, getDevtoolsProps(componentName)), children);
-}); // Return a placeholder if not released and not enabled by feature flag
-
-EditFullPage = 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.node.isRequired,
-
-  /**
-   * Provide an optional class to be applied to the containing node.
-   */
-  className: PropTypes.string
-  /* TODO: add types and DocGen for all props. */
-
-};

package/es/components/EditFullPage/index.js

@@ -1,7 +0,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.
- */
-export { EditFullPage } from './EditFullPage';