@pingux/astro 1.0.0-alpha.6 → 1.1.0-alpha.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.
Files changed (113) hide show
  1. package/CHANGELOG.md +186 -0
  2. package/README.md +5 -0
  3. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +4 -11
  4. package/lib/cjs/components/AccordionItem/AccordionItem.js +3 -1
  5. package/lib/cjs/components/Button/Button.js +5 -24
  6. package/lib/cjs/components/Button/Button.stories.js +5 -11
  7. package/lib/cjs/components/Button/Button.test.js +0 -24
  8. package/lib/cjs/components/Chip/Chip.js +26 -10
  9. package/lib/cjs/components/Chip/Chip.stories.js +44 -5
  10. package/lib/cjs/components/Chip/Chip.test.js +9 -0
  11. package/lib/cjs/components/{Panel/index.js → Chip/ChipContext.js} +8 -7
  12. package/lib/cjs/components/CopyText/CopyText.js +3 -73
  13. package/lib/cjs/components/IconButton/IconButton.js +17 -7
  14. package/lib/cjs/components/IconButton/IconButton.test.js +0 -1
  15. package/lib/cjs/components/ListItem/ListItem.stories.js +0 -2
  16. package/lib/cjs/components/ListView/ListView.js +4 -3
  17. package/lib/cjs/components/ListViewItem/ListViewItem.js +3 -6
  18. package/lib/cjs/components/MultivaluesField/MultivaluesField.js +1 -1
  19. package/lib/cjs/components/Stepper/Stepper.js +1 -0
  20. package/lib/cjs/components/Tab/Tab.js +15 -6
  21. package/lib/cjs/components/Tabs/Tabs.js +7 -1
  22. package/lib/cjs/components/Tabs/Tabs.stories.js +60 -6
  23. package/lib/cjs/components/Tabs/Tabs.test.js +78 -15
  24. package/lib/cjs/components/TextAreaField/TextAreaField.test.js +10 -0
  25. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +45 -2
  26. package/lib/cjs/{components/DropdownField → hooks/useCopyToClipboard}/index.js +2 -2
  27. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js +83 -0
  28. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +79 -0
  29. package/lib/cjs/index.js +48 -136
  30. package/lib/cjs/layouts/ListLayout.stories.js +2 -1
  31. package/lib/cjs/layouts/SchemaFormLayout.stories.js +2 -21
  32. package/lib/cjs/recipes/ArrayField.stories.js +3 -3
  33. package/lib/cjs/recipes/CopyToClipboard.stories.js +45 -0
  34. package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +146 -0
  35. package/lib/cjs/styles/forms/input.js +4 -0
  36. package/lib/cjs/styles/theme.js +0 -3
  37. package/lib/cjs/styles/variants/accordion.js +7 -9
  38. package/lib/cjs/styles/variants/boxes.js +22 -19
  39. package/lib/cjs/styles/variants/buttons.js +38 -29
  40. package/lib/cjs/styles/variants/tabs.js +1 -0
  41. package/lib/cjs/styles/variants/variants.js +0 -3
  42. package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +4 -11
  43. package/lib/components/AccordionItem/AccordionItem.js +3 -1
  44. package/lib/components/Button/Button.js +7 -24
  45. package/lib/components/Button/Button.stories.js +5 -10
  46. package/lib/components/Button/Button.test.js +0 -20
  47. package/lib/components/Chip/Chip.js +25 -10
  48. package/lib/components/Chip/Chip.stories.js +41 -5
  49. package/lib/components/Chip/Chip.test.js +9 -0
  50. package/lib/components/Chip/ChipContext.js +3 -0
  51. package/lib/components/CopyText/CopyText.js +2 -71
  52. package/lib/components/IconButton/IconButton.js +17 -9
  53. package/lib/components/IconButton/IconButton.test.js +0 -1
  54. package/lib/components/ListItem/ListItem.stories.js +0 -2
  55. package/lib/components/ListView/ListView.js +4 -3
  56. package/lib/components/ListViewItem/ListViewItem.js +3 -5
  57. package/lib/components/MultivaluesField/MultivaluesField.js +1 -1
  58. package/lib/components/Stepper/Stepper.js +1 -0
  59. package/lib/components/Tab/Tab.js +15 -6
  60. package/lib/components/Tabs/Tabs.js +7 -1
  61. package/lib/components/Tabs/Tabs.stories.js +56 -4
  62. package/lib/components/Tabs/Tabs.test.js +78 -15
  63. package/lib/components/TextAreaField/TextAreaField.test.js +8 -0
  64. package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +33 -1
  65. package/lib/hooks/useCopyToClipboard/index.js +1 -0
  66. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +69 -0
  67. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +64 -0
  68. package/lib/index.js +0 -8
  69. package/lib/layouts/ListLayout.stories.js +2 -1
  70. package/lib/layouts/SchemaFormLayout.stories.js +2 -19
  71. package/lib/recipes/ArrayField.stories.js +3 -3
  72. package/lib/recipes/CopyToClipboard.stories.js +25 -0
  73. package/lib/recipes/RadioButtonsWithLinks.stories.js +120 -0
  74. package/lib/styles/forms/input.js +4 -0
  75. package/lib/styles/theme.js +0 -3
  76. package/lib/styles/variants/accordion.js +7 -9
  77. package/lib/styles/variants/boxes.js +21 -19
  78. package/lib/styles/variants/buttons.js +37 -29
  79. package/lib/styles/variants/tabs.js +1 -0
  80. package/lib/styles/variants/variants.js +0 -2
  81. package/package.json +2 -2
  82. package/lib/cjs/components/Dropdown/Dropdown.js +0 -112
  83. package/lib/cjs/components/Dropdown/Dropdown.test.js +0 -80
  84. package/lib/cjs/components/Dropdown/index.js +0 -18
  85. package/lib/cjs/components/DropdownField/DropdownField.js +0 -187
  86. package/lib/cjs/components/DropdownField/DropdownField.stories.js +0 -278
  87. package/lib/cjs/components/DropdownField/DropdownField.test.js +0 -80
  88. package/lib/cjs/components/Panel/Panel.js +0 -101
  89. package/lib/cjs/components/Panel/Panel.stories.js +0 -57
  90. package/lib/cjs/components/Panel/Panel.test.js +0 -72
  91. package/lib/cjs/components/Popover/Popover.js +0 -87
  92. package/lib/cjs/components/Popover/Popover.stories.js +0 -80
  93. package/lib/cjs/components/Popover/Popover.test.js +0 -91
  94. package/lib/cjs/components/Popover/index.js +0 -18
  95. package/lib/cjs/recipes/InputBoxWithLinkedChip.stories.js +0 -67
  96. package/lib/cjs/styles/variants/popover.js +0 -86
  97. package/lib/components/Dropdown/Dropdown.js +0 -90
  98. package/lib/components/Dropdown/Dropdown.test.js +0 -62
  99. package/lib/components/Dropdown/index.js +0 -1
  100. package/lib/components/DropdownField/DropdownField.js +0 -155
  101. package/lib/components/DropdownField/DropdownField.stories.js +0 -222
  102. package/lib/components/DropdownField/DropdownField.test.js +0 -60
  103. package/lib/components/DropdownField/index.js +0 -1
  104. package/lib/components/Panel/Panel.js +0 -71
  105. package/lib/components/Panel/Panel.stories.js +0 -35
  106. package/lib/components/Panel/Panel.test.js +0 -52
  107. package/lib/components/Panel/index.js +0 -1
  108. package/lib/components/Popover/Popover.js +0 -65
  109. package/lib/components/Popover/Popover.stories.js +0 -52
  110. package/lib/components/Popover/Popover.test.js +0 -75
  111. package/lib/components/Popover/index.js +0 -2
  112. package/lib/recipes/InputBoxWithLinkedChip.stories.js +0 -43
  113. package/lib/styles/variants/popover.js +0 -76
