carbon-react 106.6.8 → 106.7.0

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

@@ -1,66 +0,0 @@
-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); }
-
-import React from "react";
-import { action } from "@storybook/addon-actions";
-import specialCharacters from "../../../.storybook/utils/argTypes/specialCharacters";
-import MultiActionButton from "./multi-action-button.component";
-import Button from "../button";
-import { MULTI_ACTION_BUTTON_ALIGNMENTS, MULTI_ACTION_BUTTON_SIZES, MULTI_ACTION_BUTTON_THEMES } from "./multi-action-button.config";
-export default {
-  title: "Multi Action Button/Test",
-  parameters: {
-    info: {
-      disable: true
-    },
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    align: {
-      options: MULTI_ACTION_BUTTON_ALIGNMENTS,
-      control: {
-        type: "select"
-      }
-    },
-    buttonType: {
-      options: MULTI_ACTION_BUTTON_THEMES,
-      control: {
-        type: "select"
-      }
-    },
-    size: {
-      options: MULTI_ACTION_BUTTON_SIZES,
-      control: {
-        type: "select"
-      }
-    },
-    textSpecialCharacters: specialCharacters,
-    subtextSpecialCharacters: specialCharacters
-  }
-};
-export const MultiActionButtonStory = ({
-  buttonType,
-  text,
-  textSpecialCharacters,
-  subtext,
-  subtextSpecialCharacters,
-  ...args
-}) => /*#__PURE__*/React.createElement(MultiActionButton, _extends({
-  buttonType: buttonType,
-  text: text || textSpecialCharacters,
-  subtext: subtext || subtextSpecialCharacters,
-  onClick: action("click")
-}, args), /*#__PURE__*/React.createElement(Button, args, "Example Button"), /*#__PURE__*/React.createElement(Button, args, "Example Button with long text"), /*#__PURE__*/React.createElement(Button, args, "Short"));
-MultiActionButtonStory.story = {
-  name: "default",
-  args: {
-    align: "left",
-    buttonType: "secondary",
-    size: "medium",
-    subtext: "",
-    text: "Example Multi Action Button",
-    textSpecialCharacters: undefined,
-    subtextSpecialCharacters: undefined
-  }
-};

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

@@ -1,55 +0,0 @@
-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); }
-
-/* eslint-disable react/prop-types */
-import React from "react";
-import specialCharacters, { email as testEmail } from "../../../.storybook/utils/argTypes/specialCharacters";
-import Profile from "./profile.component";
-import { PROFILE_SIZES } from "./profile.config";
-export default {
-  title: "Profile/Test",
-  parameters: {
-    info: {
-      disable: true
-    },
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    size: {
-      control: {
-        type: "select",
-        options: PROFILE_SIZES
-      }
-    },
-    emailSpecialCharacters: {
-      options: [...specialCharacters.options, ...testEmail.options],
-      mapping: { ...specialCharacters.mapping,
-        ...testEmail.mapping
-      }
-    },
-    nameSpecialCharacters: specialCharacters
-  }
-};
-export const DefaultStory = ({
-  email,
-  emailSpecialCharacters,
-  name,
-  nameSpecialCharacters,
-  ...args
-}) => /*#__PURE__*/React.createElement(Profile, _extends({
-  email: email || emailSpecialCharacters,
-  name: name || nameSpecialCharacters
-}, args));
-DefaultStory.story = {
-  name: "default",
-  args: {
-    email: "johnsmith@sage.com",
-    initials: "JS",
-    size: PROFILE_SIZES[0],
-    name: "John Smith",
-    src: "",
-    emailSpecialCharacters: undefined,
-    nameSpecialCharacters: undefined
-  }
-};

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

@@ -1,63 +0,0 @@
-import React from "react";
-import ProgressTracker from ".";
-import { PROGRESS_TRACKER_SIZES } from "./progress-tracker.config";
-export default {
-  component: ProgressTracker,
-  title: "Progress Tracker/Test",
-  parameters: {
-    info: {
-      disable: true
-    },
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    size: {
-      options: 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"
-      }
-    }
-  }
-};
-export const Default = ({ ...args
-}) => {
-  return /*#__PURE__*/React.createElement(ProgressTracker, args);
-};
-Default.storyName = "default";

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

