@atlaskit/share 1.0.0 → 2.0.0

package/dist/es2019/components/LazyShareForm/LazyShareForm.js

@@ -0,0 +1,92 @@
+import React from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { ShareForm } from '../ShareForm';
+import { ANALYTICS_SOURCE } from '../analytics';
+import { IntegrationForm } from '../IntegrationForm';
+import { BottomMessageWrapper, CustomFooterWrapper } from './styled';
+import { ShareFormWrapper } from '../ShareFormWrapper';
+
+/**
+ * A Share form content which is lazy-loaded.
+ * Make sure this component is not exported inside main entry points `src/index.ts`
+ */
+function LazyShareForm(props) {
+  const {
+    copyLink,
+    config,
+    isFetchingConfig,
+    loadOptions,
+    shareFormTitle,
+    shareFormHelperMessage,
+    bottomMessage,
+    submitButtonLabel,
+    product,
+    customFooter,
+    enableSmartUserPicker,
+    loggedInAccountId,
+    cloudId,
+    shareFieldsFooter,
+    onUserSelectionChange,
+    isPublicLink,
+    copyTooltipText,
+    shareIntegrations,
+    integrationMode,
+    // actions
+    onLinkCopy,
+    onDismiss,
+    onSubmit,
+    onDialogClose,
+    // ref
+    selectPortalRef,
+    // props from states of parent:
+    showIntegrationForm,
+    selectedIntegration,
+    isSharing,
+    shareError,
+    defaultValue,
+    showTitle
+  } = props;
+  const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter));
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      source: ANALYTICS_SOURCE
+    }
+  }, /*#__PURE__*/React.createElement(ShareFormWrapper, {
+    footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
+    // so we don't need to show title via ShareFormWrapper
+    ,
+    shouldShowTitle: false
+  }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(IntegrationForm, {
+    Content: selectedIntegration.Content,
+    onIntegrationClose: onDialogClose
+  }) : /*#__PURE__*/React.createElement(ShareForm, {
+    copyLink: copyLink,
+    loadOptions: loadOptions,
+    title: shareFormTitle,
+    showTitle: showTitle,
+    helperMessage: shareFormHelperMessage,
+    shareError: shareError,
+    defaultValue: defaultValue,
+    config: config,
+    submitButtonLabel: submitButtonLabel,
+    product: product,
+    enableSmartUserPicker: enableSmartUserPicker,
+    loggedInAccountId: loggedInAccountId,
+    cloudId: cloudId,
+    fieldsFooter: shareFieldsFooter,
+    selectPortalRef: selectPortalRef,
+    copyTooltipText: copyTooltipText,
+    integrationMode: integrationMode,
+    shareIntegrations: shareIntegrations,
+    isSharing: isSharing,
+    isFetchingConfig: isFetchingConfig,
+    isPublicLink: isPublicLink,
+    onSubmit: onSubmit,
+    onDismiss: onDismiss,
+    onLinkCopy: onLinkCopy,
+    onUserSelectionChange: onUserSelectionChange,
+    handleCloseDialog: onDialogClose
+  })));
+}
+
+export default LazyShareForm;

package/dist/es2019/components/LazyShareForm/index.js

@@ -0,0 +1 @@
+export { default } from './LazyShareForm';

package/dist/es2019/components/LazyShareForm/lazy.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { LazySuspense, lazyForPaint } from 'react-loosely-lazy';
+import Spinner from '@atlaskit/spinner';
+import { SpinnerWrapper } from './styled';
+import { ShareFormWrapper } from '../ShareFormWrapper';
+const LazyShareFormLazy = lazyForPaint(() => import(
+/* webpackChunkName: "@atlaskit-internal_share-form" */
+'./LazyShareForm'), {
+  ssr: false
+});
+
+const LoadingDialog = ({
+  shareFormTitle,
+  showTitle
+}) => /*#__PURE__*/React.createElement(ShareFormWrapper, {
+  shareFormTitle: shareFormTitle // if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
+  ,
+  shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
+}, /*#__PURE__*/React.createElement(SpinnerWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)));
+
+export default (props => /*#__PURE__*/React.createElement(LazySuspense, {
+  fallback: /*#__PURE__*/React.createElement(LoadingDialog, {
+    shareFormTitle: props.shareFormTitle,
+    showTitle: props.showTitle
+  })
+}, /*#__PURE__*/React.createElement(LazyShareFormLazy, props)));

