@instructure/canvas-rce 5.6.16 → 5.7.0

package/lib/translated/fr_CA/modules/rce/plugins/instructure_external_tools/components/LtiToolsModal/__tests__/LtiToolsModal.test.js

@@ -1,163 +0,0 @@
-/*
- * Copyright (C) 2019 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import React from 'react';
-import { within, render, fireEvent } from '@testing-library/react';
-import { LtiToolsModal } from '../index';
-describe('RCE Plugins > LtiToolModal', () => {
-  function getProps() {
-    let override = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const props = {
-      onDismiss: () => {},
-      ltiButtons: [{
-        title: 'Tool 1',
-        id: 1,
-        description: 'This is tool 1.',
-        image: 'tool1/icon.png',
-        onAction: () => {}
-      }, {
-        title: 'Tool 2',
-        id: 2,
-        description: 'This is tool 2',
-        image: '/tool2/image.png',
-        onAction: () => {}
-      }, {
-        title: 'Tool 3',
-        id: 3,
-        image: 'https://www.edu-apps.org/assets/lti_public_resources/tool3.png',
-        onAction: () => {}
-      }, {
-        title: 'Diffrient Tool',
-        id: 4,
-        image: 'https://www.edu-apps.org/assets/lti_public_resources/tool3.png',
-        onAction: () => {}
-      }],
-      ...override
-    };
-    return props;
-  }
-
-  function renderComponent(modalprops) {
-    return render( /*#__PURE__*/React.createElement(LtiToolsModal, getProps(modalprops)));
-  }
-
-  it('is labeled "All Apps"', () => {
-    const {
-      getByLabelText
-    } = renderComponent();
-    expect(getByLabelText('Apps')).toBeInTheDocument();
-  });
-  it('has heading "All Apps"', () => {
-    const {
-      getByText
-    } = renderComponent();
-    expect(getByText('All Apps')).toBeInTheDocument();
-  });
-  it('shows the 3 tools', () => {
-    const {
-      baseElement,
-      getByText
-    } = renderComponent();
-    const tool1 = getByText('Tool 1');
-    const tool1Row = within(tool1.closest('div'));
-    const tool2 = getByText('Tool 2');
-    const tool2Row = within(tool2.closest('div'));
-    const tool3 = getByText('Tool 3');
-    const tool3Row = within(tool3.closest('div'));
-    expect(tool1).toBeInTheDocument();
-    expect(tool1Row.getByText('View description')).toBeInTheDocument();
-    expect(baseElement.querySelector('img[src="tool1/icon.png"]')).toBeInTheDocument();
-    expect(tool2).toBeInTheDocument();
-    expect(tool2Row.getByText('View description')).toBeInTheDocument();
-    expect(baseElement.querySelector('img[src="/tool2/image.png"]')).toBeInTheDocument();
-    expect(tool3).toBeInTheDocument();
-    expect(tool3Row.queryByText('View description')).toBeNull();
-    expect(baseElement.querySelector('img[src="https://www.edu-apps.org/assets/lti_public_resources/tool3.png"]')).toBeInTheDocument();
-  });
-  it('calls onDismiss when clicking Done', () => {
-    const handleDismiss = jest.fn();
-    const {
-      getByText
-    } = renderComponent({
-      onDismiss: handleDismiss
-    });
-    const cancelButton = getByText('Done');
-    cancelButton.click();
-    expect(handleDismiss).toHaveBeenCalled();
-  });
-  it('calls onDismiss when clicking the close button', () => {
-    const handleDismiss = jest.fn();
-    const {
-      getByText
-    } = renderComponent({
-      onDismiss: handleDismiss
-    });
-    const closeButton = getByText('Close');
-    closeButton.click();
-    expect(handleDismiss).toHaveBeenCalled();
-  });
-  it('calls onAction when clicking a tool', () => {
-    const doAction = jest.fn();
-    const onDismiss = jest.fn();
-    const {
-      getByText
-    } = renderComponent({
-      onDismiss,
-      ltiButtons: [{
-        title: 'Tool 1',
-        id: 1,
-        description: 'This is tool 1.',
-        image: 'tool1/icon.png',
-        onAction: doAction
-      }]
-    });
-    const tool1 = getByText('Tool 1');
-    tool1.click();
-    expect(doAction).toHaveBeenCalled();
-    expect(onDismiss).toHaveBeenCalled();
-  });
-  describe('filtering', () => {
-    it('shows only results that match the filter value', () => {
-      const {
-        getByText,
-        queryByText,
-        getByPlaceholderText
-      } = renderComponent();
-      const searchBox = getByPlaceholderText('Search');
-      fireEvent.change(searchBox, {
-        target: {
-          value: 'diff'
-        }
-      });
-      expect(queryByText('Tool 1')).not.toBeInTheDocument();
-      expect(getByText('Diffrient Tool')).toBeInTheDocument();
-    });
-    it('shows a no results alert when there are no results', () => {
-      const {
-        getByText,
-        getByPlaceholderText
-      } = renderComponent();
-      const searchBox = getByPlaceholderText('Search');
-      fireEvent.change(searchBox, {
-        target: {
-          value: 'instructure'
-        }
-      });
-      expect(getByText('No results found for instructure')).toBeInTheDocument();
-    });
-  });
-});