@@ -1,193 +0,0 @@
-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); }
-
-import React from "react";
-import { Select, Option } from "..";
-export 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
-    }
-  }
-};
-
-const Template = args => {
-  return /*#__PURE__*/React.createElement(Select, _extends({
-    name: "simple",
-    id: "simple",
-    label: "label",
-    labelInline: true
-  }, args), /*#__PURE__*/React.createElement(Option, {
-    text: "Amber",
-    value: "1"
-  }), /*#__PURE__*/React.createElement(Option, {
-    text: "Black",
-    value: "2"
-  }), /*#__PURE__*/React.createElement(Option, {
-    text: "Blue",
-    value: "3"
-  }), /*#__PURE__*/React.createElement(Option, {
-    text: "White",
-    value: "4"
-  }), /*#__PURE__*/React.createElement(Option, {
-    text: "Green",
-    value: "5"
-  }), /*#__PURE__*/React.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.createElement(Option, {
-    text: "Pink",
-    value: "7"
-  }), /*#__PURE__*/React.createElement(Option, {
-    text: "Red",
-    value: "8"
-  }), /*#__PURE__*/React.createElement(Option, {
-    text: "Yellow",
-    value: "9"
-  }));
-};
-
-export const Default = Template.bind({});
-Default.args = {
-  mt: 0,
-  listPlacement: undefined,
-  flipEnabled: true
-};

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

