@algolia/satellite 1.0.0-beta.119 → 1.0.0-beta.123

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 (179) hide show
  1. package/README.md +2 -2
  2. package/cjs/AutoComplete/AutoComplete.d.ts +6 -2
  3. package/cjs/AutoComplete/AutoComplete.js +10 -5
  4. package/cjs/AutoComplete/types.d.ts +5 -0
  5. package/cjs/AutoComplete/utils.js +1 -1
  6. package/cjs/Avatars/ApplicationAvatar.d.ts +1 -1
  7. package/cjs/Avatars/utils.js +1 -1
  8. package/cjs/Button/styles.d.ts +1 -1
  9. package/cjs/Button/styles.js +1 -1
  10. package/cjs/Card/components/CardHeader.d.ts +2 -2
  11. package/cjs/Checkbox/Checkbox.d.ts +1 -1
  12. package/cjs/Checkbox/Checkbox.js +1 -0
  13. package/cjs/ClickAwayContainer/ClickAwayContainer.js +1 -1
  14. package/cjs/DatePicker/DatePicker/datePickerReducer.js +1 -1
  15. package/cjs/DatePicker/DatePicker.tailwind.js +7 -2
  16. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +1 -1
  17. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +1 -1
  18. package/cjs/DatePicker/utils.d.ts +1 -1
  19. package/cjs/Dropdown/DropdownButton.d.ts +1 -1
  20. package/cjs/Dropdown/DropdownContext.js +1 -1
  21. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -2
  22. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +2 -2
  23. package/cjs/Dropdown/useDropdownItemProps.js +1 -1
  24. package/cjs/Field/useFieldState.js +1 -1
  25. package/cjs/Link/Link.d.ts +2 -2
  26. package/cjs/Pagination/CompactPagination/CompactPagination.js +1 -1
  27. package/cjs/Pagination/DotPagination/DotPagination.d.ts +2 -1
  28. package/cjs/Pagination/DotPagination/DotPagination.js +4 -2
  29. package/cjs/Pagination/Pagination/Pagination.js +3 -0
  30. package/cjs/ProgressSpinner/ProgressSpinner.js +1 -1
  31. package/cjs/RadioGroup/RadioButton.d.ts +1 -1
  32. package/cjs/RadioGroup/RadioGroup.js +1 -1
  33. package/cjs/RangeSlider/RangeSlider.d.ts +1 -1
  34. package/cjs/Satellite/SatelliteContext.js +1 -1
  35. package/cjs/Sidebar/SidebarContext.js +1 -1
  36. package/cjs/Switch/utils.js +1 -1
  37. package/cjs/Tables/DataTable/DataTable.d.ts +41 -0
  38. package/cjs/Tables/DataTable/DataTable.js +280 -0
  39. package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +5 -0
  40. package/cjs/Tables/DataTable/DataTable.tailwind.js +23 -0
  41. package/cjs/Tables/DataTable/components/Body.d.ts +14 -0
  42. package/cjs/Tables/DataTable/components/Body.js +125 -0
  43. package/cjs/Tables/DataTable/components/Footer.d.ts +8 -0
  44. package/cjs/Tables/DataTable/components/Footer.js +81 -0
  45. package/cjs/Tables/DataTable/components/Header.d.ts +10 -0
  46. package/cjs/Tables/DataTable/components/Header.js +44 -0
  47. package/cjs/Tables/DataTable/components/HeaderCell.d.ts +11 -0
  48. package/cjs/Tables/DataTable/components/HeaderCell.js +61 -0
  49. package/cjs/Tables/DataTable/components/Loader.d.ts +6 -0
  50. package/cjs/Tables/DataTable/components/Loader.js +63 -0
  51. package/cjs/Tables/DataTable/components/index.d.ts +5 -0
  52. package/cjs/Tables/DataTable/components/index.js +70 -0
  53. package/cjs/Tables/DataTable/index.d.ts +3 -0
  54. package/cjs/Tables/DataTable/index.js +46 -0
  55. package/cjs/Tables/DataTable/types.d.ts +49 -0
  56. package/cjs/Tables/DataTable/types.js +5 -0
  57. package/cjs/Tables/DataTable/utils.d.ts +4 -0
  58. package/cjs/Tables/DataTable/utils.js +32 -0
  59. package/cjs/{Table → Tables/Table}/Table.d.ts +1 -1
  60. package/cjs/{Table → Tables/Table}/Table.js +8 -6
  61. package/cjs/Tables/Table/Table.tailwind.d.ts +5 -0
  62. package/cjs/{Table → Tables/Table}/Table.tailwind.js +6 -20
  63. package/cjs/Tables/Table/components/Footer.d.ts +8 -0
  64. package/cjs/Tables/Table/components/Footer.js +35 -0
  65. package/cjs/Tables/Table/index.d.ts +2 -0
  66. package/cjs/{Table → Tables/Table}/index.js +7 -5
  67. package/cjs/Tables/index.d.ts +3 -0
  68. package/cjs/Tables/index.js +46 -0
  69. package/cjs/Tabs/LinkTabs.js +1 -1
  70. package/cjs/Tag/Tag.d.ts +1 -1
  71. package/cjs/Toggle/Toggle.d.ts +1 -1
  72. package/cjs/Tooltip/OverflowTooltipWrapper.js +1 -1
  73. package/cjs/Tooltip/Tooltip.d.ts +1 -1
  74. package/cjs/index.d.ts +1 -1
  75. package/cjs/index.js +12 -12
  76. package/cjs/styles/brandColors.d.ts +6 -6
  77. package/cjs/styles/colors.d.ts +9 -9
  78. package/cjs/styles/helpers/icons.d.ts +12 -0
  79. package/cjs/styles/helpers/makeTailwindPrefixer.d.ts +1 -1
  80. package/cjs/styles/tailwind.config.d.ts +24 -33
  81. package/cjs/styles/tailwind.config.js +1 -1
  82. package/cjs/styles/zIndexes.d.ts +7 -7
  83. package/cjs/utils/genericChangeHandler.js +1 -1
  84. package/cjs/utils/hashCode.js +1 -1
  85. package/cjs/utils/index.d.ts +1 -0
  86. package/cjs/utils/index.js +15 -7
  87. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  88. package/cjs/utils/isNil.js +1 -1
  89. package/cjs/utils/matchLocation.d.ts +1 -1
  90. package/cjs/utils/parseUrl.js +1 -1
  91. package/cjs/utils/pluralize.js +1 -1
  92. package/cjs/utils/range.js +1 -1
  93. package/cjs/utils/toSentenceCase.d.ts +3 -0
  94. package/cjs/utils/toSentenceCase.js +21 -0
  95. package/cjs/utils/uniqBy.js +1 -1
  96. package/cjs/utils/uniqueId.js +1 -1
  97. package/cjs/utils/useLinkProps.d.ts +1 -1
  98. package/cjs/utils/useLinkProps.js +1 -1
  99. package/cjs/utils/useTriggerInputChange.d.ts +2 -1
  100. package/esm/AutoComplete/AutoComplete.d.ts +6 -2
  101. package/esm/AutoComplete/AutoComplete.js +10 -5
  102. package/esm/AutoComplete/types.d.ts +5 -0
  103. package/esm/Avatars/ApplicationAvatar.d.ts +1 -1
  104. package/esm/Button/styles.d.ts +1 -1
  105. package/esm/Card/components/CardHeader.d.ts +2 -2
  106. package/esm/Checkbox/Checkbox.d.ts +1 -1
  107. package/esm/Checkbox/Checkbox.js +1 -0
  108. package/esm/DatePicker/DatePicker.tailwind.js +7 -2
  109. package/esm/DatePicker/utils.d.ts +1 -1
  110. package/esm/Dropdown/DropdownButton.d.ts +1 -1
  111. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -2
  112. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +1 -1
  113. package/esm/Link/Link.d.ts +2 -2
  114. package/esm/Pagination/DotPagination/DotPagination.d.ts +2 -1
  115. package/esm/Pagination/DotPagination/DotPagination.js +4 -2
  116. package/esm/Pagination/Pagination/Pagination.js +3 -0
  117. package/esm/ProgressSpinner/ProgressSpinner.js +1 -1
  118. package/esm/RadioGroup/RadioButton.d.ts +1 -1
  119. package/esm/RangeSlider/RangeSlider.d.ts +1 -1
  120. package/esm/Tables/DataTable/DataTable.d.ts +41 -0
  121. package/esm/Tables/DataTable/DataTable.js +248 -0
  122. package/esm/Tables/DataTable/DataTable.tailwind.d.ts +5 -0
  123. package/esm/Tables/DataTable/DataTable.tailwind.js +21 -0
  124. package/esm/Tables/DataTable/components/Body.d.ts +14 -0
  125. package/esm/Tables/DataTable/components/Body.js +106 -0
  126. package/esm/Tables/DataTable/components/Footer.d.ts +8 -0
  127. package/esm/Tables/DataTable/components/Footer.js +60 -0
  128. package/esm/Tables/DataTable/components/Header.d.ts +10 -0
  129. package/esm/Tables/DataTable/components/Header.js +29 -0
  130. package/esm/Tables/DataTable/components/HeaderCell.d.ts +11 -0
  131. package/esm/Tables/DataTable/components/HeaderCell.js +42 -0
  132. package/esm/Tables/DataTable/components/Loader.d.ts +6 -0
  133. package/esm/Tables/DataTable/components/Loader.js +40 -0
  134. package/esm/Tables/DataTable/components/index.d.ts +5 -0
  135. package/esm/Tables/DataTable/components/index.js +5 -0
  136. package/esm/Tables/DataTable/index.d.ts +3 -0
  137. package/esm/Tables/DataTable/index.js +3 -0
  138. package/esm/Tables/DataTable/types.d.ts +49 -0
  139. package/esm/Tables/DataTable/types.js +1 -0
  140. package/esm/Tables/DataTable/utils.d.ts +4 -0
  141. package/esm/Tables/DataTable/utils.js +14 -0
  142. package/esm/{Table → Tables/Table}/Table.d.ts +1 -1
  143. package/esm/{Table → Tables/Table}/Table.js +7 -6
  144. package/esm/Tables/Table/Table.tailwind.d.ts +5 -0
  145. package/esm/{Table → Tables/Table}/Table.tailwind.js +6 -20
  146. package/esm/Tables/Table/components/Footer.d.ts +8 -0
  147. package/esm/Tables/Table/components/Footer.js +20 -0
  148. package/esm/Tables/Table/index.d.ts +2 -0
  149. package/esm/Tables/Table/index.js +2 -0
  150. package/esm/Tables/index.d.ts +3 -0
  151. package/esm/Tables/index.js +3 -0
  152. package/esm/Tag/Tag.d.ts +1 -1
  153. package/esm/Toggle/Toggle.d.ts +1 -1
  154. package/esm/Tooltip/Tooltip.d.ts +1 -1
  155. package/esm/index.d.ts +1 -1
  156. package/esm/index.js +1 -1
  157. package/esm/styles/brandColors.d.ts +6 -6
  158. package/esm/styles/colors.d.ts +9 -9
  159. package/esm/styles/helpers/icons.d.ts +12 -0
  160. package/esm/styles/helpers/makeTailwindPrefixer.d.ts +1 -1
  161. package/esm/styles/tailwind.config.d.ts +24 -33
  162. package/esm/styles/tailwind.config.js +1 -1
  163. package/esm/styles/zIndexes.d.ts +7 -7
  164. package/esm/utils/index.d.ts +1 -0
  165. package/esm/utils/index.js +2 -1
  166. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  167. package/esm/utils/matchLocation.d.ts +1 -1
  168. package/esm/utils/toSentenceCase.d.ts +3 -0
  169. package/esm/utils/toSentenceCase.js +9 -0
  170. package/esm/utils/useLinkProps.d.ts +1 -1
  171. package/esm/utils/useTriggerInputChange.d.ts +2 -1
  172. package/package.json +4 -4
  173. package/satellite.css +445 -175
  174. package/satellite.min.css +2 -2
  175. package/cjs/Table/Table.tailwind.d.ts +0 -5
  176. package/cjs/Table/index.d.ts +0 -3
  177. package/esm/Table/Table.tailwind.d.ts +0 -5
  178. package/esm/Table/index.d.ts +0 -3
  179. package/esm/Table/index.js +0 -3
@@ -0,0 +1,61 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = exports.HeaderCell = void 0;
9
+
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
12
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
+
14
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
+
16
+ var _react = _interopRequireDefault(require("react"));
17
+
18
+ var _classnames = _interopRequireDefault(require("classnames"));
19
+
20
+ var _reactFeather = require("react-feather");
21
+
22
+ var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
23
+
24
+ var _excluded = ["sortingDirection", "onToggleSort", "column", "disabled", "children"];
25
+
26
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
27
+
28
+ var iconClassName = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["h-4 inline ml-1"])));
29
+
30
+ var HeaderCell = function HeaderCell(_ref) {
31
+ var _ref$sortingDirection = _ref.sortingDirection,
32
+ sortingDirection = _ref$sortingDirection === void 0 ? "none" : _ref$sortingDirection,
33
+ onToggleSort = _ref.onToggleSort,
34
+ _ref$column = _ref.column,
35
+ id = _ref$column.id,
36
+ className = _ref$column.className,
37
+ _ref$column$sort = _ref$column.sort,
38
+ sort = _ref$column$sort === void 0 ? false : _ref$column$sort,
39
+ disabled = _ref.disabled,
40
+ children = _ref.children,
41
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
42
+ return /*#__PURE__*/_react["default"].createElement("th", (0, _extends2["default"])({}, props, {
43
+ "aria-sort": sortingDirection === "desc" ? "descending" : sortingDirection === "asc" ? "ascending" : "none",
44
+ onClick: function onClick() {
45
+ return sort && !disabled && onToggleSort(id, sortingDirection === "desc" ? "asc" : sortingDirection === "asc" ? "none" : "desc");
46
+ },
47
+ className: (0, _classnames["default"])(className, (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["group ", ""])), sort && (disabled ? "cursor-not-allowed" : "cursor-pointer")))
48
+ }), /*#__PURE__*/_react["default"].createElement("span", {
49
+ className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["inline-flex items-center"])))
50
+ }, children, sort ? sortingDirection === "desc" ? /*#__PURE__*/_react["default"].createElement(_reactFeather.ChevronDown, {
51
+ className: iconClassName
52
+ }) : sortingDirection === "asc" ? /*#__PURE__*/_react["default"].createElement(_reactFeather.ChevronUp, {
53
+ className: iconClassName
54
+ }) : /*#__PURE__*/_react["default"].createElement(_reactFeather.ChevronDown, {
55
+ className: (0, _classnames["default"])(iconClassName, (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300 opacity-0 group-hover:opacity-100"]))))
56
+ }) : null));
57
+ };
58
+
59
+ exports.HeaderCell = HeaderCell;
60
+ var _default = HeaderCell;
61
+ exports["default"] = _default;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export interface LoaderProps {
3
+ className?: string;
4
+ }
5
+ export declare const Loader: ({ className }: LoaderProps) => JSX.Element;
6
+ export default Loader;
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports["default"] = exports.Loader = void 0;
11
+
12
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
+
14
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
+
16
+ var _react = _interopRequireWildcard(require("react"));
17
+
18
+ var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
19
+
20
+ var _EmptyState = _interopRequireDefault(require("../../../EmptyState"));
21
+
22
+ var _ProgressSpinner = _interopRequireDefault(require("../../../ProgressSpinner"));
23
+
24
+ var _templateObject;
25
+
26
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
+
28
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
+
30
+ var Loader = function Loader(_ref) {
31
+ var className = _ref.className;
32
+
33
+ var _useState = (0, _react.useState)(false),
34
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
35
+ showLoadMessage = _useState2[0],
36
+ setShowLoadMessage = _useState2[1];
37
+
38
+ (0, _react.useEffect)(function () {
39
+ // See https://github.com/algolia/AlgoliaWeb/blob/develop/_client/src/common/components/AsyncWrapper/AsyncWrapper.tsx#L56
40
+ var loadTimer = setTimeout(function () {
41
+ return setShowLoadMessage(true);
42
+ }, 5000);
43
+ return function () {
44
+ clearTimeout(loadTimer);
45
+ setShowLoadMessage(false);
46
+ };
47
+ }, []);
48
+ return /*#__PURE__*/_react["default"].createElement("div", {
49
+ className: className
50
+ }, showLoadMessage ? /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
51
+ usageContext: "result",
52
+ medallion: /*#__PURE__*/_react["default"].createElement("div", {
53
+ className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex justify-center"])))
54
+ }, /*#__PURE__*/_react["default"].createElement(_ProgressSpinner["default"], null)),
55
+ title: "It appears to be taking a while to get your data",
56
+ description: "Please hold or try again later",
57
+ centered: true
58
+ }) : /*#__PURE__*/_react["default"].createElement(_ProgressSpinner["default"], null));
59
+ };
60
+
61
+ exports.Loader = Loader;
62
+ var _default = Loader;
63
+ exports["default"] = _default;
@@ -0,0 +1,5 @@
1
+ export * from "./Header";
2
+ export * from "./HeaderCell";
3
+ export * from "./Body";
4
+ export * from "./Footer";
5
+ export * from "./Loader";
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _Header = require("./Header");
8
+
9
+ Object.keys(_Header).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _Header[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Header[key];
16
+ }
17
+ });
18
+ });
19
+
20
+ var _HeaderCell = require("./HeaderCell");
21
+
22
+ Object.keys(_HeaderCell).forEach(function (key) {
23
+ if (key === "default" || key === "__esModule") return;
24
+ if (key in exports && exports[key] === _HeaderCell[key]) return;
25
+ Object.defineProperty(exports, key, {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return _HeaderCell[key];
29
+ }
30
+ });
31
+ });
32
+
33
+ var _Body = require("./Body");
34
+
35
+ Object.keys(_Body).forEach(function (key) {
36
+ if (key === "default" || key === "__esModule") return;
37
+ if (key in exports && exports[key] === _Body[key]) return;
38
+ Object.defineProperty(exports, key, {
39
+ enumerable: true,
40
+ get: function get() {
41
+ return _Body[key];
42
+ }
43
+ });
44
+ });
45
+
46
+ var _Footer = require("./Footer");
47
+
48
+ Object.keys(_Footer).forEach(function (key) {
49
+ if (key === "default" || key === "__esModule") return;
50
+ if (key in exports && exports[key] === _Footer[key]) return;
51
+ Object.defineProperty(exports, key, {
52
+ enumerable: true,
53
+ get: function get() {
54
+ return _Footer[key];
55
+ }
56
+ });
57
+ });
58
+
59
+ var _Loader = require("./Loader");
60
+
61
+ Object.keys(_Loader).forEach(function (key) {
62
+ if (key === "default" || key === "__esModule") return;
63
+ if (key in exports && exports[key] === _Loader[key]) return;
64
+ Object.defineProperty(exports, key, {
65
+ enumerable: true,
66
+ get: function get() {
67
+ return _Loader[key];
68
+ }
69
+ });
70
+ });
@@ -0,0 +1,3 @@
1
+ export * from "./DataTable";
2
+ export * from "./types";
3
+ export { default } from "./DataTable";
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+
3
+ var _typeof = require("@babel/runtime/helpers/typeof");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ var _exportNames = {};
9
+ Object.defineProperty(exports, "default", {
10
+ enumerable: true,
11
+ get: function get() {
12
+ return _DataTable["default"];
13
+ }
14
+ });
15
+
16
+ var _DataTable = _interopRequireWildcard(require("./DataTable"));
17
+
18
+ Object.keys(_DataTable).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
21
+ if (key in exports && exports[key] === _DataTable[key]) return;
22
+ Object.defineProperty(exports, key, {
23
+ enumerable: true,
24
+ get: function get() {
25
+ return _DataTable[key];
26
+ }
27
+ });
28
+ });
29
+
30
+ var _types = require("./types");
31
+
32
+ Object.keys(_types).forEach(function (key) {
33
+ if (key === "default" || key === "__esModule") return;
34
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
35
+ if (key in exports && exports[key] === _types[key]) return;
36
+ Object.defineProperty(exports, key, {
37
+ enumerable: true,
38
+ get: function get() {
39
+ return _types[key];
40
+ }
41
+ });
42
+ });
43
+
44
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
45
+
46
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -0,0 +1,49 @@
1
+ /// <reference types="react" />
2
+ export declare type Status = "loading" | "error" | "success";
3
+ export declare type SelectMode = "single" | "multi" | "none";
4
+ export declare type SortingDirection = "asc" | "desc" | "none";
5
+ export declare type Sorting = [columnId: string, direction: SortingDirection];
6
+ export declare type GetItemId<Item> = string | ((item: Item, idx: number) => string);
7
+ export interface Row<Item> {
8
+ item: Item;
9
+ id: string;
10
+ hovered: boolean;
11
+ selected: boolean;
12
+ selectable: boolean;
13
+ }
14
+ export interface CellProps<Item> {
15
+ value: any;
16
+ row: Row<Item>;
17
+ column: AdvancedColumnDefinition<Item>;
18
+ }
19
+ export interface HeaderProps<Item> {
20
+ column: AdvancedColumnDefinition<Item>;
21
+ }
22
+ export interface AdvancedColumnDefinition<Item> {
23
+ /** The ID of the column - Should be unique */
24
+ id: string;
25
+ /** A string or a function which determines how to get the column data */
26
+ accessor: string | ((item: Item) => any);
27
+ sort?: boolean;
28
+ Header?: React.ComponentType<HeaderProps<Item>>;
29
+ Cell?: React.ComponentType<CellProps<Item>>;
30
+ className?: string;
31
+ }
32
+ export declare type ColumnDefinition<Item> = string | AdvancedColumnDefinition<Item>;
33
+ export interface IndeterminatePagination {
34
+ currentPage: number;
35
+ itemsPerPage: number;
36
+ isLastPage?: boolean;
37
+ }
38
+ export interface DeterminatePagination {
39
+ currentPage: number;
40
+ itemsPerPage: number;
41
+ totalItemsCount: number;
42
+ }
43
+ export declare type PaginationConfiguration = false | IndeterminatePagination | DeterminatePagination;
44
+ export interface DataConfiguration {
45
+ /** The current pagination configuration */
46
+ pagination: PaginationConfiguration;
47
+ /** The current sorting configuration */
48
+ sorting: Sorting[];
49
+ }
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,4 @@
1
+ import type { Row, DeterminatePagination, IndeterminatePagination, PaginationConfiguration, AdvancedColumnDefinition } from "./types";
2
+ export declare const isDeterminatePagination: (pagination: PaginationConfiguration) => pagination is DeterminatePagination;
3
+ export declare const isIndeterminatePagination: (pagination: PaginationConfiguration) => pagination is IndeterminatePagination;
4
+ export declare const getCellValue: <Item extends {}>(column: AdvancedColumnDefinition<Item>, row: Row<Item>) => any;
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.isIndeterminatePagination = exports.isDeterminatePagination = exports.getCellValue = void 0;
9
+
10
+ var _get = _interopRequireDefault(require("lodash/get"));
11
+
12
+ var isDeterminatePagination = function isDeterminatePagination(pagination) {
13
+ return pagination !== false && "totalItemsCount" in pagination;
14
+ };
15
+
16
+ exports.isDeterminatePagination = isDeterminatePagination;
17
+
18
+ var isIndeterminatePagination = function isIndeterminatePagination(pagination) {
19
+ return pagination !== false && !("totalItemsCount" in pagination) && "currentPage" in pagination && typeof pagination.currentPage === "number";
20
+ };
21
+
22
+ exports.isIndeterminatePagination = isIndeterminatePagination;
23
+
24
+ var getCellValue = function getCellValue(column, row) {
25
+ if (typeof column.accessor === "string") {
26
+ return (0, _get["default"])(row.item, column.accessor);
27
+ }
28
+
29
+ return column.accessor(row.item);
30
+ };
31
+
32
+ exports.getCellValue = getCellValue;
@@ -6,7 +6,7 @@ export interface TableProps extends React.DetailedHTMLProps<React.TableHTMLAttri
6
6
  highlight?: boolean;
