@atlaskit/share 4.16.13 → 4.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/afm-cc/tsconfig.json +6 -0
- package/dist/cjs/components/LazyShareForm/LazyShareForm.js +5 -0
- package/dist/cjs/components/LazyShareForm/lazy.js +9 -3
- package/dist/cjs/components/ShareDialogWithTrigger.js +33 -5
- package/dist/cjs/components/ShareForm.js +62 -9
- package/dist/cjs/components/ShareFormWrapper/ShareFormWrapper.js +9 -2
- package/dist/cjs/components/ShareFormWrapper/styled.js +26 -6
- package/dist/cjs/components/ShareMenuItem.js +37 -0
- package/dist/cjs/components/UserPickerField.js +42 -11
- package/dist/cjs/components/analytics/analytics.js +7 -2
- package/dist/cjs/i18n/cs.js +1 -0
- package/dist/cjs/i18n/da.js +1 -0
- package/dist/cjs/i18n/de.js +1 -0
- package/dist/cjs/i18n/en.js +1 -0
- package/dist/cjs/i18n/en_GB.js +1 -0
- package/dist/cjs/i18n/en_ZZ.js +1 -0
- package/dist/cjs/i18n/es.js +1 -0
- package/dist/cjs/i18n/fi.js +1 -0
- package/dist/cjs/i18n/fr.js +1 -0
- package/dist/cjs/i18n/hu.js +1 -0
- package/dist/cjs/i18n/it.js +1 -0
- package/dist/cjs/i18n/ja.js +1 -0
- package/dist/cjs/i18n/ko.js +1 -0
- package/dist/cjs/i18n/nb.js +1 -0
- package/dist/cjs/i18n/nl.js +1 -0
- package/dist/cjs/i18n/pl.js +1 -0
- package/dist/cjs/i18n/pt_BR.js +1 -0
- package/dist/cjs/i18n/ru.js +1 -0
- package/dist/cjs/i18n/sv.js +1 -0
- package/dist/cjs/i18n/th.js +1 -0
- package/dist/cjs/i18n/tr.js +1 -0
- package/dist/cjs/i18n/uk.js +1 -0
- package/dist/cjs/i18n/vi.js +1 -0
- package/dist/cjs/i18n/zh.js +1 -0
- package/dist/cjs/i18n/zh_TW.js +1 -0
- package/dist/cjs/i18n.js +10 -0
- package/dist/es2019/components/LazyShareForm/LazyShareForm.js +5 -0
- package/dist/es2019/components/LazyShareForm/lazy.js +9 -3
- package/dist/es2019/components/ShareDialogWithTrigger.js +37 -6
- package/dist/es2019/components/ShareForm.js +49 -1
- package/dist/es2019/components/ShareFormWrapper/ShareFormWrapper.js +7 -2
- package/dist/es2019/components/ShareFormWrapper/styled.js +38 -12
- package/dist/es2019/components/ShareMenuItem.js +28 -0
- package/dist/es2019/components/UserPickerField.js +22 -7
- package/dist/es2019/components/analytics/analytics.js +4 -1
- package/dist/es2019/i18n/cs.js +1 -0
- package/dist/es2019/i18n/da.js +1 -0
- package/dist/es2019/i18n/de.js +1 -0
- package/dist/es2019/i18n/en.js +1 -0
- package/dist/es2019/i18n/en_GB.js +1 -0
- package/dist/es2019/i18n/en_ZZ.js +1 -0
- package/dist/es2019/i18n/es.js +1 -0
- package/dist/es2019/i18n/fi.js +1 -0
- package/dist/es2019/i18n/fr.js +1 -0
- package/dist/es2019/i18n/hu.js +1 -0
- package/dist/es2019/i18n/it.js +1 -0
- package/dist/es2019/i18n/ja.js +1 -0
- package/dist/es2019/i18n/ko.js +1 -0
- package/dist/es2019/i18n/nb.js +1 -0
- package/dist/es2019/i18n/nl.js +1 -0
- package/dist/es2019/i18n/pl.js +1 -0
- package/dist/es2019/i18n/pt_BR.js +1 -0
- package/dist/es2019/i18n/ru.js +1 -0
- package/dist/es2019/i18n/sv.js +1 -0
- package/dist/es2019/i18n/th.js +1 -0
- package/dist/es2019/i18n/tr.js +1 -0
- package/dist/es2019/i18n/uk.js +1 -0
- package/dist/es2019/i18n/vi.js +1 -0
- package/dist/es2019/i18n/zh.js +1 -0
- package/dist/es2019/i18n/zh_TW.js +1 -0
- package/dist/es2019/i18n.js +10 -0
- package/dist/esm/components/LazyShareForm/LazyShareForm.js +5 -0
- package/dist/esm/components/LazyShareForm/lazy.js +9 -3
- package/dist/esm/components/ShareDialogWithTrigger.js +34 -6
- package/dist/esm/components/ShareForm.js +62 -9
- package/dist/esm/components/ShareFormWrapper/ShareFormWrapper.js +9 -2
- package/dist/esm/components/ShareFormWrapper/styled.js +27 -6
- package/dist/esm/components/ShareMenuItem.js +30 -0
- package/dist/esm/components/UserPickerField.js +42 -11
- package/dist/esm/components/analytics/analytics.js +6 -1
- package/dist/esm/i18n/cs.js +1 -0
- package/dist/esm/i18n/da.js +1 -0
- package/dist/esm/i18n/de.js +1 -0
- package/dist/esm/i18n/en.js +1 -0
- package/dist/esm/i18n/en_GB.js +1 -0
- package/dist/esm/i18n/en_ZZ.js +1 -0
- package/dist/esm/i18n/es.js +1 -0
- package/dist/esm/i18n/fi.js +1 -0
- package/dist/esm/i18n/fr.js +1 -0
- package/dist/esm/i18n/hu.js +1 -0
- package/dist/esm/i18n/it.js +1 -0
- package/dist/esm/i18n/ja.js +1 -0
- package/dist/esm/i18n/ko.js +1 -0
- package/dist/esm/i18n/nb.js +1 -0
- package/dist/esm/i18n/nl.js +1 -0
- package/dist/esm/i18n/pl.js +1 -0
- package/dist/esm/i18n/pt_BR.js +1 -0
- package/dist/esm/i18n/ru.js +1 -0
- package/dist/esm/i18n/sv.js +1 -0
- package/dist/esm/i18n/th.js +1 -0
- package/dist/esm/i18n/tr.js +1 -0
- package/dist/esm/i18n/uk.js +1 -0
- package/dist/esm/i18n/vi.js +1 -0
- package/dist/esm/i18n/zh.js +1 -0
- package/dist/esm/i18n/zh_TW.js +1 -0
- package/dist/esm/i18n.js +10 -0
- package/dist/types/components/LazyShareForm/LazyShareForm.d.ts +4 -3
- package/dist/types/components/ShareDialogContainer.d.ts +3 -3
- package/dist/types/components/ShareDialogWithTrigger.d.ts +2 -0
- package/dist/types/components/ShareForm.d.ts +3 -2
- package/dist/types/components/ShareFormWrapper/ShareFormWrapper.d.ts +6 -3
- package/dist/types/components/ShareFormWrapper/styled.d.ts +6 -2
- package/dist/types/components/ShareMenuItem.d.ts +11 -0
- package/dist/types/components/UserPickerField.d.ts +3 -3
- package/dist/types/components/analytics/analytics.d.ts +4 -2
- package/dist/types/i18n/cs.d.ts +1 -0
- package/dist/types/i18n/da.d.ts +1 -0
- package/dist/types/i18n/de.d.ts +1 -0
- package/dist/types/i18n/en.d.ts +1 -0
- package/dist/types/i18n/en_GB.d.ts +1 -0
- package/dist/types/i18n/en_ZZ.d.ts +1 -0
- package/dist/types/i18n/es.d.ts +1 -0
- package/dist/types/i18n/fi.d.ts +1 -0
- package/dist/types/i18n/fr.d.ts +1 -0
- package/dist/types/i18n/hu.d.ts +1 -0
- package/dist/types/i18n/it.d.ts +1 -0
- package/dist/types/i18n/ja.d.ts +1 -0
- package/dist/types/i18n/ko.d.ts +1 -0
- package/dist/types/i18n/nb.d.ts +1 -0
- package/dist/types/i18n/nl.d.ts +1 -0
- package/dist/types/i18n/pl.d.ts +1 -0
- package/dist/types/i18n/pt_BR.d.ts +1 -0
- package/dist/types/i18n/ru.d.ts +1 -0
- package/dist/types/i18n/sv.d.ts +1 -0
- package/dist/types/i18n/th.d.ts +1 -0
- package/dist/types/i18n/tr.d.ts +1 -0
- package/dist/types/i18n/uk.d.ts +1 -0
- package/dist/types/i18n/vi.d.ts +1 -0
- package/dist/types/i18n/zh.d.ts +1 -0
- package/dist/types/i18n/zh_TW.d.ts +1 -0
- package/dist/types/i18n.d.ts +10 -0
- package/dist/types/types/ShareDialogContainer.d.ts +1 -0
- package/dist/types/types/ShareDialogWithTrigger.d.ts +2 -1
- package/dist/types/types/ShareEntities.d.ts +2 -1
- package/dist/types/types/ShareForm.d.ts +3 -0
- package/dist/types/types/UserPickerOptions.d.ts +13 -0
- package/dist/types/types/index.d.ts +1 -0
- package/dist/types-ts4.5/components/LazyShareForm/LazyShareForm.d.ts +4 -3
- package/dist/types-ts4.5/components/ShareDialogContainer.d.ts +3 -3
- package/dist/types-ts4.5/components/ShareDialogWithTrigger.d.ts +2 -0
- package/dist/types-ts4.5/components/ShareForm.d.ts +3 -2
- package/dist/types-ts4.5/components/ShareFormWrapper/ShareFormWrapper.d.ts +6 -3
- package/dist/types-ts4.5/components/ShareFormWrapper/styled.d.ts +6 -2
- package/dist/types-ts4.5/components/ShareMenuItem.d.ts +11 -0
- package/dist/types-ts4.5/components/UserPickerField.d.ts +3 -3
- package/dist/types-ts4.5/components/analytics/analytics.d.ts +4 -2
- package/dist/types-ts4.5/i18n/cs.d.ts +1 -0
- package/dist/types-ts4.5/i18n/da.d.ts +1 -0
- package/dist/types-ts4.5/i18n/de.d.ts +1 -0
- package/dist/types-ts4.5/i18n/en.d.ts +1 -0
- package/dist/types-ts4.5/i18n/en_GB.d.ts +1 -0
- package/dist/types-ts4.5/i18n/en_ZZ.d.ts +1 -0
- package/dist/types-ts4.5/i18n/es.d.ts +1 -0
- package/dist/types-ts4.5/i18n/fi.d.ts +1 -0
- package/dist/types-ts4.5/i18n/fr.d.ts +1 -0
- package/dist/types-ts4.5/i18n/hu.d.ts +1 -0
- package/dist/types-ts4.5/i18n/it.d.ts +1 -0
- package/dist/types-ts4.5/i18n/ja.d.ts +1 -0
- package/dist/types-ts4.5/i18n/ko.d.ts +1 -0
- package/dist/types-ts4.5/i18n/nb.d.ts +1 -0
- package/dist/types-ts4.5/i18n/nl.d.ts +1 -0
- package/dist/types-ts4.5/i18n/pl.d.ts +1 -0
- package/dist/types-ts4.5/i18n/pt_BR.d.ts +1 -0
- package/dist/types-ts4.5/i18n/ru.d.ts +1 -0
- package/dist/types-ts4.5/i18n/sv.d.ts +1 -0
- package/dist/types-ts4.5/i18n/th.d.ts +1 -0
- package/dist/types-ts4.5/i18n/tr.d.ts +1 -0
- package/dist/types-ts4.5/i18n/uk.d.ts +1 -0
- package/dist/types-ts4.5/i18n/vi.d.ts +1 -0
- package/dist/types-ts4.5/i18n/zh.d.ts +1 -0
- package/dist/types-ts4.5/i18n/zh_TW.d.ts +1 -0
- package/dist/types-ts4.5/i18n.d.ts +10 -0
- package/dist/types-ts4.5/types/ShareDialogContainer.d.ts +1 -0
- package/dist/types-ts4.5/types/ShareDialogWithTrigger.d.ts +2 -1
- package/dist/types-ts4.5/types/ShareEntities.d.ts +2 -1
- package/dist/types-ts4.5/types/ShareForm.d.ts +3 -0
- package/dist/types-ts4.5/types/UserPickerOptions.d.ts +13 -0
- package/dist/types-ts4.5/types/index.d.ts +1 -0
- package/package.json +9 -7
package/dist/cjs/i18n/es.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Invitar a Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Compartir página',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Compartir incidencia',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Compartir',
|
|
56
57
|
'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}summary {Resumen compartido}list {Lista compartida}timeline {Cronograma compartido}form {Formulario compartido}media {Recursos multimedia compartidos}page {Página compartida}project {Proyecto compartido}pullrequest {Solicitud de incorporación de cambios compartida}question {Pregunta compartida}report {Informe compartido}repository {Repositorio compartido}request {Solicitud compartida}roadmap {Cronograma compartido}site {Sitio compartido}space {Espacio compartido}other {Enlace compartido}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Compartir en {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Icono de compartir',
|
package/dist/cjs/i18n/fi.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Kutsu Jiraan',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Jaa sivu',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Jaa asia',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Jaa',
|
|
56
57
|
'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}summary {Yhteenveto jaettu}list {Luettelo jaettu}timeline {Aikajana jaettu}form {Lomake 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 {Aikajana jaettu}site {Sivusto jaettu}space {Työtila jaettu}other {Linkki jaettu}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Jaa kohteeseen {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Jaa kuvake',
|
package/dist/cjs/i18n/fr.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Inviter à rejoindre Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Partager la page',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Partager le ticket',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Partager',
|
|
56
57
|
'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é}summary {Résumé partagé}list {Liste partagée}timeline {Chronologie partagée}form {Formulaire partagé}media {Média 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 {Chronologie partagée}site {Site partagé}space {Espace partagé}other {Lien partagé}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Partager avec {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Icône de partage',
|
package/dist/cjs/i18n/hu.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Meghívás a Jirába',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Oldal megosztása',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Ügy megosztása',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Megosztás',
|
|
56
57
|
'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}summary {Összefoglaló megosztva}list {Lista megosztva}timeline {Idővonal megosztva}form {Űrlap megosztva}media {Média 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érelem megosztva}roadmap {Idővonal megosztva}site {Webhely megosztva}space {Munkatér megosztva}other {Link megosztva}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Megosztás itt: {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Ikon megosztása',
|
package/dist/cjs/i18n/it.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Invita in Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Condividi pagina',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Condividi ticket',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Condividi',
|
|
56
57
|
'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}summary {Riepilogo condiviso}list {Elenco condiviso}timeline {Timeline condivisa}form {Modulo condiviso}media {Elemento multimediale condiviso}page {Pagina condiviso}project {Progetto condiviso}pullrequest {Pull request condivisa}question {Domanda condivisa}report {Report condiviso}repository {Repository condiviso}request {Richiesta condivisa}roadmap {Timeline condivisa}site {Sito condiviso}space {Spazio condiviso}other {Link condiviso}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Condividi in {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Icona Condividi',
|
package/dist/cjs/i18n/ja.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Jira に招待',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'ページを共有',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': '課題を共有',
|
|
56
|
+
'fabric.elements.share.popup.label': '共有',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {ブログ投稿が共有されました}board {ボードが共有されました}calendar {カレンダーが共有されました}draft {下書きが共有されました}filter {フィルターが共有されました}issue {課題が共有されました}summary {要約が共有されました}list {リストが共有されました}timeline {タイムラインが共有されました}form {フォームが共有されました}media {メディアが共有されました}page {ページが共有されました}project {プロジェクトが共有されました}pullrequest {プル リクエストが共有されました}question {質問が共有されました}report {レポートが共有されました}repository {リポジトリが共有されました}request {リクエストが共有されました}roadmap {タイムラインが共有されました}site {サイトが共有されました}space {スペースが共有されました}other {リンクが共有されました}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': '{integrationName} と共有',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': '共有アイコン',
|
package/dist/cjs/i18n/ko.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Jira에 초대',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': '페이지 공유',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': '이슈 공유',
|
|
56
|
+
'fabric.elements.share.popup.label': '공유',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {공유한 블로그 게시물}board {공유한 보드}calendar {공유한 캘린더}draft {공유한 초안}filter {공유한 필터}issue {공유한 이슈}summary {공유한 요약}list {공유한 목록}timeline {공유한 타임라인}form {공유한 양식}media {공유한 미디어}page {공유한 페이지}project {공유한 프로젝트}pullrequest {공유한 풀리퀘스트}question {공유한 질문}report {공유한 보고서}repository {공유한 리포지토리}request {공유한 요청}timeline {공유한 타임라인}site {공유한 사이트}space {공유한 스페이스}other {공유한 링크}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': '{integrationName}에 공유',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': '공유 아이콘',
|
package/dist/cjs/i18n/nb.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Inviter til Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Del side',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Del sak',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Del',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {Blogginnlegg er delt}board {Tavle er delt}calendar {Kalender er delt}draft {Utkast er delt}filter {Filter er delt}issue {Sak er delt}summary {Sammendrag er delt}list {Liste er delt}timeline {Tidslinje er delt}form {Skjema er delt}media {Medier er delt}page {Side er delt}project {Prosjekt er delt}pullrequest {Pull-forespørsel er delt}question {Spørsmål er delt}report {Rapport er delt}repository {Repositorium er delt}request {Forespørsel er delt}roadmap {Veikart er delt}site {Nettsted er delt}space {Område er delt}other {Kobling er delt}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Del til {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Dele-ikon',
|
package/dist/cjs/i18n/nl.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Uitnodigen voor Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Pagina delen',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Issue delen',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Delen',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {Blogpost gedeeld}board {Bord gedeeld}calendar {Agenda gedeeld}draft {Concept gedeeld}filter {Filter gedeeld}issue {Issue gedeeld}summary {Samenvatting gedeeld}list {Lijst gedeeld}timeline {Tijdlijn gedeeld}form {Formulier gedeeld}media {Media gedeeld}page {Pagina gedeeld}project {Project gedeeld}pullrequest {Pull-request gedeeld}question {Vraag gedeeld}report {Rapport gedeeld}repository {Repository gedeeld}request {Aanvraag gedeeld}roadmap {Tijdlijn gedeeld}site {Site gedeeld}space {Space gedeeld}other {Link gedeeld}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Delen met {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': "Pictogram 'Delen'",
|
package/dist/cjs/i18n/pl.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Zaproś do systemu Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Udostępnij stronę',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Udostępnij zgłoszenie',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Udostępnij',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {Udostępniono wpis na blogu}board {Udostępniono tablicę}calendar {Udostępniono kalendarz}draft {Udostępniono wersję roboczą}filter {Udostępniono filtr}issue {Udostępniono zgłoszenie}summary {Udostępniono podsumowanie}list {Udostępniono listę}timeline {Udostępniono oś czasu}form {Udostępniono formularz}media {Udostępniono multimedia}page {Udostępniono stronę}project {Udostępniono projekt}pullrequest {Udostępniono pull request}question {Udostępniono pytanie}report {Udostępniono raport}repository {Udostępniono repozytorium}request {Udostępniono wniosek}roadmap {Udostępniono oś czasu}site {Udostępniono witrynę}space {Udostępniono przestrzeń}other {Udostępniono łącze}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Udostępnij w {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Ikona udostępniania',
|
package/dist/cjs/i18n/pt_BR.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Convidar para o Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Compartilhar página',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Compartilhar item',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Compartilhar',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {Blog compartilhado}board {Quadro compartilhado}calendar {Calendário compartilhado}draft {Rascunho compartilhado}filter {Filtro compartilhado}issue {Item compartilhado}summary {Resumo compartilhado}list {Lista compartilhada}timeline {Cronograma compartilhado}form {Formulário compartilhado}media {Mídia compartilhada}page {Página compartilhada}project {Projeto compartilhado}pullrequest {Pull request compartilhada}question {Pergunta compartilhada}report {Relatório compartilhado}repository {Repositório compartilhado}request {Solicitação compartilhada}roadmap {Cronograma compartilhado}site {Site compartilhado}space {Espaço compartilhado}other {Link compartilhado}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Compartilhar em {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Ícone de compartilhamento',
|
package/dist/cjs/i18n/ru.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Пригласить в Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Поделиться страницей',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Поделиться задачей',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Поделиться',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {Доступ к записи в блоге предоставлен}board {Доступ к доске предоставлен}calendar {Доступ к календарю предоставлен}draft {Доступ к черновику предоставлен}filter {Доступ к фильтру предоставлен}issue {Доступ к задаче предоставлен}summary {Доступ к теме предоставлен}list {Доступ к списку предоставлен}timeline {Доступ к хронологии предоставлен}form {Доступ к форме предоставлен}media {Доступ к медиафайлу предоставлен}page {Доступ к странице предоставлен}project {Доступ к проекту предоставлен}pullrequest {Доступ к запросу pull предоставлен}question {Доступ к вопросу предоставлен}report {Доступ к отчету предоставлен}repository {Доступ к репозиторию предоставлен}request {Доступ к запросу предоставлен}roadmap {Доступ к хронологии предоставлен}site {Доступ к сайту предоставлен}space {Доступ к разделу предоставлен}other {Доступ к ссылке предоставлен}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Поделиться в {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Значок «Поделиться»',
|
package/dist/cjs/i18n/sv.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Bjud in till Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Dela sida',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Dela ärende',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Dela',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {Blogginlägg har delats}board {Tavla har delats}calendar {Kalender har delats}draft {Utkast har delats}filter {Filter har delats}issue {Ärende har delats}summary {Sammanfattning har delats}list {Lista har delats}timeline {Tidslinje har delats}form {Formulär har delats}media {Media har delats}page {Sida har delats}project {Projekt har delats}pullrequest {Pull request har delats}question {Fråga har delats}report {Rapport har delats}repository {Lagringsplats har delats}request {Förfrågan har delats}roadmap {Tidslinje har delats}site {Webbplats har delats}space {Utrymme har delats}other {Länk har delats}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Dela till {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Dela-ikon',
|
package/dist/cjs/i18n/th.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'เชิญไปยัง Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'แชร์หน้าข้อมูล',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'แชร์ปัญหา',
|
|
56
|
+
'fabric.elements.share.popup.label': 'แชร์',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {แชร์โพสต์บล็อกแล้ว}board {แชร์บอร์ดแล้ว}calendar {แชร์ปฏิทินแล้ว}draft {แชร์แบบร่างแล้ว}filter {แชร์ตัวกรองแล้ว}issue {แชร์ปัญหาแล้ว}summary {แชร์สรุปแล้ว}list {แชร์รายการแล้ว}timeline {แชร์เส้นเวลา (ไทม์ไลน์) แล้ว}form {แชร์แบบฟอร์มแล้ว}media {แชร์สื่อแล้ว}page {แชร์หน้าข้อมูลแล้ว}project {แชร์โปรเจกต์แล้ว}pullrequest {แชร์ Pull Request แล้ว}question {แชร์คำถามแล้ว}report {แชร์รายงานแล้ว}repository {แชร์คลังรายการแล้ว}request {แชร์คำขอแล้ว}roadmap {แชร์เส้นเวลา (ไทม์ไลน์) แล้ว}site {แชร์เว็บไซต์แล้ว}space {แชร์พื้นที่แล้ว}other {แชร์ลิงก์แล้ว}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'แชร์ไปยัง {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'แชร์ไอคอน',
|
package/dist/cjs/i18n/tr.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': "Jira'ya davet et",
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Sayfayı paylaşın',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Konuyu paylaşın',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Paylaş',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {Blog gönderisi paylaşıldı}board {Pano paylaşıldı}calendar {Takvim paylaşıldı}draft {Taslak paylaşıldı}filter {Filtre paylaşıldı}issue {Konu paylaşıldı}summary {Özet paylaşıldı}list {Liste paylaşıldı}timeline {Zaman Çizelgesi paylaşıldı}form {Form paylaşıldı}media {Medya paylaşıldı}page {Sayfa paylaşıldı}project {Proje paylaşıldı}pullrequest {Çekme İsteği paylaşıldı}question {Soru paylaşıldı}report {Rapor paylaşıldı}repository {Depo paylaşıldı}request {Talep paylaşıldı}roadmap {Zaman Çizelgesi paylaşıldı}site {Site paylaşıldı}space {Alan paylaşıldı}other {Bağlantı paylaşıldı}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': '{integrationName} üzerinden paylaş',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Paylaşma simgesi',
|
package/dist/cjs/i18n/uk.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Запросити до Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Поділитися сторінкою',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Поділитися завданням',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Поділитися',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {Надано доступ до допису в блозі}board {Надано доступ до дошки}calendar {Надано доступ до календаря}draft {Надано доступ до чернетки}filter {Надано доступ до фільтра}issue {Надано доступ до завдання}summary {Надано доступ до підсумку}list {Надано доступ до списку}timeline {Надано доступ до шкали}form {Надано доступ до форми}media {Надано доступ до медіафайлу}page {Надано доступ до сторінки}project {Надано доступ до проєкту}pullrequest {Надано доступ до запиту на внесення змін}question {Надано доступ до запитання}report {Надано доступ до звіту}repository {Надано доступ до репозиторію}request {Надано доступ до запиту}roadmap {Надано доступ до часової шкали}site {Надано доступ до сайту}space {Надано доступ до розділу}other {Надано доступ до посилання}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Надіслати в {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Надіслати піктограму',
|
package/dist/cjs/i18n/vi.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': 'Mời tham gia Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': 'Chia sẻ trang',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': 'Chia sẻ vấn đề',
|
|
56
|
+
'fabric.elements.share.popup.label': 'Chia sẻ',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {Đã chia sẻ bài đăng trên blog}board {Đã chia sẻ bảng thông tin}calendar {Đã chia sẻ lịch}draft {Đã chia sẻ bản nháp}filter {Đã chia sẻ bộ lọc}issue {Đã chia sẻ vấn đề}summary {Đã chia sẻ bản tóm tắt}list {Đã chia sẻ danh sách}timeline {Đã chia sẻ lịch trình}form {Đã chia sẻ biểu mẫu}media {Đã chia sẻ phương tiện}page {Đã chia sẻ trang}project {Đã chia sẻ dự án}pullrequest {Đã chia sẻ Pull request}question {Đã chia sẻ câu hỏi}report {Đã chia sẻ báo cáo}repository {Đã chia sẻ kho}request {Đã chia sẻ yêu cầu}roadmap {Đã chia sẻ lịch trình}site {Đã chia sẻ trang web}space {Đã chia sẻ không gian}other {Đã chia sẻ liên kết}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': 'Chia sẻ với {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': 'Biểu tượng chia sẻ',
|
package/dist/cjs/i18n/zh.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': '邀请加入 Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': '分享页面',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': '共享事务',
|
|
56
|
+
'fabric.elements.share.popup.label': '共享',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {博客文章已共享}board {面板已共享}calendar {日历已共享}draft {草稿已共享}filter {筛选器已共享}issue {事务已共享}summary {摘要已共享}list {列表已共享}timeline {时间线已共享}form {表单已共享}media {媒体已共享}page {页面已共享}project {项目已共享}pullrequest {拉取请求已共享}question {问题已共享}report {报告已共享}repository {存储库已共享}request {请求已共享}roadmap {时间线已共享}site {站点已共享}space {空间已共享}other {链接已共享}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': '分享到 {integrationName}',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': '共享图标',
|
package/dist/cjs/i18n/zh_TW.js
CHANGED
|
@@ -53,6 +53,7 @@ var _default = exports.default = {
|
|
|
53
53
|
'fabric.elements.share.invite.to.jira': '邀請加入 Jira',
|
|
54
54
|
'fabric.elements.share.main.tab.text.confluence': '分享頁面',
|
|
55
55
|
'fabric.elements.share.main.tab.text.jira': '共用議題',
|
|
56
|
+
'fabric.elements.share.popup.label': '分享',
|
|
56
57
|
'fabric.elements.share.success.message': '{object, select,blogpost {已分享部落格貼文}board {已分享看板}calendar {已分享行事曆}draft {已分享草稿}filter {已分享篩選條件}issue {已分享議題}summary {已分享摘要}list {已分享列表}timeline {已分享時間表}form {已分享表單}media {已分享媒體}page {已分享頁面}project {已分享專案}pullrequest {已分享提取要求}question {已分享問題}report {已分享報告}repository {已分享存放庫}request {已分享要求}roadmap {已分享時間軸}site {已分享網站}space {已分享空間}other {已分享連結}}',
|
|
57
58
|
'fabric.elements.share.to.integration.button': '與 {integrationName} 分享',
|
|
58
59
|
'fabric.elements.share.trigger.button.icon.label': '分享圖示',
|
package/dist/cjs/i18n.js
CHANGED
|
@@ -248,5 +248,15 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
|
|
|
248
248
|
id: 'fabric.elements.share.popup.label',
|
|
249
249
|
defaultMessage: 'Share',
|
|
250
250
|
description: 'Label of the popup that contains share menu used by assistive technologies'
|
|
251
|
+
},
|
|
252
|
+
slackMenuItemText: {
|
|
253
|
+
id: 'fabric.elements.share.menu.slack.label',
|
|
254
|
+
defaultMessage: 'Slack',
|
|
255
|
+
description: 'Text for the slack menu in share'
|
|
256
|
+
},
|
|
257
|
+
emailMenuItemText: {
|
|
258
|
+
id: 'fabric.elements.share.menu.email.label',
|
|
259
|
+
defaultMessage: 'Email',
|
|
260
|
+
description: 'Text for the email menu in share'
|
|
251
261
|
}
|
|
252
262
|
});
|
|
@@ -38,12 +38,14 @@ function LazyShareForm(props) {
|
|
|
38
38
|
copyTooltipText,
|
|
39
39
|
shareIntegrations,
|
|
40
40
|
integrationMode,
|
|
41
|
+
isMenuItemSelected,
|
|
41
42
|
// actions
|
|
42
43
|
onLinkCopy,
|
|
43
44
|
onDismiss,
|
|
44
45
|
onSubmit,
|
|
45
46
|
onDialogClose,
|
|
46
47
|
onTabChange,
|
|
48
|
+
onMenuItemChange,
|
|
47
49
|
// ref
|
|
48
50
|
selectPortalRef,
|
|
49
51
|
// props from states of parent:
|
|
@@ -75,6 +77,8 @@ function LazyShareForm(props) {
|
|
|
75
77
|
// form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
|
|
76
78
|
// so we don't need to show title via ShareFormWrapper
|
|
77
79
|
,
|
|
80
|
+
integrationMode: integrationMode,
|
|
81
|
+
isMenuItemSelected: isMenuItemSelected,
|
|
78
82
|
shouldShowTitle: false
|
|
79
83
|
}, showIntegrationForm && selectedIntegration !== null ? jsx(AnalyticsContext, {
|
|
80
84
|
data: {
|
|
@@ -112,6 +116,7 @@ function LazyShareForm(props) {
|
|
|
112
116
|
onUserSelectionChange: onUserSelectionChange,
|
|
113
117
|
handleCloseDialog: onDialogClose,
|
|
114
118
|
onTabChange: onTabChange,
|
|
119
|
+
onMenuItemChange: onMenuItemChange,
|
|
115
120
|
isBrowseUsersDisabled: isBrowseUsersDisabled,
|
|
116
121
|
userPickerOptions: userPickerOptions
|
|
117
122
|
}) : jsx("p", null, jsx(FormattedMessage, messages.formNoPermissions))));
|
|
@@ -11,13 +11,17 @@ const LazyShareFormLazy = lazyForPaint(() => import( /* webpackChunkName: "@atla
|
|
|
11
11
|
const LoadingDialog = ({
|
|
12
12
|
shareFormTitle,
|
|
13
13
|
showTitle,
|
|
14
|
-
setIsLoading
|
|
14
|
+
setIsLoading,
|
|
15
|
+
integrationMode,
|
|
16
|
+
isMenuItemSelected
|
|
15
17
|
}) => {
|
|
16
18
|
React.useEffect(() => {
|
|
17
19
|
setIsLoading(true);
|
|
18
20
|
});
|
|
19
21
|
return jsx(ShareFormWrapper, {
|
|
20
|
-
shareFormTitle: shareFormTitle
|
|
22
|
+
shareFormTitle: shareFormTitle,
|
|
23
|
+
integrationMode: integrationMode,
|
|
24
|
+
isMenuItemSelected: isMenuItemSelected
|
|
21
25
|
// if `showTitle` is passed, we use it. Otherwise, we will show title for loading dialog.
|
|
22
26
|
,
|
|
23
27
|
shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
|
|
@@ -35,6 +39,8 @@ export default (props => jsx(LazySuspense, {
|
|
|
35
39
|
fallback: jsx(LoadingDialog, {
|
|
36
40
|
shareFormTitle: props.shareFormTitle,
|
|
37
41
|
showTitle: props.showTitle,
|
|
38
|
-
setIsLoading: props.setIsLoading
|
|
42
|
+
setIsLoading: props.setIsLoading,
|
|
43
|
+
integrationMode: props.integrationMode,
|
|
44
|
+
isMenuItemSelected: props.isMenuItemSelected
|
|
39
45
|
})
|
|
40
46
|
}, jsx(LazyShareFormLazy, props)));
|
|
@@ -11,7 +11,7 @@ import { layers } from '@atlaskit/theme/constants';
|
|
|
11
11
|
import Aktooltip from '@atlaskit/tooltip';
|
|
12
12
|
import { messages } from '../i18n';
|
|
13
13
|
import { OBJECT_SHARED } from '../types';
|
|
14
|
-
import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked
|
|
14
|
+
import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareMenuItemClicked, shareSplitButtonEvent, shareTabClicked, shareTriggerButtonClicked
|
|
15
15
|
// type TabSubjectIdType,
|
|
16
16
|
} from './analytics/analytics';
|
|
17
17
|
// eslint-disable-next-line no-duplicate-imports
|
|
@@ -54,6 +54,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
|
|
|
54
54
|
showIntegrationForm: false,
|
|
55
55
|
selectedIntegration: null,
|
|
56
56
|
tabIndex: 0,
|
|
57
|
+
isMenuItemSelected: false,
|
|
57
58
|
isLoading: false
|
|
58
59
|
});
|
|
59
60
|
_defineProperty(this, "closeAndResetDialog", () => {
|
|
@@ -63,7 +64,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
|
|
|
63
64
|
shareError: undefined,
|
|
64
65
|
isDialogOpen: false,
|
|
65
66
|
showIntegrationForm: false,
|
|
66
|
-
selectedIntegration: null
|
|
67
|
+
selectedIntegration: null,
|
|
68
|
+
isMenuItemSelected: false
|
|
67
69
|
});
|
|
68
70
|
const {
|
|
69
71
|
onUserSelectionChange,
|
|
@@ -101,6 +103,16 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
|
|
|
101
103
|
tabIndex: index
|
|
102
104
|
});
|
|
103
105
|
});
|
|
106
|
+
_defineProperty(this, "onMenuItemChange", menuType => {
|
|
107
|
+
let subjectId = menuType === 'Slack' ? 'shareToSlackMenuItem' : 'shareMenuItem';
|
|
108
|
+
const {
|
|
109
|
+
shareContentType
|
|
110
|
+
} = this.props;
|
|
111
|
+
this.createAndFireEvent(shareMenuItemClicked(subjectId, shareContentType));
|
|
112
|
+
this.setState({
|
|
113
|
+
isMenuItemSelected: true
|
|
114
|
+
});
|
|
115
|
+
});
|
|
104
116
|
_defineProperty(this, "getFlags", () => {
|
|
105
117
|
const {
|
|
106
118
|
intl: {
|
|
@@ -224,7 +236,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
|
|
|
224
236
|
isDialogOpen: false,
|
|
225
237
|
showIntegrationForm: false,
|
|
226
238
|
selectedIntegration: null,
|
|
227
|
-
tabIndex: 0
|
|
239
|
+
tabIndex: 0,
|
|
240
|
+
isMenuItemSelected: false
|
|
228
241
|
});
|
|
229
242
|
});
|
|
230
243
|
_defineProperty(this, "handleShareSubmit", data => {
|
|
@@ -279,6 +292,15 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
|
|
|
279
292
|
defaultValue: data
|
|
280
293
|
});
|
|
281
294
|
});
|
|
295
|
+
_defineProperty(this, "calculatePopupOffset", ({
|
|
296
|
+
isMenuItemSelected,
|
|
297
|
+
dialogPlacement
|
|
298
|
+
}) => {
|
|
299
|
+
if (isMenuItemSelected && dialogPlacement === 'bottom-end') {
|
|
300
|
+
return [-0.1, 8];
|
|
301
|
+
}
|
|
302
|
+
return [0, 8];
|
|
303
|
+
});
|
|
282
304
|
_defineProperty(this, "handleCopyLink", () => {
|
|
283
305
|
const {
|
|
284
306
|
copyLinkOrigin,
|
|
@@ -441,7 +463,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
|
|
|
441
463
|
shareError,
|
|
442
464
|
defaultValue,
|
|
443
465
|
showIntegrationForm,
|
|
444
|
-
selectedIntegration
|
|
466
|
+
selectedIntegration,
|
|
467
|
+
isMenuItemSelected
|
|
445
468
|
} = this.state;
|
|
446
469
|
const {
|
|
447
470
|
copyLink,
|
|
@@ -511,14 +534,16 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
|
|
|
511
534
|
isPublicLink: isPublicLink,
|
|
512
535
|
copyTooltipText: copyTooltipText,
|
|
513
536
|
integrationMode: integrationMode,
|
|
514
|
-
shareIntegrations: shareIntegrations
|
|
537
|
+
shareIntegrations: shareIntegrations,
|
|
538
|
+
isMenuItemSelected: isMenuItemSelected
|
|
515
539
|
// actions
|
|
516
540
|
,
|
|
517
541
|
onLinkCopy: this.handleCopyLink,
|
|
518
542
|
onSubmit: this.handleShareSubmit,
|
|
519
543
|
onDismiss: this.handleFormDismiss,
|
|
520
544
|
onDialogClose: this.handleCloseDialog,
|
|
521
|
-
onTabChange: this.onTabChange
|
|
545
|
+
onTabChange: this.onTabChange,
|
|
546
|
+
onMenuItemChange: this.onMenuItemChange
|
|
522
547
|
//ref
|
|
523
548
|
,
|
|
524
549
|
selectPortalRef: this.selectPortalRef,
|
|
@@ -532,6 +557,12 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
|
|
|
532
557
|
zIndex: dialogZIndex,
|
|
533
558
|
label: this.props.intl.formatMessage(messages.sharePopupLabel),
|
|
534
559
|
role: "dialog"
|
|
560
|
+
// TODO: remove after https://hello.atlassian.net/wiki/x/SoEGzQ experiment is finished
|
|
561
|
+
,
|
|
562
|
+
offset: this.calculatePopupOffset({
|
|
563
|
+
isMenuItemSelected,
|
|
564
|
+
dialogPlacement
|
|
565
|
+
})
|
|
535
566
|
}), jsx(Portal, {
|
|
536
567
|
zIndex: generateSelectZIndex(dialogZIndex)
|
|
537
568
|
}, jsx("div", {
|
|
@@ -7,7 +7,10 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
|
|
|
7
7
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
8
8
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
9
9
|
import Form, { RequiredAsterisk } from '@atlaskit/form';
|
|
10
|
+
import EmailIcon from '@atlaskit/icon/glyph/email';
|
|
10
11
|
import ErrorIcon from '@atlaskit/icon/glyph/error';
|
|
12
|
+
import { MenuGroup } from '@atlaskit/menu';
|
|
13
|
+
import { Box, xcss } from '@atlaskit/primitives';
|
|
11
14
|
import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
|
|
12
15
|
import { N300, R400 } from '@atlaskit/theme/colors';
|
|
13
16
|
import { fontSizeSmall } from '@atlaskit/theme/constants';
|
|
@@ -19,6 +22,7 @@ import { CommentField } from './CommentField';
|
|
|
19
22
|
import CopyLinkButton from './CopyLinkButton';
|
|
20
23
|
import { IntegrationForm } from './IntegrationForm';
|
|
21
24
|
import { ShareHeader } from './ShareHeader';
|
|
25
|
+
import { ShareMenuItem } from './ShareMenuItem';
|
|
22
26
|
import { UserPickerField } from './UserPickerField';
|
|
23
27
|
const submitButtonWrapperStyles = css({
|
|
24
28
|
display: 'flex',
|
|
@@ -59,6 +63,14 @@ const requiredFieldInfoStyles = css({
|
|
|
59
63
|
color: `var(--ds-text-subtle, ${N300})`,
|
|
60
64
|
fontSize: `${fontSizeSmall()}px`
|
|
61
65
|
});
|
|
66
|
+
const menuGroupContainerStyles = xcss({
|
|
67
|
+
color: 'color.text',
|
|
68
|
+
borderRadius: 'border.radius',
|
|
69
|
+
backgroundColor: 'elevation.surface.overlay',
|
|
70
|
+
alignItems: 'flex-start',
|
|
71
|
+
width: '150px',
|
|
72
|
+
margin: `${"var(--ds-space-negative-100, -8px)"} ${"var(--ds-space-negative-300, -24px)"}`
|
|
73
|
+
});
|
|
62
74
|
const integrationTabText = integrationName => jsx(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
|
|
63
75
|
values: {
|
|
64
76
|
integrationName
|
|
@@ -69,7 +81,8 @@ class InternalForm extends React.PureComponent {
|
|
|
69
81
|
constructor(...args) {
|
|
70
82
|
super(...args);
|
|
71
83
|
_defineProperty(this, "state", {
|
|
72
|
-
selectedTab: TabType.default
|
|
84
|
+
selectedTab: TabType.default,
|
|
85
|
+
selectedMenuItem: 'none'
|
|
73
86
|
});
|
|
74
87
|
_defineProperty(this, "renderShareForm", () => {
|
|
75
88
|
const {
|
|
@@ -211,6 +224,13 @@ class InternalForm extends React.PureComponent {
|
|
|
211
224
|
});
|
|
212
225
|
(_this$props$onTabChan = (_this$props = this.props).onTabChange) === null || _this$props$onTabChan === void 0 ? void 0 : _this$props$onTabChan.call(_this$props, tab);
|
|
213
226
|
});
|
|
227
|
+
_defineProperty(this, "changeMenuItem", menuItem => {
|
|
228
|
+
var _this$props$onMenuIte, _this$props2;
|
|
229
|
+
this.setState({
|
|
230
|
+
selectedMenuItem: menuItem
|
|
231
|
+
});
|
|
232
|
+
(_this$props$onMenuIte = (_this$props2 = this.props).onMenuItemChange) === null || _this$props$onMenuIte === void 0 ? void 0 : _this$props$onMenuIte.call(_this$props2, menuItem);
|
|
233
|
+
});
|
|
214
234
|
}
|
|
215
235
|
componentWillUnmount() {
|
|
216
236
|
const {
|
|
@@ -227,10 +247,38 @@ class InternalForm extends React.PureComponent {
|
|
|
227
247
|
shareIntegrations,
|
|
228
248
|
handleCloseDialog
|
|
229
249
|
} = this.props;
|
|
250
|
+
const {
|
|
251
|
+
selectedMenuItem
|
|
252
|
+
} = this.state;
|
|
230
253
|
if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
|
|
231
254
|
return this.renderShareForm();
|
|
232
255
|
}
|
|
233
256
|
const firstIntegration = shareIntegrations[0];
|
|
257
|
+
if (selectedMenuItem === 'default') {
|
|
258
|
+
return this.renderShareForm();
|
|
259
|
+
}
|
|
260
|
+
if (selectedMenuItem === 'Slack') {
|
|
261
|
+
return jsx(IntegrationForm, {
|
|
262
|
+
Content: firstIntegration.Content,
|
|
263
|
+
onIntegrationClose: () => handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog()
|
|
264
|
+
});
|
|
265
|
+
}
|
|
266
|
+
if (integrationMode === 'menu') {
|
|
267
|
+
return jsx(Box, {
|
|
268
|
+
xcss: menuGroupContainerStyles
|
|
269
|
+
}, jsx(MenuGroup, null, jsx(ShareMenuItem, {
|
|
270
|
+
iconName: jsx(firstIntegration.Icon, null),
|
|
271
|
+
labelId: messages.slackMenuItemText,
|
|
272
|
+
onClickHandler: () => this.changeMenuItem('Slack')
|
|
273
|
+
}), jsx(ShareMenuItem, {
|
|
274
|
+
iconName: jsx(EmailIcon, {
|
|
275
|
+
label: "",
|
|
276
|
+
size: "medium"
|
|
277
|
+
}),
|
|
278
|
+
labelId: messages.emailMenuItemText,
|
|
279
|
+
onClickHandler: () => this.changeMenuItem('default')
|
|
280
|
+
})));
|
|
281
|
+
}
|
|
234
282
|
if (integrationMode === 'tabs') {
|
|
235
283
|
return jsx(Tabs, {
|
|
236
284
|
id: "ShareForm-Tabs-Integrations",
|
|
@@ -7,14 +7,19 @@ const ShareFormWrapper = ({
|
|
|
7
7
|
shareFormTitle,
|
|
8
8
|
shouldShowTitle,
|
|
9
9
|
children = null,
|
|
10
|
-
footer = null
|
|
10
|
+
footer = null,
|
|
11
|
+
integrationMode = 'off',
|
|
12
|
+
isMenuItemSelected = false
|
|
11
13
|
}) => {
|
|
12
14
|
const {
|
|
13
15
|
formatMessage
|
|
14
16
|
} = useIntl();
|
|
15
17
|
return /*#__PURE__*/React.createElement(InlineDialogContentWrapper, {
|
|
16
18
|
label: formatMessage(messages.formTitle)
|
|
17
|
-
}, /*#__PURE__*/React.createElement(InlineDialogFormWrapper,
|
|
19
|
+
}, /*#__PURE__*/React.createElement(InlineDialogFormWrapper, {
|
|
20
|
+
integrationMode: integrationMode,
|
|
21
|
+
isMenuItemSelected: isMenuItemSelected
|
|
22
|
+
}, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {
|
|
18
23
|
title: shareFormTitle
|
|
19
24
|
}), children), footer);
|
|
20
25
|
};
|
|
@@ -1,13 +1,37 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
import { menuWrapperWidth } from '../ShareMenuItem';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Set fixed width considering full form width and full menu width in order
|
|
8
|
+
* to prevent dialog form from bouncing when isLoading prop is set to true.
|
|
9
|
+
* Since loading container has 100% width, it adjusts accordingly.
|
|
10
|
+
*/
|
|
11
|
+
const calculateFormWrapperWidth = ({
|
|
12
|
+
integrationMode,
|
|
13
|
+
isMenuItemSelected
|
|
14
|
+
}) => {
|
|
15
|
+
const formWidth = `${8 * 44}px`;
|
|
16
|
+
if (!isMenuItemSelected && integrationMode === 'menu') {
|
|
17
|
+
return menuWrapperWidth;
|
|
9
18
|
}
|
|
10
|
-
|
|
19
|
+
return formWidth;
|
|
20
|
+
};
|
|
21
|
+
export const InlineDialogFormWrapper = ({
|
|
22
|
+
children,
|
|
23
|
+
integrationMode,
|
|
24
|
+
isMenuItemSelected
|
|
25
|
+
}) => {
|
|
26
|
+
return jsx("div", {
|
|
27
|
+
css: {
|
|
28
|
+
width: calculateFormWrapperWidth({
|
|
29
|
+
integrationMode,
|
|
30
|
+
isMenuItemSelected
|
|
31
|
+
})
|
|
32
|
+
}
|
|
33
|
+
}, children);
|
|
34
|
+
};
|
|
11
35
|
|
|
12
36
|
/**
|
|
13
37
|
* Apply the same styling, as previous @atlaskit/inline-dialog had,
|
|
@@ -18,9 +42,11 @@ export const InlineDialogFormWrapper = ({
|
|
|
18
42
|
export const InlineDialogContentWrapper = ({
|
|
19
43
|
children,
|
|
20
44
|
label
|
|
21
|
-
}) =>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
45
|
+
}) => {
|
|
46
|
+
return jsx("div", {
|
|
47
|
+
css: {
|
|
48
|
+
padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`
|
|
49
|
+
},
|
|
50
|
+
"aria-label": label
|
|
51
|
+
}, children);
|
|
52
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormattedMessage } from 'react-intl-next';
|
|
3
|
+
import { ButtonItem } from '@atlaskit/menu';
|
|
4
|
+
import { Box, xcss } from '@atlaskit/primitives';
|
|
5
|
+
const iconContainerStyles = xcss({
|
|
6
|
+
display: 'flex',
|
|
7
|
+
alignItems: 'center',
|
|
8
|
+
justifyContent: 'center',
|
|
9
|
+
height: 'size.200',
|
|
10
|
+
width: 'size.200',
|
|
11
|
+
borderRadius: 'border.radius'
|
|
12
|
+
});
|
|
13
|
+
export const ShareMenuItem = ({
|
|
14
|
+
iconName,
|
|
15
|
+
labelId,
|
|
16
|
+
onClickHandler
|
|
17
|
+
}) => /*#__PURE__*/React.createElement(ButtonItem, {
|
|
18
|
+
iconBefore: /*#__PURE__*/React.createElement(IconContainer, {
|
|
19
|
+
icon: iconName
|
|
20
|
+
}),
|
|
21
|
+
onClick: onClickHandler
|
|
22
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, labelId));
|
|
23
|
+
export const IconContainer = ({
|
|
24
|
+
icon
|
|
25
|
+
}) => /*#__PURE__*/React.createElement(Box, {
|
|
26
|
+
xcss: iconContainerStyles
|
|
27
|
+
}, icon);
|
|
28
|
+
export const menuWrapperWidth = '102px';
|