@carbon/ibm-products 2.0.0-rc.8 → 2.0.0

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

@@ -1,168 +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: {
-      type: 'number',
-      inputProps: {} // 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);
-        },
-        // 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,213 +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 _StatusIcon = require("../../StatusIcon");
-
-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; }
-
-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;
-};
-
-exports.range = range;
-
-var renderStatusIcon = function renderStatusIcon(statusChance) {
-  var iconProps = {
-    size: 'sm',
-    theme: 'light',
-    kind: statusChance > 0.66 ? 'critical' : statusChance > 0.33 ? 'minor-warning' : 'normal',
-    iconDescription: statusChance > 0.66 ? 'Critical' : statusChance > 0.33 ? 'Minor warning' : 'Normal'
-  };
-  return /*#__PURE__*/_react.default.createElement(_StatusIcon.StatusIcon, iconProps);
-};
-
-var renderDocLink = function renderDocLink(statusChance) {
-  var docLinkObj = {
-    href: statusChance > 0.66 ? 'http://carbondesignsystem.com/' : statusChance > 0.33 ? 'https://pages.github.ibm.com/cdai-design/pal/' : 'http://carbon-for-ibm-products.netlify.app/',
-    text: statusChance > 0.66 ? 'Carbon Design System' : statusChance > 0.33 ? 'Carbon for IBM Products PAL' : 'Carbon for IBM Products storybook'
-  };
-  return docLinkObj;
-};
-
-var newPerson = function newPerson() {
-  var statusChance = 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),
-    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
-    }),
-    status: statusChance > 0.66 ? 'relationship' : statusChance > 0.33 ? 'complicated' : 'single',
-    chartType: initialChartTypeIndex === 0 ? _getInlineEditColumns.inlineEditSelectItems[0] : initialChartTypeIndex === 1 ? _getInlineEditColumns.inlineEditSelectItems[1] : _getInlineEditColumns.inlineEditSelectItems[2],
-    activeSince: statusChance > 0.66 ? activeSinceDate : statusChance > 0.33 ? yesterdayDate : twoDaysAgoDate,
-    bonus: "$\r".concat(getRandomInteger(100, 500, 2)),
-    status_icon: renderStatusIcon(statusChance),
-    doc_link: renderDocLink(statusChance)
-  };
-};
-
-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;

package/lib/components/EditFullPage/EditFullPage.js

@@ -1,85 +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"];
-// 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,13 +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");

package/lib/components/EditSidePanel/EditSidePanel.js