@@ -1,143 +0,0 @@
-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); }
-
-/* eslint-disable react/prop-types */
-import React, { useState } from "react";
-import { action } from "@storybook/addon-actions";
-import ShowEditPod from "./show-edit-pod.component";
-import Content from "../content";
-import specialCharacters from "../../../.storybook/utils/argTypes/specialCharacters";
-import Textbox from "../textbox";
-import Fieldset from "../fieldset";
-import { SHOW_EDIT_POD_ALIGNMENTS, SHOW_EDIT_POD_THEMES } from "./show-edit-pod.config";
-export default {
-  component: ShowEditPod,
-  title: "ShowEditPod/Test",
-  parameters: {
-    info: {
-      disable: true
-    },
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    buttonAlign: {
-      options: SHOW_EDIT_POD_ALIGNMENTS,
-      control: {
-        type: "select"
-      }
-    },
-    variant: {
-      options: SHOW_EDIT_POD_THEMES,
-      control: {
-        type: "select"
-      }
-    },
-    cancelTextSpecialCharacters: specialCharacters,
-    deleteTextSpecialCharacters: specialCharacters,
-    saveTextSpecialCharacters: specialCharacters,
-    titleSpecialCharacters: specialCharacters
-  },
-  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"
-  }
-};
-
-const ShowEditPodStory = ({
-  cancelTextSpecialCharacters,
-  cancelText,
-  deleteTextSpecialCharacters,
-  deleteText,
-  saveTextSpecialCharacters,
-  saveText,
-  titleSpecialCharacters,
-  title,
-  ...args
-}) => {
-  const [isEditing, setIsEditing] = useState(false);
-  const [state, setState] = 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);
-    action("edit")();
-  };
-
-  const onCancel = () => {
-    setIsEditing(false);
-    action("cancel")();
-  };
-
-  const onDelete = () => {
-    setIsEditing(false);
-    action("delete")();
-  };
-
-  const onSave = () => {
-    setIsEditing(false);
-    action("onSave")();
-  };
-
-  const setField = fieldName => e => {
-    setState({ ...state,
-      [fieldName]: e.target.value
-    });
-  };
-
-  return /*#__PURE__*/React.createElement(ShowEditPod, _extends({}, args, {
-    editing: isEditing,
-    onDelete: onDelete,
-    onCancel: onCancel,
-    onEdit: onEdit,
-    editFields: /*#__PURE__*/React.createElement(Fieldset, null, fieldProps.map(({
-      key,
-      label
-    }) => /*#__PURE__*/React.createElement(Textbox, {
-      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.createElement(Content, {
-    key: key,
-    title: label
-  }, state[key])));
-};
-
-export const Default = ShowEditPodStory.bind({});

package/esm/components/textarea/textarea-test.stories.js

@@ -1,154 +0,0 @@
-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); }
-
-/* eslint-disable react/prop-types */
-import React, { useState } from "react";
-import specialCharacters, { number } from "../../../.storybook/utils/argTypes/specialCharacters";
-import Textarea from ".";
-export default {
-  component: Textarea,
-  title: "Textarea/Test",
-  parameters: {
-    info: {
-      disable: true
-    },
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    labelAlign: {
-      options: ["left", "right"],
-      control: {
-        type: "select"
-      }
-    },
-    cols: {
-      control: {
-        min: 0,
-        max: 100,
-        step: 1,
-        type: "range"
-      }
-    },
-    rows: {
-      control: {
-        min: 0,
-        max: 100,
-        step: 1,
-        type: "range"
-      }
-    },
-    inputWidth: {
-      control: {
-        min: 0,
-        max: 100,
-        step: 1,
-        type: "range"
-      }
-    },
-    labelWidth: {
-      control: {
-        min: 0,
-        max: 100,
-        step: 1,
-        type: "range"
-      }
-    },
-    adaptiveLabelBreakpoint: {
-      control: {
-        type: "number"
-      }
-    },
-    placeholderSpecialCharacters: specialCharacters,
-    labelSpecialCharacters: specialCharacters,
-    labelHelpSpecialCharacters: specialCharacters,
-    characterLimitSpecialCharacters: {
-      options: [...specialCharacters.options, ...number.options],
-      mapping: { ...specialCharacters.mapping,
-        ...number.mapping
-      }
-    },
-    fieldHelpSpecialCharacters: specialCharacters,
-    children: {
-      control: {
-        type: "text"
-      }
-    },
-    error: {
-      control: {
-        type: "text"
-      }
-    },
-    warning: {
-      control: {
-        type: "text"
-      }
-    },
-    info: {
-      control: {
-        type: "text"
-      }
-    }
-  },
-  args: {
-    expandable: false,
-    cols: 0,
-    rows: 0,
-    disabled: false,
-    autoFocus: false,
-    readOnly: false,
-    placeholder: "",
-    fieldHelp: "",
-    characterLimit: "",
-    inputWidth: 100,
-    warnOverLimit: false,
-    enforceCharacterLimit: true,
-    label: "Textarea",
-    labelHelp: "",
-    labelInline: false,
-    labelWidth: 30,
-    labelAlign: undefined,
-    adaptiveLabelBreakpoint: undefined,
-    required: false,
-    placeholderSpecialCharacters: undefined,
-    labelSpecialCharacters: undefined,
-    labelHelpSpecialCharacters: undefined,
-    characterLimitSpecialCharacters: undefined,
-    fieldHelpSpecialCharacters: undefined
-  }
-};
-export const Default = ({
-  placeholder,
-  placeholderSpecialCharacters,
-  label,
-  labelSpecialCharacters,
-  labelHelp,
-  labelHelpSpecialCharacters,
-  characterLimit,
-  characterLimitSpecialCharacters,
-  fieldHelp,
-  fieldHelpSpecialCharacters,
-  ...args
-}) => {
-  const [state, setState] = useState("");
-
-  const handleChange = ({
-    target: {
-      value
-    }
-  }) => {
-    setState(value);
-  };
-
-  return /*#__PURE__*/React.createElement(Textarea, _extends({}, args, {
-    name: "textarea",
-    onChange: handleChange,
-    value: state,
-    placeholder: placeholder || placeholderSpecialCharacters,
-    label: label || labelSpecialCharacters,
-    labelHelp: labelHelp || labelHelpSpecialCharacters,
-    helpAriaLabel: labelHelp || labelHelpSpecialCharacters,
-    characterLimit: characterLimit || characterLimitSpecialCharacters,
-    fieldHelp: fieldHelp || fieldHelpSpecialCharacters
-  }));
-};

package/esm/src/__internal__/checkable-input/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./checkable-input.component";

package/esm/src/__internal__/field-help/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./field-help.component";

package/esm/src/__internal__/fieldset/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./fieldset.component";

package/esm/src/__internal__/form-field/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./form-field.component";

package/esm/src/__internal__/input-icon-toggle/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./input-icon-toggle.component";

package/esm/src/__internal__/label/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./label.component";

package/esm/src/__internal__/popover/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./popover.component";

package/esm/src/__spec_helper__/mock-match-media.d.ts

@@ -1,4 +0,0 @@
-export function setup(): void;
-export function mockMatchMedia(matches: any): {
-    removeListener: jest.Mock<any, any>;
-};

package/esm/src/components/advanced-color-picker/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./advanced-color-picker.component";