package/lib/translated/fr_CA/modules/rce/plugins/instructure_external_tools/components/LtiToolsModal/index.js

@@ -1,141 +0,0 @@
-var _default_fr_CA_number = Intl.NumberFormat("fr_CA", { style: "decimal" }).format;
-
-/*
- * Copyright (C) 2019 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import React, { useState } from 'react';
-import { func, arrayOf, oneOfType, number, shape, string } from 'prop-types';
-import { Modal } from '@instructure/ui-modal';
-import { Button, CloseButton } from '@instructure/ui-buttons';
-import { Heading } from '@instructure/ui-heading';
-import { List } from '@instructure/ui-list';
-import { View } from '@instructure/ui-view';
-import { Flex } from '@instructure/ui-flex';
-import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { TextInput } from '@instructure/ui-text-input';
-import { IconSearchLine } from '@instructure/ui-icons';
-import { Alert } from '@instructure/ui-alerts';
-import formatMessage from '../../../../../format-message';
-import LtiTool from './LtiTool';
-import { instuiPopupMountNode } from '../../../../../util/fullscreenHelpers'; // TODO: we really need a way for the client to pass this to the RCE
-
-const getLiveRegion = () => document.getElementById('flash_screenreader_holder');
-
-const getFilterResults = (term, thingsToFilter) => {
-  if (term.length <= 0) {
-    return thingsToFilter;
-  }
-
-  const query = term ? new RegExp(term, 'i') : null;
-  return thingsToFilter.filter(item => query && query.test(item.title));
-};
-
-export function LtiToolsModal(props) {
-  var _s, _n;
-
-  const [filterTerm, setFilterTerm] = useState('');
-  const [filteredResults, setFilteredResults] = useState(props.ltiButtons);
-
-  const handleFilterChange = e => {
-    setFilterTerm(e.target.value);
-    setFilteredResults(getFilterResults(e.target.value, props.ltiButtons));
-  };
-
-  const filterEmpty = filteredResults.length <= 0;
-  return /*#__PURE__*/React.createElement(Modal, {
-    "data-mce-component": true,
-    liveRegion: getLiveRegion,
-    size: "medium",
-    theme: {
-      mediumMaxWidth: '42rem'
-    },
-    label: "Applications",
-    mountNode: instuiPopupMountNode,
-    onDismiss: props.onDismiss,
-    open: true,
-    shouldCloseOnDocumentClick: false
-  }, /*#__PURE__*/React.createElement(Modal.Header, {
-    theme: {
-      padding: '0.5rem'
-    }
-  }, /*#__PURE__*/React.createElement(CloseButton, {
-    placement: "end",
-    offset: "medium",
-    onClick: props.onDismiss,
-    screenReaderLabel: "Fermer"
-  }), /*#__PURE__*/React.createElement(Heading, {
-    margin: "small"
-  }, "Toutes les applications"), /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    padding: "x-small none x-small medium"
-  }, /*#__PURE__*/React.createElement(TextInput, {
-    type: "search",
-    renderLabel: /*#__PURE__*/React.createElement(ScreenReaderContent, null, "Rechercher"),
-    placeholder: "Rechercher",
-    renderAfterInput: /*#__PURE__*/React.createElement(IconSearchLine, {
-      inline: false
-    }),
-    onChange: handleFilterChange
-  }))), /*#__PURE__*/React.createElement(Modal.Body, {
-    overflow: "fit"
-  }, /*#__PURE__*/React.createElement(Flex, {
-    as: "div",
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(Flex.Item, {
-    as: "div",
-    shouldShrink: true,
-    shouldGrow: true
-  }, /*#__PURE__*/React.createElement(Alert, {
-    liveRegion: getLiveRegion,
-    variant: "info",
-    screenReaderOnly: !filterEmpty
-  }, filterEmpty && "Aucun r\xE9sultat trouv\xE9 pour " + filterTerm, !filterEmpty && "Trouv\xE9 " + (_s = filteredResults.length, _n = +_s, _n === 0 ? _default_fr_CA_number(filteredResults.length) + " r\xE9sultats" : (_default_fr_CA_number(filteredResults.length) + " r\xE9sultats"))), renderTools(filteredResults)))), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: props.onDismiss,
-    color: "primary"
-  }, "Termin\xE9")));
-
-  function renderTools(ltiButtons) {
-    return /*#__PURE__*/React.createElement(List, {
-      isUnstyled: true
-    }, ltiButtons.sort((a, b) => a.title.localeCompare(b.title)).map(b => {
-      return /*#__PURE__*/React.createElement(List.Item, {
-        key: b.id
-      }, /*#__PURE__*/React.createElement(View, {
-        as: "div",
-        padding: "medium medium small none"
-      }, /*#__PURE__*/React.createElement(LtiTool, {
-        title: b.title,
-        image: b.image,
-        onAction: () => {
-          b.onAction();
-          props.onDismiss();
-        },
-        description: b.description
-      })));
-    }));
-  }
-}
-LtiToolsModal.propTypes = {
-  ltiButtons: arrayOf(shape({
-    description: string.isRequired,
-    id: oneOfType([string, number]).isRequired,
-    image: string.isRequired,
-    onAction: func.isRequired,
-    title: string.isRequired
-  })),
-  onDismiss: func.isRequired
-};

