@atlaskit/link-picker 1.4.0 → 1.4.1

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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/ui/link-picker/index.js +18 -18
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/ui/link-picker/index.js +16 -16
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/ui/link-picker/index.js +18 -18
  7. package/dist/esm/version.json +1 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/link-picker
2
2
 
3
+ ## 1.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`140453ba9f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/140453ba9f6) - [ux] Move tabs to be below input fields
8
+
3
9
  ## 1.4.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/ui/link-picker/index.js CHANGED
@@ -555,23 +555,7 @@ var LinkPicker = /*#__PURE__*/function (_PureComponent) {
555
555
  return (0, _react2.jsx)("div", {
556
556
  "data-testid": "link-picker",
557
557
  css: _styled.rootContainerStyles
558
- }, tabs.length > 0 && (0, _react2.jsx)(_tabs.default, {
559
- id: "link-picker-tabs",
560
- testId: "link-picker-tabs",
561
- onChange: function onChange(activePlugin) {
562
- return _this3.setState({
563
- activePlugin: activePlugin
564
- }, function () {
565
- _this3.updateResults();
566
- });
567
- }
568
- }, (0, _react2.jsx)(_tabs.TabList, null, tabs.map(function (tab) {
569
- var label = tab.tabTitle;
570
- return (0, _react2.jsx)(_tabs.Tab, {
571
- key: label,
572
- testId: "link-picker-tab"
573
- }, label);
574
- }))), screenReaderText && (0, _react2.jsx)(_announcer.default, {
558
+ }, screenReaderText && (0, _react2.jsx)(_announcer.default, {
575
559
  ariaLive: "assertive",
576
560
  text: screenReaderText,
577
561
  ariaRelevant: "additions",
@@ -613,7 +597,23 @@ var LinkPicker = /*#__PURE__*/function (_PureComponent) {
613
597
  onChange: this.updateTextInput,
614
598
  onClear: this.handleClearDisplayText,
615
599
  clearLabel: formatMessage(_messages.messages.clearText)
616
- }), !!items.length && (0, _react2.jsx)("div", {
600
+ }), tabs.length > 0 && (0, _react2.jsx)(_tabs.default, {
601
+ id: "link-picker-tabs",
602
+ testId: "link-picker-tabs",
603
+ onChange: function onChange(activePlugin) {
604
+ return _this3.setState({
605
+ activePlugin: activePlugin
606
+ }, function () {
607
+ _this3.updateResults();
608
+ });
609
+ }
610
+ }, (0, _react2.jsx)(_tabs.TabList, null, tabs.map(function (tab) {
611
+ var label = tab.tabTitle;
612
+ return (0, _react2.jsx)(_tabs.Tab, {
613
+ key: label,
614
+ testId: "link-picker-tab"
615
+ }, label);
616
+ }))), !!items.length && (0, _react2.jsx)("div", {
617
617
  css: _styled.listTitleStyles,
618
618
  id: "link-picker-list-title",
619
619
  "data-testid": "link-picker-list-title"
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/ui/link-picker/index.js CHANGED
@@ -403,21 +403,7 @@ class LinkPicker extends PureComponent {
403
403
  return jsx("div", {
404
404
  "data-testid": "link-picker",
405
405
  css: rootContainerStyles
406
- }, tabs.length > 0 && jsx(Tabs, {
407
- id: "link-picker-tabs",
408
- testId: "link-picker-tabs",
409
- onChange: activePlugin => this.setState({
410
- activePlugin
411
- }, () => {
412
- this.updateResults();
413
- })
414
- }, jsx(TabList, null, tabs.map(tab => {
415
- const label = tab.tabTitle;
416
- return jsx(Tab, {
417
- key: label,
418
- testId: "link-picker-tab"
419
- }, label);
420
- }))), screenReaderText && jsx(Announcer, {
406
+ }, screenReaderText && jsx(Announcer, {
421
407
  ariaLive: "assertive",
422
408
  text: screenReaderText,
423
409
  ariaRelevant: "additions",
@@ -459,7 +445,21 @@ class LinkPicker extends PureComponent {
459
445
  onChange: this.updateTextInput,
460
446
  onClear: this.handleClearDisplayText,
461
447
  clearLabel: formatMessage(messages.clearText)
462
- }), !!items.length && jsx("div", {
448
+ }), tabs.length > 0 && jsx(Tabs, {
449
+ id: "link-picker-tabs",
450
+ testId: "link-picker-tabs",
451
+ onChange: activePlugin => this.setState({
452
+ activePlugin
453
+ }, () => {
454
+ this.updateResults();
455
+ })
456
+ }, jsx(TabList, null, tabs.map(tab => {
457
+ const label = tab.tabTitle;
458
+ return jsx(Tab, {
459
+ key: label,
460
+ testId: "link-picker-tab"
461
+ }, label);
462
+ }))), !!items.length && jsx("div", {
463
463
  css: listTitleStyles,
464
464
  id: "link-picker-list-title",
465
465
  "data-testid": "link-picker-list-title"
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/ui/link-picker/index.js CHANGED
@@ -531,23 +531,7 @@ var LinkPicker = /*#__PURE__*/function (_PureComponent) {
531
531
  return jsx("div", {
532
532
  "data-testid": "link-picker",
533
533
  css: rootContainerStyles
534
- }, tabs.length > 0 && jsx(Tabs, {
535
- id: "link-picker-tabs",
536
- testId: "link-picker-tabs",
537
- onChange: function onChange(activePlugin) {
538
- return _this3.setState({
539
- activePlugin: activePlugin
540
- }, function () {
541
- _this3.updateResults();
542
- });
543
- }
544
- }, jsx(TabList, null, tabs.map(function (tab) {
545
- var label = tab.tabTitle;
546
- return jsx(Tab, {
547
- key: label,
548
- testId: "link-picker-tab"
549
- }, label);
550
- }))), screenReaderText && jsx(Announcer, {
534
+ }, screenReaderText && jsx(Announcer, {
551
535
  ariaLive: "assertive",
552
536
  text: screenReaderText,
553
537
  ariaRelevant: "additions",
@@ -589,7 +573,23 @@ var LinkPicker = /*#__PURE__*/function (_PureComponent) {
589
573
  onChange: this.updateTextInput,
590
574
  onClear: this.handleClearDisplayText,
591
575
  clearLabel: formatMessage(messages.clearText)
592
- }), !!items.length && jsx("div", {
576
+ }), tabs.length > 0 && jsx(Tabs, {
577
+ id: "link-picker-tabs",
578
+ testId: "link-picker-tabs",
579
+ onChange: function onChange(activePlugin) {
580
+ return _this3.setState({
581
+ activePlugin: activePlugin
582
+ }, function () {
583
+ _this3.updateResults();
584
+ });
585
+ }
586
+ }, jsx(TabList, null, tabs.map(function (tab) {
587
+ var label = tab.tabTitle;
588
+ return jsx(Tab, {
589
+ key: label,
590
+ testId: "link-picker-tab"
591
+ }, label);
592
+ }))), !!items.length && jsx("div", {
593
593
  css: listTitleStyles,
594
594
  id: "link-picker-list-title",
595
595
  "data-testid": "link-picker-list-title"
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "description": "Standalone link picker",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {