-
-
-
-
-
-
-
-
-
-
-
-
- {this.state.alertList}
-
- );
- }
-}
diff --git a/src/legacy/AlertCall/examples/Device.js b/src/legacy/AlertCall/examples/Device.js
deleted file mode 100644
index cb2ca31944..0000000000
--- a/src/legacy/AlertCall/examples/Device.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from 'react';
-import { Button, AlertCall, AlertCallContainer } from '@momentum-ui/react-collaboration';
-import uniqueId from 'lodash/uniqueId';
-import reject from 'lodash/reject';
-export default class AlertCallDevice extends React.PureComponent {
- state = {
- alertList: [],
- caller: { title: 'Jefe Guadelupe', alt: '+ 1 972-555-1212' },
- devices: [
- { name: 'SJC21-Babelfish', value: '1010101', type: 'device' },
- { name: 'Use my computer', value: '2020202' },
- ],
- };
- handleOnReject = (key) => {
- alert(`onRejectCall ${key}`);
- this.setState((state) => {
- return { alertList: reject(state.alertList, { key }) };
- });
- };
- handleOnAnswerVoice = (key) => {
- alert(`onAnswerVoice ${key}`);
- this.setState((state) => {
- return { alertList: reject(state.alertList, { key }) };
- });
- };
- handleOnAnswerVideo = (key) => {
- alert(`onAnswerVideo ${key}`);
- this.setState((state) => {
- return { alertList: reject(state.alertList, { key }) };
- });
- };
- renderDeviceCaller = () => {
- const key = uniqueId('call_alert_');
- return (
-
-
-
- {this.state.alertList}
-
- );
- }
-}
diff --git a/src/legacy/AlertCall/examples/DeviceList.js b/src/legacy/AlertCall/examples/DeviceList.js
deleted file mode 100644
index 0f320ea3e1..0000000000
--- a/src/legacy/AlertCall/examples/DeviceList.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from 'react';
-import { Button, AlertCall, AlertCallContainer } from '@momentum-ui/react-collaboration';
-import uniqueId from 'lodash/uniqueId';
-import reject from 'lodash/reject';
-export default class AlertCallDeviceList extends React.PureComponent {
- state = {
- alertList: [],
- caller: { title: 'Jefe Guadelupe', alt: '+ 1 972-555-1212' },
- devices: [
- { name: 'SJC21-Babelfish', value: '1010101', type: 'device' },
- { name: 'Use my computer', value: '2020202' },
- ],
- };
- handleOnReject = (key) => {
- alert(`onRejectCall ${key}`);
- this.setState((state) => {
- return { alertList: reject(state.alertList, { key }) };
- });
- };
- handleOnAnswerVoice = (key) => {
- alert(`onAnswerVoice ${key}`);
- this.setState((state) => {
- return { alertList: reject(state.alertList, { key }) };
- });
- };
- handleOnAnswerVideo = (key) => {
- alert(`onAnswerVideo ${key}`);
- this.setState((state) => {
- return { alertList: reject(state.alertList, { key }) };
- });
- };
- renderCallerWithDevices = () => {
- const key = uniqueId('call_alert_');
- return (
-
-
-
- -
- {this.state.alertList}
-
- );
- }
-}
diff --git a/src/legacy/AlertCall/examples/KitchenSink.js b/src/legacy/AlertCall/examples/KitchenSink.js
deleted file mode 100644
index 8f74d06ac1..0000000000
--- a/src/legacy/AlertCall/examples/KitchenSink.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import { AlertCall, AlertCallContainer } from '@momentum-ui/react-collaboration';
-
-export default class AlertCallKitchenSink extends React.Component {
- state = {
- devices: [
- { name: 'SJC21-Babelfish', value: '1010101', type: 'device' },
- { name: 'Use my computer', value: '2020202' },
- ],
- };
- render() {
- const types = ['call', 'device', 'devices', 'number'];
- return (
-
-
-
- -
- {this.state.alertList}
-
- );
- }
-}
diff --git a/src/legacy/AlertCall/examples/index.js b/src/legacy/AlertCall/examples/index.js
deleted file mode 100644
index 7b86996653..0000000000
--- a/src/legacy/AlertCall/examples/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default as AlertCallDefault } from './Default';
-export { default as AlertCallDevice } from './Device';
-export { default as AlertCallDeviceList } from './DeviceList';
-export { default as AlertCallKitchenSink } from './KitchenSink';
-export { default as AlertCallNumber } from './Number';
diff --git a/src/legacy/AlertCall/index.js b/src/legacy/AlertCall/index.js
deleted file mode 100644
index 95ee0d27ec..0000000000
--- a/src/legacy/AlertCall/index.js
+++ /dev/null
@@ -1,216 +0,0 @@
-/** @component alert-call */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { UIDReset } from 'react-uid';
-import DeviceListCall from '../DeviceListCall';
-import { Avatar, Button, Icon } from '@momentum-ui/react-collaboration';
-
-/**
- * @deprecated - Components in the legacy folder (/src/legacy) are deprecated. Please use a component from the components folder (/src/components) instead. Legacy components may not follow accessibility standards.
- **/
-const AlertCall = (props) => {
- const {
- avatar,
- avatarProps,
- caller,
- defaultSelectedDevice,
- deviceListHeader,
- deviceListProps,
- devices,
- onAnswerShare,
- onAnswerVideo,
- onAnswerVoice,
- onDeviceSelect,
- onReject,
- rejectAriaLabel,
- rejectBtnProps,
- shareAriaLabel,
- shareBtnProps,
- show,
- title,
- videoAriaLabel,
- videoBtnProps,
- voiceAriaLabel,
- voiceBtnProps,
- ...otherProps
- } = props;
-
- const getAvatar = () => {
- if (avatar) {
- return avatar;
- } else {
- switch (caller.type) {
- case 'number':
- return
-
-
- -
- {getDeviceList()}
-
- )
- );
-};
-
-AlertCall.defaultProps = {
- avatar: null,
- avatarProps: null,
- caller: null,
- defaultSelectedDevice: 0,
- deviceListHeader: 'Device selection',
- deviceListProps: null,
- devices: [],
- onAnswerShare: null,
- onAnswerVideo: null,
- onAnswerVoice: null,
- onDeviceSelect: null,
- onReject: null,
- rejectAriaLabel: 'reject call',
- rejectBtnProps: null,
- shareAriaLabel: 'answer call with share',
- shareBtnProps: null,
- title: '',
- videoAriaLabel: 'answer call with video',
- videoBtnProps: null,
- voiceAriaLabel: 'answer call with voice',
- voiceBtnProps: null,
-};
-
-AlertCall.propTypes = {
- /** @prop Optional avatar prop | null */
- avatar: PropTypes.node,
- /** @prop Props to be passed to avatar | null */
- avatarProps: PropTypes.object,
- /** @prop Required caller object */
- caller: PropTypes.shape({
- title: PropTypes.string.isRequired,
- alt: PropTypes.string,
- src: PropTypes.string,
- type: PropTypes.oneOf(['', 'number', 'device']),
- }).isRequired,
- /** @prop Optional default selected device by index value or eventKey | 0 */
- defaultSelectedDevice: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
- /** @prop Props to be passed to device button | null */
- deviceBtnProps: PropTypes.object,
- /** @prop Optional header string for device selection list | 'Device selection' */
- deviceListHeader: PropTypes.string,
- /** @prop Optional list of devices to answer call with | [] */
- devices: PropTypes.array,
- /** @prop Callback function invoked when the share button is clicked | null */
- onAnswerShare: PropTypes.func,
- /** @prop Callback function invoked when the video button is clicked | null */
- onAnswerVideo: PropTypes.func,
- /** @prop Callback function invoked when the handset button is clicked | null */
- onAnswerVoice: PropTypes.func,
- /** @prop Optional callback function when device is selected | null */
- onDeviceSelect: PropTypes.func,
- /** @prop Callback function invoked when the reject button is clicked | null */
- onReject: PropTypes.func,
- /** @prop Optional aria-label reject message | 'reject call' */
- rejectAriaLabel: PropTypes.string,
- /** @prop Props to be passed to reject button | null */
- rejectBtnProps: PropTypes.object,
- /** @prop Optional aria-label share | 'answer call with share' */
- shareAriaLabel: PropTypes.string,
- /** @prop Props to be passed to share button | null */
- shareBtnProps: PropTypes.object,
- /** @prop Required AlertCall visitibility setting */
- show: PropTypes.bool.isRequired,
- /** @prop Optional title of AlertCall | '' */
- title: PropTypes.string,
- /** @prop Optional aria-label video | 'answer call with video' */
- videoAriaLabel: PropTypes.string,
- /** @prop Props to be passed to video button | null */
- videoBtnProps: PropTypes.object,
- /** @prop Optional aria-label voice | 'answer call with voice only' */
- voiceAriaLabel: PropTypes.string,
- /** @prop Props to be passed to voice button | null */
- voiceBtnProps: PropTypes.object,
-};
-
-AlertCall.displayName = 'AlertCall';
-
-export default AlertCall;
diff --git a/src/legacy/AlertCall/tests/index.spec.js b/src/legacy/AlertCall/tests/index.spec.js
deleted file mode 100644
index f944f42ef5..0000000000
--- a/src/legacy/AlertCall/tests/index.spec.js
+++ /dev/null
@@ -1,285 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { AlertCall, Avatar } from '@momentum-ui/react-collaboration';
-
-describe('tests for {title}
-
- {getAvatar()}
-
- {caller.title}
- {caller.alt}
-
- {onAnswerShare && (
-
- )}
- {onAnswerVideo && (
-
- )}
- {onAnswerVoice && (
-
- )}
-
-
-
-
-
- Incoming call
-
-
-
-
-
-
-
- JG
-
-
-
- Jefe Guadelupe
-
-
- +1 408-555-1212
-
-
-
-
-
-
-
-
-
-
-
-
-
- Incoming call
-
-
-
-
-
-
-
- JG
-
-
-
- Jefe Guadelupe
-
-
- +1 408-555-1212
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Device selection
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- SJC21-Babelfish
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Use my computer
-
-
-
-
-
-
-
- {children}
-
- );
-};
-
-AlertCallContainer.defaultProps = {
- children: null,
-};
-
-AlertCallContainer.propTypes = {
- /** @prop Children Nodes to Render inside container | null */
- children: PropTypes.node,
-};
-
-AlertCallContainer.displayName = 'AlertCallContainer';
-
-export default AlertCallContainer;
diff --git a/src/legacy/AlertCallContainer/tests/index.spec.js b/src/legacy/AlertCallContainer/tests/index.spec.js
deleted file mode 100644
index 666a62dacd..0000000000
--- a/src/legacy/AlertCallContainer/tests/index.spec.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { AlertCall, AlertCallContainer } from '@momentum-ui/react-collaboration';
-import uniqueId from 'lodash/uniqueId';
-
-describe('tests for
-
-
-
-
-
-
- -
-
-
-
-
-
-
- -
handleKeyDown(e),
- role: 'button',
- })}
- {...otherProps}
- >
- {renderAvatar()}
-
- )
- );
-};
-
-AlertMeeting.defaultProps = {
- attendees: [],
- avatar: null,
- className: '',
- closeAriaLabel: 'close',
- closeBtnProps: null,
- message: '',
- onClick: null,
- onKeyDown: null,
- onHide: null,
- onSnooze: null,
- remindAriaLabel: 'snooze',
- snoozeBtnProps: null,
- status: '',
- title: '',
-};
-
-AlertMeeting.propTypes = {
- /** @prop Optional avatar prop | null */
- avatar: PropTypes.node,
- /** @prop Optional attendee array. If more than one attendee, a Composite Avatar with only the first 2 attendees is created. | null */
- attendees: PropTypes.arrayOf(
- PropTypes.shape({
- title: PropTypes.string.isRequired,
- alt: PropTypes.string,
- src: PropTypes.string,
- })
- ),
- /** @prop Optional css class string | '' */
- className: PropTypes.string,
- /** @prop Optional aria label for the close button | 'close' */
- closeAriaLabel: PropTypes.string,
- /** @prop Props to be passed to close button | null */
- closeBtnProps: PropTypes.object,
- /** @prop Optional callback function invoked on click of alert | null */
- onClick: PropTypes.func,
- /** @prop Optional callback function invoked on keydown on alert | null */
- onKeyDown: PropTypes.func,
- /** @prop Mandatory handler invoked when the user presses on the Alert's close button or hit's the esc key | null */
- onHide: PropTypes.func,
- /** @prop Optional callback function invoked when the snooze button is clicked | null */
- onSnooze: PropTypes.func,
- /** @prop Optional AlertMeeting Message | '' */
- message: PropTypes.string,
- /** @prop Optional aria label for snooze buton | 'snooze' */
- remindAriaLabel: PropTypes.string,
- /** @prop Set AlertMeeting visibility */
- show: PropTypes.bool.isRequired,
- /** @prop Props to be passed to snooze button | null */
- snoozeBtnProps: PropTypes.object,
- /** @prop Optional AlertMeeting status | '' */
- status: PropTypes.string,
- /** @prop Optional AlertMeeting title | '' */
- title: PropTypes.string,
-};
-
-AlertMeeting.displayName = 'AlertMeeting';
-
-export default AlertMeeting;
diff --git a/src/legacy/AlertMeeting/tests/index.spec.js b/src/legacy/AlertMeeting/tests/index.spec.js
deleted file mode 100644
index 326783f7e0..0000000000
--- a/src/legacy/AlertMeeting/tests/index.spec.js
+++ /dev/null
@@ -1,233 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import AlertMeeting from '../index';
-import { Avatar, CompositeAvatar } from '@momentum-ui/react-collaboration';
-
-describe('tests for
-
- {onSnooze && (
-
- {title}
-
- {status}
-
- {message}
-
-
-
-
- )}
-
-
-
-
-
-
-
-
-
- J$
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/legacy/Breadcrumbs/examples/KitchenSink.js b/src/legacy/Breadcrumbs/examples/KitchenSink.js
deleted file mode 100644
index 05406dd07d..0000000000
--- a/src/legacy/Breadcrumbs/examples/KitchenSink.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import { BreadcrumbsDefault } from './index';
-
-export default class BreadcrumbsKitchenSink extends React.Component {
- render() {
- return (
-
-
- Default
-
-
-
-
- Default
- Default2
-
-
-
-
- Default
- Default2
- Default3
-
-
- - {items}
Test
-
-
- );
-}
diff --git a/src/legacy/CallControl/examples/Disable.js b/src/legacy/CallControl/examples/Disable.js
deleted file mode 100644
index c8455ecd94..0000000000
--- a/src/legacy/CallControl/examples/Disable.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from 'react';
-import { CallControl } from '@momentum-ui/react-collaboration';
-export default function CallControlDisabled() {
- return (
-
-
-
-
-
-
-
-
- Clickable
-Subtitle
-
-
- Content
-Subtitle
-Clickable
-Subtitle
-Title
-Subtitle
-
- {children}
-
- );
-};
-
-Card.propTypes = {
- /** @prop Children nodes to render inside of Card | null */
- children: PropTypes.node,
- /** @prop Optional CSS class names | '' */
- className: PropTypes.string,
- /** @prop Handler to be called when the card is clicked | '' */
- onClick: PropTypes.func,
-};
-
-Card.defaultProps = {
- children: null,
- className: '',
- onClick: null,
-};
-
-Card.displayName = 'Card';
-
-export default Card;
diff --git a/src/legacy/Card/tests/index.spec.js b/src/legacy/Card/tests/index.spec.js
deleted file mode 100644
index 985fae0190..0000000000
--- a/src/legacy/Card/tests/index.spec.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { Card } from '@momentum-ui/react-collaboration';
-
-describe('tests for Title
-Subtitle
-
- {children}
-
- );
-};
-
-CardSection.propTypes = {
- /** @prop Children nodes to render inside the CardSection | null */
- children: PropTypes.node,
- /** @prop Optional css class names | '' */
- className: PropTypes.string,
- /** @prop Set the card section to be the full width | false */
- full: PropTypes.bool,
-};
-
-CardSection.defaultProps = {
- children: null,
- className: '',
- full: false,
-};
-
-CardSection.displayName = 'CardSection';
-
-export default CardSection;
diff --git a/src/legacy/CardSection/tests/index.spec.js b/src/legacy/CardSection/tests/index.spec.js
deleted file mode 100644
index ba3584d450..0000000000
--- a/src/legacy/CardSection/tests/index.spec.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { CardSection } from '@momentum-ui/react-collaboration';
-
-describe('tests for
- {checkboxes(1)}
-
-
- {checkboxes(2)}
-
-
-
-
- );
- }
-}
diff --git a/src/legacy/Checkbox/examples/KitchenSink.stories.tsx b/src/legacy/Checkbox/examples/KitchenSink.stories.tsx
deleted file mode 100644
index 37dfefb730..0000000000
--- a/src/legacy/Checkbox/examples/KitchenSink.stories.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import LegacyKitchenSink from './KitchenSink';
-import React from 'react';
-
-export default {
- title: 'Legacy/Checkbox',
- component: LegacyKitchenSink,
-};
-
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-const Legacy = () =>
- {checkboxes(3)}
-
-
- {checkboxes(4)}
-
- {addHandlersToChildren()}
;
- }
-}
-
-CheckboxGroup.propTypes = {
- /** @prop Children nodes to render inside Accordion | null */
- children: PropTypes.node,
- /** @prop Callback fired with the value or array of active values when the user presses a button | null */
- onChange: PropTypes.func,
- /** @prop An array of values, of the active (pressed) buttons | () => {} */
- values: PropTypes.array,
- /** @prop An HTML `` name for each child button | '' */
- name: PropTypes.string,
-};
-
-CheckboxGroup.defaultProps = {
- values: [],
- onChange: () => {},
- name: '',
-};
-
-export default CheckboxGroup;
diff --git a/src/legacy/CheckboxGroup/tests/index.spec.js b/src/legacy/CheckboxGroup/tests/index.spec.js
deleted file mode 100644
index b86732f4ee..0000000000
--- a/src/legacy/CheckboxGroup/tests/index.spec.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { Checkbox, CheckboxGroup } from '@momentum-ui/react-collaboration';
-
-describe('tests for Test
- Test
-
-
-
-
-
- {contentNode
- ? contentNode
- : [
- header && (
-
- );
-
- return (
-
- {header}
-
- ),
- subheader && (
-
- {subheader}
-
- ),
- onClick && ,
- ]}
- Hello
-
-
-
-
-
- );
- }
- }
- /* eslint-enable react/no-multi-comp */
- const container = mount(
- {renderFilteredOption}
-
-
- {input}
- {dropdownElement}
-
- );
- }
-}
-
-ComboBox.propTypes = {
- /** @prop Children nodes to render inside ComboBox | null */
- children: PropTypes.node,
- /** @prop Optional css class string | '' */
- className: PropTypes.string,
- /** @prop Sets the initial input element as empty | false */
- clear: PropTypes.bool,
- /** @prop Sets the attribute disabled to the ComboBox | false */
- disabled: PropTypes.bool,
- /** @prop Sets the ComboBox to have a search icon | true */
- hasSearchIcon: PropTypes.bool,
- /** @prop Sets the ID of the ComboBox */
- id: PropTypes.string,
- /** @prop Collection of props unique for Input element | null */
- inputProps: PropTypes.shape({}),
- /** @prop Handler invoked when the user presses any key | null */
- onChange: PropTypes.func,
- /** @prop Handler invoked when the user selects the ComboBox | null */
- onSelect: PropTypes.func,
- /** @prop Array of options for the ComboBox dropdown | [] */
- options: PropTypes.arrayOf(PropTypes.string),
- /** @prop Text that initially populates the input field for guidence | '' */
- placeholder: PropTypes.string,
- /** @prop Sets the search prop | 'label' */
- searchProp: PropTypes.string,
- /** @prop Sets the target offset | { horizontal: 0, vertical: 4 } */
- targetOffset: PropTypes.shape({
- horizontal: PropTypes.number,
- vertical: PropTypes.number,
- }),
-};
-
-ComboBox.defaultProps = {
- children: null,
- className: '',
- clear: false,
- disabled: false,
- hasSearchIcon: true,
- id: null,
- inputProps: null,
- onChange: null,
- onSelect: null,
- options: [],
- placeholder: '',
- searchProp: 'label',
- targetOffset: {
- horizontal: 0,
- vertical: 4,
- },
-};
-
-export default ComboBox;
diff --git a/src/legacy/ComboBox/tests/index.spec.js b/src/legacy/ComboBox/tests/index.spec.js
deleted file mode 100644
index 2d29597069..0000000000
--- a/src/legacy/ComboBox/tests/index.spec.js
+++ /dev/null
@@ -1,195 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { ComboBox, ListItem, ListItemHeader } from '@momentum-ui/react-collaboration';
-
-describe('tests for
-
-
- }
- inputClassName=""
- inputRef={[Function]}
- inputSize=""
- isFilled={false}
- label=""
- messageArr={Array []}
- multiline={false}
- name={null}
- nestedLevel={0}
- onChange={[Function]}
- onClick={[Function]}
- onDoneEditing={null}
- onFocus={null}
- onKeyDown={[Function]}
- onMouseDown={null}
- placeholder=""
- readOnly={false}
- secondaryLabel=""
- shape=""
- type="text"
- value=""
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {children}
-
- );
-};
-
-CompositeAvatar.displayName = 'CompositeAvatar';
-
-CompositeAvatar.propTypes = {
- /** @prop Children nodes to render inside CompositeAvatar | null */
- children: PropTypes.node,
- /** @prop Optional css class string | '' */
- className: PropTypes.string,
- /** @prop Sets the size of the CompositeAvatar | 'medium' */
- size: PropTypes.oneOf(['small', 'medium', 'large', 28, 40, 84, 135]),
-};
-
-CompositeAvatar.defaultProps = {
- className: '',
- size: 'medium',
- children: null,
-};
-
-export default CompositeAvatar;
diff --git a/src/legacy/CompositeAvatar/tests/index.spec.js b/src/legacy/CompositeAvatar/tests/index.spec.js
deleted file mode 100644
index cd0a4b0cad..0000000000
--- a/src/legacy/CompositeAvatar/tests/index.spec.js
+++ /dev/null
@@ -1,124 +0,0 @@
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import { Avatar, CompositeAvatar } from '@momentum-ui/react-collaboration';
-
-describe('tests for
-
-
-
-
-
-
-
-
-
- t
-
-
-
-
- t
-
-
-
- {localizeDate(date, locale).format(monthFormat)}
-
- );
- };
-
- const renderPreviousMonthButton = () => {
- const { minDate } = this.props;
- const allPrevDaysDisabled = shouldPrevMonthDisable(date, minDate);
- return (
-
- {weekDayName}
-
- );
- })
- );
- };
-
- const renderMonth = () => {
- return (
-
-
- );
- };
-
- return
-
-
- {renderMonthName()}
-
-
- {renderPreviousMonthButton()}
- {renderNextMonthButton()}
-
- {header()}
- {date && renderMonth()}
;
- }
-}
-
-DatePickerCalendar.propTypes = {
- // Internal Context Use Only
- focus: PropTypes.instanceOf(moment),
- // Internal Context Use Only
- handleMonthChange: PropTypes.func,
- /** Sets the language for the DatePickerCalendar | 'en' */
- locale: PropTypes.string,
- /** Sets the last date in which the calendar does not disable | null */
- maxDate: PropTypes.instanceOf(Date),
- /** Sets the first date in which the calendar does not disable | null */
- minDate: PropTypes.instanceOf(Date),
- /** Sets the format in how the Month is displayed | null */
- monthFormat: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
- /** Sets which arrow button for the month navigation should have focus */
- monthNavFocus: PropTypes.string,
- /** Text to display for blindness accessibility features | 'next' */
- nextArialLabel: PropTypes.string,
- /** Text to display for blindness accessibility features | 'previous' */
- previousArialLabel: PropTypes.string,
- // Internal Context Use Only
- selected: PropTypes.instanceOf(moment),
-};
-
-DatePickerCalendar.defaultProps = {
- focus: null,
- handleMonthChange: null,
- locale: 'en',
- maxDate: null,
- minDate: null,
- monthFormat: 'MMMM YYYY',
- monthNavFocus: 'prev',
- nextArialLabel: '',
- previousArialLabel: '',
- Selected: null,
-};
-
-DatePickerCalendar.displayName = 'DatePickerCalendar';
-
-export default mapContextToProps(DatePickerContext, (context) => context, DatePickerCalendar);
diff --git a/src/legacy/DatePicker/DatePickerCalendar/tests/index.spec.js b/src/legacy/DatePicker/DatePickerCalendar/tests/index.spec.js
deleted file mode 100644
index 363f889184..0000000000
--- a/src/legacy/DatePicker/DatePickerCalendar/tests/index.spec.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import DatePickerCalendar from '../index';
-import DatePickerContext from '../../../DatePickerContext';
-import { isSameDay, now } from '../../../utils/dateUtils';
-import moment from 'moment-timezone';
-
-describe('tests for {this.renderWeeks()}
;
- }
-}
-
-DatePickerMonth.propTypes = {
- /** Required day for the DatePickerMonth */
- day: PropTypes.instanceOf(moment).isRequired,
-};
-
-export default DatePickerMonth;
diff --git a/src/legacy/DatePicker/DatePickerMonth/tests/index.spec.js b/src/legacy/DatePicker/DatePickerMonth/tests/index.spec.js
deleted file mode 100644
index a4ff941d0b..0000000000
--- a/src/legacy/DatePicker/DatePickerMonth/tests/index.spec.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import DatePickerMonth from '../index';
-import moment from 'moment-timezone';
-
-const TEST_DATE = '2018-04-01';
-
-describe('tests for
-
-`;
diff --git a/src/legacy/DatePicker/DatePickerWeek/index.js b/src/legacy/DatePicker/DatePickerWeek/index.js
deleted file mode 100644
index 7eeb7bd7f7..0000000000
--- a/src/legacy/DatePicker/DatePickerWeek/index.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import DatePickerDay from '../DatePickerDay';
-import { addDays, getStartOfWeek } from '../../utils/dateUtils';
-import moment from 'moment';
-
-/**
- * @deprecated - Components in the legacy folder (/src/legacy) are deprecated. Please use a component from the components folder (/src/components) instead. Legacy components may not follow accessibility standards.
- **/
-class DatePickerWeek extends React.PureComponent {
- static displayName = 'DatePickerWeek';
-
- render() {
- const { day, ...otherProps } = this.props;
-
- const renderDays = () => {
- const startOfWeek = getStartOfWeek(day.clone());
-
- const days = [0, 1, 2, 3, 4, 5, 6].map((offset) => {
- const day = addDays(startOfWeek.clone(), offset);
- return {renderDays()}
;
- }
-}
-
-DatePickerWeek.propTypes = {
- /** Required day for the DatePickerWeek */
- day: PropTypes.instanceOf(moment).isRequired,
-};
-
-export default DatePickerWeek;
diff --git a/src/legacy/DatePicker/DatePickerWeek/tests/index.spec.js b/src/legacy/DatePicker/DatePickerWeek/tests/index.spec.js
deleted file mode 100644
index 2068860e75..0000000000
--- a/src/legacy/DatePicker/DatePickerWeek/tests/index.spec.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import DatePickerWeek from '../index';
-import moment from 'moment-timezone';
-
-const TEST_DATE = '2018-04-01';
-
-describe('tests for
-
-`;
diff --git a/src/legacy/DatePicker/examples/Default.js b/src/legacy/DatePicker/examples/Default.js
deleted file mode 100644
index b7cb323a18..0000000000
--- a/src/legacy/DatePicker/examples/Default.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import { Button, DatePicker } from '@momentum-ui/react-collaboration';
-export default class DatePickerDefault extends React.PureComponent {
- state = {
- date: null,
- };
- render() {
- const { date } = this.state;
- return (
-
- Selected Date: {date && date.toDateString()}
-
- {trigger}
- {isOpen && content}
-
- );
- }
-}
-
-DatePicker.propTypes = {
- /** @prop Children nodes to render inside DatePicker | null */
- children: PropTypes.element,
- /** @prop Optional css class string | '' */
- className: PropTypes.string,
- /** @prop Set the direction in which the DatePicker opens | 'bottom-center' */
- direction: PropTypes.string,
- /** @prop Function to filter Dates | null */
- filterDate: PropTypes.func,
- /** @prop Sets the DatePicker EventOverlay to be dynamic | true */
- isDynamic: PropTypes.bool,
- /** @prop Sets the language of the DatePicker | 'en' */
- locale: PropTypes.string,
- /** @prop Sets the last date in which the DatePicker does not disable | null */
- maxDate: PropTypes.instanceOf(Date),
- /** @prop Sets the first date in which the DatePicker does not disable | null */
- minDate: PropTypes.instanceOf(Date),
- /** @prop Sets the format of the month | 'MMMM YYYY' */
- monthFormat: PropTypes.string,
- /** @prop Text to display for blindness accessibility features | 'next' */
- nextArialLabel: PropTypes.string,
- /** @prop Handler invoked when user makes a chnage within the DatePicker | null */
- onChange: PropTypes.func,
- /** @prop Handler invoked when user makes a change to the selected month within DatePicker | null */
- onMonthChange: PropTypes.func,
- /** @prop Handler invoked when user selects a date within DatePicker | null */
- onSelect: PropTypes.func,
- /** @prop Text to display for blindness accessibility features | 'previous' */
- previousArialLabel: PropTypes.string,
- /** @prop Initial Selected Date for DatePicker | moment().toDate() */
- selectedDate: PropTypes.instanceOf(Date),
- /** @prop Determines if the DatePicker should close when a date is selected | true */
- shouldCloseOnSelect: PropTypes.bool,
- /** @prop Determines if the DatePicker should show the open/close arrow | false */
- showArrow: PropTypes.bool,
-};
-
-DatePicker.defaultProps = {
- children: null,
- className: '',
- direction: 'bottom-center',
- filterDate: null,
- isDynamic: true,
- locale: 'en',
- maxDate: null,
- minDate: null,
- monthFormat: 'MMMM YYYY',
- nextArialLabel: '',
- onChange: null,
- onMonthChange: null,
- onSelect: null,
- previousArialLabel: '',
- selectedDate: moment().toDate(),
- shouldCloseOnSelect: true,
- showArrow: false,
-};
-
-DatePicker.displayName = 'DatePicker';
-
-export default DatePicker;
diff --git a/src/legacy/DatePicker/tests/index.spec.js b/src/legacy/DatePicker/tests/index.spec.js
deleted file mode 100644
index d21d5673e8..0000000000
--- a/src/legacy/DatePicker/tests/index.spec.js
+++ /dev/null
@@ -1,187 +0,0 @@
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import DatePicker from '../index';
-import moment from 'moment-timezone';
-
-describe('tests for Select Date
- Select Date
- Select Date
- Select Date
- Select Date
- Select Date
- Select Date
- Select Date
- Select Date
- Select Date
-
-
-`;
diff --git a/src/legacy/DatePickerContext/index.js b/src/legacy/DatePickerContext/index.js
deleted file mode 100644
index dbbc87e4ba..0000000000
--- a/src/legacy/DatePickerContext/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import React from 'react';
-
-const DatePickerContext = React.createContext(null);
-
-export default DatePickerContext;
diff --git a/src/legacy/Dialog/examples/Default.js b/src/legacy/Dialog/examples/Default.js
deleted file mode 100644
index 34e30472c8..0000000000
--- a/src/legacy/Dialog/examples/Default.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import React from 'react';
-import {
- Button,
- Modal,
- ModalBody,
- ModalFooter,
- ModalHeader,
- Icon,
-} from '@momentum-ui/react-collaboration';
-export default class Dialog extends React.PureComponent {
- state = {
- showDialog: false,
- showModalInternal: false,
- };
- render() {
- return (
-
- Select Date
-
-
-
- );
- }
-}
diff --git a/src/legacy/Dialog/examples/KitchenSink.js b/src/legacy/Dialog/examples/KitchenSink.js
deleted file mode 100644
index 1ac59788d9..0000000000
--- a/src/legacy/Dialog/examples/KitchenSink.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import { DialogDefault } from './index';
-
-export default class DialogKitchenSink extends React.Component {
- render() {
- return (
-
-
-
- {inputText || '\u00a0'}
-
- )}
-
- );
- }
-}
-
-EditableTextfield.propTypes = {
- /** @prop Alignment css modifier | 'left' */
- alignment: PropTypes.oneOf(['center', 'left', 'right']),
- /** @prop Optional prop that prevents input from having null value | true */
- allowEmpty: PropTypes.bool,
- /** @prop Optional css class name for internal button | null */
- buttonClassName: PropTypes.string,
- /** @prop Optional props for internal button | '' */
- buttonProps: PropTypes.shape({}),
- /** @prop Optional css class string | '' */
- className: PropTypes.string,
- /** @prop Sets the disable attribute for EditableTextField | false */
- disabled: PropTypes.bool,
- /** @prop Optional function for blur | null */
- handleDoneEditing: PropTypes.func,
- /** @prop Text to be shown within input field | null */
- inputText: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-};
-
-EditableTextfield.defaultProps = {
- alignment: 'left',
- allowEmpty: true,
- buttonClassName: '',
- buttonProps: null,
- className: '',
- disabled: false,
- handleDoneEditing: null,
- inputText: '',
-};
-
-export default EditableTextfield;
diff --git a/src/legacy/EditableTextfield/tests/index.spec.js b/src/legacy/EditableTextfield/tests/index.spec.js
deleted file mode 100644
index f348098892..0000000000
--- a/src/legacy/EditableTextfield/tests/index.spec.js
+++ /dev/null
@@ -1,180 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { EditableTextfield } from '@momentum-ui/react-collaboration';
-
-describe('tests for
- Â
-
-
-`;
diff --git a/src/legacy/ErrorBoundary/index.js b/src/legacy/ErrorBoundary/index.js
deleted file mode 100644
index 7117e94b0b..0000000000
--- a/src/legacy/ErrorBoundary/index.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/** @component error-boundary */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-
-/**
- * @deprecated - Components in the legacy folder (/src/legacy) are deprecated. Please use a component from the components folder (/src/components) instead. Legacy components may not follow accessibility standards.
- **/
-class ErrorBoundary extends React.Component {
- state = {
- error: null,
- errorInfo: null,
- };
-
- componentDidCatch(error, errorInfo) {
- this.setState({
- error: error,
- errorInfo: errorInfo,
- });
-
- if (this.props.errorCallback) {
- this.props.errorCallback(error, errorInfo);
- }
- }
-
- render() {
- const { error, errorInfo } = this.state;
- const { children, fallbackComponent } = this.props;
-
- const errorComponent = () =>
- fallbackComponent ? (
- React.cloneElement(fallbackComponent, {
- error: error,
- errorInfo: errorInfo,
- })
- ) : (
-
-
- );
-
- return errorInfo ? errorComponent() : children;
- }
-}
-
-ErrorBoundary.propTypes = {
- /** @prop Children nodes to render inside the ErrorBoundary | null */
- children: PropTypes.node,
- /** @prop Callback function invoked when an error has occured | null */
- errorCallback: PropTypes.func,
- /** @prop Sets a backup Component in the case of a failure | null */
- fallbackComponent: PropTypes.node,
-};
-
-ErrorBoundary.defaultProps = {
- children: null,
- errorCallback: null,
- fallbackComponent: null,
-};
-
-ErrorBoundary.displayName = 'ErrorBoundary';
-
-export default ErrorBoundary;
diff --git a/src/legacy/ErrorBoundary/tests/index.spec.js b/src/legacy/ErrorBoundary/tests/index.spec.js
deleted file mode 100644
index 759eaf523c..0000000000
--- a/src/legacy/ErrorBoundary/tests/index.spec.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { ErrorBoundary } from '@momentum-ui/react-collaboration';
-
-describe('tests for Something went wrong.
-
- {error && error.toString()}
-
- {errorInfo.componentStack} -
- - {errorInfo.componentStack} -
Loading
- ) : (
-
- );
-
- const simpleDiv = (
-
- Robs poppity poppity Popover
- {loadingExample}
-
- );
-
- const h500 = (
-
- Popover(height: 500px)
- {loadingExample}
-
- );
- const h1800 = (
-
- Popover(height: 1800px)
- {loadingExample}
-
- );
- const h3000 = (
-
- Popover(height: 3000px)
- {loadingExample}
-
- );
- const h30w1600 = (
-
- Popover(height: 30px, width: 1600px)
- {loadingExample}
-
- );
- const h1600w1900 = (
-
- Popover(height: 1900px, width: 1600px)
- {loadingExample}
-
- );
- const w100 = (
-
- Popover(width: 100px)
- {loadingExample}
-
- );
-
- const varyingContent = (
- -
- {getListItem(simpleDiv, 'Simple Div')}
- {getListItem(h500, '500px Tall Popover')}
- {getListItem(h1800, '1800px Tall Popover')}
- {getListItem(h3000, '3000px Tall Popover')}
- {getListItem(w100, '100px Wide Popover')}
- {getListItem(h30w1600, '1600px Wide Popover')}
- {getListItem(h1600w1900, '1600px Tall, 1900px Wide Popover')}
-
-
-
- )}
-
-
- );
- }
-}
-
-EventOverlayKitchenSink.displayName = 'EventOverlayPlayground';
-
-export default EventOverlayKitchenSink;
diff --git a/src/legacy/EventOverlay/examples/KitchenSink.stories.tsx b/src/legacy/EventOverlay/examples/KitchenSink.stories.tsx
deleted file mode 100644
index e70a118f10..0000000000
--- a/src/legacy/EventOverlay/examples/KitchenSink.stories.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import LegacyKitchenSink from './KitchenSink';
-import React from 'react';
-
-export default {
- title: 'Legacy/EventOverlay',
- component: LegacyKitchenSink,
-};
-
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-const Legacy = () =>
- this.setState({ loadingDiv: !loadingDiv })}
- />
- this.setState({ checkOverflow: !checkOverflow })}
- />
- this.setState({ showArrow: !showArrow })}
- />
- this.setState({ showPopoverExamples: !showPopoverExamples })}
- />
-
- this.setState((state) => ({
- ...state,
- targetOffset: {
- ...state.targetOffset.vertical,
- horizontal: 20,
- },
- }))
- }
- />
-
- this.setState((state) => ({
- targetOffset: {
- ...state.targetOffset.horizontal,
- vertical: 20,
- },
- }))
- }
- />
-
-
-
-
- {showPopoverExamples && (
- Toggle Options
-
- this.setState({ portalNode: e.target.value })}
- clear
- />
- this.setState({ boundingParentID: e.target.value })}
- clear
- />
- this.setState({ scrollParentID: e.target.value })}
- clear
- />
-
-
-
-
-
-
-
- {getPopover(simpleDiv, 'Hover', {
- popoverTrigger: 'MouseEnter',
- })}
- {getPopover(simpleDiv, 'Delay', {
- popoverTrigger: 'MouseEnter',
- delay: 500,
- })}
- {getPopover(simpleDiv, 'Click')}
- {getPopover(simpleDiv, 'No Toggle', {
- doesAnchorToggle: false,
- })}
- {getPopover(simpleDiv, 'AlwaysOpen', {
- popoverTrigger: 'None',
- doesAnchorToggle: false,
- startOpen: true,
- allowClickAway: false,
- })}
- {getPopover(simpleDiv, 'Focus', { popoverTrigger: 'Focus' })}
- {getPopover(simpleDiv, 'Click', { isButtonCircle: true })}
-
-
-
- Popover Examples
-
-
-
-
-
-
-
-
- Input with Popover
-
-
-
-
-
- List with Popovers, Overflow Auto
-{varyingContent}
-
-
-
-
-
- List using React Virtualized (checkOverflow should be false)
-
-
- {({ width, height }) => (
-
-
-
-
-
-
-
- List using React-Window (checkOverflow should be false)
-
-
- {({ width, height }) => (
- (
-
- ))}
- /* eslint-enable react/display-name, react/no-multi-comp */
- >
- {rowRenderer}
-
- )}
-
-
-
-
-
-
-
- Absolute Container, No Overflow
-
-
-
- {popoverExamples}
-
-
-
-
-
-
- Absolute Container, Overflow
-
-
-
- {popoverExamples}
-
-
-
-
-
-
- Various Popover Examples
- {popoverExamples} -
-
-
-
-
- Overflow Container
-
-
-
- {popoverExamples}
-
-
- {}}
- onClose={() => {
- this.setState({ isCoachmarkOpen: false });
- }}
- >
-
-
-
-
-
-
- Coachmark
-
-
-
-
-
- ComboBox
-
-
-
-
-
-
-
-
- DatePicker
-
- alert('anchor clicked')}
- childrenRight={
-
-
-
- ListItemMeeting
-
- Show Menu}>
-
-
-
-
-
-
-
-
- MenuOverlay
-
-
-
-
-
-
- Top Section
-
-
- {popoverExamples}
-
-
- Bottom Section
-
-
-
-
-
-
-
- WITH Transform
-
-
-
-
- {popoverExamples}
-
-
- Bottom Section
-
-
-
-
-
-
- No Overflow
-
-
- {popoverExamples}
-
-
- Bottom Section
-
- {children}
;
-};
-
-FormContent.propTypes = {
- /** @prop Children node to render inside FormContent | null */
- children: PropTypes.node,
-};
-
-FormContent.deafultProps = {
- children: null,
-};
-
-FormContent.displayName = 'FormContent';
-
-export default FormContent;
diff --git a/src/legacy/FormContent/tests/index.spec.js b/src/legacy/FormContent/tests/index.spec.js
deleted file mode 100644
index 9664daaf37..0000000000
--- a/src/legacy/FormContent/tests/index.spec.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { FormContent } from '@momentum-ui/react-collaboration';
-
-describe('tests for
-
- );
-};
-
-FormInfo.propTypes = {
- /** @prop Optional FormInfo description text | '' */
- description: PropTypes.string,
- /** @prop Optional FormInfo title | '' */
- title: PropTypes.string,
-};
-
-FormInfo.defaultProps = {
- description: '',
- title: '',
-};
-
-FormInfo.displayName = 'FormInfo';
-
-export default FormInfo;
diff --git a/src/legacy/FormInfo/tests/index.spec.js b/src/legacy/FormInfo/tests/index.spec.js
deleted file mode 100644
index 09c1dccf6d..0000000000
--- a/src/legacy/FormInfo/tests/index.spec.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { FormInfo } from '@momentum-ui/react-collaboration';
-
-describe('tests for {title}
- {description &&{description}
} -
-
-
-
-
-
- {}}
- helpText="Field Must be Disabled"
- messageArr={[]}
- />
-
-
- );
-}
diff --git a/src/legacy/FormSection/examples/KitchenSink.js b/src/legacy/FormSection/examples/KitchenSink.js
deleted file mode 100644
index d738fee93e..0000000000
--- a/src/legacy/FormSection/examples/KitchenSink.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import { FormSectionDefault } from './index';
-
-export default class FormSectionKitchenSink extends React.Component {
- render() {
- return (
- -
- {children}
-
- );
-};
-
-FormSection.propTypes = {
- /** @prop Children node to render inside FormSection | null */
- children: PropTypes.node,
- /** @prop Optional FormSection description | '' */
- description: PropTypes.string,
- /** @prop Optional FormSection title | null */
- title: PropTypes.string.isRequired,
-};
-
-FormSection.defaultProps = {
- children: null,
- description: '',
- title: null,
-};
-
-FormSection.displayName = 'FormSection';
-
-export default FormSection;
diff --git a/src/legacy/FormSection/tests/index.spec.js b/src/legacy/FormSection/tests/index.spec.js
deleted file mode 100644
index 07ade49a5c..0000000000
--- a/src/legacy/FormSection/tests/index.spec.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { FormSection } from '@momentum-ui/react-collaboration';
-
-describe('tests for
-
-
-
-
-
-
-
-
- - test -
-
-
-
- {}}
- helpText="Field Must be Disabled"
- messageArr={[]}
- />
-
-
- );
-}
diff --git a/src/legacy/FormSubSection/examples/KitchenSink.js b/src/legacy/FormSubSection/examples/KitchenSink.js
deleted file mode 100644
index a9486858f3..0000000000
--- a/src/legacy/FormSubSection/examples/KitchenSink.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import { FormSubSectionDefault } from './index';
-
-export default class FormSubSectionKitchenSink extends React.Component {
- render() {
- return (
- -
- {label &&
- );
-};
-
-FormSubSection.propTypes = {
- /** @prop Children node to render inside FormSubSection | null */
- children: PropTypes.node,
- /** @prop Optional FormSubSection description text | '' */
- description: PropTypes.string,
- /** @prop Optional FormSubSection label text | '' */
- label: PropTypes.string,
-};
-
-FormSubSection.defaultProps = {
- children: null,
- description: '',
- label: '',
-};
-
-FormSubSection.displayName = 'FormSubSection';
-
-export default FormSubSection;
diff --git a/src/legacy/FormSubSection/tests/index.spec.js b/src/legacy/FormSubSection/tests/index.spec.js
deleted file mode 100644
index d99e3bf36d..0000000000
--- a/src/legacy/FormSubSection/tests/index.spec.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { FormSubSection } from '@momentum-ui/react-collaboration';
-
-describe('tests for {label}
} - {description &&{description}
} - {children} -
- {}}>
-
-
- );
-}
diff --git a/src/legacy/InputHelper/examples/KitchenSink.js b/src/legacy/InputHelper/examples/KitchenSink.js
deleted file mode 100644
index 2cc78738a5..0000000000
--- a/src/legacy/InputHelper/examples/KitchenSink.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import { InputHelperDefault } from './index';
-
-export default class InputHelperKitchenSink extends React.Component {
- render() {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
- {header}
- {isRecurring &&
-
- {anchorLabel && anchorOnClick && (
-
- {anchorLabel}
-
- )}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- testHeader
-
-
-
-