@papillonarts/components 0.7.0 → 0.9.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 (254) hide show
  1. package/build/index.ts +1 -0
  2. package/build/primer/Alert/Alert.mdx +88 -0
  3. package/build/primer/Alert/Alert.prop.ts +45 -0
  4. package/build/primer/Alert/Alert.tsx +101 -0
  5. package/build/primer/Alert/__tests__/Alert.int.story.tsx +86 -0
  6. package/build/primer/Alert/__tests__/Alert.int.test.ts +37 -0
  7. package/build/primer/Alert/index.ts +2 -0
  8. package/build/primer/Blankslate/Blankslate.mdx +57 -0
  9. package/build/primer/Blankslate/Blankslate.prop.ts +26 -0
  10. package/build/primer/Blankslate/Blankslate.tsx +26 -0
  11. package/build/primer/Blankslate/__tests__/Blankslate.int.story.tsx +43 -0
  12. package/build/primer/Blankslate/__tests__/Blankslate.int.test.ts +29 -0
  13. package/build/primer/Blankslate/index.ts +2 -0
  14. package/build/primer/BranchName/branch-name.scss +2 -2
  15. package/build/primer/Breadcrumb/Breadcrumb.mdx +23 -0
  16. package/build/primer/Breadcrumb/Breadcrumb.prop.ts +28 -0
  17. package/build/primer/Breadcrumb/Breadcrumb.tsx +57 -0
  18. package/build/primer/Breadcrumb/__tests__/Breadcrumb.int.story.tsx +40 -0
  19. package/build/primer/Breadcrumb/__tests__/Breadcrumb.int.test.ts +40 -0
  20. package/build/primer/Breadcrumb/index.ts +2 -0
  21. package/build/primer/Button/Button.mdx +239 -0
  22. package/build/primer/Button/Button.prop.ts +77 -0
  23. package/build/primer/Button/Button.scss +4 -4
  24. package/build/primer/Button/Button.tsx +91 -0
  25. package/build/primer/Button/ButtonGroup.scss +2 -2
  26. package/build/primer/Button/__tests__/Button.int.story.tsx +173 -0
  27. package/build/primer/Button/__tests__/Button.int.test.ts +191 -0
  28. package/build/primer/Button/index.ts +2 -0
  29. package/build/primer/Button/misc.scss +2 -2
  30. package/build/primer/Dropdown/Dropdown.mdx +19 -0
  31. package/build/primer/Dropdown/Dropdown.prop.ts +33 -0
  32. package/build/primer/Dropdown/Dropdown.tsx +102 -0
  33. package/build/primer/Dropdown/__tests__/Dropdown.int.story.tsx +43 -0
  34. package/build/primer/Dropdown/__tests__/Dropdown.int.test.ts +53 -0
  35. package/build/primer/Dropdown/index.ts +2 -0
  36. package/build/primer/ErrorBoundary/ErrorBoundary.prop.ts +5 -0
  37. package/build/primer/ErrorBoundary/ErrorBoundary.tsx +35 -0
  38. package/build/primer/ErrorBoundary/__tests__/ErrorBoundary.int.story.tsx +23 -0
  39. package/build/primer/ErrorBoundary/__tests__/ErrorBoundary.int.test.ts +9 -0
  40. package/build/primer/ErrorBoundary/index.ts +1 -0
  41. package/build/primer/Form/Checkbox/Checkbox.prop.ts +34 -0
  42. package/build/primer/Form/Checkbox/Checkbox.tsx +40 -0
  43. package/build/primer/Form/Checkbox/__tests__/Checkbox.int.story.tsx +50 -0
  44. package/build/primer/Form/Checkbox/__tests__/Checkbox.int.test.ts +23 -0
  45. package/build/primer/Form/Checkbox/index.ts +2 -0
  46. package/build/primer/Form/Input/Input.prop.ts +43 -0
  47. package/build/primer/Form/Input/Input.tsx +43 -0
  48. package/build/primer/Form/Input/__tests__/Input.int.story.tsx +54 -0
  49. package/build/primer/Form/Input/__tests__/Input.int.test.ts +15 -0
  50. package/build/primer/Form/Input/index.ts +2 -0
  51. package/build/primer/Form/Radio/Radio.prop.ts +30 -0
  52. package/build/primer/Form/Radio/Radio.tsx +38 -0
  53. package/build/primer/Form/Radio/__tests__/Radio.int.story.tsx +42 -0
  54. package/build/primer/Form/Radio/__tests__/Radio.int.test.ts +13 -0
  55. package/build/primer/Form/Radio/index.ts +2 -0
  56. package/build/primer/Form/form-control.scss +4 -4
  57. package/build/primer/Form/form-select.scss +4 -4
  58. package/build/primer/Form/index.ts +19 -0
  59. package/build/primer/Grid/DisplayTable/DisplayTable.prop.ts +21 -0
  60. package/build/primer/Grid/DisplayTable/DisplayTable.tsx +68 -0
  61. package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.data.ts +289 -0
  62. package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.story.tsx +27 -0
  63. package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.test.ts +9 -0
  64. package/build/primer/Grid/DisplayTable/index.ts +1 -0
  65. package/build/primer/Grid/FlexGrid/FlexGrid.prop.ts +59 -0
  66. package/build/primer/Grid/FlexGrid/FlexGrid.tsx +274 -0
  67. package/build/primer/Grid/FlexGrid/__tests__/FlexGrid.int.data.ts +289 -0
  68. package/build/primer/Grid/FlexGrid/__tests__/FlexGrid.int.story.tsx +146 -0
  69. package/build/primer/Grid/FlexGrid/__tests__/FlexGrid.int.test.ts +46 -0
  70. package/build/primer/Grid/FlexGrid/index.ts +2 -0
  71. package/build/primer/Grid/index.ts +9 -0
  72. package/build/primer/Icon/Icon.part.ts +1289 -0
  73. package/build/primer/Icon/Icon.prop.ts +1337 -0
  74. package/build/primer/Icon/Icon.tsx +49 -0
  75. package/build/primer/Icon/__tests__/Icon.int.story.tsx +58 -0
  76. package/build/primer/Icon/__tests__/Icon.int.test.ts +13 -0
  77. package/build/primer/Icon/index.ts +2 -0
  78. package/build/primer/Label/Label.mdx +13 -0
  79. package/build/primer/Label/Label.prop.ts +31 -0
  80. package/build/primer/Label/Label.tsx +27 -0
  81. package/build/primer/Label/__tests__/Label.int.story.tsx +19 -0
  82. package/build/primer/Label/__tests__/Label.int.test.ts +9 -0
  83. package/build/primer/Label/index.ts +1 -0
  84. package/build/primer/Label/mixins.scss +3 -3
  85. package/build/primer/Layout/container.scss +1 -1
  86. package/build/primer/Layout/grid-offset.scss +1 -1
  87. package/build/primer/Layout/grid.scss +2 -2
  88. package/build/primer/Loader/Loader.mdx +31 -0
  89. package/build/primer/Loader/Loader.prop.ts +16 -0
  90. package/build/primer/Loader/Loader.tsx +43 -0
  91. package/build/primer/Loader/__tests__/Loader.int.story.tsx +34 -0
  92. package/build/primer/Loader/__tests__/Loader.int.test.ts +21 -0
  93. package/build/primer/Loader/index.ts +2 -0
  94. package/build/primer/Navigation/Menu/Menu.prop.ts +26 -0
  95. package/build/primer/Navigation/Menu/Menu.tsx +42 -0
  96. package/build/primer/Navigation/Menu/__tests__/Menu.int.story.tsx +55 -0
  97. package/build/primer/Navigation/Menu/__tests__/Menu.int.test.ts +57 -0
  98. package/build/primer/Navigation/Menu/index.ts +1 -0
  99. package/build/primer/Navigation/TabNav/TabNav.prop.ts +39 -0
  100. package/build/primer/Navigation/TabNav/TabNav.tsx +105 -0
  101. package/build/primer/Navigation/TabNav/__tests__/TabNav.int.story.tsx +168 -0
  102. package/build/primer/Navigation/TabNav/__tests__/TabNav.int.test.ts +55 -0
  103. package/build/primer/Navigation/TabNav/index.ts +2 -0
  104. package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.ts +41 -0
  105. package/build/primer/Navigation/UnderlineNav/UnderlineNav.tsx +106 -0
  106. package/build/primer/Navigation/UnderlineNav/__tests__/UnderlineNav.int.story.tsx +140 -0
  107. package/build/primer/Navigation/UnderlineNav/__tests__/UnderlineNav.int.test.ts +81 -0
  108. package/build/primer/Navigation/UnderlineNav/index.ts +2 -0
  109. package/build/primer/Navigation/index.ts +12 -0
  110. package/build/primer/Pagination/PreviousNext/PreviousNext.prop.ts +53 -0
  111. package/build/primer/Pagination/PreviousNext/PreviousNext.scss +2 -2
  112. package/build/primer/Pagination/PreviousNext/PreviousNext.tsx +71 -0
  113. package/build/primer/Pagination/PreviousNext/__tests__/PreviousNext.int.story.tsx +48 -0
  114. package/build/primer/Pagination/PreviousNext/__tests__/PreviousNext.int.test.ts +15 -0
  115. package/build/primer/Pagination/PreviousNext/index.ts +2 -0
  116. package/build/primer/Pagination/index.ts +6 -0
  117. package/build/primer/Popover/Popover.mdx +190 -0
  118. package/build/primer/Popover/Popover.prop.ts +49 -0
  119. package/build/primer/Popover/Popover.tsx +80 -0
  120. package/build/primer/Popover/__tests__/Popover.int.story.tsx +216 -0
  121. package/build/primer/Popover/__tests__/Popover.int.test.ts +71 -0
  122. package/build/primer/Popover/index.ts +2 -0
  123. package/build/primer/Progress/Progress.mdx +31 -0
  124. package/build/primer/Progress/Progress.prop.ts +16 -0
  125. package/build/primer/Progress/Progress.tsx +19 -0
  126. package/build/primer/Progress/__tests__/Progress.int.story.tsx +28 -0
  127. package/build/primer/Progress/__tests__/Progress.int.test.ts +17 -0
  128. package/build/primer/Progress/index.ts +2 -0
  129. package/build/primer/Select/Select.mdx +19 -0
  130. package/build/primer/Select/Select.prop.ts +24 -0
  131. package/build/primer/Select/Select.scss +2 -2
  132. package/build/primer/Select/Select.tsx +58 -0
  133. package/build/primer/Select/__tests__/Select.int.story.tsx +38 -0
  134. package/build/primer/Select/__tests__/Select.int.test.ts +42 -0
  135. package/build/primer/Select/index.ts +2 -0
  136. package/build/primer/SelectMenu/SelectMenu.mdx +13 -0
  137. package/build/primer/SelectMenu/SelectMenu.prop.ts +25 -0
  138. package/build/primer/SelectMenu/SelectMenu.scss +4 -4
  139. package/build/primer/SelectMenu/SelectMenu.tsx +68 -0
  140. package/build/primer/SelectMenu/__tests__/SelectMenu.int.story.tsx +50 -0
  141. package/build/primer/SelectMenu/__tests__/SelectMenu.int.test.ts +56 -0
  142. package/build/primer/SelectMenu/index.ts +1 -0
  143. package/build/primer/Subhead/Subhead.mdx +20 -0
  144. package/build/primer/Subhead/Subhead.prop.ts +10 -0
  145. package/build/primer/Subhead/Subhead.scss +3 -3
  146. package/build/primer/Subhead/Subhead.tsx +15 -0
  147. package/build/primer/Subhead/__tests__/Subhead.int.story.tsx +23 -0
  148. package/build/primer/Subhead/__tests__/Subhead.int.test.ts +13 -0
  149. package/build/primer/Subhead/index.ts +1 -0
  150. package/build/primer/Toast/Toast.prop.ts +21 -0
  151. package/build/primer/Toast/Toast.scss +3 -3
  152. package/build/primer/Toast/Toast.tsx +38 -0
  153. package/build/primer/Toast/__tests__/Toast.int.story.tsx +50 -0
  154. package/build/primer/Toast/__tests__/Toast.int.test.ts +25 -0
  155. package/build/primer/Toast/index.ts +2 -0
  156. package/build/primer/index.ts +83 -0
  157. package/package.json +4 -4
  158. package/build/index.js +0 -12
  159. package/build/primer/Alert/Alert.js +0 -121
  160. package/build/primer/Alert/Alert.prop.js +0 -38
  161. package/build/primer/Alert/index.js +0 -19
  162. package/build/primer/Blankslate/Blankslate.js +0 -31
  163. package/build/primer/Blankslate/Blankslate.prop.js +0 -26
  164. package/build/primer/Blankslate/index.js +0 -19
  165. package/build/primer/Breadcrumb/Breadcrumb.js +0 -74
  166. package/build/primer/Breadcrumb/Breadcrumb.prop.js +0 -29
  167. package/build/primer/Breadcrumb/index.js +0 -19
  168. package/build/primer/Button/Button.js +0 -99
  169. package/build/primer/Button/Button.prop.js +0 -67
  170. package/build/primer/Button/index.js +0 -49
  171. package/build/primer/Dropdown/Dropdown.js +0 -104
  172. package/build/primer/Dropdown/Dropdown.prop.js +0 -34
  173. package/build/primer/Dropdown/index.js +0 -19
  174. package/build/primer/ErrorBoundary/ErrorBoundary.js +0 -59
  175. package/build/primer/ErrorBoundary/ErrorBoundary.prop.js +0 -11
  176. package/build/primer/ErrorBoundary/index.js +0 -12
  177. package/build/primer/Form/Checkbox/Checkbox.js +0 -49
  178. package/build/primer/Form/Checkbox/Checkbox.prop.js +0 -36
  179. package/build/primer/Form/Checkbox/index.js +0 -19
  180. package/build/primer/Form/Input/Input.js +0 -56
  181. package/build/primer/Form/Input/Input.prop.js +0 -43
  182. package/build/primer/Form/Input/index.js +0 -25
  183. package/build/primer/Form/Radio/Radio.js +0 -48
  184. package/build/primer/Form/Radio/Radio.prop.js +0 -34
  185. package/build/primer/Form/Radio/index.js +0 -19
  186. package/build/primer/Form/index.js +0 -24
  187. package/build/primer/Grid/DisplayTable/DisplayTable.js +0 -58
  188. package/build/primer/Grid/DisplayTable/DisplayTable.prop.js +0 -18
  189. package/build/primer/Grid/DisplayTable/index.js +0 -12
  190. package/build/primer/Grid/FlexGrid/FlexGrid.js +0 -244
  191. package/build/primer/Grid/FlexGrid/FlexGrid.prop.js +0 -49
  192. package/build/primer/Grid/FlexGrid/index.js +0 -25
  193. package/build/primer/Grid/index.js +0 -14
  194. package/build/primer/Icon/Icon.js +0 -70
  195. package/build/primer/Icon/Icon.part.js +0 -1295
  196. package/build/primer/Icon/Icon.prop.js +0 -689
  197. package/build/primer/Icon/index.js +0 -25
  198. package/build/primer/Label/Label.js +0 -31
  199. package/build/primer/Label/Label.prop.js +0 -34
  200. package/build/primer/Label/index.js +0 -12
  201. package/build/primer/Loader/Loader.js +0 -65
  202. package/build/primer/Loader/Loader.prop.js +0 -21
  203. package/build/primer/Loader/index.js +0 -19
  204. package/build/primer/Navigation/Menu/Menu.js +0 -70
  205. package/build/primer/Navigation/Menu/Menu.prop.js +0 -28
  206. package/build/primer/Navigation/Menu/index.js +0 -12
  207. package/build/primer/Navigation/TabNav/TabNav.js +0 -125
  208. package/build/primer/Navigation/TabNav/TabNav.prop.js +0 -36
  209. package/build/primer/Navigation/TabNav/index.js +0 -19
  210. package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +0 -121
  211. package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.js +0 -41
  212. package/build/primer/Navigation/UnderlineNav/index.js +0 -25
  213. package/build/primer/Navigation/index.js +0 -17
  214. package/build/primer/Pagination/PreviousNext/PreviousNext.js +0 -76
  215. package/build/primer/Pagination/PreviousNext/PreviousNext.prop.js +0 -56
  216. package/build/primer/Pagination/PreviousNext/index.js +0 -19
  217. package/build/primer/Pagination/index.js +0 -11
  218. package/build/primer/Popover/Popover.js +0 -63
  219. package/build/primer/Popover/Popover.prop.js +0 -41
  220. package/build/primer/Popover/index.js +0 -25
  221. package/build/primer/Progress/Progress.js +0 -31
  222. package/build/primer/Progress/Progress.prop.js +0 -21
  223. package/build/primer/Progress/index.js +0 -19
  224. package/build/primer/Select/Select.js +0 -66
  225. package/build/primer/Select/Select.prop.js +0 -27
  226. package/build/primer/Select/index.js +0 -19
  227. package/build/primer/SelectMenu/SelectMenu.js +0 -95
  228. package/build/primer/SelectMenu/SelectMenu.prop.js +0 -26
  229. package/build/primer/SelectMenu/index.js +0 -12
  230. package/build/primer/Subhead/Subhead.js +0 -27
  231. package/build/primer/Subhead/Subhead.prop.js +0 -16
  232. package/build/primer/Subhead/index.js +0 -12
  233. package/build/primer/Toast/Toast.js +0 -55
  234. package/build/primer/Toast/Toast.prop.js +0 -26
  235. package/build/primer/Toast/index.js +0 -19
  236. package/build/primer/index.js +0 -87
  237. /package/build/primer/Form/Checkbox/{Checkbox.md → Checkbox.mdx} +0 -0
  238. /package/build/primer/Form/Checkbox/__tests__/__snapshots__/{Checkbox.int.test.js.snap → Checkbox.int.test.ts.snap} +0 -0
  239. /package/build/primer/Form/Input/{Input.md → Input.mdx} +0 -0
  240. /package/build/primer/Form/Input/__tests__/__snapshots__/{Input.int.test.js.snap → Input.int.test.ts.snap} +0 -0
  241. /package/build/primer/Form/Radio/{Radio.md → Radio.mdx} +0 -0
  242. /package/build/primer/Form/Radio/__tests__/__snapshots__/{Radio.int.test.js.snap → Radio.int.test.ts.snap} +0 -0
  243. /package/build/primer/Grid/DisplayTable/{DisplayTable.md → DisplayTable.mdx} +0 -0
  244. /package/build/primer/Grid/DisplayTable/__tests__/__snapshots__/{DisplayTable.int.test.js.snap → DisplayTable.int.test.ts.snap} +0 -0
  245. /package/build/primer/Grid/FlexGrid/{FlexGrid.md → FlexGrid.mdx} +0 -0
  246. /package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/{FlexGrid.int.test.js.snap → FlexGrid.int.test.ts.snap} +0 -0
  247. /package/build/primer/Navigation/Menu/{Menu.md → Menu.mdx} +0 -0
  248. /package/build/primer/Navigation/Menu/__tests__/__snapshots__/{Menu.int.test.js.snap → Menu.int.test.ts.snap} +0 -0
  249. /package/build/primer/Navigation/TabNav/{TabNav.md → TabNav.mdx} +0 -0
  250. /package/build/primer/Navigation/TabNav/__tests__/__snapshots__/{TabNav.int.test.js.snap → TabNav.int.test.ts.snap} +0 -0
  251. /package/build/primer/Navigation/UnderlineNav/{UnderlineNav.md → UnderlineNav.mdx} +0 -0
  252. /package/build/primer/Navigation/UnderlineNav/__tests__/__snapshots__/{UnderlineNav.int.test.js.snap → UnderlineNav.int.test.ts.snap} +0 -0
  253. /package/build/primer/Pagination/PreviousNext/{PreviousNext.md → PreviousNext.mdx} +0 -0
  254. /package/build/primer/Pagination/PreviousNext/__tests__/__snapshots__/{PreviousNext.int.test.js.snap → PreviousNext.int.test.ts.snap} +0 -0