package/lib/translated/fr_CA/modules/rce/plugins/instructure_external_tools/dispatchInitEvent.js

@@ -1,25 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-export default function (ed, document, url) {
-  const ev = document.createEvent('CustomEvent');
-  ev.initCustomEvent('tinyRCE/initExternalTools', true, true, {
-    ed,
-    url
-  });
-  document.dispatchEvent(ev);
-}

package/lib/translated/fr_CA/modules/rce/plugins/instructure_external_tools/plugin.js

@@ -1,39 +0,0 @@
-// @ts-nocheck
-
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import dispatchInitEvent from './dispatchInitEvent';
-import { IconLtiLine } from '@instructure/ui-icons/es/svg';
-import clickCallback from './clickCallback';
-import tinymce from 'tinymce';
-
-/**
- * This is the legacy external tools plugin for the RCE. It relies on the 'tinymce-external-tools' plugin
- * in Canvas, and is not functional unless the RCE is running in Canvas.
- *
- * See 'instructure_rce_external_tools' for the new version of this plugin.
- *
- * @deprecated
- */
-tinymce.PluginManager.add('instructure_external_tools', function (ed, url) {
-  document.addEventListener('tinyRCE/onExternalTools', event => {
-    clickCallback(ed, event.detail.ltiButtons);
-  });
-  ed.ui.registry.addIcon('lti', IconLtiLine.src);
-  dispatchInitEvent(ed, document, url);
-});

package/lib/translated/fr_CA/modules/skins/theme.js