7
7
  }
8
8
  /**
9
- * Data tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
9
+ * Tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
10
10
  *
11
11
  * #### Do
12
12
  *
@@ -17,14 +17,16 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _classnames = _interopRequireDefault(require("classnames"));
19
19
 
20
- var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
20
+ var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
21
21
 
22
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
22
+ var _Footer = _interopRequireDefault(require("./components/Footer"));
23
+
24
+ var _templateObject, _templateObject2, _templateObject3;
23
25
 
24
26
  var _excluded = ["className", "footer", "smallFooter", "hasActions", "highlight"];
25
27
 
26
28
  /**
27
- * Data tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
29
+ * Tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
28
30
  *
29
31
  * #### Do
30
32
  *
@@ -52,13 +54,13 @@ var Table = function Table(_ref) {
52
54
  highlight = _ref$highlight === void 0 ? true : _ref$highlight,
53
55
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
54
56
  return /*#__PURE__*/_react["default"].createElement("div", {
55
- className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["table-wrapper rounded text-grey-900 bg-white display-body"]))), className)
57
+ className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["rounded text-grey-900 bg-white display-body"]))), className)
56
58
  }, /*#__PURE__*/_react["default"].createElement("div", {
57
59
  className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["overflow-x-auto"])))
58
60
  }, /*#__PURE__*/_react["default"].createElement("table", (0, _extends2["default"])({}, props, {
59
61
  className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["table ", " ", ""])), hasActions && "table-with-actions", highlight && "table-with-highlight")