@@ -1,212 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditSidePanel = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-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 _react2 = require("@carbon/react");
-
-var _SidePanel = require("../SidePanel");
-
-require("../../global/js/utils/props-helper");
-
-var _excluded = ["children", "className", "disableSubmit", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "placement", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "selectorPageContent", "size", "slideIn", "subtitle", "title"];
-
-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; }
-
-// The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(_settings.pkg.prefix, "--edit-side-panel");
-var componentName = 'EditSidePanel'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
-// Default values for props
-
-var defaults = {
-  placement: 'right',
-  size: 'md'
-};
-/**
- * TODO: A description of the component.
- */
-
-var EditSidePanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      disableSubmit = _ref.disableSubmit,
-      formTitle = _ref.formTitle,
-      formDescription = _ref.formDescription,
-      onRequestClose = _ref.onRequestClose,
-      onRequestSubmit = _ref.onRequestSubmit,
-      open = _ref.open,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? defaults.placement : _ref$placement,
-      primaryButtonText = _ref.primaryButtonText,
-      secondaryButtonText = _ref.secondaryButtonText,
-      selectorPrimaryFocus = _ref.selectorPrimaryFocus,
-      selectorPageContent = _ref.selectorPageContent,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? defaults.size : _ref$size,
-      slideIn = _ref.slideIn,
-      subtitle = _ref.subtitle,
-      title = _ref.title,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var actions = [{
-    label: primaryButtonText,
-    onClick: function onClick(event) {
-      event.preventDefault();
-      onRequestSubmit();
-    },
-    kind: 'primary',
-    disabled: disableSubmit,
-    type: 'submit'
-  }, {
-    label: secondaryButtonText,
-    onClick: onRequestClose,
-    kind: 'secondary'
-  }];
-  return /*#__PURE__*/_react.default.createElement(_SidePanel.SidePanel, (0, _extends2.default)({}, rest, _objectSpread({
-    open: open,
-    ref: ref,
-    selectorPageContent: selectorPageContent,
-    onRequestClose: onRequestClose,
-    title: title,
-    subtitle: subtitle,
-    selectorPrimaryFocus: selectorPrimaryFocus
-  }, (0, _devtools.getDevtoolsProps)(componentName)), {
-    placement: placement,
-    slideIn: slideIn,
-    animateTitle: false,
-    className: (0, _classnames.default)(blockClass, className),
-    size: size,
-    preventCloseOnClickOutside: true,
-    actions: actions
-  }), formTitle && /*#__PURE__*/_react.default.createElement("h3", {
-    className: "".concat(blockClass, "__form-title-text ").concat(blockClass, "__content-text")
-  }, formTitle), formDescription && /*#__PURE__*/_react.default.createElement("p", {
-    className: "".concat(blockClass, "__form-description-text ").concat(blockClass, "__content-text")
-  }, formDescription), /*#__PURE__*/_react.default.createElement(_react2.Form, {
-    className: "".concat(blockClass, "__form")
-  }, children));
-}); // Return a placeholder if not released and not enabled by feature flag
-
-
-exports.EditSidePanel = EditSidePanel;
-exports.EditSidePanel = EditSidePanel = _settings.pkg.checkComponentEnabled(EditSidePanel, componentName); // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-
-EditSidePanel.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.
-
-EditSidePanel.propTypes = {
-  /**
-   * Sets the body content of the create side panel
-   */
-  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
-
-  /**
-   * Provide an optional class to be applied to the containing node.
-   */
-  className: _propTypes.default.string,
-
-  /**
-   * Specifies a boolean for disabling or enabling the primary button. This is important for form validation
-   * Returning `true` prevents the primary button from being clicked until required fields are completed.
-   */
-  disableSubmit: _propTypes.default.bool,
-
-  /**
-   * Specifies an optional field that provides a additional context for a form
-   */
-  formDescription: _propTypes.default.node,
-
-  /**
-   * Specifies a required field that provides a title for a form
-   */
-  formTitle: _propTypes.default.node,
-
-  /**
-   * Specifies an optional handler which is called when the CreateSidePanel
-   * is closed.
-   */
-  onRequestClose: _propTypes.default.func,
-
-  /**
-   * Specifies an optional handler which is called when the CreateSidePanel
-   * primary button is pressed.
-   */
-  onRequestSubmit: _propTypes.default.func,
-
-  /**
-   * Specifies whether the CreateSidePanel is open or not.
-   */
-  open: _propTypes.default.bool,
-
-  /**
-   * Determines if the side panel is on the right or left
-   */
-  placement: _propTypes.default.oneOf(['left', 'right']),
-
-  /**
-   * Specifies the primary button's text in the modal.
-   */
-  primaryButtonText: _propTypes.default.string.isRequired,
-
-  /**
-   * Specifies the secondary button's text in the modal.
-   */
-  secondaryButtonText: _propTypes.default.string.isRequired,
-
-  /**
-   * This is the selector to the element that contains all of the page content that will shrink if the panel is a slide in.
-   * This prop is required when using the `slideIn` variant of the side panel.
-   */
-  selectorPageContent: _propTypes.default.string.isRequired.if(function (_ref2) {
-    var slideIn = _ref2.slideIn;
-    return slideIn;
-  }),
-
-  /**
-   * Specifies which DOM element in the form should be focused.
-   */
-  selectorPrimaryFocus: _propTypes.default.node.isRequired,
-
-  /**
-   * Sets the size of the side panel
-   */
-  size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', '2xl']),
-
-  /**
-   * Specifies which DOM element in the form should be focused.
-   */
-  slideIn: _propTypes.default.bool,
-
-  /**
-   * The subtitle of the CreateSidePanel is optional and serves to provide more information about the modal.
-   */
-  subtitle: _propTypes.default.node,
-
-  /**
-   * The title of the CreateSidePanel is usually the product or service name.
-   */
-  title: _propTypes.default.node.isRequired
-};