@@ -1,127 +0,0 @@
-/*
- * Copyright (C) 2019 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import { darken, lighten, alpha } from '@instructure/ui-color-utils'; // pull canvas theme values we need for the rce skin
-
-export default function generator(_ref) {
-  let {
-    borders,
-    colors,
-    forms,
-    shadows,
-    spacing,
-    typography
-  } = _ref;
-  const vars = {
-    canvasBackgroundColor: colors.white,
-    canvasTextColor: colors.textDarkest,
-    canvasErrorColor: colors.textDanger,
-    canvasWarningColor: colors.textWarning,
-    canvasInfoColor: colors.textInfo,
-    canvasSuccessColor: colors.textSuccess,
-    canvasBorderColor: colors.borderMedium,
-    toolbarButtonHoverBackground: darken(colors.backgroundLightest, 5),
-    // copied from INSTUI "light" Button
-    canvasBrandColor: colors.brand,
-    activeMenuItemBackground: colors.backgroundBrand,
-    activeMenuItemLabelColor: colors.textLightest,
-    tableSelectorHighlightColor: alpha(lighten(colors.brand, 10), 50),
-    canvasLinkColor: colors.link,
-    canvasLinkDecoration: 'none',
-    // the instui default button
-    canvasButtonBackground: colors.backgroundLightest,
-    canvasButtonBorderColor: 'transparent',
-    canvasButtonColor: colors.textDarkest,
-    canvasButtonHoverBackground: colors.backgroundLightest,
-    canvasButtonHoverColor: colors.brand,
-    canvasButtonActiveBackground: colors.backgroundLightest,
-    canvasButtonFontWeight: typography.fontWeightNormal,
-    canvasButtonFontSize: typography.fontSizeMedium,
-    canvasButtonLineHeight: forms.inputHeightMedium,
-    canvasButtonPadding: `0 ${spacing.small}`,
-    // the instui primary button
-    canvasPrimaryButtonBackground: colors.backgroundBrand,
-    canvasPrimaryButtonColor: colors.textLightest,
-    canvasPrimaryButtonBorderColor: 'transparent',
-    canvasPrimaryButtonHoverBackground: darken(colors.backgroundBrand, 10),
-    canvasPrimaryButtonHoverColor: colors.textLightest,
-    // the instui secondary button
-    canvasSecondaryButtonBackground: colors.backgroundLight,
-    canvasSecondaryButtonColor: colors.textDarkest,
-    canvasSecondaryButtonBorderColor: darken(colors.backgroundLight, 10),
-    canvasSecondaryButtonHoverBackground: darken(colors.backgroundLight, 10),
-    canvasSecondaryButtonHoverColor: colors.textDarkest,
-    canvasFocusBorderColor: borders.brand,
-    canvasFocusBorderWidth: borders.widthSmall,
-    // canvas really uses widthMedium
-    canvasFocusBoxShadow: `0 0 0 2px ${colors.brand}`,
-    canvasEnabledColor: borders.brand,
-    canvasEnabledBoxShadow: `inset 0 0 0.1875rem 0.0625rem ${darken(colors.borderLightest, 25)}`,
-    canvasFontFamily: typography.fontFamily,
-    canvasFontSize: '1rem',
-    canvasFontSizeSmall: typography.fontSizeSmall,
-    // modal dialogs
-    canvasModalShadow: shadows.depth3,
-    canvasModalHeadingPadding: spacing.medium,
-    canvasModalHeadingFontSize: typography.fontSizeXLarge,
-    canvasModalHeadingFontWeight: typography.fontWeightNormal,
-    canvasModalBodyPadding: spacing.medium,
-    canvasModalFooterPadding: spacing.small,
-    canvasModalFooterBackground: colors.backgroundLight,
-    canvasFormElementMargin: `0 0 ${spacing.medium} 0`,
-    canvasFormElementLabelColor: colors.textDarkest,
-    canvasFormElementLabelMargin: `0 0 ${spacing.small} 0`,
-    canvasFormElementLabelFontSize: typography.fontSizeMedium,
-    canvasFormElementLabelFontWeight: typography.fontWeightBold,
-    // a11y button badge
-    canvasBadgeBackgroundColor: colors.textInfo
-  };
-  vars.tinySplitButtonChevronHoverBackground = darken(vars.toolbarButtonHoverBackground, 10);
-  return vars;
-}
-
-generator.canvas = function (variables) {
-  return {
-    canvasLinkColor: variables['ic-link-color'],
-    canvasLinkDecoration: variables['ic-link-decoration'],
-    canvasTextColor: variables['ic-brand-font-color-dark'],
-    canvasBrandColor: variables['ic-brand-primary'],
-    canvasFocusBorderColor: variables['ic-brand-primary'],
-    canvasFocusBoxShadow: `0 0 0 2px ${variables['ic-brand-primary']}`,
-    canvasEnabledColor: variables['ic-brand-primary'],
-    canvasPrimaryButtonBackground: variables['ic-brand-primary'],
-    canvasPrimaryButtonColor: variables['ic-brand-button--primary-text'],
-    canvasPrimaryButtonHoverBackground: darken(variables['ic-brand-button--primary-bgd'], 10),
-    activeMenuItemBackground: variables['ic-brand-button--primary-bgd'],
-    activeMenuItemLabelColor: variables['ic-brand-button--primary-text'],
-    tableSelectorHighlightColor: alpha(lighten(variables['ic-brand-primary'], 10), 50)
-  };
-};
-
-generator['canvas-a11y'] = generator['canvas-high-contrast'] = function (_ref2) {
-  let {
-    colors
-  } = _ref2;
-  return {
-    canvasButtonBackground: colors.backgroundLight,
-    canvasSecondaryButtonBorderColor: colors.borderMedium,
-    canvasLinkDecoration: 'underline',
-    canvasFocusBorderColor: colors.borderBrand,
-    canvasFocusBoxShadow: `0 0 0 2px ${colors.brand}`,
-    canvasBrandColor: colors.brand
-  };
-};

package/lib/translated/he/modules/rce/plugins/instructure_external_tools/clickCallback.js

@@ -1,44 +0,0 @@
-/*
- * Copyright (C) 2019 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-export default function clickCallback(ed, ltiButtons) {
-  return import('./components/LtiToolsModal').then(_ref => {
-    let {
-      LtiToolsModal
-    } = _ref;
-    let container = document.querySelector('.canvas-rce-upload-container');
-
-    if (!container) {
-      container = document.createElement('div');
-      container.className = 'canvas-rce-upload-container';
-      document.body.appendChild(container);
-    }
-
-    const handleDismiss = () => {
-      ReactDOM.unmountComponentAtNode(container);
-      ed.focus();
-    };
-
-    ReactDOM.render( /*#__PURE__*/React.createElement(LtiToolsModal, {
-      editor: ed,
-      onDismiss: handleDismiss,
-      ltiButtons: ltiButtons
-    }), container);
-  });
-}