60
- }))), footer && /*#__PURE__*/_react["default"].createElement("div", {
61
- className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["table-footer ", ""])), smallFooter && "table-footer-small")
62
+ }))), footer && /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
63
+ size: smallFooter ? "small" : "default"
62
64
  }, footer));
63
65
  };
64
66
 
@@ -0,0 +1,5 @@
1
+ export = tablePlugin;
2
+ /**
3
+ * @type {import('../../tailwind-types').TailwindPlugin}
4
+ */
5
+ declare const tablePlugin: import('../../tailwind-types').TailwindPlugin;
@@ -1,20 +1,14 @@
1
1
  "use strict";
2
2
 
3
- // @ts-check
4
- var rgba = require("../styles/rgba"); // purgecss whitelist: th, td, tr
3
+ // purgecss whitelist: th, td, tr
5
4
 
6
5
  /**
7
- * @type {import('../tailwind-types').TailwindPlugin}
6
+ * @type {import('../../tailwind-types').TailwindPlugin}
8
7
  */
9
-
10
-
11
8
  var tablePlugin = function tablePlugin(_ref) {
12
9
  var addComponents = _ref.addComponents,
13
10
  theme = _ref.theme;
14
11
  addComponents({
15
- ".table-wrapper": {
16
- border: "1px solid ".concat(theme("colors.grey.200"))
17
- },
18
12
  ".table": {
19
13
  width: "100%",
20
14
  borderCollapse: "collapse",
@@ -22,6 +16,9 @@ var tablePlugin = function tablePlugin(_ref) {
22
16
  "th, td": {
23
17
  padding: "14px 16px"
24
18
  },
19
+ thead: {
20
+ backgroundColor: theme("colors.grey.50")
21
+ },
25
22
  th: {
26
23
  borderBottom: "1px solid ".concat(theme("colors.grey.200")),
27
24
  fontWeight: "normal"
@@ -37,19 +34,8 @@ var tablePlugin = function tablePlugin(_ref) {
37
34
  },
38
35
  ".table-with-highlight": {
39
36
  "tr:hover td": {
40
- backgroundColor: rgba(theme("colors.grey.100"), 0.6)
37
+ backgroundColor: theme("colors.grey.50")
41
38
  }
42
- },
43
- ".table-footer": {
44
- backgroundColor: theme("colors.grey.100"),
45
- display: "flex",
46
- alignItems: "center",
47
- justifyContent: "center",
48
- color: theme("colors.grey.600"),
49
- padding: "12px 16px"
50
- },
51
- ".table-footer-small": {
52
- padding: "4px 16px"
53
39
  }
54
40
  });
55
41
  };
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ export declare type FooterSizes = "default" | "small";
3
+ export interface FooterProps {
4
+ size?: FooterSizes;
5
+ children?: React.ReactNode;
6
+ }
7
+ export declare const Footer: ({ size, children }: FooterProps) => JSX.Element;
8
+ export default Footer;
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = exports.Footer = void 0;
9
+
10
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
16
+ var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
17
+
18
+ var _templateObject, _templateObject2, _templateObject3;
19
+
20
+ var Footer = function Footer(_ref) {
21
+ var _ref$size = _ref.size,
22
+ size = _ref$size === void 0 ? "default" : _ref$size,
23
+ children = _ref.children;
24
+ var SIZE_CLASSNAMES = {
25
+ "default": (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["py-3 px-4"]))),
26
+ small: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["py-1 px-4"])))
27
+ };
28
+ return /*#__PURE__*/_react["default"].createElement("div", {
29
+ className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100 border-t border-grey-200 text-grey-600 flex items-center justify-center"]))), SIZE_CLASSNAMES[size])
30
+ }, children);
31
+ };
32
+
33
+ exports.Footer = Footer;
34
+ var _default = Footer;
35
+ exports["default"] = _default;
@@ -0,0 +1,2 @@
1
+ export * from "./Table";
2
+ export { default } from "./Table";
@@ -6,7 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  var _exportNames = {};
9
- exports["default"] = void 0;
9
+ Object.defineProperty(exports, "default", {
10
+ enumerable: true,
11
+ get: function get() {
12
+ return _Table["default"];
13
+ }
14
+ });
10
15
 
11
16
  var _Table = _interopRequireWildcard(require("./Table"));
12
17
 
@@ -24,7 +29,4 @@ Object.keys(_Table).forEach(function (key) {
24
29
 
25
30
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
31
 
27
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
28
-
29
- var _default = _Table["default"];
30
- exports["default"] = _default;
32
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -0,0 +1,3 @@
1
+ export * from "./Table";
2
+ export * from "./DataTable";
3
+ export { default } from "./Table";
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+
3
+ var _typeof = require("@babel/runtime/helpers/typeof");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ var _exportNames = {};
9
+ Object.defineProperty(exports, "default", {
10
+ enumerable: true,
11
+ get: function get() {
12
+ return _Table["default"];
13
+ }
14
+ });
15
+
16
+ var _Table = _interopRequireWildcard(require("./Table"));
17
+
18
+ Object.keys(_Table).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
21
+ if (key in exports && exports[key] === _Table[key]) return;
22
+ Object.defineProperty(exports, key, {
23
+ enumerable: true,
24
+ get: function get() {
25
+ return _Table[key];
26
+ }
27
+ });
28
+ });
29
+
30
+ var _DataTable = require("./DataTable");
31
+
32
+ Object.keys(_DataTable).forEach(function (key) {
33
+ if (key === "default" || key === "__esModule") return;
34
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
35
+ if (key in exports && exports[key] === _DataTable[key]) return;
36
+ Object.defineProperty(exports, key, {
37
+ enumerable: true,
38
+ get: function get() {
39
+ return _DataTable[key];
40
+ }
41
+ });
42
+ });
43
+
44
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
45
+
46
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports["default"] = exports.LinkTabs = exports.defaultUrlMatcher = void 0;
8
+ exports.defaultUrlMatcher = exports["default"] = exports.LinkTabs = void 0;
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
package/cjs/Tag/Tag.d.ts CHANGED
@@ -26,5 +26,5 @@ export interface TagProps extends React.DetailedHTMLProps<React.HTMLAttributes<H
26
26
  * - When writing tags, avoid line-wrapping
27
27
  * - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
28
28
  */
29
- export declare const Tag: React.ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "onDelete"> & React.RefAttributes<HTMLSpanElement>>;
29
+ export declare const Tag: React.ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "key" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onDelete"> & React.RefAttributes<HTMLSpanElement>>;
30
30
  export default Tag;