@@ -1,104 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Dropdown = Dropdown;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _uuid = require("uuid");
11
- var _details = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/details.scss"));
12
- var _visibilityDisplay = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/visibility-display.scss"));
13
- var _layout = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/layout.scss"));
14
- var _flexbox = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/flexbox.scss"));
15
- var _array = require("@papillonbits/library/array");
16
- var _hooks = require("@papillonbits/library/hooks");
17
- var _Button = _interopRequireDefault(require("../Button/Button.scss"));
18
- var _Dropdown = require("./Dropdown.prop");
19
- var _Dropdown2 = _interopRequireDefault(require("./Dropdown.scss"));
20
- var _jsxRuntime = require("react/jsx-runtime");
21
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
23
- function Dropdown(_ref) {
24
- var _ariaAttr$haspopup;
25
- var _ref$className = _ref.className,
26
- className = _ref$className === void 0 ? _Dropdown.defaultProps.className : _ref$className,
27
- summary = _ref.summary,
28
- _ref$ariaAttr = _ref.ariaAttr,
29
- ariaAttr = _ref$ariaAttr === void 0 ? _Dropdown.defaultProps.ariaAttr : _ref$ariaAttr,
30
- items = _ref.items,
31
- _onClick = _ref.onClick,
32
- _ref$state = _ref.state,
33
- state = _ref$state === void 0 ? _Dropdown.defaultProps.state : _ref$state;
34
- var details = (0, _hooks.useRef)(null);
35
- if (!items) {
36
- return null;
37
- }
38
- var indexItems = (0, _array.getIndexItems)(items);
39
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
40
- className: className,
41
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
42
- ref: details,
43
- className: (0, _classnames["default"])(_Dropdown2["default"].dropdown, _details["default"]['details-reset'], _details["default"]['details-overlay'], _visibilityDisplay["default"]['d-inline-block'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
44
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("summary", {
45
- className: (0, _classnames["default"])(_Button["default"].btn),
46
- "aria-haspopup": (_ariaAttr$haspopup = ariaAttr === null || ariaAttr === void 0 ? void 0 : ariaAttr.haspopup) !== null && _ariaAttr$haspopup !== void 0 ? _ariaAttr$haspopup : false,
47
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
48
- className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _flexbox["default"]['flex-items-center'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
49
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
50
- children: summary
51
- }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
52
- className: _Dropdown2["default"]['dropdown-caret']
53
- })]
54
- })
55
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
56
- className: (0, _classnames["default"])(_Dropdown2["default"]['dropdown-menu'], _Dropdown2["default"]['dropdown-menu-se'], _layout["default"]['width-full']),
57
- children: indexItems.map(function (indexItem) {
58
- var href = indexItem.href,
59
- text = indexItem.text,
60
- isSelected = indexItem.isSelected;
61
- var itemOtherProps = isSelected ? _objectSpread({}, {
62
- 'aria-current': ariaAttr === null || ariaAttr === void 0 ? void 0 : ariaAttr.current
63
- }) : null;
64
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
65
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
66
- onClick: function onClick(e) {
67
- e.preventDefault();
68
- var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
69
- _onClick({
70
- summary: text,
71
- ariaAttr: ariaAttr,
72
- items: newIndexItems.map(function (newIndexItem) {
73
- return function (_ref2) {
74
- var newIndexItemId = _ref2.id,
75
- newIndexItemHref = _ref2.href,
76
- newIndexItemText = _ref2.text,
77
- dateModified = _ref2['date-modified'],
78
- dateCreated = _ref2['date-created'],
79
- newIndexItemIsSelected = _ref2.isSelected;
80
- return {
81
- id: newIndexItemId,
82
- href: newIndexItemHref,
83
- text: newIndexItemText,
84
- 'date-modified': dateModified,
85
- 'date-created': dateCreated,
86
- isSelected: newIndexItemIsSelected
87
- };
88
- }(newIndexItem);
89
- })
90
- });
91
- details.current.removeAttribute('open');
92
- },
93
- className: _Dropdown2["default"]['dropdown-item'],
94
- href: href
95
- }, itemOtherProps), {}, {
96
- children: text
97
- }))
98
- }, (0, _uuid.v1)());
99
- })
100
- })]
101
- })
102
- });
103
- }
104
- Dropdown.propTypes = _Dropdown.propTypes;
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.propTypes = exports.dropdownState = exports.defaultProps = void 0;
7
- var _propTypes = require("prop-types");
8
- var dropdownState = exports.dropdownState = {
9
- active: 'active',
10
- inactive: 'inactive'
11
- };
12
- var propTypes = exports.propTypes = {
13
- className: _propTypes.string,
14
- summary: _propTypes.string.isRequired,
15
- ariaAttr: (0, _propTypes.shape)({
16
- haspopup: _propTypes.bool,
17
- current: _propTypes.string
18
- }),
19
- items: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
20
- href: _propTypes.string,
21
- text: _propTypes.string,
22
- isSelected: _propTypes.bool
23
- })).isRequired,
24
- onClick: _propTypes.func.isRequired,
25
- state: (0, _propTypes.oneOf)(Object.keys(dropdownState))
26
- };
27
- var defaultProps = exports.defaultProps = {
28
- className: null,
29
- ariaAttr: {
30
- haspopup: false,
31
- current: 'page'
32
- },
33
- state: dropdownState.active
34
- };
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Dropdown", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Dropdown.Dropdown;
10
- }
11
- });
12
- Object.defineProperty(exports, "dropdownState", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Dropdown2.dropdownState;
16
- }
17
- });
18
- var _Dropdown = require("./Dropdown");
19
- var _Dropdown2 = require("./Dropdown.prop");
@@ -1,59 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.ErrorBoundary = void 0;
8
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
11
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
- var _react = require("react");
14
- var _ErrorBoundary = require("./ErrorBoundary.prop");
15
- var _jsxRuntime = require("react/jsx-runtime");
16
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
17
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable no-unused-vars, no-console */
18
- var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_Component) {
19
- function ErrorBoundary(props) {
20
- var _this;
21
- (0, _classCallCheck2["default"])(this, ErrorBoundary);
22
- _this = _callSuper(this, ErrorBoundary, [props]);
23
- _this.state = {
24
- hasError: false
25
- };
26
- return _this;
27
- }
28
- (0, _inherits2["default"])(ErrorBoundary, _Component);
29
- return (0, _createClass2["default"])(ErrorBoundary, [{
30
- key: "componentDidCatch",
31
- value: function componentDidCatch(error, errorInfo) {
32
- // You can also log the error to an error reporting service
33
- console.log('~error~', error);
34
- console.log('~errorInfo~', errorInfo);
35
- }
36
- }, {
37
- key: "render",
38
- value: function render() {
39
- var hasError = this.state.hasError;
40
- var children = this.props.children;
41
- if (hasError) {
42
- // You can render any custom fallback UI
43
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
44
- children: "Something went wrong."
45
- });
46
- }
47
- return children;
48
- }
49
- }], [{
50
- key: "getDerivedStateFromError",
51
- value: function getDerivedStateFromError(error) {
52
- // Update state so the next render will show the fallback UI.
53
- return {
54
- hasError: true
55
- };
56
- }
57
- }]);
58
- }(_react.Component);
59
- ErrorBoundary.propTypes = _ErrorBoundary.propTypes;
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.propTypes = exports.defaultProps = void 0;
7
- var _propTypes = require("prop-types");
8
- var propTypes = exports.propTypes = {
9
- children: _propTypes.node.isRequired
10
- };
11
- var defaultProps = exports.defaultProps = {};
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "ErrorBoundary", {
7
- enumerable: true,
8
- get: function get() {
9
- return _ErrorBoundary.ErrorBoundary;
10
- }
11
- });
12
- var _ErrorBoundary = require("./ErrorBoundary");
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Checkbox = Checkbox;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
11
- var _Checkbox = require("./Checkbox.prop");
12
- var _Checkbox2 = _interopRequireDefault(require("./Checkbox.scss"));
13
- var _index = _interopRequireDefault(require("../index.scss"));
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- function Checkbox(_ref) {
16
- var _ref$dataTest = _ref.dataTest,
17
- dataTest = _ref$dataTest === void 0 ? _Checkbox.defaultProps.dataTest : _ref$dataTest,
18
- _ref$className = _ref.className,
19
- className = _ref$className === void 0 ? _Checkbox.defaultProps.className : _ref$className,
20
- _ref$htmlFor = _ref.htmlFor,
21
- htmlFor = _ref$htmlFor === void 0 ? _Checkbox.defaultProps.htmlFor : _ref$htmlFor,
22
- ariaAttr = _ref.ariaAttr,
23
- _ref$inputType = _ref.inputType,
24
- inputType = _ref$inputType === void 0 ? _Checkbox.defaultProps.inputType : _ref$inputType,
25
- _ref$isChecked = _ref.isChecked,
26
- isChecked = _ref$isChecked === void 0 ? _Checkbox.defaultProps.isChecked : _ref$isChecked,
27
- _ref$text = _ref.text,
28
- text = _ref$text === void 0 ? _Checkbox.defaultProps.text : _ref$text,
29
- _onChange = _ref.onChange,
30
- _ref$state = _ref.state,
31
- state = _ref$state === void 0 ? _Checkbox.defaultProps.state : _ref$state;
32
- var describedBy = ariaAttr.describedBy;
33
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
34
- "data-test": dataTest,
35
- className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Checkbox2["default"]['checkbox-inactive'], state === _Checkbox.checkboxState.inactive)),
36
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
37
- htmlFor: htmlFor,
38
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
39
- type: inputType,
40
- "aria-describedby": describedBy,
41
- onChange: function onChange(event) {
42
- _onChange(event);
43
- },
44
- checked: isChecked
45
- }), text]
46
- })
47
- });
48
- }
49
- Checkbox.propTypes = _Checkbox.propTypes;
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.propTypes = exports.inputType = exports.defaultProps = exports.checkboxState = void 0;
7
- var _propTypes = require("prop-types");
8
- var checkboxState = exports.checkboxState = {
9
- active: 'active',
10
- inactive: 'inactive'
11
- };
12
- var inputType = exports.inputType = {
13
- checkbox: 'checkbox'
14
- };
15
- var propTypes = exports.propTypes = {
16
- dataTest: _propTypes.string,
17
- className: _propTypes.string,
18
- htmlFor: _propTypes.string,
19
- ariaAttr: (0, _propTypes.shape)({
20
- describedBy: _propTypes.string
21
- }).isRequired,
22
- inputType: (0, _propTypes.oneOf)(Object.keys(inputType)),
23
- isChecked: _propTypes.bool,
24
- text: _propTypes.string,
25
- onChange: _propTypes.func.isRequired,
26
- state: (0, _propTypes.oneOf)(Object.keys(checkboxState))
27
- };
28
- var defaultProps = exports.defaultProps = {
29
- dataTest: null,
30
- className: null,
31
- htmlFor: 'checkbox',
32
- inputType: inputType.checkbox,
33
- isChecked: false,
34
- text: null,
35
- state: checkboxState.active
36
- };
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Checkbox", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Checkbox.Checkbox;
10
- }
11
- });
12
- Object.defineProperty(exports, "checkboxState", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Checkbox2.checkboxState;
16
- }
17
- });
18
- var _Checkbox = require("./Checkbox");
19
- var _Checkbox2 = require("./Checkbox.prop");
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Input = Input;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _Input = require("./Input.prop");
11
- var _Input2 = _interopRequireDefault(require("./Input.scss"));
12
- var _index = _interopRequireDefault(require("../index.scss"));
13
- var _jsxRuntime = require("react/jsx-runtime");
14
- function Input(_ref) {
15
- var _ref$dataTest = _ref.dataTest,
16
- dataTest = _ref$dataTest === void 0 ? _Input.defaultProps.dataTest : _ref$dataTest,
17
- _ref$id = _ref.id,
18
- id = _ref$id === void 0 ? _Input.defaultProps.id : _ref$id,
19
- _ref$className = _ref.className,
20
- className = _ref$className === void 0 ? _Input.defaultProps.className : _ref$className,
21
- _ref$placeholder = _ref.placeholder,
22
- placeholder = _ref$placeholder === void 0 ? _Input.defaultProps.placeholder : _ref$placeholder,
23
- _ref$ariaAttr = _ref.ariaAttr,
24
- ariaAttr = _ref$ariaAttr === void 0 ? _Input.defaultProps.ariaAttr : _ref$ariaAttr,
25
- _ref$inputType = _ref.inputType,
26
- inputType = _ref$inputType === void 0 ? _Input.defaultProps.inputType : _ref$inputType,
27
- value = _ref.value,
28
- _onChange = _ref.onChange,
29
- _onKeyUp = _ref.onKeyUp,
30
- _ref$onFocus = _ref.onFocus,
31
- onFocus = _ref$onFocus === void 0 ? _Input.defaultProps.onFocus : _ref$onFocus,
32
- _ref$onBlur = _ref.onBlur,
33
- onBlur = _ref$onBlur === void 0 ? _Input.defaultProps.onBlur : _ref$onBlur,
34
- autoFocus = _ref.autoFocus,
35
- _ref$state = _ref.state,
36
- state = _ref$state === void 0 ? _Input.defaultProps.state : _ref$state;
37
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
38
- "data-test": dataTest,
39
- id: id,
40
- className: (0, _classnames["default"])(className, _index["default"]['form-control'], (0, _defineProperty2["default"])({}, _Input2["default"]['input-inactive'], state === _Input.inputState.inactive)),
41
- value: value,
42
- onChange: function onChange(event) {
43
- _onChange(event);
44
- },
45
- onKeyUp: function onKeyUp(event) {
46
- _onKeyUp(event);
47
- },
48
- onFocus: onFocus,
49
- onBlur: onBlur,
50
- type: inputType,
51
- placeholder: placeholder,
52
- "aria-label": ariaAttr.label,
53
- autoFocus: autoFocus // eslint-disable-line
54
- });
55
- }
56
- Input.propTypes = _Input.propTypes;
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.propTypes = exports.inputType = exports.inputState = exports.defaultProps = void 0;
7
- var _propTypes = require("prop-types");
8
- var inputState = exports.inputState = {
9
- active: 'active',
10
- inactive: 'inactive'
11
- };
12
- var inputType = exports.inputType = {
13
- text: 'text',
14
- password: 'password'
15
- };
16
- var propTypes = exports.propTypes = {
17
- dataTest: _propTypes.string,
18
- id: _propTypes.string,
19
- className: _propTypes.string,
20
- placeholder: _propTypes.string,
21
- ariaAttr: (0, _propTypes.shape)({
22
- label: _propTypes.string
23
- }),
24
- inputType: (0, _propTypes.oneOf)(Object.keys(inputType)),
25
- onChange: _propTypes.func.isRequired,
26
- onKeyUp: _propTypes.func.isRequired,
27
- onFocus: _propTypes.func,
28
- onBlur: _propTypes.func,
29
- state: (0, _propTypes.oneOf)(Object.keys(inputState))
30
- };
31
- var defaultProps = exports.defaultProps = {
32
- dataTest: null,
33
- id: null,
34
- className: null,
35
- placeholder: null,
36
- ariaAttr: {
37
- input: ''
38
- },
39
- inputType: inputType.text,
40
- onFocus: function onFocus() {},
41
- onBlur: function onBlur() {},
42
- state: inputState.active
43
- };
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Input", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Input.Input;
10
- }
11
- });
12
- Object.defineProperty(exports, "inputState", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Input2.inputState;
16
- }
17
- });
18
- Object.defineProperty(exports, "inputType", {
19
- enumerable: true,
20
- get: function get() {
21
- return _Input2.inputType;
22
- }
23
- });
24
- var _Input = require("./Input");
25
- var _Input2 = require("./Input.prop");
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Radio = Radio;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
11
- var _Radio = require("./Radio.prop");
12
- var _Radio2 = _interopRequireDefault(require("./Radio.scss"));
13
- var _index = _interopRequireDefault(require("../index.scss"));
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- function Radio(_ref) {
16
- var _ref$dataTest = _ref.dataTest,
17
- dataTest = _ref$dataTest === void 0 ? _Radio.defaultProps.dataTest : _ref$dataTest,
18
- _ref$className = _ref.className,
19
- className = _ref$className === void 0 ? _Radio.defaultProps.className : _ref$className,
20
- _ref$htmlFor = _ref.htmlFor,
21
- htmlFor = _ref$htmlFor === void 0 ? _Radio.defaultProps.htmlFor : _ref$htmlFor,
22
- _ref$inputType = _ref.inputType,
23
- inputType = _ref$inputType === void 0 ? _Radio.defaultProps.inputType : _ref$inputType,
24
- name = _ref.name,
25
- _ref$isChecked = _ref.isChecked,
26
- isChecked = _ref$isChecked === void 0 ? _Radio.defaultProps.isChecked : _ref$isChecked,
27
- _ref$text = _ref.text,
28
- text = _ref$text === void 0 ? _Radio.defaultProps.text : _ref$text,
29
- _onChange = _ref.onChange,
30
- _ref$state = _ref.state,
31
- state = _ref$state === void 0 ? _Radio.defaultProps.state : _ref$state;
32
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
33
- "data-test": dataTest,
34
- className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Radio2["default"]['radio-inactive'], state === _Radio.radioState.inactive)),
35
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
36
- htmlFor: htmlFor,
37
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
38
- type: inputType,
39
- name: name,
40
- onChange: function onChange(event) {
41
- _onChange(event);
42
- },
43
- checked: isChecked
44
- }), text]
45
- })
46
- });
47
- }
48
- Radio.propTypes = _Radio.propTypes;
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.radioState = exports.propTypes = exports.inputType = exports.defaultProps = void 0;
7
- var _propTypes = require("prop-types");
8
- var radioState = exports.radioState = {
9
- active: 'active',
10
- inactive: 'inactive'
11
- };
12
- var inputType = exports.inputType = {
13
- radio: 'radio'
14
- };
15
- var propTypes = exports.propTypes = {
16
- dataTest: _propTypes.string,
17
- className: _propTypes.string,
18
- htmlFor: _propTypes.string,
19
- inputType: (0, _propTypes.oneOf)(Object.keys(inputType)),
20
- name: _propTypes.string.isRequired,
21
- isChecked: _propTypes.bool,
22
- text: _propTypes.string,
23
- onChange: _propTypes.func.isRequired,
24
- state: (0, _propTypes.oneOf)(Object.keys(radioState))
25
- };
26
- var defaultProps = exports.defaultProps = {
27
- dataTest: null,
28
- className: null,
29
- htmlFor: 'checkbox',
30
- inputType: inputType.radio,
31
- isChecked: false,
32
- text: null,
33
- state: radioState.active
34
- };
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Radio", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Radio.Radio;
10
- }
11
- });
12
- Object.defineProperty(exports, "radioState", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Radio2.radioState;
16
- }
17
- });
18
- var _Radio = require("./Radio");
19
- var _Radio2 = require("./Radio.prop");
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Form = void 0;
7
- var _Checkbox = require("./Checkbox");
8
- var _Input = require("./Input");
9
- var _Radio = require("./Radio");
10
- var Form = exports.Form = {
11
- Checkbox: {
12
- Checkbox: _Checkbox.Checkbox,
13
- checkboxState: _Checkbox.checkboxState
14
- },
15
- Input: {
16
- Input: _Input.Input,
17
- inputType: _Input.inputType,
18
- inputState: _Input.inputState
19
- },
20
- Radio: {
21
- Radio: _Radio.Radio,
22
- radioState: _Radio.radioState
23
- }
24
- };
@@ -1,58 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DisplayTable = DisplayTable;
8
- var _react = require("react");
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _uuid = require("uuid");
11
- var _visibilityDisplay = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/visibility-display.scss"));
12
- var _borders = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/borders.scss"));
13
- var _padding = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/padding.scss"));
14
- var _typography = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/typography.scss"));
15
- var _colors = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/colors.scss"));
16
- var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
17
- var _DisplayTable = require("./DisplayTable.prop");
18
- var _jsxRuntime = require("react/jsx-runtime");
19
- function DisplayTable(_ref) {
20
- var _ref$className = _ref.className,
21
- className = _ref$className === void 0 ? _DisplayTable.defaultProps.className : _ref$className,
22
- items = _ref.items,
23
- _ref$idIndex = _ref.idIndex,
24
- idIndex = _ref$idIndex === void 0 ? _DisplayTable.defaultProps.idIndex : _ref$idIndex,
25
- _ref$isSelectedIndex = _ref.isSelectedIndex,
26
- isSelectedIndex = _ref$isSelectedIndex === void 0 ? _DisplayTable.defaultProps.isSelectedIndex : _ref$isSelectedIndex;
27
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
28
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
29
- className: (0, _classnames["default"])(className, _visibilityDisplay["default"]['d-table'], _grid["default"]['col-12'], _colors["default"]['bg-blue-light']),
30
- children: items[0].names.map(function (name, index) {
31
- var isIdColumn = index === idIndex;
32
- var isSelectedColumn = index === isSelectedIndex;
33
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
34
- children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
35
- className: (0, _classnames["default"])(_grid["default"]['col-2'], _visibilityDisplay["default"]['d-table-cell'], _borders["default"].border, _padding["default"]['p-2'], _typography["default"].h6),
36
- children: isSelectedColumn ? '' : name
37
- }, (0, _uuid.v1)())
38
- }, (0, _uuid.v1)());
39
- })
40
- }), items.map(function (item) {
41
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
42
- className: (0, _classnames["default"])(className, _visibilityDisplay["default"]['d-table'], _grid["default"]['col-12']),
43
- children: item.values.map(function (value, valueIndex) {
44
- var _value$value;
45
- var isIdColumn = valueIndex === idIndex;
46
- var isSelectedColumn = valueIndex === isSelectedIndex;
47
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
48
- children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
49
- className: (0, _classnames["default"])(_grid["default"]['col-2'], _visibilityDisplay["default"]['d-table-cell'], _borders["default"].border, _padding["default"]['p-2']),
50
- children: isSelectedColumn ? '' : (_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : value
51
- }, (0, _uuid.v1)())
52
- }, (0, _uuid.v1)());
53
- })
54
- }, (0, _uuid.v1)());
55
- })]
56
- });
57
- }
58
- DisplayTable.propTypes = _DisplayTable.propTypes;