package/lib/translated/he/modules/rce/plugins/instructure_external_tools/components/LtiToolsModal/ExpandoText.js

@@ -1,91 +0,0 @@
-/*
- * Copyright (C) 2019 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import React, { useState } from 'react';
-import { string } from 'prop-types';
-import { StyleSheet, css } from 'aphrodite';
-import { Text } from '@instructure/ui-text';
-import { View } from '@instructure/ui-view';
-import formatMessage from '../../../../../format-message';
-export default function ExpandoText(props) {
-  const [descExpanded, setDescExpanded] = useState(false);
-  const [focused, setFocused] = useState(false);
-  const {
-    text,
-    title
-  } = props;
-  const label = descExpanded ? "Hide " + title + " description" : "View " + title + " description";
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
-    as: "button",
-    background: "transparent",
-    display: "block",
-    borderWidth: "none",
-    textAlign: "start",
-    type: "button",
-    position: "relative",
-    padding: "none none none xx-small",
-    "aria-expanded": descExpanded,
-    borderRadius: "medium",
-    withFocusOutline: focused,
-    onClick: () => {
-      setDescExpanded(!descExpanded);
-    },
-    onFocus: () => setFocused(true),
-    onBlur: () => setFocused(false)
-  }, /*#__PURE__*/React.createElement(View, {
-    as: "span",
-    "aria-live": "assertive",
-    "aria-relevant": "text"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "brand",
-    size: "x-small",
-    "aria-label": label
-  }, descExpanded ? "Hide description" : "View description"))), descExpanded && /*#__PURE__*/React.createElement(View, {
-    as: "span",
-    margin: "small none none xx-small",
-    display: "block",
-    minWidth: "10rem",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "span",
-    color: "secondary"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: css(styles.descriptionText),
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  }))));
-}
-ExpandoText.propTypes = {
-  text: string.isRequired,
-  title: string.isRequired
-};
-export const styles = StyleSheet.create({
-  descriptionText: {
-    lineHeight: '1.2rem',
-    p: {
-      margin: '1rem 0'
-    },
-    ':nth-child(1n)> :first-child': {
-      marginTop: '0',
-      display: 'inline-block'
-    },
-    ':nth-child(1n)> :last-child': {
-      marginBottom: '0'
-    }
-  }
-});