@telus-uds/components-base 2.0.0 → 2.0.2

package/lib/ExpandCollapse/Panel.js

@@ -1,40 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Animated = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Animated"));
-
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _airbnbPropTypes = _interopRequireDefault(require("airbnb-prop-types"));
-
-var _Control = _interopRequireDefault(require("./Control"));
-
-var _ThemeProvider = require("../ThemeProvider");
-
-var _utils = require("../utils");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]); // just void functions for now, since there are no style tokens for a panel or control at this point
-
-const selectGroupStyles = () => {};
-
+import React from 'react';
+import Animated from "react-native-web/dist/exports/Animated";
+import Platform from "react-native-web/dist/exports/Platform";
+import View from "react-native-web/dist/exports/View";
+import Text from "react-native-web/dist/exports/Text";
+import PropTypes from 'prop-types';
+import ABBPropTypes from 'airbnb-prop-types';
+import ExpandCollapseControl from './Control';
+import { useThemeTokens } from '../ThemeProvider';
+import { a11yProps, getTokensPropType, selectSystemProps, useVerticalExpandAnimation, variantProp, viewProps, useCopy } from '../utils';
+import dictionary from './dictionary';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
+
+// just void functions for now, since there are no style tokens for a panel or control at this point
 const selectContainerStyles = _ref => {
   let {
     contentPaddingLeft,
@@ -46,9 +24,59 @@ const selectContainerStyles = _ref => {
     paddingLeft: contentPaddingLeft,
     paddingRight: contentPaddingRight,
     paddingTop: contentPaddingTop,
-    paddingBottom: contentPaddingBottom
+    paddingBottom: contentPaddingBottom,
+    flex: 1
   };
 };
+const selectTextStyles = _ref2 => {
+  let {
+    contentPanelFontSize,
+    contentPanelFontName,
+    contentPanelFontColor,
+    contentPanelFontWeight,
+    contentPanelLineHeight
+  } = _ref2;
+  return {
+    fontSize: contentPanelFontSize,
+    fontFamily: `${contentPanelFontName}${contentPanelFontWeight}normal`,
+    lineHeight: contentPanelFontSize * contentPanelLineHeight,
+    color: contentPanelFontColor
+  };
+};
+const selectContentPanelStyles = _ref3 => {
+  let {
+    contentPanelBackgroundColor,
+    contentPanelPaddingTop,
+    contentPanelPaddingBottom,
+    contentPanelPaddingLeft,
+    contentPanelPaddingRight,
+    contentPanelBorderWidth,
+    contentPanelBorderColor,
+    borderRadius,
+    marginBottom
+  } = _ref3;
+  return {
+    backgroundColor: contentPanelBackgroundColor,
+    paddingTop: contentPanelPaddingTop,
+    paddingBottom: contentPanelPaddingBottom,
+    paddingLeft: contentPanelPaddingLeft,
+    paddingRight: contentPanelPaddingRight,
+    borderWidth: contentPanelBorderWidth,
+    borderColor: contentPanelBorderColor,
+    borderStyle: 'solid',
+    borderRadius,
+    marginBottom
+  };
+};
+const selectControlPanelStyles = _ref4 => {
+  let {
+    contentPanelBackgroundColor
+  } = _ref4;
+  return {
+    backgroundColor: contentPanelBackgroundColor
+  };
+};
+
 /**
  * An item in an `ExpandCollapse` which contains collapsible `children` and a `control` that opens
  * and closes the collapsible children when pressed.
@@ -59,9 +87,7 @@ const selectContainerStyles = _ref => {
  * The panel does not need to be a direct child of the `<ExpandCollapse>` (unless this is required
  * by the chosen accessibility props for a particular accessibility tools).
  */
-
-
-const ExpandCollapsePanel = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
+const ExpandCollapsePanel = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
   let {
     openIds = [],
     panelId,
@@ -73,59 +99,95 @@ const ExpandCollapsePanel = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =>
     tokens,
     variant,
     controlRef,
+    content,
+    copy = 'en',
     ...rest
-  } = _ref2;
-  const [containerHeight, setContainerHeight] = (0, _react.useState)(null);
+  } = _ref5;
+  const [containerHeight, setContainerHeight] = React.useState(null);
   const isExpanded = openIds.includes(panelId);
