carbon-react 106.6.8 → 106.7.0

package/lib/components/multi-action-button/multi-action-button-test.stories.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultiActionButtonStory = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _specialCharacters = _interopRequireDefault(require("../../../.storybook/utils/argTypes/specialCharacters"));
-
-var _multiActionButton = _interopRequireDefault(require("./multi-action-button.component"));
-
-var _button = _interopRequireDefault(require("../button"));
-
-var _multiActionButton2 = require("./multi-action-button.config");
-
-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); }
-
-var _default = {
-  title: "Multi Action Button/Test",
-  parameters: {
-    info: {
-      disable: true
-    },
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    align: {
-      options: _multiActionButton2.MULTI_ACTION_BUTTON_ALIGNMENTS,
-      control: {
-        type: "select"
-      }
-    },
-    buttonType: {
-      options: _multiActionButton2.MULTI_ACTION_BUTTON_THEMES,
-      control: {
-        type: "select"
-      }
-    },
-    size: {
-      options: _multiActionButton2.MULTI_ACTION_BUTTON_SIZES,
-      control: {
-        type: "select"
-      }
-    },
-    textSpecialCharacters: _specialCharacters.default,
-    subtextSpecialCharacters: _specialCharacters.default
-  }
-};
-exports.default = _default;
-
-const MultiActionButtonStory = ({
-  buttonType,
-  text,
-  textSpecialCharacters,
-  subtext,
-  subtextSpecialCharacters,
-  ...args
-}) => /*#__PURE__*/_react.default.createElement(_multiActionButton.default, _extends({
-  buttonType: buttonType,
-  text: text || textSpecialCharacters,
-  subtext: subtext || subtextSpecialCharacters,
-  onClick: (0, _addonActions.action)("click")
-}, args), /*#__PURE__*/_react.default.createElement(_button.default, args, "Example Button"), /*#__PURE__*/_react.default.createElement(_button.default, args, "Example Button with long text"), /*#__PURE__*/_react.default.createElement(_button.default, args, "Short"));
-
-exports.MultiActionButtonStory = MultiActionButtonStory;
-MultiActionButtonStory.story = {
-  name: "default",
-  args: {
-    align: "left",
-    buttonType: "secondary",
-    size: "medium",
-    subtext: "",
-    text: "Example Multi Action Button",
-    textSpecialCharacters: undefined,
-    subtextSpecialCharacters: undefined
-  }
-};

package/lib/components/profile/profile-test.stories.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DefaultStory = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _specialCharacters = _interopRequireWildcard(require("../../../.storybook/utils/argTypes/specialCharacters"));
-
-var _profile = _interopRequireDefault(require("./profile.component"));
-
-var _profile2 = require("./profile.config");
-
-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 _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); }
-
-var _default = {
-  title: "Profile/Test",
-  parameters: {
-    info: {
-      disable: true
-    },
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    size: {
-      control: {
-        type: "select",
-        options: _profile2.PROFILE_SIZES
-      }
-    },
-    emailSpecialCharacters: {
-      options: [..._specialCharacters.default.options, ..._specialCharacters.email.options],
-      mapping: { ..._specialCharacters.default.mapping,
-        ..._specialCharacters.email.mapping
-      }
-    },
-    nameSpecialCharacters: _specialCharacters.default
-  }
-};
-exports.default = _default;
-
-const DefaultStory = ({
-  email,
-  emailSpecialCharacters,
-  name,
-  nameSpecialCharacters,
-  ...args
-}) => /*#__PURE__*/_react.default.createElement(_profile.default, _extends({
-  email: email || emailSpecialCharacters,
-  name: name || nameSpecialCharacters
-}, args));
-
-exports.DefaultStory = DefaultStory;
-DefaultStory.story = {
-  name: "default",
-  args: {
-    email: "johnsmith@sage.com",
-    initials: "JS",
-    size: _profile2.PROFILE_SIZES[0],
-    name: "John Smith",
-    src: "",
-    emailSpecialCharacters: undefined,
-    nameSpecialCharacters: undefined
-  }
-};