package/dist/es2019/components/LazyShareForm/styled.js

@@ -0,0 +1,16 @@
+import styled from 'styled-components';
+import { gridSize } from '@atlaskit/theme/constants';
+export const BottomMessageWrapper = styled.div`
+  width: ${gridSize() * 44}px;
+`;
+export const CustomFooterWrapper = styled.div`
+  /* Must match inline dialog padding. */
+  margin: 0 ${-gridSize() * 3}px ${-gridSize() * 2}px ${-gridSize() * 3}px;
+`;
+export const SpinnerWrapper = styled.div`
+  widht: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+`;

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -1,37 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { AnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import React from 'react';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import SplitButton from './SplitButton';
 import ShareIcon from '@atlaskit/icon/glyph/share';
 import Popup from '@atlaskit/popup';
 import Portal from '@atlaskit/portal';
 import Aktooltip from '@atlaskit/tooltip';
-import { gridSize, layers } from '@atlaskit/theme/constants';
-import React from 'react';
+import { layers } from '@atlaskit/theme/constants';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { messages } from '../i18n';
 import { OBJECT_SHARED } from '../types';
-import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareTriggerButtonClicked, shareSplitButtonEvent, ANALYTICS_SOURCE } from './analytics';
+import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, screenEvent, shareTriggerButtonClicked, shareSplitButtonEvent, shareTabClicked, formShareSubmitted } from './analytics';
 import ShareButton from './ShareButton';
-import { ShareForm } from './ShareForm';
 import { generateSelectZIndex } from './utils';
-import { InlineDialogContentWrapper } from './styles';
-import { IntegrationForm } from './IntegrationForm';
+import LazyShareFormLazy from './LazyShareForm/lazy';
 const ShareButtonWrapper = styled.div`
   display: inline-flex;
   outline: none;
 `;
-const InlineDialogFormWrapper = styled.div`
-  width: 352px;
-`;
-const BottomMessageWrapper = styled.div`
-  width: 352px;
-`;
-const CustomFooterWrapper = styled.div`
-  /* Must match inline dialog padding. */
-  margin: 0 ${-gridSize() * 3}px ${-gridSize() * 2}px ${-gridSize() * 3}px;
-`;
 export const defaultShareContentState = {
   users: [],
   comment: {
@@ -97,6 +85,16 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       }
     });
 
