@atlaskit/link-picker 1.34.8 → 1.34.10

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.
Files changed (49) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/common/generic-error-svg/styled.js +5 -4
  3. package/dist/cjs/common/ui/min-height-container/styled.js +6 -4
  4. package/dist/cjs/i18n/index.js +137 -0
  5. package/dist/cjs/ui/error-boundary/error-boundary-fallback/styled.js +3 -4
  6. package/dist/cjs/ui/index.js +1 -1
  7. package/dist/cjs/ui/link-picker/form-footer/feature-discovery/styled.js +11 -5
  8. package/dist/cjs/ui/link-picker/form-footer/styled.js +7 -5
  9. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +5 -4
  10. package/dist/cjs/ui/link-picker/search-results/search-results-container/styled.js +6 -4
  11. package/dist/cjs/ui/link-picker/search-results/styled.js +17 -6
  12. package/dist/cjs/ui/link-picker/styled.js +5 -2
  13. package/dist/cjs/ui/link-picker/text-input/styled.js +16 -5
  14. package/dist/cjs/ui/loader-fallback/styled.js +3 -4
  15. package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js +67 -22
  16. package/dist/cjs/ui/styled.js +3 -4
  17. package/dist/es2019/common/generic-error-svg/styled.js +5 -5
  18. package/dist/es2019/common/ui/min-height-container/styled.js +6 -6
  19. package/dist/es2019/i18n/index.js +27 -0
  20. package/dist/es2019/ui/error-boundary/error-boundary-fallback/styled.js +3 -3
  21. package/dist/es2019/ui/index.js +1 -1
  22. package/dist/es2019/ui/link-picker/form-footer/feature-discovery/styled.js +10 -10
  23. package/dist/es2019/ui/link-picker/form-footer/styled.js +7 -7
  24. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +5 -5
  25. package/dist/es2019/ui/link-picker/search-results/search-results-container/styled.js +6 -6
  26. package/dist/es2019/ui/link-picker/search-results/styled.js +17 -17
  27. package/dist/es2019/ui/link-picker/styled.js +4 -3
  28. package/dist/es2019/ui/link-picker/text-input/styled.js +15 -15
  29. package/dist/es2019/ui/loader-fallback/styled.js +3 -3
  30. package/dist/es2019/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js +35 -12
  31. package/dist/es2019/ui/styled.js +3 -3
  32. package/dist/esm/common/generic-error-svg/styled.js +5 -3
  33. package/dist/esm/common/ui/min-height-container/styled.js +6 -3
  34. package/dist/esm/i18n/index.js +77 -0
  35. package/dist/esm/ui/error-boundary/error-boundary-fallback/styled.js +3 -3
  36. package/dist/esm/ui/index.js +1 -1
  37. package/dist/esm/ui/link-picker/form-footer/feature-discovery/styled.js +11 -4
  38. package/dist/esm/ui/link-picker/form-footer/styled.js +7 -4
  39. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +5 -3
  40. package/dist/esm/ui/link-picker/search-results/search-results-container/styled.js +6 -3
  41. package/dist/esm/ui/link-picker/search-results/styled.js +17 -5
  42. package/dist/esm/ui/link-picker/styled.js +5 -2
  43. package/dist/esm/ui/link-picker/text-input/styled.js +16 -4
  44. package/dist/esm/ui/loader-fallback/styled.js +3 -3
  45. package/dist/esm/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js +62 -17
  46. package/dist/esm/ui/styled.js +3 -3
  47. package/dist/types/i18n/index.d.ts +1 -0
  48. package/dist/types-ts4.5/i18n/index.d.ts +1 -0
  49. package/package.json +9 -6
@@ -1,15 +1,15 @@
1
1
  import { css, keyframes } from '@emotion/react';
2
- const pulseKeyframes = keyframes`
3
- to {
4
- box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);
2
+ const pulseKeyframes = keyframes({
3
+ to: {
4
+ boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
5
5
  }
6
- `;
6
+ });
7
7
 
8
8
  // Styling from atlassian-frontend/packages/design-system/onboarding/src/styled/target.tsx
9
9
  const pulseColor = 'rgb(101, 84, 192)';