package/lib/components/progress-tracker/progress-tracker-test.stories.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = _interopRequireDefault(require("."));
-
-var _progressTracker = require("./progress-tracker.config");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  component: _.default,
-  title: "Progress Tracker/Test",
-  parameters: {
-    info: {
-      disable: true
-    },
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    size: {
-      options: _progressTracker.PROGRESS_TRACKER_SIZES,
-      control: {
-        type: "select"
-      }
-    },
-    progress: {
-      control: {
-        type: "number"
-      }
-    },
-    currentProgressLabel: {
-      options: ["", "$100", "100ml"],
-      control: {
-        type: "select"
-      }
-    },
-    maxProgressLabel: {
-      options: ["", "$200", "200ml"],
-      control: {
-        type: "select"
-      }
-    },
-    orientation: {
-      options: ["horizontal", "vertical"],
-      control: {
-        type: "select"
-      }
-    },
-    direction: {
-      options: ["up", "down"],
-      control: {
-        type: "select"
-      }
-    },
-    labelsPosition: {
-      options: ["top", "bottom", "left", "right"],
-      control: {
-        type: "select"
-      }
-    }
-  }
-};
-exports.default = _default;
-
-const Default = ({ ...args
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_.default, args);
-};
-
-exports.Default = Default;
-Default.storyName = "default";

package/lib/components/select/simple-select/simple-select-test.stories.js

@@ -1,206 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-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); }
-
-var _default = {
-  component: _.Select,
-  title: "Select/Test",
-  parameters: {
-    info: {
-      disable: true
-    },
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    value: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    disablePortal: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    defaultValue: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    children: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    openOnFocus: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    transparent: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    tableHeader: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    multiColumn: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    isLoading: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    onListScrollBottom: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    tooltipPosition: {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    "data-component": {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    "data-element": {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    "data-role": {
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    listPlacement: {
-      options: ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"],
-      control: {
-        type: "select"
-      }
-    },
-    onOpen: {
-      action: "onOpen",
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    onChange: {
-      action: "onChange",
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    onClick: {
-      action: "onClick",
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    onFocus: {
-      action: "onFocus",
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    onBlur: {
-      action: "onBlur",
-      table: {
-        disable: true
-      },
-      control: false
-    },
-    onKeyDown: {
-      action: "onKeyDown",
-      table: {
-        disable: true
-      },
-      control: false
-    }
-  }
-};
-exports.default = _default;
-
-const Template = args => {
-  return /*#__PURE__*/_react.default.createElement(_.Select, _extends({
-    name: "simple",
-    id: "simple",
-    label: "label",
-    labelInline: true
-  }, args), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Amber",
-    value: "1"
-  }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Black",
-    value: "2"
-  }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Blue",
-    value: "3"
-  }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "White",
-    value: "4"
-  }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Green",
-    value: "5"
-  }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Like a lot of intelligent animals, most crows are quite social.  For instance, American crows spend most of the year living in pairs or small family groups. During the winter months, they will congregate with hundreds or even thousands of their peers to sleep together at night",
-    value: "6"
-  }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Pink",
-    value: "7"
-  }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Red",
-    value: "8"
-  }), /*#__PURE__*/_react.default.createElement(_.Option, {
-    text: "Yellow",
-    value: "9"
-  }));
-};
-
-const Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  mt: 0,
-  listPlacement: undefined,
-  flipEnabled: true
-};

package/lib/components/show-edit-pod/show-edit-pod-test.stories.js