-  const selectedProps = selectProps({ ...rest,
-    accessibilityState: { ...(rest.accessibilityState || {}),
+  const getCopy = useCopy({
+    dictionary,
+    copy
+  });
+  const selectedProps = selectProps({
+    ...rest,
+    accessibilityState: {
+      ...(rest.accessibilityState || {}),
       expanded: isExpanded
     }
   });
-  const themeTokens = (0, _ThemeProvider.useThemeTokens)('ExpandCollapsePanel', tokens, variant, {
+  const themeTokens = useThemeTokens('ExpandCollapsePanel', tokens, variant, {
     expanded: isExpanded
   });
-
   const handleControlPress = event => {
     onToggle(panelId, event);
     if (onPress) onPress(panelId, event);
   };
-
   const onContainerLayout = event => {
     const {
       layout: {
         height = 0
       } = {}
     } = event.nativeEvent;
-
-    if (_Platform.default.OS === 'web' || _Platform.default.OS !== 'web' && containerHeight === null) {
+    if (Platform.OS === 'web' || Platform.OS !== 'web' && containerHeight === null) {
       setContainerHeight(height);
     }
   };
-
-  const [animatedStyles, animatedRef] = (0, _utils.useVerticalExpandAnimation)({
+  const [animatedStyles, animatedRef] = useVerticalExpandAnimation({
     containerHeight,
     isExpanded,
     tokens: themeTokens
   });
-  const focusabilityProps = isExpanded ? {} : _utils.a11yProps.nonFocusableProps;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+  const focusabilityProps = isExpanded ? {} : a11yProps.nonFocusableProps;
+  const panelAccessibilityLabel = `${panelId} ${getCopy('panel')}`;
+  const subPanelAccessibilityLabel = `${panelId} ${getCopy('subPanel')}`;
+  return content ? /*#__PURE__*/_jsx(View, {
+    style: selectContentPanelStyles(themeTokens),
+    accessibilityLabel: panelAccessibilityLabel,
+    children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      style: selectTextStyles(themeTokens),
+      accessibilityLabel: subPanelAccessibilityLabel,
+      children: children
+    }) : children
+  }) : /*#__PURE__*/_jsxs(View, {
     ref: ref,
-    style: selectGroupStyles(themeTokens),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Control.default, { ...selectedProps,
-      isExpanded: isExpanded,
-      tokens: controlTokens,
-      onPress: handleControlPress,
-      ref: controlRef,
-      children: control
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Animated.default.View, {
+    style: themeTokens,
+    accessibilityLabel: panelAccessibilityLabel,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: selectControlPanelStyles(themeTokens),
+      children: /*#__PURE__*/_jsx(ExpandCollapseControl, {
+        ...selectedProps,
+        isExpanded: isExpanded,
+        tokens: controlTokens,
+        variant: variant,
+        onPress: handleControlPress,
+        ref: controlRef,
+        children: control
+      })
+    }), isExpanded && /*#__PURE__*/_jsx(View, {
+      style: {
+        borderTopColor: themeTokens.expandDividerColor,
+        borderTopWidth: themeTokens.expandDividerWidth,
+        marginLeft: themeTokens.contentPaddingLeft,
+        marginRight: themeTokens.contentPaddingRight
+      }
+    }), /*#__PURE__*/_jsx(Animated.View, {
       ref: animatedRef,
       style: animatedStyles,
       ...focusabilityProps,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+      children: /*#__PURE__*/_jsx(View, {
         onLayout: onContainerLayout,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+        style: {
+          ...Platform.select({
+            default: {
+              flex: 1
+            },
+            web: {}
+          })
+        },
+        children: /*#__PURE__*/_jsx(View, {
           style: selectContainerStyles(themeTokens),
+          accessibilityLabel: subPanelAccessibilityLabel,
           children: children
         })
       })
@@ -133,51 +195,47 @@ const ExpandCollapsePanel = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =>
   });
 });
 ExpandCollapsePanel.displayName = 'ExpandCollapsePanel';
-ExpandCollapsePanel.propTypes = { ...selectedSystemPropTypes,
-  variant: _utils.variantProp.propType,
-  tokens: (0, _utils.getTokensPropType)('ExpandCollapsePanel'),
-
+ExpandCollapsePanel.propTypes = {
+  ...selectedSystemPropTypes,
+  variant: variantProp.propType,
+  tokens: getTokensPropType('ExpandCollapsePanel'),
   /**
    * Array of the ids of currently open groups
    */
-  openIds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])),
-
+  openIds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
   /**
    * Unique name by which the ExpandCollapse controls this element.
    */
-  panelId: _propTypes.default.string.isRequired,
-
+  panelId: PropTypes.string.isRequired,
   /**
    * Function to call on pressing the panel's control, which should open or close the panel.
    * If Panel is a direct child of `ExpandCollapse`, this prop will be provided by the ExpandCollapse parent.
    */
-  onToggle: _propTypes.default.func.isRequired,
-
+  onToggle: PropTypes.func,
   /**
    * Optional function to call on pressing the panel's control, in addition to opening or closing the panel.
    */
-  onPress: _propTypes.default.func,
-
+  onPress: PropTypes.func,
   /**
    * ExpandCollapsePanel's children are the content that is hidden or revealed on open or close, and may be any
    * single React element or a render function which takes this group's isExpanded state, onToggle function and panelId
    */
-  children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
-
+  children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
   /**
-   * The content inside the always-visible control element that opens and closes the ExpandCollapse when pressed.
+   * The content inside the control element that opens and closes the ExpandCollapse when pressed.
    */
-  control: _Control.default.propTypes.children.isRequired,
-
+  control: ExpandCollapseControl.propTypes.children,
   /**
    * Optional theme token overrides that may be passed to the ExpandCollapseControl element.
    */
-  controlTokens: (0, _utils.getTokensPropType)('ExpandCollapseControl'),
-
+  controlTokens: getTokensPropType('ExpandCollapseControl'),
   /**
    * An optional ref to be attached to the control
    */
-  controlRef: _airbnbPropTypes.default.ref()
+  controlRef: ABBPropTypes.ref(),
+  /**
+   * A boolean prop to determine if the panel is a content panel or not. If true, the panel will not have a control
+   */
+  content: PropTypes.bool
 };
-var _default = ExpandCollapsePanel;
-exports.default = _default;
+export default ExpandCollapsePanel;

package/lib/ExpandCollapse/dictionary.js

@@ -0,0 +1,10 @@
+export default {
+  en: {
+    panel: 'Panel',
+    subPanel: 'SubPanel'
+  },
+  fr: {
+    panel: 'Panneau',
+    subPanel: 'Sous-Panneau'
+  }
+};

package/lib/ExpandCollapse/index.js

@@ -1,25 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function () {
-    return _Accordion.default;
-  }
-});
-exports.default = void 0;
-
-var _ExpandCollapse = _interopRequireDefault(require("./ExpandCollapse"));
-
-var _Accordion = _interopRequireDefault(require("./Accordion"));
-
-var _Panel = _interopRequireDefault(require("./Panel"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_ExpandCollapse.default.Panel = _Panel.default;
-_Accordion.default.Panel = _Panel.default;
-var _default = _ExpandCollapse.default;
-exports.default = _default;
+import ExpandCollapse from './ExpandCollapse';
+import Accordion from './Accordion';
+import Panel from './Panel';
+ExpandCollapse.Panel = Panel;
+Accordion.Panel = Panel;
+export default ExpandCollapse;
+export { Accordion };

package/lib/Feedback/Feedback.js

@@ -1,63 +1,41 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
-var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _ThemeProvider = require("../ThemeProvider");
-
-var _utils = require("../utils");
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-
-const selectStyles = tokens => (0, _utils.selectTokens)('Feedback', tokens);
-
+import React from 'react';
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import Text from "react-native-web/dist/exports/Text";
+import View from "react-native-web/dist/exports/View";
+import PropTypes from 'prop-types';
+import { applyTextStyles, useTheme, useThemeTokens } from '../ThemeProvider';
+import { a11yProps, getTokensPropType, selectSystemProps, selectTokens, variantProp, viewProps } from '../utils';
+import StackView from '../StackView';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
+const selectStyles = tokens => selectTokens('Feedback', tokens);
 const selectTitleTextStyles = (_ref, themeOptions) => {
   let {
     titleFontSize,
     ...tokens
   } = _ref;
-  return (0, _ThemeProvider.applyTextStyles)({ ...(0, _utils.selectTokens)('Typography', { ...tokens,
+  return applyTextStyles({
+    ...selectTokens('Typography', {
+      ...tokens,
       fontSize: titleFontSize,
       themeOptions
     }),
     themeOptions
   });
 };
-
 const selectContentTextStyles = (_ref2, themeOptions) => {
   let {
     contentFontSize,
     ...tokens
   } = _ref2;
-  return (0, _ThemeProvider.applyTextStyles)({ ...(0, _utils.selectTokens)('Typography', { ...tokens,
+  return applyTextStyles({
+    ...selectTokens('Typography', {
+      ...tokens,
       fontSize: contentFontSize
     }),
     themeOptions
   });
 };
-
 const selectIconTokens = _ref3 => {
   let {
     iconSize,
@@ -68,7 +46,6 @@ const selectIconTokens = _ref3 => {
     color: iconColor
   };
 };
-
 const selectIconContainerStyles = _ref4 => {
   let {
     iconGap
@@ -77,6 +54,7 @@ const selectIconContainerStyles = _ref4 => {
     paddingRight: iconGap
   };
 };
+
 /**
  * A feedback box commonly used with form fields.
  *
@@ -95,9 +73,7 @@ const selectIconContainerStyles = _ref4 => {
  * ### Accessibility
  * All accessibility props set on this component will be applied to the outer container.
  */
-
-
-const Feedback = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
+const Feedback = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
   let {
     title,
     children,
@@ -107,7 +83,8 @@ const Feedback = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
     variant,
     ...rest
   } = _ref5;
-  const themeTokens = (0, _ThemeProvider.useThemeTokens)('Feedback', tokens, { ...variant,
+  const themeTokens = useThemeTokens('Feedback', tokens, {
+    ...variant,
     validation
   });
   const {
@@ -118,10 +95,10 @@ const Feedback = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   } = themeTokens;
   const {
     themeOptions
-  } = (0, _ThemeProvider.useTheme)();
+  } = useTheme();
   const titleTextStyles = selectTitleTextStyles(themeTokens, themeOptions);
   const contentTextStyles = selectContentTextStyles(themeTokens, themeOptions);
-  const content = typeof children === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+  const content = typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
     style: contentTextStyles,
     children: children
   }) : children;
@@ -129,20 +106,21 @@ const Feedback = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
     accessibilityRole: validation === 'error' ? 'alert' : undefined,
     ...rest
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  return /*#__PURE__*/_jsx(View, {
     ref: ref,
     style: selectStyles(themeTokens),
     nativeID: id,
     ...selectedProps,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StackView.default, {
+    children: /*#__PURE__*/_jsxs(StackView, {
       space: space,
-      children: [title !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+      children: [title !== undefined && /*#__PURE__*/_jsxs(View, {
         style: staticStyles.title,
-        children: [IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+        children: [IconComponent && /*#__PURE__*/_jsx(View, {
           style: selectIconContainerStyles(themeTokens),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, { ...selectIconTokens(themeTokens)
+          children: /*#__PURE__*/_jsx(IconComponent, {
+            ...selectIconTokens(themeTokens)
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        }), /*#__PURE__*/_jsx(Text, {
           style: titleTextStyles,
           children: title
         })]
@@ -154,35 +132,29 @@ const Feedback = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
   });
 });
 Feedback.displayName = 'Feedback';
-Feedback.propTypes = { ...selectedSystemPropTypes,
-
+Feedback.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * Emphasized summary of the feedback. If an icon is set, it is rendered next to the title.
    */
-  title: _propTypes.default.string,
-
+  title: PropTypes.string,
   /**
    * Feedback content rendered below the title. A render function `({textStyles, variant}) => {}` is supported.
    */
-  children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.func]),
-
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
   /**
    * Use to visually mark the Feedback as valid or invalid.
    */
-  validation: _propTypes.default.oneOf(['error', 'success']),
-
+  validation: PropTypes.oneOf(['error', 'success']),
   /** @ignore */
-  id: _propTypes.default.string,
-  tokens: (0, _utils.getTokensPropType)('Feedback'),
-  variant: _utils.variantProp.propType
+  id: PropTypes.string,
+  tokens: getTokensPropType('Feedback'),
+  variant: variantProp.propType
 };
-var _default = Feedback;
-exports.default = _default;
-
-const staticStyles = _StyleSheet.default.create({
+export default Feedback;
+const staticStyles = StyleSheet.create({
   title: {
     display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center'
+    flexDirection: 'row'
   }
 });

package/lib/Feedback/index.js

@@ -1,13 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Feedback = _interopRequireDefault(require("./Feedback"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _Feedback.default;
-exports.default = _default;
+import Feedback from './Feedback';
+export default Feedback;