10
- export const pulseStyles = css`
11
- display: inline-flex;
12
- border-radius: 3px;
13
- box-shadow: 0 0 0 0 ${pulseColor};
14
- animation: ${pulseKeyframes} 1.45s cubic-bezier(0.5, 0, 0, 1) infinite;
15
- `;
10
+ export const pulseStyles = css({
11
+ display: 'inline-flex',
12
+ borderRadius: '3px',
13
+ boxShadow: `0 0 0 0 ${pulseColor}`,
14
+ animation: `${pulseKeyframes} 1.45s cubic-bezier(0.5, 0, 0, 1) infinite`
15
+ });
@@ -1,8 +1,8 @@
1
1
  import { css } from '@emotion/react';
2
- export const formFooterStyles = css`
3
- display: flex;
4
- justify-content: flex-end;
5
- `;
6
- export const formFooterActionStyles = css`
7
- margin-right: auto;
8
- `;
2
+ export const formFooterStyles = css({
3
+ display: 'flex',
4
+ justifyContent: 'flex-end'
5
+ });
6
+ export const formFooterActionStyles = css({
7
+ marginRight: 'auto'
8
+ });
@@ -1,7 +1,7 @@
1
1
  import { css } from '@emotion/react';
2
2
  const HEIGHT = 120;
3
- export const noResultsSVGStyles = css`
4
- height: ${HEIGHT}px;
5
- margin: 0 auto ${"var(--ds-space-300, 24px)"};
6
- display: block;
7
- `;
3
+ export const noResultsSVGStyles = css({
4
+ height: `${HEIGHT}px`,
5
+ margin: `0 auto ${"var(--ds-space-300, 24px)"}`,
6
+ display: 'block'
7
+ });
@@ -1,7 +1,7 @@
1
1
  import { css } from '@emotion/react';
2
- export const flexColumn = css`
3
- display: flex;
4
- flex-direction: column;
5
- justify-content: flex-start;
6
- width: 100%;
7
- `;
2
+ export const flexColumn = css({
3
+ display: 'flex',
4
+ flexDirection: 'column',
5
+ justifyContent: 'flex-start',
6
+ width: '100%'
7
+ });
@@ -1,18 +1,18 @@
1
1
  import { css } from '@emotion/react';
2
- export const tabsWrapperStyles = css`
3
- margin-top: ${"var(--ds-space-150, 12px)"};
4
- margin-left: ${"var(--ds-space-negative-100, -8px)"};
5
- margin-right: ${"var(--ds-space-negative-100, -8px)"};
6
- `;
7
- export const spinnerContainerStyles = css`
8
- min-height: 80px;
9
- display: flex;
10
- align-items: center;
11
- justify-content: center;
12
- align-self: center;
13
- flex-grow: 1;
14
- `;
15
- export const flexColumnStyles = css`
16
- display: flex;
17
- flex-direction: column;
18
- `;
2
+ export const tabsWrapperStyles = css({
3
+ marginTop: "var(--ds-space-150, 12px)",
4
+ marginLeft: "var(--ds-space-negative-100, -8px)",
5
+ marginRight: "var(--ds-space-negative-100, -8px)"
6
+ });
7
+ export const spinnerContainerStyles = css({
8
+ minHeight: '80px',
9
+ display: 'flex',
10
+ alignItems: 'center',
11
+ justifyContent: 'center',
12
+ alignSelf: 'center',
13
+ flexGrow: 1
14
+ });
15
+ export const flexColumnStyles = css({
16
+ display: 'flex',
17
+ flexDirection: 'column'
18
+ });
@@ -1,5 +1,6 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
3
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
3
4
  export const rootContainerStyles = css`
4
5
  width: ${getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)'};
5
6
  padding-left: var(--link-picker-padding-left);
@@ -10,6 +11,6 @@ export const rootContainerStyles = css`
10
11
  line-height: initial;
11
12
  display: block !important;