@@ -1,165 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _showEditPod = _interopRequireDefault(require("./show-edit-pod.component"));
-
-var _content = _interopRequireDefault(require("../content"));
-
-var _specialCharacters = _interopRequireDefault(require("../../../.storybook/utils/argTypes/specialCharacters"));
-
-var _textbox = _interopRequireDefault(require("../textbox"));
-
-var _fieldset = _interopRequireDefault(require("../fieldset"));
-
-var _showEditPod2 = require("./show-edit-pod.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); }
-
-var _default = {
-  component: _showEditPod.default,
-  title: "ShowEditPod/Test",
-  parameters: {
-    info: {
-      disable: true
-    },
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    buttonAlign: {
-      options: _showEditPod2.SHOW_EDIT_POD_ALIGNMENTS,
-      control: {
-        type: "select"
-      }
-    },
-    variant: {
-      options: _showEditPod2.SHOW_EDIT_POD_THEMES,
-      control: {
-        type: "select"
-      }
-    },
-    cancelTextSpecialCharacters: _specialCharacters.default,
-    deleteTextSpecialCharacters: _specialCharacters.default,
-    saveTextSpecialCharacters: _specialCharacters.default,
-    titleSpecialCharacters: _specialCharacters.default
-  },
-  args: {
-    border: false,
-    buttonAlign: "right",
-    cancel: true,
-    cancelText: "Cancel",
-    cancelTextSpecialCharacters: undefined,
-    deleteText: "Delete",
-    deleteTextSpecialCharacters: undefined,
-    saveText: "Save",
-    saveTextSpecialCharacters: undefined,
-    saving: false,
-    title: "Person",
-    titleSpecialCharacters: undefined,
-    transitionName: "carbon-show-edit-pod__transition",
-    variant: "transparent"
-  }
-};
-exports.default = _default;
-
-const ShowEditPodStory = ({
-  cancelTextSpecialCharacters,
-  cancelText,
-  deleteTextSpecialCharacters,
-  deleteText,
-  saveTextSpecialCharacters,
-  saveText,
-  titleSpecialCharacters,
-  title,
-  ...args
-}) => {
-  const [isEditing, setIsEditing] = (0, _react.useState)(false);
-  const [state, setState] = (0, _react.useState)({
-    edit_first_name: "Alan",
-    edit_second_name: "Smith",
-    edit_telephone: "000 000 0000"
-  });
-  const fieldProps = [{
-    key: "edit_first_name",
-    label: "First Name"
-  }, {
-    key: "edit_second_name",
-    label: "Second Name"
-  }, {
-    key: "edit_telephone",
-    label: "Telephone"
-  }];
-
-  const onEdit = () => {
-    setIsEditing(true);
-    (0, _addonActions.action)("edit")();
-  };
-
-  const onCancel = () => {
-    setIsEditing(false);
-    (0, _addonActions.action)("cancel")();
-  };
-
-  const onDelete = () => {
-    setIsEditing(false);
-    (0, _addonActions.action)("delete")();
-  };
-
-  const onSave = () => {
-    setIsEditing(false);
-    (0, _addonActions.action)("onSave")();
-  };
-
-  const setField = fieldName => e => {
-    setState({ ...state,
-      [fieldName]: e.target.value
-    });
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_showEditPod.default, _extends({}, args, {
-    editing: isEditing,
-    onDelete: onDelete,
-    onCancel: onCancel,
-    onEdit: onEdit,
-    editFields: /*#__PURE__*/_react.default.createElement(_fieldset.default, null, fieldProps.map(({
-      key,
-      label
-    }) => /*#__PURE__*/_react.default.createElement(_textbox.default, {
-      label: label,
-      key: key,
-      onChange: setField(key),
-      value: state[key],
-      labelInline: true,
-      labelAlign: "right"
-    }))),
-    onSave: onSave,
-    cancelText: cancelTextSpecialCharacters || cancelText,
-    deleteText: deleteTextSpecialCharacters || deleteText,
-    saveText: saveTextSpecialCharacters || saveText,
-    title: titleSpecialCharacters || title
-  }), fieldProps.map(({
-    key,
-    label
-  }) => /*#__PURE__*/_react.default.createElement(_content.default, {
-    key: key,
-    title: label
-  }, state[key])));
-};
-
-const Default = ShowEditPodStory.bind({});
-exports.Default = Default;