+    _defineProperty(this, "onTabChange", index => {
+      let subjectId = 'shareTab';
+
+      if (index === 1) {
+        subjectId = 'shareToSlackTab';
+      }
+
+      this.createAndFireEvent(shareTabClicked(subjectId));
+    });
+
     _defineProperty(this, "getFlags", () => {
       const {
         intl: {
@@ -415,46 +413,48 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       onKeyDown: this.handleKeyDown,
       style: style
     }, /*#__PURE__*/React.createElement(Popup, {
-      content: () => /*#__PURE__*/React.createElement(AnalyticsContext, {
-        data: {
-          source: ANALYTICS_SOURCE
-        }
-      }, /*#__PURE__*/React.createElement(InlineDialogContentWrapper, {
-        innerRef: this.containerRef
-      }, showIntegrationForm && selectedIntegration !== null ? /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, /*#__PURE__*/React.createElement(IntegrationForm, {
-        Content: selectedIntegration.Content,
-        onIntegrationClose: this.handleCloseDialog
-      })) : /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, /*#__PURE__*/React.createElement(ShareForm, {
+      content: () => /*#__PURE__*/React.createElement("div", {
+        ref: this.containerRef
+      }, /*#__PURE__*/React.createElement(LazyShareFormLazy, {
+        Content: selectedIntegration && selectedIntegration.Content,
+        selectedIntegration: selectedIntegration,
         copyLink: copyLink,
+        showIntegrationForm: showIntegrationForm,
+        bottomMessage: bottomMessage,
+        customFooter: customFooter,
         loadOptions: loadUserOptions,
         isSharing: isSharing,
-        onSubmit: this.handleShareSubmit,
-        title: shareFormTitle,
+        shareFormTitle: shareFormTitle,
         showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
-        helperMessage: shareFormHelperMessage,
+        shareFormHelperMessage: shareFormHelperMessage,
         shareError: shareError,
-        onDismiss: this.handleFormDismiss,
         defaultValue: defaultValue,
         config: config,
         isFetchingConfig: isFetchingConfig,
-        onLinkCopy: this.handleCopyLink,
         submitButtonLabel: submitButtonLabel,
         product: product,
         enableSmartUserPicker: enableSmartUserPicker,
         loggedInAccountId: loggedInAccountId,
         cloudId: cloudId,
         onUserSelectionChange: onUserSelectionChange,
-        fieldsFooter: shareFieldsFooter,
-        selectPortalRef: this.selectPortalRef,
+        shareFieldsFooter: shareFieldsFooter,
         isPublicLink: isPublicLink,
         copyTooltipText: copyTooltipText,
         integrationMode: integrationMode,
-        shareIntegrations: shareIntegrations
-      })), bottomMessage ? /*#__PURE__*/React.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/React.createElement(CustomFooterWrapper, null, customFooter))),
+        shareIntegrations: shareIntegrations // actions
+        ,
+        onLinkCopy: this.handleCopyLink,
+        onSubmit: this.handleShareSubmit,
+        onDismiss: this.handleFormDismiss,
+        onDialogClose: this.handleCloseDialog,
+        onTabChange: this.onTabChange //ref
+        ,
+        selectPortalRef: this.selectPortalRef
+      })),
       isOpen: isDialogOpen,
       onClose: this.handleCloseDialog,
       placement: dialogPlacement,
-      trigger: triggerProps => this.renderShareTriggerButton(triggerProps),
+      trigger: this.renderShareTriggerButton,
       zIndex: dialogZIndex
     }), /*#__PURE__*/React.createElement(Portal, {
       zIndex: generateSelectZIndex(dialogZIndex)

package/dist/es2019/components/ShareForm.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
@@ -7,7 +8,6 @@ import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { messages } from '../i18n';
@@ -97,7 +97,7 @@ class InternalForm extends React.PureComponent {
         defaultValue: defaultValue && defaultValue.users,
         config: config,
         isLoading: isFetchingConfig,
-        product: product,
+        product: product || 'confluence',
         enableSmartUserPicker: enableSmartUserPicker,
         loggedInAccountId: loggedInAccountId,
         cloudId: cloudId,
@@ -144,6 +144,26 @@ class InternalForm extends React.PureComponent {
         isDisabled: isDisabled
       }, /*#__PURE__*/React.createElement(ButtonLabelWrapper, null, submitButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, buttonLabel))));
     });
+
+    _defineProperty(this, "renderMainTabTitle", () => {
+      const {
+        title,
+        product
+      } = this.props;
+
+      if (title) {
+        return title;
+      }
+
+      if (!product) {
+        return /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle);
+      }
+
+      const productShareType = product === 'jira' ? { ...messages.shareMainTabTextJira
+      } : { ...messages.shareMainTabTextConfluence
+      };
+      return /*#__PURE__*/React.createElement(FormattedMessage, productShareType);
+    });
   }
 
   componentWillUnmount() {
@@ -159,9 +179,10 @@ class InternalForm extends React.PureComponent {
 
   render() {
     const {
-      title,
       integrationMode = 'off',
-      shareIntegrations
+      shareIntegrations,
+      onTabChange,
+      handleCloseDialog
     } = this.props;
 
     if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
@@ -172,10 +193,13 @@ class InternalForm extends React.PureComponent {
 
     if (integrationMode === 'tabs') {
       return /*#__PURE__*/React.createElement(Tabs, {
-        id: "ShareForm-Tabs-Integrations"
+        id: "ShareForm-Tabs-Integrations",
+        onChange: index => {
+          onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
+        }
       }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
         key: `share-tab-default`
-      }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)), /*#__PURE__*/React.createElement(Tab, {
+      }, this.renderMainTabTitle()), /*#__PURE__*/React.createElement(Tab, {
         key: `share-tab-${firstIntegration.type}`
       }, /*#__PURE__*/React.createElement(IntegrationWrapper, null, /*#__PURE__*/React.createElement(IntegrationIconWrapper, null, /*#__PURE__*/React.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/React.createElement(TabPanel, {
         key: `share-tabPanel-default`
@@ -187,9 +211,7 @@ class InternalForm extends React.PureComponent {
         isMainShare: false
       }, /*#__PURE__*/React.createElement(IntegrationForm, {
         Content: firstIntegration.Content,
-        onIntegrationClose: () => {
-          return null;
-        }
+        onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog()
       }))));
     }
 

package/dist/es2019/components/ShareFormWrapper/ShareFormWrapper.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { InlineDialogFormWrapper, InlineDialogContentWrapper } from './styled';
+import { ShareHeader } from '../ShareHeader';
+
+const ShareFormWrapper = ({
+  shareFormTitle,
+  shouldShowTitle,
+  children = null,
+  footer = null
+}) => /*#__PURE__*/React.createElement(InlineDialogContentWrapper, null, /*#__PURE__*/React.createElement(InlineDialogFormWrapper, null, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
+  title: shareFormTitle
+}), children), footer);
+
+export default ShareFormWrapper;

package/dist/es2019/components/ShareFormWrapper/index.js

@@ -0,0 +1 @@
+export { default as ShareFormWrapper } from './ShareFormWrapper';

package/dist/es2019/components/ShareFormWrapper/styled.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { gridSize } from '@atlaskit/theme/constants';
+export const InlineDialogFormWrapper = styled.div`
+  width: ${gridSize() * 44}px;
+`;
+/**
+ * Apply the same styling, as previous @atlaskit/inline-dialog had,
+ * compared to the @atlaskit/popup we are now using.
+ *
+ * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
+ */
+
+export const InlineDialogContentWrapper = styled.div`
+  padding: ${gridSize() * 2}px ${gridSize() * 3}px;
+`;

package/dist/es2019/components/analytics.js

@@ -39,6 +39,7 @@ export const errorEncountered = (actionSubjectId, attributes = {}) => createEven
 }); // = share dialog invoked. Not to be confused with "share submitted"
 
 export const shareTriggerButtonClicked = () => createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'button', 'share');