12
13
  `;
13
- export const formFooterMargin = css`
14
- margin-top: ${"var(--ds-space-200, 16px)"};
15
- `;
14
+ export const formFooterMargin = css({
15
+ marginTop: "var(--ds-space-200, 16px)"
16
+ });
@@ -1,23 +1,23 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { N500 } from '@atlaskit/theme/colors';
3
- export const clearTextButtonStyles = css`
4
- padding: 0;
5
- margin-right: ${"var(--ds-space-050, 4px)"};
6
- color: ${`var(--ds-icon-subtle, ${N500})`};
7
- background: transparent;
8
- border: none;
9
- cursor: pointer;
10
- `;
3
+ export const clearTextButtonStyles = css({
4
+ padding: 0,
5
+ marginRight: "var(--ds-space-050, 4px)",
6
+ color: `var(--ds-icon-subtle, ${N500})`,
7
+ background: 'transparent',
8
+ border: 'none',
9
+ cursor: 'pointer'
10
+ });
11
11
 
12
12
  /**
13
13
  * Overidding text input margin top which design system provides as a default spacer
14
14
  * but it gets in the way of our layout
15
15
  */
16
- export const fieldStyles = css`
17
- > div {
18
- margin-top: 0;
16
+ export const fieldStyles = css({
17
+ '> div': {
18
+ marginTop: 0
19
+ },
20
+ '& + &': {
21
+ marginTop: "var(--ds-space-200, 16px)"
19
22
  }
20
- & + & {
21
- margin-top: ${"var(--ds-space-200, 16px)"};
22
- }
23
- `;
23
+ });
@@ -1,4 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
- export const styles = css`
3
- align-items: center;
4
- `;
2
+ export const styles = css({
3
+ alignItems: 'center'
4
+ });
@@ -1,15 +1,38 @@
1
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
2
+ import { locales } from '../../../../i18n';
1
3
  export const fetchMessagesForLocale = async locale => {
2
- try {
3
- const messages = await import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */`../../../../i18n/${locale.replace('-', '_')}`);
4
- return messages.default;
5
- } catch (e) {
6
- // ignore
7
- }
8
- try {
9
- const parentLocale = locale.split(/[-_]/)[0];
10
- const messages = await import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */`../../../../i18n/${parentLocale}`);
11
- return messages.default;
12
- } catch (e) {
13
- // ignore
4
+ if (getBooleanFF('platform.linking-platform.link-picker.translations-map')) {
5
+ try {
6
+ const localeKey = locale.replace('-', '_');
7
+ if (localeKey in locales) {
8
+ const messages = await locales[localeKey]();
9
+ return messages.default;
10
+ }
11
+ } catch (e) {
12
+ // ignore
13
+ }
14
+ try {
15
+ const parentLocale = locale.split(/[-_]/)[0];
16
+ if (parentLocale in locales) {
17
+ const messages = await locales[parentLocale]();
18
+ return messages.default;
19
+ }
20
+ } catch (e) {
21
+ // ignore
22
+ }
23
+ } else {
24
+ try {
25
+ const messages = await import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */`../../../../i18n/${locale.replace('-', '_')}`);
26
+ return messages.default;
27
+ } catch (e) {
28
+ // ignore
29
+ }
30
+ try {
31
+ const parentLocale = locale.split(/[-_]/)[0];
32
+ const messages = await import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */`../../../../i18n/${parentLocale}`);
33
+ return messages.default;
34
+ } catch (e) {
35
+ // ignore
36
+ }
14
37
  }
15
38
  };
@@ -1,4 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
- export const fixedWidthContainerStyles = css`
3
- width: var(--link-picker-width);
4
- `;
2
+ export const fixedWidthContainerStyles = css({
3
+ width: 'var(--link-picker-width)'
4
+ });
@@ -1,5 +1,7 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  import { css } from '@emotion/react';
4
2
  var HEIGHT = 90;
5
- export var genericErrorStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: ", "px;\n margin: 0 auto ", ";\n display: block;\n"])), HEIGHT, "var(--ds-space-300, 24px)");
3
+ export var genericErrorStyles = css({
4
+ height: "".concat(HEIGHT, "px"),
5
+ margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
6
+ display: 'block'
7
+ });
@@ -1,4 +1,7 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  import { css } from '@emotion/react';
4
- export var minHeightComponentStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: stretch;\n justify-content: center;\n min-height: var(--link-picker-min-height);\n"])));
2
+ export var minHeightComponentStyles = css({
3
+ display: 'flex',
4
+ alignItems: 'stretch',
5
+ justifyContent: 'center',
6
+ minHeight: 'var(--link-picker-min-height)'
7
+ });
@@ -0,0 +1,77 @@
1
+ export var locales = {
2
+ cs: function cs() {
3
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-cs" */'./cs');
4
+ },
5
+ da: function da() {
6
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-da" */'./da');
7
+ },
8
+ de: function de() {
9
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-de" */'./de');
10
+ },
11
+ en_GB: function en_GB() {
12
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-en-GB" */'./en_GB');
13
+ },
14
+ en_ZZ: function en_ZZ() {
15
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-en-ZZ" */'./en_ZZ');
16
+ },
17
+ en: function en() {
18
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-en" */'./en');
19
+ },
20
+ es: function es() {
21
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-es" */'./es');
22
+ },
23
+ fi: function fi() {
24
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-fi" */'./fi');
25
+ },
26
+ fr: function fr() {
27
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-fr" */'./fr');
28
+ },
29
+ hu: function hu() {
30
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-hu" */'./hu');
31
+ },
32
+ it: function it() {
33
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-it" */'./it');
34
+ },
35
+ ja: function ja() {
36
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-ja" */'./ja');
37
+ },
38
+ ko: function ko() {
39
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-ko" */'./ko');
40
+ },
41
+ nb: function nb() {
42
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-nb" */'./nb');
43
+ },
44
+ nl: function nl() {
45
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-nl" */'./nl');
46
+ },
47
+ pl: function pl() {
48
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-pl" */'./pl');
49
+ },
50
+ pt_BR: function pt_BR() {
51
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-pt-BR" */'./pt_BR');
52
+ },
53
+ ru: function ru() {
54
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-ru" */'./ru');
55
+ },
56
+ sv: function sv() {
57
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-sv" */'./sv');
58
+ },
59
+ th: function th() {
60
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-th" */'./th');
61
+ },
62
+ tr: function tr() {
63
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-tr" */'./tr');
64
+ },
65
+ uk: function uk() {
66
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-uk" */'./uk');
67
+ },
68
+ vi: function vi() {
69
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-vi" */'./vi');
70
+ },
71
+ zh_TW: function zh_TW() {
72
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-zh-tw" */'./zh_TW');
73
+ },
74
+ zh: function zh() {
75
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-zh" */'./zh');
76
+ }
77
+ };
@@ -1,4 +1,4 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  import { css } from '@emotion/react';
4
- export var errorBoundaryFallbackStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n line-height: initial;\n"])));
2
+ export var errorBoundaryFallbackStyles = css({
3
+ lineHeight: 'initial'
4
+ });
@@ -17,7 +17,7 @@ export var testIds = {
17
17
  };
18
18
  export var PACKAGE_DATA = {
19
19
  packageName: "@atlaskit/link-picker" || '',
20
- packageVersion: "1.34.8" || '',
20
+ packageVersion: "1.34.10" || '',
21
21
  componentName: COMPONENT_NAME,
22
22
  source: COMPONENT_NAME
23
23
  };
@@ -1,8 +1,15 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
3
1
  import { css, keyframes } from '@emotion/react';
4
- var pulseKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n to {\n box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);\n }\n"])));
2
+ var pulseKeyframes = keyframes({
3
+ to: {
4
+ boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
5
+ }
6
+ });
5
7
 
6
8
  // Styling from atlassian-frontend/packages/design-system/onboarding/src/styled/target.tsx
7
9
  var pulseColor = 'rgb(101, 84, 192)';
8
- export var pulseStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: inline-flex;\n border-radius: 3px;\n box-shadow: 0 0 0 0 ", ";\n animation: ", " 1.45s cubic-bezier(0.5, 0, 0, 1) infinite;\n"])), pulseColor, pulseKeyframes);
10
+ export var pulseStyles = css({
11
+ display: 'inline-flex',
12
+ borderRadius: '3px',
13
+ boxShadow: "0 0 0 0 ".concat(pulseColor),
14
+ animation: "".concat(pulseKeyframes, " 1.45s cubic-bezier(0.5, 0, 0, 1) infinite")
15
+ });
@@ -1,5 +1,8 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
3
1
  import { css } from '@emotion/react';
4
- export var formFooterStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n"])));
5
- export var formFooterActionStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-right: auto;\n"])));
2
+ export var formFooterStyles = css({
3
+ display: 'flex',
4
+ justifyContent: 'flex-end'
5
+ });
6
+ export var formFooterActionStyles = css({
7
+ marginRight: 'auto'
8
+ });
@@ -1,5 +1,7 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  import { css } from '@emotion/react';
4
2
  var HEIGHT = 120;
5
- export var noResultsSVGStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: ", "px;\n margin: 0 auto ", ";\n display: block;\n"])), HEIGHT, "var(--ds-space-300, 24px)");
3
+ export var noResultsSVGStyles = css({
4
+ height: "".concat(HEIGHT, "px"),
5
+ margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
6
+ display: 'block'
7
+ });
@@ -1,4 +1,7 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  import { css } from '@emotion/react';
4
- export var flexColumn = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n"])));
2
+ export var flexColumn = css({
3
+ display: 'flex',
4
+ flexDirection: 'column',
5
+ justifyContent: 'flex-start',
6
+ width: '100%'
7
+ });
@@ -1,6 +1,18 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3;
3
1
  import { css } from '@emotion/react';
4
- export var tabsWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-top: ", ";\n margin-left: ", ";\n margin-right: ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-negative-100, -8px)", "var(--ds-space-negative-100, -8px)");
5
- export var spinnerContainerStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n min-height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n align-self: center;\n flex-grow: 1;\n"])));
6
- export var flexColumnStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
2
+ export var tabsWrapperStyles = css({
3
+ marginTop: "var(--ds-space-150, 12px)",
4
+ marginLeft: "var(--ds-space-negative-100, -8px)",
5
+ marginRight: "var(--ds-space-negative-100, -8px)"
6
+ });
7
+ export var spinnerContainerStyles = css({
8
+ minHeight: '80px',
9
+ display: 'flex',
10
+ alignItems: 'center',
11
+ justifyContent: 'center',
12
+ alignSelf: 'center',
13
+ flexGrow: 1
14
+ });
15
+ export var flexColumnStyles = css({
16
+ display: 'flex',
17
+ flexDirection: 'column'
18
+ });
@@ -1,6 +1,9 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
2
+ var _templateObject;
3
3
  import { css } from '@emotion/react';
4
4
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
5
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
5
6
  export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", ";\n padding-left: var(--link-picker-padding-left);\n padding-right: var(--link-picker-padding-right);\n padding-top: var(--link-picker-padding-top);\n padding-bottom: var(--link-picker-padding-bottom);\n box-sizing: border-box;\n line-height: initial;\n display: block !important;\n"])), getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
6
- export var formFooterMargin = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
7
+ export var formFooterMargin = css({
8
+ marginTop: "var(--ds-space-200, 16px)"
9
+ });
@@ -1,11 +1,23 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
3
1
  import { css } from '@emotion/react';
4
2
  import { N500 } from '@atlaskit/theme/colors';
5
- export var clearTextButtonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 0;\n margin-right: ", ";\n color: ", ";\n background: transparent;\n border: none;\n cursor: pointer;\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon-subtle, ".concat(N500, ")"));
3
+ export var clearTextButtonStyles = css({
4
+ padding: 0,
5
+ marginRight: "var(--ds-space-050, 4px)",
6
+ color: "var(--ds-icon-subtle, ".concat(N500, ")"),
7
+ background: 'transparent',
8
+ border: 'none',
9
+ cursor: 'pointer'
10
+ });
6
11
 
7
12
  /**
8
13
  * Overidding text input margin top which design system provides as a default spacer
9
14
  * but it gets in the way of our layout
10
15
  */
11
- export var fieldStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n > div {\n margin-top: 0;\n }\n & + & {\n margin-top: ", ";\n }\n"])), "var(--ds-space-200, 16px)");
16
+ export var fieldStyles = css({
17
+ '> div': {
18
+ marginTop: 0
19
+ },
20
+ '& + &': {
21
+ marginTop: "var(--ds-space-200, 16px)"
22
+ }
23
+ });
@@ -1,4 +1,4 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  import { css } from '@emotion/react';
4
- export var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n align-items: center;\n"])));
2
+ export var styles = css({
3
+ alignItems: 'center'
4
+ });
@@ -1,36 +1,81 @@
1
1
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
2
2
  import _regeneratorRuntime from "@babel/runtime/regenerator";
3
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
4
+ import { locales } from '../../../../i18n';
3
5
  export var fetchMessagesForLocale = /*#__PURE__*/function () {
4
6
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(locale) {
5
- var messages, parentLocale, _messages;
7
+ var localeKey, messages, parentLocale, _messages, _messages2, _parentLocale, _messages3;
6
8
  return _regeneratorRuntime.wrap(function _callee$(_context) {
7
9
  while (1) switch (_context.prev = _context.next) {
8
10
  case 0:
9
- _context.prev = 0;
10
- _context.next = 3;
11
- return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(locale.replace('-', '_')));
12
- case 3:
11
+ if (!getBooleanFF('platform.linking-platform.link-picker.translations-map')) {
12
+ _context.next = 25;
13
+ break;
14
+ }
15
+ _context.prev = 1;
16
+ localeKey = locale.replace('-', '_');
17
+ if (!(localeKey in locales)) {
18
+ _context.next = 8;
19
+ break;
20
+ }
21
+ _context.next = 6;
22
+ return locales[localeKey]();
23
+ case 6:
13
24
  messages = _context.sent;
14
25
  return _context.abrupt("return", messages.default);
15
- case 7:
16
- _context.prev = 7;
17
- _context.t0 = _context["catch"](0);
18
- case 9:
19
- _context.prev = 9;
26
+ case 8:
27
+ _context.next = 12;
28
+ break;
29
+ case 10:
30
+ _context.prev = 10;
31
+ _context.t0 = _context["catch"](1);
32
+ case 12:
33
+ _context.prev = 12;
20
34
  parentLocale = locale.split(/[-_]/)[0];
21
- _context.next = 13;
22
- return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(parentLocale));
23
- case 13:
35
+ if (!(parentLocale in locales)) {
36
+ _context.next = 19;
37
+ break;
38
+ }
39
+ _context.next = 17;
40
+ return locales[parentLocale]();
41
+ case 17:
24
42
  _messages = _context.sent;
25
43
  return _context.abrupt("return", _messages.default);
26
- case 17:
27
- _context.prev = 17;
28
- _context.t1 = _context["catch"](9);
29
44
  case 19:
45
+ _context.next = 23;
46
+ break;
47
+ case 21:
48
+ _context.prev = 21;
49
+ _context.t1 = _context["catch"](12);
50
+ case 23:
51
+ _context.next = 44;
52
+ break;
53
+ case 25:
54
+ _context.prev = 25;
55
+ _context.next = 28;
56
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(locale.replace('-', '_')));
57
+ case 28:
58
+ _messages2 = _context.sent;
59
+ return _context.abrupt("return", _messages2.default);
60
+ case 32:
61
+ _context.prev = 32;
62
+ _context.t2 = _context["catch"](25);
63
+ case 34:
64
+ _context.prev = 34;
65
+ _parentLocale = locale.split(/[-_]/)[0];
66
+ _context.next = 38;
67
+ return import( /* webpackChunkName: "@atlaskit-internal_link-picker-i18n-[request]" */"../../../../i18n/".concat(_parentLocale));
68
+ case 38:
69
+ _messages3 = _context.sent;
70
+ return _context.abrupt("return", _messages3.default);
71
+ case 42:
72
+ _context.prev = 42;
73
+ _context.t3 = _context["catch"](34);
74
+ case 44:
30
75
  case "end":
31
76
  return _context.stop();
32
77
  }
33
- }, _callee, null, [[0, 7], [9, 17]]);
78
+ }, _callee, null, [[1, 10], [12, 21], [25, 32], [34, 42]]);
34
79
  }));
35
80
  return function fetchMessagesForLocale(_x) {
36
81
  return _ref.apply(this, arguments);
@@ -1,4 +1,4 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  import { css } from '@emotion/react';
4
- export var fixedWidthContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: var(--link-picker-width);\n"])));
2
+ export var fixedWidthContainerStyles = css({
3
+ width: 'var(--link-picker-width)'
4
+ });
@@ -0,0 +1 @@
1
+ export declare const locales: Record<string, () => Promise<any>>;
@@ -0,0 +1 @@
1
+ export declare const locales: Record<string, () => Promise<any>>;