@@ -0,0 +1,83 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
+
5
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
6
+
7
+ _Object$defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+
11
+ exports["default"] = void 0;
12
+
13
+ var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
14
+
15
+ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
16
+
17
+ var useCopyToClipboard = function useCopyToClipboard(value) {
18
+ var setIsCopied = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
19
+ return /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
20
+ var textArea, isSuccessful;
21
+ return _regenerator["default"].wrap(function _callee$(_context) {
22
+ while (1) {
23
+ switch (_context.prev = _context.next) {
24
+ case 0:
25
+ _context.prev = 0;
26
+
27
+ if (!navigator.clipboard) {
28
+ _context.next = 7;
29
+ break;
30
+ }
31
+
32
+ _context.next = 4;
33
+ return navigator.clipboard.writeText(value);
34
+
35
+ case 4:
36
+ setIsCopied(true);
37
+ _context.next = 20;
38
+ break;
39
+
40
+ case 7:
41
+ // Workaround for copying in insecure origin
42
+ textArea = document.createElement('textarea');
43
+ textArea.value = value;
44
+ textArea.style.position = 'fixed';
45
+ document.body.appendChild(textArea);
46
+ textArea.focus();
47
+ textArea.select();
48
+ isSuccessful = document.execCommand('copy');
49
+ textArea.remove();
50
+
51
+ if (!isSuccessful) {
52
+ _context.next = 19;
53
+ break;
54
+ }
55
+
56
+ setIsCopied(isSuccessful);
57
+ _context.next = 20;
58
+ break;
59
+
60
+ case 19:
61
+ throw new Error('Unable to copy message');
62
+
63
+ case 20:
64
+ _context.next = 25;
65
+ break;
66
+
67
+ case 22:
68
+ _context.prev = 22;
69
+ _context.t0 = _context["catch"](0);
70
+ // eslint-disable-next-line no-console
71
+ console.error('Failed to copy: ', _context.t0);
72
+
73
+ case 25:
74
+ case "end":
75
+ return _context.stop();
76
+ }
77
+ }
78
+ }, _callee, null, [[0, 22]]);
79
+ }));
80
+ };
81
+
82
+ var _default = useCopyToClipboard;
83
+ exports["default"] = _default;
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
+
5
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
6
+
7
+ var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
8
+
9
+ var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
10
+
11
+ var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
12
+
13
+ var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
14
+
15
+ var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
16
+
17
+ var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
18
+
19
+ var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
20
+
21
+ var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
22
+
23
+ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
24
+
25
+ var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
26
+
27
+ var _useCopyToClipboard = _interopRequireDefault(require("./useCopyToClipboard"));
28
+
29
+ function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
30
+
31
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context3; (0, _forEach["default"])(_context3 = ownKeys(Object(source))).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
32
+
33
+ var mockCopyText = 'test';
34
+
35
+ var originalClipboard = _objectSpread({}, global.navigator.clipboard);
36
+
37
+ var originalExecCommand = global.document.execCommand;
38
+ beforeEach(function () {
39
+ global.navigator.clipboard = {
40
+ writeText: jest.fn()
41
+ };
42
+ global.document.execCommand = jest.fn();
43
+ global.document.execCommand.mockReturnValue(true);
44
+ });
45
+ afterEach(function () {
46
+ jest.resetAllMocks();
47
+ global.navigator.clipboard = originalClipboard;
48
+ global.document.execCommand = originalExecCommand;
49
+ });
50
+ test('default return', function () {
51
+ var copyToClipboard = (0, _useCopyToClipboard["default"])();
52
+ expect(copyToClipboard).toEqual(expect.any(Function));
53
+ });
54
+ test('should copy text that passed in props', function () {
55
+ var copyToClipboard = (0, _useCopyToClipboard["default"])(mockCopyText);
56
+ copyToClipboard();
57
+ expect(navigator.clipboard.writeText).toHaveBeenCalledWith(mockCopyText);
58
+ });
59
+ test('should call setIsCopied once function will be called', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
60
+ var mockSetIsCopied, copyToClipboard;
61
+ return _regenerator["default"].wrap(function _callee$(_context) {
62
+ while (1) {
63
+ switch (_context.prev = _context.next) {
64
+ case 0:
65
+ mockSetIsCopied = jest.fn();
66
+ copyToClipboard = (0, _useCopyToClipboard["default"])(mockCopyText, mockSetIsCopied);
67
+ _context.next = 4;
68
+ return copyToClipboard();
69
+
70
+ case 4:
71
+ expect(mockSetIsCopied).toHaveBeenCalledWith(true);
72
+
73
+ case 5:
74
+ case "end":
75
+ return _context.stop();
76
+ }
77
+ }
78
+ }, _callee);
79
+ })));