+export const shareTabClicked = subjectId => createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'tab', subjectId || 'shareTab');
 export const cancelShare = start => createEvent('ui', ANALYTICS_SOURCE, 'pressed', 'keyboardShortcut', 'cancelShare', {
   source: ANALYTICS_SOURCE,
   duration: duration(start)

package/dist/es2019/components/styles.js

@@ -1,21 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react'; // AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
-import { gridSize } from '@atlaskit/theme/constants';
+import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
-import styled from 'styled-components';
 export const MAX_PICKER_HEIGHT = 102;
-/**
- * Apply the same styling, as previous @atlaskit/inline-dialog had,
- * compared to the @atlaskit/popup we are now using.
- *
- * packages/design-system/inline-dialog/src/InlineDialog/styled.ts:20:3
- */
-
-export const InlineDialogContentWrapper = styled.div`
-  padding: ${gridSize() * 2}px ${gridSize() * 3}px;
-`;
 const StyledButton = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Button, _extends({
   ref: ref
 }, props, {

package/dist/es2019/i18n/cs.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Zadejte jméno nebo tým',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Zadejte jméno, skupinu, tým nebo e-mail',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Zadejte jméno, tým nebo e-mail',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Zadejte jméno, skupinu nebo tým.',
   'fabric.elements.share.form.user-picker.validation.required': 'Vyberte alespoň jednoho uživatele, skupinu, tým nebo e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Vyberte alespoň jednoho uživatele, skupinu nebo tým.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Vyberte alespoň jednoho uživatele, tým nebo e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Vyberte alespoň jednoho uživatele nebo tým.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Příspěvek na blogu je sdílen} board {Board je sdílen} calendar {Kalendář je sdílen} draft {Koncept je sdílen} filter {Filtr je sdílen} issue {Požadavek je sdílen} media {Multimediální soubor je sdílen} page {Stránka je sdílena} project {Projekt je sdílen} pullrequest {Pull request je sdílen} question {Otázka je sdílena} report {Sestava je sdílena} repository {Repozitář je sdílen} request {Žádost je sdílena} roadmap {Plán je sdílen} site {Web je sdílen} space {Prostor je sdílen} other {Odkaz je sdílen}}',
   'fabric.elements.share.to.integration.button': 'Sdílet ve službě {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ikona sdílení',

package/dist/es2019/i18n/da.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Indtast navn eller team',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Indtast navn, gruppe, team eller e-mail',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Indtast navn, team eller e-mailadresse',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Indtast navn, gruppe eller team',
   'fabric.elements.share.form.user-picker.validation.required': 'Vælg mindst én bruger, én gruppe, ét team eller én e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Vælg mindst én bruger, én gruppe eller ét team.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Vælg mindst én bruger, ét team eller én e-mailadresse.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Vælg mindst én bruger eller ét team.',
+  'fabric.elements.share.in.integration.button': 'Del i {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blogindlæg blev delt} board {Tavle blev delt} calendar {Kalender blev delt} draft {Kladde blev delt} filter {Filter blev delt} issue {Sag blev delt} media {Medie blev delt} page {Side blev delt} project {Projekt blev delt} pullrequest {Pullanmodning blev delt} question {Spørgsmål blev delt} report {Rapport blev delt} repository {Lager blev delt} request {Anmodning blev delt} roadmap {Oversigt blev delt} site {Side blev delt} space {Område blev delt} other {Link blev delt}}',
   'fabric.elements.share.to.integration.button': 'Del med {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Del ikon',

package/dist/es2019/i18n/de.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Namen oder Team eingeben',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Namen, Gruppe, Team oder E-Mail-Adresse eingeben',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Namen, Team oder E-Mail-Adresse eingeben',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Namen, Gruppe oder Team eingeben',
   'fabric.elements.share.form.user-picker.validation.required': 'Wählen Sie mindestens einen Benutzer, eine Gruppe, ein Team oder eine E-Mail-Adresse aus.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Wählen Sie mindestens einen Benutzer, eine Gruppe oder ein Team aus.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Bitte wählen Sie mindestens einen Benutzer, ein Team oder eine E-Mail-Adresse aus.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Wählen Sie mindestens einen Benutzer oder ein Team aus.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Geteilter Blogpost} board {Geteiltes Board} calendar {Geteilter Kalender} draft {Geteilter Entwurf} filter {Geteilter Filter} issue {Geteilter Vorgang} media {Geteilte Medien} page {Geteilte Seite} project {Geteiltes Projekt} pullrequest {Geteilte Pull-Anfrage} question {Geteilte Frage} report {Geteilter Bericht} repository {Geteiltes Repository} request {Geteilte Anfrage} roadmap {Geteilte Roadmap} site {Geteilte Site} space {Geteilter Bereich} other {Geteilter Link}}',
   'fabric.elements.share.to.integration.button': 'Mit {integrationName} teilen',
   'fabric.elements.share.trigger.button.icon.label': 'Teilen-Symbol',

package/dist/es2019/i18n/en_ZZ.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '⁣⁢Enter name or team⁡‍؜‍؜⁠‌⁡⁣⁤',
   'fabric.elements.share.form.user-picker.placeholder.generic': '⁣⁢Enter name, group, team or email⁡؜‌‍؜؜‍⁣⁤',
   'fabric.elements.share.form.user-picker.placeholder.jira': '⁣⁢Enter name, team or email‌‍⁠‌‌⁡⁠⁡؜‍؜⁣⁤',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': '⁣⁢Enter name, group or team‍‌‍⁠⁡‌⁡⁠‍⁡⁠⁠⁡⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required': '⁣⁢Select at least one user, group, team or email.⁡⁡؜‌‍‌⁠؜⁣⁤',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': '⁣⁢Select at least one user, group or team.‍‌⁠⁡؜‌⁠⁠‌⁡‍‍⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required.jira': '⁣⁢Select at least one user, team or email.؜⁠‍؜‍‍‌⁠⁠⁣⁤',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': '⁣⁢Select at least one user or team.‌؜⁠‌‍⁡؜‌‍⁡‌⁠⁡⁣⁤',
+  'fabric.elements.share.in.integration.button': '⁣⁢Share in {integrationName}⁠؜⁡⁡‌⁡؜‌‌‌⁣⁤',
   'fabric.elements.share.success.message': '{object, select, blogpost {⁣⁢Blog post shared⁡‌‍⁡⁠⁠⁡⁠⁡⁠⁣⁤} board {⁣⁢Board shared‍⁡‍؜⁠⁠‌⁣⁤} calendar {⁣⁢Calendar shared‌⁡⁠⁡⁡‍؜⁠⁠⁣⁤} draft {⁣⁢Draft shared⁠‌‍⁠‍‍‍؜‍⁠؜⁣⁤} filter {⁣⁢Filter shared‍؜؜‍؜⁡‍⁣⁤} issue {⁣⁢Issue shared⁡⁡‍⁡⁡‍⁠؜⁡⁠‌⁣⁤} media {⁣⁢Media shared؜‌‍‌⁠⁠⁣⁤} page {⁣⁢Page shared‍⁡‍‍‌؜‌؜‍⁣⁤} project {⁣⁢Project shared⁡‍⁠⁡‍؜⁡‍‌‌⁡⁣⁤} pullrequest {⁣⁢Pull Request shared‌⁡⁡؜⁠⁡؜‍⁠؜‌⁠؜⁣⁤} question {⁣⁢Question shared⁠‍⁠‍⁠؜‌‌⁣⁤} report {⁣⁢Report shared‍؜⁡⁠‍⁡⁠‍⁠‌⁣⁤} repository {⁣⁢Repository shared‍‌‌‌⁡⁡؜⁣⁤} request {⁣⁢Request shared⁡‌⁡⁡؜‍‌‌‌؜‌⁡⁣⁤} roadmap {⁣⁢Roadmap shared‍‍‌⁡⁡؜⁠⁡‌⁣⁤} site {⁣⁢Site shared؜⁡⁡؜⁡؜؜⁡؜⁠‍⁣⁤} space {⁣⁢Space shared⁡‍‍‍؜؜⁡⁡⁡⁣⁤} other {⁣⁢Link Shared‌‌‍‌‍⁡⁣⁤}}',
   'fabric.elements.share.to.integration.button': '⁣⁢Share to {integrationName}‌⁡‌⁠⁡⁡⁡⁠‍‍؜‌⁡⁣⁤',
   'fabric.elements.share.trigger.button.icon.label': '⁣⁢Share icon‌‍؜‍‍؜‌⁡⁣⁤',

package/dist/es2019/i18n/es.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Introduce un nombre o equipo',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Introduce un nombre, grupo, equipo o correo electrónico',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Introducir nombre, equipo o correo electrónico',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Introduce el nombre, el grupo o el equipo',
   'fabric.elements.share.form.user-picker.validation.required': 'Selecciona al menos un usuario, grupo, equipo o correo electrónico.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Selecciona al menos un usuario, grupo o equipo.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Selecciona al menos un usuario, equipo o correo electrónico.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Selecciona al menos un usuario o equipo.',
+  'fabric.elements.share.in.integration.button': 'Compartir en {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Entrada de blog compartida} board {Tablero compartido} calendar {Calendario compartido} draft {Borrador compartido} filter {Filtro compartido} issue {Incidencia compartida} media {Soportes compartidos} page {Página compartida} project {Proyecto compartido} pullrequest {Solicitud de extracción compartida} question {Pregunta compartida} report {Informe compartido} repository {Repositorio compartido} request {Solicitud compartida} roadmap {Hoja de ruta compartida} site {Sitio compartido} space {Espacio compartido} other {Enlace compartido}}',
   'fabric.elements.share.to.integration.button': 'Compartir en {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icono de compartir',

package/dist/es2019/i18n/fi.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Anna nimi tai tiimi',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Syötä nimi, ryhmä, tiimi tai sähköpostiosoite',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Syötä nimi, tiimi tai sähköpostiosoite',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Syötä nimi, ryhmä tai tiimi',
   'fabric.elements.share.form.user-picker.validation.required': 'Valitse vähintään yksi käyttäjä, ryhmä, tiimi tai sähköpostiosoite.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Valitse vähintään yksi käyttäjä, ryhmä tai tiimi.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Valitse vähintään yksi käyttäjä, tiimi tai sähköpostiosoite.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Valitse vähintään yksi käyttäjä tai tiimi.',
+  'fabric.elements.share.in.integration.button': 'Jaa sovelluksessa {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blogijulkaisu jaettu} board {Taulu jaettu} calendar {Kalenteri jaettu} draft {Luonnos jaettu} filter {Suodatin jaettu} issue {Asia jaettu} media {Media jaettu} page {Sivu jaettu} project {Projekti jaettu} pullrequest {Pull-pyyntö jaettu} question {Kysymys jaettu} report {Raportti jaettu} repository {Säilö jaettu} request {Pyyntö jaettu} roadmap {Etenemissuunnitelma jaettu} site {Sivusto jaettu} space {Työtila jaettu} other {Linkki jaettu}}',
   'fabric.elements.share.to.integration.button': 'Jaa kohteeseen {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Jaa kuvake',

package/dist/es2019/i18n/fr.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Saisir un nom ou une équipe',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Saisir un nom, un groupe, une équipe ou une adresse e-mail',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Saisissez un nom, une équipe ou une adresse e-mail',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Saisissez un nom, un groupe ou une équipe',
   'fabric.elements.share.form.user-picker.validation.required': 'Sélectionnez au moins un utilisateur, un groupe, une équipe ou une adresse e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Sélectionnez au moins un utilisateur, un groupe ou une équipe.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Sélectionnez au moins un utilisateur, une équipe ou une adresse e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Sélectionnez au moins un utilisateur ou une équipe.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Billet de blog partagé} board {Tableau partagé} calendar {Calendrier partagé} draft {Brouillon partagé} filter {Filtre partagé} issue {Ticket partagé} media {Support partagé} page {Page partagée} project {Projet partagé} pullrequest {Pull request partagée} question {Question partagée} report {Rapport partagé} repository {Dépôt partagé} request {Demande partagée} roadmap {Feuille de route partagée} site {Site partagé} space {Espace partagé} other {Lien partagé}}',
   'fabric.elements.share.to.integration.button': 'Partager avec {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icône de partage',

package/dist/es2019/i18n/hu.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Add meg a nevet vagy csapatot',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Név, csoport, csapat vagy e-mail-cím megadása',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Írd be a nevet, a csapatot vagy az e-mail-címet',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Add meg a nevet, csoportot vagy csapatot',
   'fabric.elements.share.form.user-picker.validation.required': 'Válassz ki legalább egy felhasználót, csoportot, csapatot vagy e-mail-címet.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Válassz ki legalább egy felhasználót, csoportot vagy csapatot.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Válassz ki legalább egy felhasználót, csapatot vagy e-mail-címet.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Válassz ki legalább egy felhasználót vagy csapatot.',
+  'fabric.elements.share.in.integration.button': 'Megosztás itt: {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blogposzt megosztva} board {Tábla megosztva} calendar {Naptár megosztva} draft {Piszkozat megosztva} filter {Szűrő megosztva} issue {Ügy megosztva} media {Médiatartalom megosztva} page {Oldal megosztva} project {Projekt megosztva} pullrequest {Pull-kérelem megosztva} question {Kérdés megosztva} report {Jelentés megosztva} repository {Adattár megosztva} request {Kérés megosztva} roadmap {Útvonalterv megosztva} site {Webhely megosztva} space {Munkatér megosztva} other {Link megosztva}}',
   'fabric.elements.share.to.integration.button': 'Megosztás itt: {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ikon megosztása',

package/dist/es2019/i18n/it.js

@@ -25,9 +25,13 @@ export default {
   'fabric.elements.share.form.user-picker.no-options.generic': 'Nessun risultato trovato per “{inputValue}”. Invita le persone inserendo il loro indirizzo e-mail.',
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Inserisci nome o team',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Inserisci nome, gruppo, team o e-mail',
-  'fabric.elements.share.form.user-picker.placeholder.jira': 'Immetti nome, team o indirizzo e-mail',
+  'fabric.elements.share.form.user-picker.placeholder.jira': 'Inserisci nome, team o indirizzo e-mail',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Inserisci il nome, il gruppo o il team',
   'fabric.elements.share.form.user-picker.validation.required': "Seleziona almeno un utente, un gruppo, un team o un'e-mail.",
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Seleziona almeno un utente, un gruppo o un team.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Seleziona almeno un utente, un team o un indirizzo e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Seleziona almeno un utente o un team.',
+  'fabric.elements.share.in.integration.button': 'Condividi in {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Post del blog condiviso} board {Board condivisa} calendar {Calendario condiviso} draft {Bozza condivisa} filter {Filtro condiviso} issue {Ticket condiviso} media {File multimediale condiviso} page {Pagina condivisa} project {Progetto condiviso} pullrequest {Richiesta di pull condivisa} question {Domanda condivisa} report {Report condiviso} repository {Repository condiviso} request {Richiesta condivisa} roadmap {Roadmap condivisa} site {Sito condiviso} space {Spazio condiviso} other {Collegamento condiviso}}',
   'fabric.elements.share.to.integration.button': 'Condividi in {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icona Condividi',

package/dist/es2019/i18n/ja.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '名前またはチームを入力',
   'fabric.elements.share.form.user-picker.placeholder.generic': '名前、グループ、チーム、メールを入力',
   'fabric.elements.share.form.user-picker.placeholder.jira': '名前、チーム、メールアドレスを入力',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': '名前、グループ、またはチームを入力',
   'fabric.elements.share.form.user-picker.validation.required': 'ユーザー、グループ、チーム、メールを少なくとも 1 つ選択してください。',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'ユーザー、グループ、またはチームのいずれかを少なくとも 1 つ選択してください。',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'ユーザー、チーム、メールを少なくとも 1 つ選択してください。',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'ユーザーまたはチームを少なくとも 1 つ選択してください。',
+  'fabric.elements.share.in.integration.button': '{integrationName} で共有',
   'fabric.elements.share.success.message': '{object, select, blogpost {ブログ投稿が共有されました} board {ボードが共有されました} calendar {カレンダーが共有されました} draft {下書きが共有されました} filter {フィルターが共有されました} issue {課題が共有されました} media {メディアが共有されました} page {ページが共有されました} project {プロジェクトが共有されました} pullrequest {プル リクエストが共有されました} question {質問が共有されました} report {レポートが共有されました} repository {リポジトリが共有されました} request {リクエストが共有されました} roadmap {ロードマップが共有されました} site {サイトが共有されました} space {スペースが共有されました} other {リンクが共有されました}}',
   'fabric.elements.share.to.integration.button': '{integrationName} と共有',
   'fabric.elements.share.trigger.button.icon.label': '共有アイコン',

package/dist/es2019/i18n/ko.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '이름 또는 팀 입력',
   'fabric.elements.share.form.user-picker.placeholder.generic': '이름, 그룹, 팀 또는 이메일 입력',
   'fabric.elements.share.form.user-picker.placeholder.jira': '이름, 팀 또는 이메일 입력',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': '이름, 그룹 또는 팀 입력',
   'fabric.elements.share.form.user-picker.validation.required': '사용자, 그룹, 팀 또는 이메일을 하나 이상 선택하세요.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': '사용자, 그룹 또는 팀을 하나 이상 선택하세요.',
   'fabric.elements.share.form.user-picker.validation.required.jira': '사용자, 팀 또는 이메일을 하나 이상 선택하세요.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': '사용자 또는 팀을 하나 이상 선택하세요.',
+  'fabric.elements.share.in.integration.button': '{integrationName}에서 공유',
   'fabric.elements.share.success.message': '{object, select, blogpost {블로그 게시물 공유됨} board {보드 공유됨} calendar {캘린더 공유됨} draft {초안 공유됨} filter {필터 공유됨} issue {이슈 공유됨} media {미디어 공유됨} page {페이지 공유됨} project {프로젝트 공유됨} pullrequest {풀 리퀘스트 공유됨} question {질문 공유됨} report {보고서 공유됨} repository {리포지토리 공유됨} request {요청 공유됨} roadmap {로드맵 공유됨} site {사이트 공유됨} space {스페이스 공유됨} other {링크 공유됨}}',
   'fabric.elements.share.to.integration.button': '{integrationName}에 공유',
   'fabric.elements.share.trigger.button.icon.label': '공유 아이콘',

package/dist/es2019/i18n/nb.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Skriv inn navn eller team',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Skriv inn navn, gruppe, team eller e-post',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Skriv inn navn, team eller e-postadresse',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Angi navn, gruppe eller team',
   'fabric.elements.share.form.user-picker.validation.required': 'Velg minst én bruker, gruppe eller e-post eller minst ett team.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Velg minst én bruker, gruppe eller ett team.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Velg minst én bruker, arbeidsgruppe eller e-postadresse.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Velg minst én bruker eller ett team.',
+  'fabric.elements.share.in.integration.button': 'Del i {integrationName}',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blogginnlegg delt} board {Tavle delt} calendar {Kalender delt} draft {Utkast delt} filter {Filter delt} issue {Sak delt} media {Media delt} page {Side delt} project {Prosjekt delt} pullrequest {Pull-forespørsel delt} question {Spørsmål delt} report {Rapport delt} repository {Repositorium delt} request {Forespørsel delt} roadmap {Veikart delt} site {Side delt} space {Område delt} other {Kobling delt}}',
   'fabric.elements.share.to.integration.button': 'Del til {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Dele-ikon',