@papillonarts/components 0.8.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 (239) 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/Breadcrumb/Breadcrumb.mdx +23 -0
  15. package/build/primer/Breadcrumb/Breadcrumb.prop.ts +28 -0
  16. package/build/primer/Breadcrumb/Breadcrumb.tsx +57 -0
  17. package/build/primer/Breadcrumb/__tests__/Breadcrumb.int.story.tsx +40 -0
  18. package/build/primer/Breadcrumb/__tests__/Breadcrumb.int.test.ts +40 -0
  19. package/build/primer/Breadcrumb/index.ts +2 -0
  20. package/build/primer/Button/Button.mdx +239 -0
  21. package/build/primer/Button/Button.prop.ts +77 -0
  22. package/build/primer/Button/Button.tsx +91 -0
  23. package/build/primer/Button/__tests__/Button.int.story.tsx +173 -0
  24. package/build/primer/Button/__tests__/Button.int.test.ts +191 -0
  25. package/build/primer/Button/index.ts +2 -0
  26. package/build/primer/Dropdown/Dropdown.mdx +19 -0
  27. package/build/primer/Dropdown/Dropdown.prop.ts +33 -0
  28. package/build/primer/Dropdown/Dropdown.tsx +102 -0
  29. package/build/primer/Dropdown/__tests__/Dropdown.int.story.tsx +43 -0
  30. package/build/primer/Dropdown/__tests__/Dropdown.int.test.ts +53 -0
  31. package/build/primer/Dropdown/index.ts +2 -0
  32. package/build/primer/ErrorBoundary/ErrorBoundary.prop.ts +5 -0
  33. package/build/primer/ErrorBoundary/ErrorBoundary.tsx +35 -0
  34. package/build/primer/ErrorBoundary/__tests__/ErrorBoundary.int.story.tsx +23 -0
  35. package/build/primer/ErrorBoundary/__tests__/ErrorBoundary.int.test.ts +9 -0
  36. package/build/primer/ErrorBoundary/index.ts +1 -0
  37. package/build/primer/Form/Checkbox/Checkbox.prop.ts +34 -0
  38. package/build/primer/Form/Checkbox/Checkbox.tsx +40 -0
  39. package/build/primer/Form/Checkbox/__tests__/Checkbox.int.story.tsx +50 -0
  40. package/build/primer/Form/Checkbox/__tests__/Checkbox.int.test.ts +23 -0
  41. package/build/primer/Form/Checkbox/index.ts +2 -0
  42. package/build/primer/Form/Input/Input.prop.ts +43 -0
  43. package/build/primer/Form/Input/Input.tsx +43 -0
  44. package/build/primer/Form/Input/__tests__/Input.int.story.tsx +54 -0
  45. package/build/primer/Form/Input/__tests__/Input.int.test.ts +15 -0
  46. package/build/primer/Form/Input/index.ts +2 -0
  47. package/build/primer/Form/Radio/Radio.prop.ts +30 -0
  48. package/build/primer/Form/Radio/Radio.tsx +38 -0
  49. package/build/primer/Form/Radio/__tests__/Radio.int.story.tsx +42 -0
  50. package/build/primer/Form/Radio/__tests__/Radio.int.test.ts +13 -0
  51. package/build/primer/Form/Radio/index.ts +2 -0
  52. package/build/primer/Form/index.ts +19 -0
  53. package/build/primer/Grid/DisplayTable/DisplayTable.prop.ts +21 -0
  54. package/build/primer/Grid/DisplayTable/DisplayTable.tsx +68 -0
  55. package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.data.ts +289 -0
  56. package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.story.tsx +27 -0
  57. package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.test.ts +9 -0
  58. package/build/primer/Grid/DisplayTable/index.ts +1 -0
  59. package/build/primer/Grid/FlexGrid/FlexGrid.prop.ts +59 -0
  60. package/build/primer/Grid/FlexGrid/FlexGrid.tsx +274 -0
  61. package/build/primer/Grid/FlexGrid/__tests__/FlexGrid.int.data.ts +289 -0
  62. package/build/primer/Grid/FlexGrid/__tests__/FlexGrid.int.story.tsx +146 -0
  63. package/build/primer/Grid/FlexGrid/__tests__/FlexGrid.int.test.ts +46 -0
  64. package/build/primer/Grid/FlexGrid/index.ts +2 -0
  65. package/build/primer/Grid/index.ts +9 -0
  66. package/build/primer/Icon/Icon.part.ts +1289 -0
  67. package/build/primer/Icon/Icon.prop.ts +1337 -0
  68. package/build/primer/Icon/Icon.tsx +49 -0
  69. package/build/primer/Icon/__tests__/Icon.int.story.tsx +58 -0
  70. package/build/primer/Icon/__tests__/Icon.int.test.ts +13 -0
  71. package/build/primer/Icon/index.ts +2 -0
  72. package/build/primer/Label/Label.mdx +13 -0
  73. package/build/primer/Label/Label.prop.ts +31 -0
  74. package/build/primer/Label/Label.tsx +27 -0
  75. package/build/primer/Label/__tests__/Label.int.story.tsx +19 -0
  76. package/build/primer/Label/__tests__/Label.int.test.ts +9 -0
  77. package/build/primer/Label/index.ts +1 -0
  78. package/build/primer/Loader/Loader.mdx +31 -0
  79. package/build/primer/Loader/Loader.prop.ts +16 -0
  80. package/build/primer/Loader/Loader.tsx +43 -0
  81. package/build/primer/Loader/__tests__/Loader.int.story.tsx +34 -0
  82. package/build/primer/Loader/__tests__/Loader.int.test.ts +21 -0
  83. package/build/primer/Loader/index.ts +2 -0
  84. package/build/primer/Navigation/Menu/Menu.prop.ts +26 -0
  85. package/build/primer/Navigation/Menu/Menu.tsx +42 -0
  86. package/build/primer/Navigation/Menu/__tests__/Menu.int.story.tsx +55 -0
  87. package/build/primer/Navigation/Menu/__tests__/Menu.int.test.ts +57 -0
  88. package/build/primer/Navigation/Menu/index.ts +1 -0
  89. package/build/primer/Navigation/TabNav/TabNav.prop.ts +39 -0
  90. package/build/primer/Navigation/TabNav/TabNav.tsx +105 -0
  91. package/build/primer/Navigation/TabNav/__tests__/TabNav.int.story.tsx +168 -0
  92. package/build/primer/Navigation/TabNav/__tests__/TabNav.int.test.ts +55 -0
  93. package/build/primer/Navigation/TabNav/index.ts +2 -0
  94. package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.ts +41 -0
  95. package/build/primer/Navigation/UnderlineNav/UnderlineNav.tsx +106 -0
  96. package/build/primer/Navigation/UnderlineNav/__tests__/UnderlineNav.int.story.tsx +140 -0
  97. package/build/primer/Navigation/UnderlineNav/__tests__/UnderlineNav.int.test.ts +81 -0
  98. package/build/primer/Navigation/UnderlineNav/index.ts +2 -0
  99. package/build/primer/Navigation/index.ts +12 -0
  100. package/build/primer/Pagination/PreviousNext/PreviousNext.prop.ts +53 -0
  101. package/build/primer/Pagination/PreviousNext/PreviousNext.tsx +71 -0
  102. package/build/primer/Pagination/PreviousNext/__tests__/PreviousNext.int.story.tsx +48 -0
  103. package/build/primer/Pagination/PreviousNext/__tests__/PreviousNext.int.test.ts +15 -0
  104. package/build/primer/Pagination/PreviousNext/index.ts +2 -0
  105. package/build/primer/Pagination/index.ts +6 -0
  106. package/build/primer/Popover/Popover.mdx +190 -0
  107. package/build/primer/Popover/Popover.prop.ts +49 -0
  108. package/build/primer/Popover/Popover.tsx +80 -0
  109. package/build/primer/Popover/__tests__/Popover.int.story.tsx +216 -0
  110. package/build/primer/Popover/__tests__/Popover.int.test.ts +71 -0
  111. package/build/primer/Popover/index.ts +2 -0
  112. package/build/primer/Progress/Progress.mdx +31 -0
  113. package/build/primer/Progress/Progress.prop.ts +16 -0
  114. package/build/primer/Progress/Progress.tsx +19 -0
  115. package/build/primer/Progress/__tests__/Progress.int.story.tsx +28 -0
  116. package/build/primer/Progress/__tests__/Progress.int.test.ts +17 -0
  117. package/build/primer/Progress/index.ts +2 -0
  118. package/build/primer/Select/Select.mdx +19 -0
  119. package/build/primer/Select/Select.prop.ts +24 -0
  120. package/build/primer/Select/Select.tsx +58 -0
  121. package/build/primer/Select/__tests__/Select.int.story.tsx +38 -0
  122. package/build/primer/Select/__tests__/Select.int.test.ts +42 -0
  123. package/build/primer/Select/index.ts +2 -0
  124. package/build/primer/SelectMenu/SelectMenu.mdx +13 -0
  125. package/build/primer/SelectMenu/SelectMenu.prop.ts +25 -0
  126. package/build/primer/SelectMenu/SelectMenu.tsx +68 -0
  127. package/build/primer/SelectMenu/__tests__/SelectMenu.int.story.tsx +50 -0
  128. package/build/primer/SelectMenu/__tests__/SelectMenu.int.test.ts +56 -0
  129. package/build/primer/SelectMenu/index.ts +1 -0
  130. package/build/primer/Subhead/Subhead.mdx +20 -0
  131. package/build/primer/Subhead/Subhead.prop.ts +10 -0
  132. package/build/primer/Subhead/Subhead.tsx +15 -0
  133. package/build/primer/Subhead/__tests__/Subhead.int.story.tsx +23 -0
  134. package/build/primer/Subhead/__tests__/Subhead.int.test.ts +13 -0
  135. package/build/primer/Subhead/index.ts +1 -0
  136. package/build/primer/Toast/Toast.prop.ts +21 -0
  137. package/build/primer/Toast/Toast.tsx +38 -0
  138. package/build/primer/Toast/__tests__/Toast.int.story.tsx +50 -0
  139. package/build/primer/Toast/__tests__/Toast.int.test.ts +25 -0
  140. package/build/primer/Toast/index.ts +2 -0
  141. package/build/primer/index.ts +83 -0
  142. package/package.json +4 -4
  143. package/build/index.js +0 -12
  144. package/build/primer/Alert/Alert.js +0 -121
  145. package/build/primer/Alert/Alert.prop.js +0 -38
  146. package/build/primer/Alert/index.js +0 -19
  147. package/build/primer/Blankslate/Blankslate.js +0 -31
  148. package/build/primer/Blankslate/Blankslate.prop.js +0 -26
  149. package/build/primer/Blankslate/index.js +0 -19
  150. package/build/primer/Breadcrumb/Breadcrumb.js +0 -74
  151. package/build/primer/Breadcrumb/Breadcrumb.prop.js +0 -29
  152. package/build/primer/Breadcrumb/index.js +0 -19
  153. package/build/primer/Button/Button.js +0 -99
  154. package/build/primer/Button/Button.prop.js +0 -67
  155. package/build/primer/Button/index.js +0 -49
  156. package/build/primer/Dropdown/Dropdown.js +0 -104
  157. package/build/primer/Dropdown/Dropdown.prop.js +0 -34
  158. package/build/primer/Dropdown/index.js +0 -19
  159. package/build/primer/ErrorBoundary/ErrorBoundary.js +0 -59
  160. package/build/primer/ErrorBoundary/ErrorBoundary.prop.js +0 -11
  161. package/build/primer/ErrorBoundary/index.js +0 -12
  162. package/build/primer/Form/Checkbox/Checkbox.js +0 -49
  163. package/build/primer/Form/Checkbox/Checkbox.prop.js +0 -36
  164. package/build/primer/Form/Checkbox/index.js +0 -19
  165. package/build/primer/Form/Input/Input.js +0 -56
  166. package/build/primer/Form/Input/Input.prop.js +0 -43
  167. package/build/primer/Form/Input/index.js +0 -25
  168. package/build/primer/Form/Radio/Radio.js +0 -48
  169. package/build/primer/Form/Radio/Radio.prop.js +0 -34
  170. package/build/primer/Form/Radio/index.js +0 -19
  171. package/build/primer/Form/index.js +0 -24
  172. package/build/primer/Grid/DisplayTable/DisplayTable.js +0 -58
  173. package/build/primer/Grid/DisplayTable/DisplayTable.prop.js +0 -18
  174. package/build/primer/Grid/DisplayTable/index.js +0 -12
  175. package/build/primer/Grid/FlexGrid/FlexGrid.js +0 -244
  176. package/build/primer/Grid/FlexGrid/FlexGrid.prop.js +0 -49
  177. package/build/primer/Grid/FlexGrid/index.js +0 -25
  178. package/build/primer/Grid/index.js +0 -14
  179. package/build/primer/Icon/Icon.js +0 -70
  180. package/build/primer/Icon/Icon.part.js +0 -1295
  181. package/build/primer/Icon/Icon.prop.js +0 -689
  182. package/build/primer/Icon/index.js +0 -25
  183. package/build/primer/Label/Label.js +0 -31
  184. package/build/primer/Label/Label.prop.js +0 -34
  185. package/build/primer/Label/index.js +0 -12
  186. package/build/primer/Loader/Loader.js +0 -65
  187. package/build/primer/Loader/Loader.prop.js +0 -21
  188. package/build/primer/Loader/index.js +0 -19
  189. package/build/primer/Navigation/Menu/Menu.js +0 -70
  190. package/build/primer/Navigation/Menu/Menu.prop.js +0 -28
  191. package/build/primer/Navigation/Menu/index.js +0 -12
  192. package/build/primer/Navigation/TabNav/TabNav.js +0 -125
  193. package/build/primer/Navigation/TabNav/TabNav.prop.js +0 -36
  194. package/build/primer/Navigation/TabNav/index.js +0 -19
  195. package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +0 -121
  196. package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.js +0 -41
  197. package/build/primer/Navigation/UnderlineNav/index.js +0 -25
  198. package/build/primer/Navigation/index.js +0 -17
  199. package/build/primer/Pagination/PreviousNext/PreviousNext.js +0 -76
  200. package/build/primer/Pagination/PreviousNext/PreviousNext.prop.js +0 -56
  201. package/build/primer/Pagination/PreviousNext/index.js +0 -19
  202. package/build/primer/Pagination/index.js +0 -11
  203. package/build/primer/Popover/Popover.js +0 -63
  204. package/build/primer/Popover/Popover.prop.js +0 -41
  205. package/build/primer/Popover/index.js +0 -25
  206. package/build/primer/Progress/Progress.js +0 -31
  207. package/build/primer/Progress/Progress.prop.js +0 -21
  208. package/build/primer/Progress/index.js +0 -19
  209. package/build/primer/Select/Select.js +0 -66
  210. package/build/primer/Select/Select.prop.js +0 -27
  211. package/build/primer/Select/index.js +0 -19
  212. package/build/primer/SelectMenu/SelectMenu.js +0 -95
  213. package/build/primer/SelectMenu/SelectMenu.prop.js +0 -26
  214. package/build/primer/SelectMenu/index.js +0 -12
  215. package/build/primer/Subhead/Subhead.js +0 -27
  216. package/build/primer/Subhead/Subhead.prop.js +0 -16
  217. package/build/primer/Subhead/index.js +0 -12
  218. package/build/primer/Toast/Toast.js +0 -55
  219. package/build/primer/Toast/Toast.prop.js +0 -26
  220. package/build/primer/Toast/index.js +0 -19
  221. package/build/primer/index.js +0 -87
  222. /package/build/primer/Form/Checkbox/{Checkbox.md → Checkbox.mdx} +0 -0
  223. /package/build/primer/Form/Checkbox/__tests__/__snapshots__/{Checkbox.int.test.js.snap → Checkbox.int.test.ts.snap} +0 -0
  224. /package/build/primer/Form/Input/{Input.md → Input.mdx} +0 -0
  225. /package/build/primer/Form/Input/__tests__/__snapshots__/{Input.int.test.js.snap → Input.int.test.ts.snap} +0 -0
  226. /package/build/primer/Form/Radio/{Radio.md → Radio.mdx} +0 -0
  227. /package/build/primer/Form/Radio/__tests__/__snapshots__/{Radio.int.test.js.snap → Radio.int.test.ts.snap} +0 -0
  228. /package/build/primer/Grid/DisplayTable/{DisplayTable.md → DisplayTable.mdx} +0 -0
  229. /package/build/primer/Grid/DisplayTable/__tests__/__snapshots__/{DisplayTable.int.test.js.snap → DisplayTable.int.test.ts.snap} +0 -0
  230. /package/build/primer/Grid/FlexGrid/{FlexGrid.md → FlexGrid.mdx} +0 -0
  231. /package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/{FlexGrid.int.test.js.snap → FlexGrid.int.test.ts.snap} +0 -0
  232. /package/build/primer/Navigation/Menu/{Menu.md → Menu.mdx} +0 -0
  233. /package/build/primer/Navigation/Menu/__tests__/__snapshots__/{Menu.int.test.js.snap → Menu.int.test.ts.snap} +0 -0
  234. /package/build/primer/Navigation/TabNav/{TabNav.md → TabNav.mdx} +0 -0
  235. /package/build/primer/Navigation/TabNav/__tests__/__snapshots__/{TabNav.int.test.js.snap → TabNav.int.test.ts.snap} +0 -0
  236. /package/build/primer/Navigation/UnderlineNav/{UnderlineNav.md → UnderlineNav.mdx} +0 -0
  237. /package/build/primer/Navigation/UnderlineNav/__tests__/__snapshots__/{UnderlineNav.int.test.js.snap → UnderlineNav.int.test.ts.snap} +0 -0
  238. /package/build/primer/Pagination/PreviousNext/{PreviousNext.md → PreviousNext.mdx} +0 -0
  239. /package/build/primer/Pagination/PreviousNext/__tests__/__snapshots__/{PreviousNext.int.test.js.snap → PreviousNext.int.test.ts.snap} +0 -0
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.underlineNavItemType = exports.underlineNavAlignmentType = exports.propTypes = exports.defaultProps = void 0;
7
- var _propTypes = require("prop-types");
8
- var underlineNavItemType = exports.underlineNavItemType = {
9
- a: 'a',
10
- button: 'button'
11
- };
12
- var underlineNavAlignmentType = exports.underlineNavAlignmentType = {
13
- right: 'right',
14
- left: 'left'
15
- };
16
- var propTypes = exports.propTypes = {
17
- className: _propTypes.string,
18
- ariaAttr: (0, _propTypes.shape)({
19
- label: _propTypes.string,
20
- selected: _propTypes.string,
21
- current: _propTypes.string
22
- }).isRequired,
23
- items: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
24
- href: _propTypes.string,
25
- icon: _propTypes.string,
26
- text: _propTypes.string,
27
- html: _propTypes.node,
28
- isSelected: _propTypes.bool
29
- })).isRequired,
30
- itemType: (0, _propTypes.oneOf)(Object.keys(underlineNavItemType)).isRequired,
31
- actions: (0, _propTypes.arrayOf)(_propTypes.node),
32
- align: (0, _propTypes.oneOf)(Object.keys(underlineNavAlignmentType)).isRequired,
33
- fullContainer: _propTypes.bool,
34
- onClick: _propTypes.func.isRequired
35
- };
36
- var defaultProps = exports.defaultProps = {
37
- className: null,
38
- actions: null,
39
- align: 'left',
40
- fullContainer: false
41
- };
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "UnderlineNav", {
7
- enumerable: true,
8
- get: function get() {
9
- return _UnderlineNav.UnderlineNav;
10
- }
11
- });
12
- Object.defineProperty(exports, "underlineNavAlignmentType", {
13
- enumerable: true,
14
- get: function get() {
15
- return _UnderlineNav2.underlineNavAlignmentType;
16
- }
17
- });
18
- Object.defineProperty(exports, "underlineNavItemType", {
19
- enumerable: true,
20
- get: function get() {
21
- return _UnderlineNav2.underlineNavItemType;
22
- }
23
- });
24
- var _UnderlineNav = require("./UnderlineNav");
25
- var _UnderlineNav2 = require("./UnderlineNav.prop");
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Navigation = void 0;
7
- var _Menu = require("./Menu");
8
- var _TabNav = require("./TabNav");
9
- var _UnderlineNav = require("./UnderlineNav");
10
- var Navigation = exports.Navigation = {
11
- Menu: _Menu.Menu,
12
- TabNav: _TabNav.TabNav,
13
- tabNavState: _TabNav.tabNavState,
14
- UnderlineNav: _UnderlineNav.UnderlineNav,
15
- underlineNavItemType: _UnderlineNav.underlineNavItemType,
16
- underlineNavAlignmentType: _UnderlineNav.underlineNavAlignmentType
17
- };
@@ -1,76 +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.PreviousNext = PreviousNext;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
11
- var _pagination = require("@papillonarts/library/pagination");
12
- var _PreviousNext = require("./PreviousNext.prop");
13
- var _PreviousNext2 = _interopRequireDefault(require("./PreviousNext.scss"));
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- 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; }
16
- 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; }
17
- function PreviousNext(_ref) {
18
- var _ref$className = _ref.className,
19
- className = _ref$className === void 0 ? _PreviousNext.defaultProps.className : _ref$className,
20
- ariaAttr = _ref.ariaAttr,
21
- currentPage = _ref.currentPage,
22
- _ref$previous = _ref.previous,
23
- previous = _ref$previous === void 0 ? _PreviousNext.defaultProps.previous : _ref$previous,
24
- _ref$next = _ref.next,
25
- next = _ref$next === void 0 ? _PreviousNext.defaultProps.next : _ref$next,
26
- _onClick = _ref.onClick,
27
- _ref$state = _ref.state,
28
- state = _ref$state === void 0 ? _PreviousNext.defaultProps.state : _ref$state;
29
- var label = ariaAttr.label;
30
- var indexItems = currentPage.indexItems,
31
- currentIndex = currentPage.currentIndex,
32
- canMoveBackwards = currentPage.canMoveBackwards,
33
- canMoveForward = currentPage.canMoveForward;
34
- var backwardsAriaProps = !canMoveBackwards ? _objectSpread({}, {
35
- 'aria-disabled': 'true'
36
- }) : null;
37
- var forwardAriaProps = !canMoveForward ? _objectSpread({}, {
38
- 'aria-disabled': 'true'
39
- }) : null;
40
- if (indexItems === [] || currentIndex === -1) {
41
- return null;
42
- }
43
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
44
- className: (0, _classnames["default"])(className, _PreviousNext2["default"]['paginate-container'], (0, _defineProperty2["default"])({}, _PreviousNext2["default"]['previousnext-inactive'], state === _PreviousNext.previousNextState.inactive)),
45
- "aria-label": label,
46
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
47
- className: (0, _classnames["default"])(_PreviousNext2["default"].pagination, _visibilityDisplay["default"]['d-flex']),
48
- children: [!canMoveBackwards ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, backwardsAriaProps), {}, {
49
- children: previous.text
50
- })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
51
- onClick: function onClick(event) {
52
- event.preventDefault();
53
- _onClick(_pagination.paginationActionTypes.onBackwards);
54
- },
55
- rel: previous.rel,
56
- href: previous.href,
57
- "aria-label": previous.ariaAttr.label,
58
- children: previous.text
59
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
60
- children: "Viewing ".concat(currentIndex + 1, " to ").concat(indexItems.length)
61
- }), !canMoveForward ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, forwardAriaProps), {}, {
62
- children: next.text
63
- })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
64
- onClick: function onClick(event) {
65
- event.preventDefault();
66
- _onClick(_pagination.paginationActionTypes.onForward);
67
- },
68
- rel: next.rel,
69
- href: next.href,
70
- "aria-label": next.ariaAttr.label,
71
- children: next.text
72
- })]
73
- })
74
- });
75
- }
76
- PreviousNext.propTypes = _PreviousNext.propTypes;
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.propTypes = exports.previousNextState = exports.defaultProps = void 0;
7
- var _propTypes = require("prop-types");
8
- var previousNextState = exports.previousNextState = {
9
- active: 'active',
10
- inactive: 'inactive'
11
- };
12
- var propTypes = exports.propTypes = {
13
- className: _propTypes.string,
14
- ariaAttr: (0, _propTypes.shape)({
15
- label: _propTypes.string
16
- }).isRequired,
17
- currentPage: _propTypes.object.isRequired,
18
- previous: (0, _propTypes.shape)({
19
- rel: _propTypes.string,
20
- href: _propTypes.string,
21
- ariaAttr: (0, _propTypes.shape)({
22
- label: _propTypes.string
23
- }).isRequired,
24
- text: _propTypes.string
25
- }),
26
- next: (0, _propTypes.shape)({
27
- rel: _propTypes.string,
28
- href: _propTypes.string,
29
- ariaAttr: (0, _propTypes.shape)({
30
- label: _propTypes.string
31
- }).isRequired,
32
- text: _propTypes.string
33
- }),
34
- onClick: _propTypes.func.isRequired,
35
- state: (0, _propTypes.oneOf)(Object.keys(previousNextState))
36
- };
37
- var defaultProps = exports.defaultProps = {
38
- className: null,
39
- previous: {
40
- rel: 'previous',
41
- href: '#url',
42
- ariaAttr: {
43
- label: 'Previous'
44
- },
45
- text: '<'
46
- },
47
- next: {
48
- rel: 'next',
49
- href: '#url',
50
- ariaAttr: {
51
- label: 'Next'
52
- },
53
- text: '>'
54
- },
55
- state: previousNextState.active
56
- };
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "PreviousNext", {
7
- enumerable: true,
8
- get: function get() {
9
- return _PreviousNext.PreviousNext;
10
- }
11
- });
12
- Object.defineProperty(exports, "previousNextState", {
13
- enumerable: true,
14
- get: function get() {
15
- return _PreviousNext2.previousNextState;
16
- }
17
- });
18
- var _PreviousNext = require("./PreviousNext");
19
- var _PreviousNext2 = require("./PreviousNext.prop");
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Pagination = void 0;
7
- var _PreviousNext = require("./PreviousNext");
8
- var Pagination = exports.Pagination = {
9
- PreviousNext: _PreviousNext.PreviousNext,
10
- previousNextState: _PreviousNext.previousNextState
11
- };
@@ -1,63 +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.Popover = Popover;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _boxShadow = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/box-shadow.scss"));
11
- var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
12
- var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
13
- var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
14
- var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
15
- var _box = _interopRequireDefault(require("../Box/box.scss"));
16
- var _Popover = require("./Popover.prop");
17
- var _Popover2 = _interopRequireDefault(require("./Popover.scss"));
18
- var _Button = require("../Button");
19
- var _jsxRuntime = require("react/jsx-runtime");
20
- function Popover(_ref) {
21
- var _cx2;
22
- var _ref$className = _ref.className,
23
- className = _ref$className === void 0 ? _Popover.defaultProps.className : _ref$className,
24
- _ref$variant = _ref.variant,
25
- variant = _ref$variant === void 0 ? _Popover.defaultProps.variant : _ref$variant,
26
- _ref$size = _ref.size,
27
- size = _ref$size === void 0 ? _Popover.defaultProps.size : _ref$size,
28
- intro = _ref.intro,
29
- heading = _ref.heading,
30
- message = _ref.message,
31
- acknowledge = _ref.acknowledge,
32
- introOnClick = _ref.introOnClick,
33
- acknowledgeOnClick = _ref.acknowledgeOnClick;
34
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
35
- className: (0, _classnames["default"])(className, _layout["default"]['position-relative'], (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _typography["default"]['text-center'], variant === _Popover.popoverVariant["default"] || variant === _Popover.popoverVariant.bottom), (0, _classnames["default"])(_typography["default"]['text-right'], _padding["default"]['pr-2']), variant === _Popover.popoverVariant.bottomRight)),
36
- children: [variant === _Popover.popoverVariant["default"] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
37
- variant: _Button.buttonVariant.primary,
38
- text: intro,
39
- onClick: introOnClick
40
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
41
- className: ((0, _classnames["default"])(_Popover2["default"].Popover, _layout["default"]['position-relative']), (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, (0, _classnames["default"])(_layout["default"]['right-0'], _layout["default"]['left-0']), variant === _Popover.popoverVariant["default"]), _padding["default"]['pl-2'], variant === _Popover.popoverVariant.bottomLeft)),
42
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
43
- className: (0, _classnames["default"])(_Popover2["default"]['Popover-message'], _typography["default"]['text-left'], _padding["default"]['p-4'], _box["default"].Box, _boxShadow["default"]['box-shadow-large'], (_cx2 = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_margin["default"]['mx-auto'], _margin["default"]['mt-2']), variant === _Popover.popoverVariant["default"]), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom'], _margin["default"]['mx-auto'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottom), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-right'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomRight), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-left'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomLeft), _Popover2["default"]['Popover-message--left'], variant === _Popover.popoverVariant.left), _Popover2["default"]['Popover-message--left-bottom'], variant === _Popover.popoverVariant.leftBottom), _Popover2["default"]['Popover-message--left-top'], variant === _Popover.popoverVariant.leftTop), _Popover2["default"]['Popover-message--right'], variant === _Popover.popoverVariant.right), _Popover2["default"]['Popover-message--right-bottom'], variant === _Popover.popoverVariant.rightBottom), _Popover2["default"]['Popover-message--right-top'], variant === _Popover.popoverVariant.rightTop), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--top-left'], variant === _Popover.popoverVariant.topLeft), _Popover2["default"]['Popover-message--top-right'], variant === _Popover.popoverVariant.topRight), _Popover2["default"]['Popover-message--large'], size === _Popover.popoverSize.large))),
44
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
45
- className: _margin["default"]['mb-2'],
46
- children: heading
47
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
48
- children: message
49
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
50
- className: (0, _classnames["default"])(_margin["default"]['mt-2'], _typography["default"]['text-bold']),
51
- text: acknowledge,
52
- variant: _Button.buttonVariant.outline,
53
- onClick: acknowledgeOnClick
54
- })]
55
- })
56
- }), (variant === _Popover.popoverVariant.bottom || variant === _Popover.popoverVariant.bottomRight || variant === _Popover.popoverVariant.bottomLeft) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
57
- variant: _Button.buttonVariant.primary,
58
- text: intro,
59
- onClick: introOnClick
60
- })]
61
- });
62
- }
63
- Popover.propTypes = _Popover.propTypes;
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.propTypes = exports.popoverVariant = exports.popoverSize = exports.defaultProps = void 0;
7
- var _propTypes = require("prop-types");
8
- var popoverVariant = exports.popoverVariant = {
9
- "default": 'default',
10
- bottom: 'bottom',
11
- bottomRight: 'bottomRight',
12
- bottomLeft: 'bottomLeft',
13
- left: 'left',
14
- leftBottom: 'leftBottom',
15
- leftTop: 'leftTop',
16
- right: 'right',
17
- rightBottom: 'rightBottom',
18
- rightTop: 'rightTop',
19
- topLeft: 'topLeft',
20
- topRight: 'topRight'
21
- };
22
- var popoverSize = exports.popoverSize = {
23
- normal: 'normal',
24
- large: 'large'
25
- };
26
- var propTypes = exports.propTypes = {
27
- className: _propTypes.string,
28
- variant: (0, _propTypes.oneOf)(Object.keys(popoverVariant)),
29
- size: (0, _propTypes.oneOf)(Object.keys(popoverSize)),
30
- intro: _propTypes.string.isRequired,
31
- heading: _propTypes.string.isRequired,
32
- message: _propTypes.string.isRequired,
33
- acknowledge: _propTypes.string.isRequired,
34
- introOnClick: _propTypes.func.isRequired,
35
- acknowledgeOnClick: _propTypes.func.isRequired
36
- };
37
- var defaultProps = exports.defaultProps = {
38
- className: null,
39
- variant: popoverVariant["default"],
40
- size: popoverSize.normal
41
- };
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Popover", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Popover.Popover;
10
- }
11
- });
12
- Object.defineProperty(exports, "popoverSize", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Popover2.popoverSize;
16
- }
17
- });
18
- Object.defineProperty(exports, "popoverVariant", {
19
- enumerable: true,
20
- get: function get() {
21
- return _Popover2.popoverVariant;
22
- }
23
- });
24
- var _Popover = require("./Popover");
25
- var _Popover2 = require("./Popover.prop");
@@ -1,31 +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.Progress = Progress;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
11
- var _Progress = require("./Progress.prop");
12
- var _Progress2 = _interopRequireDefault(require("./Progress.scss"));
13
- var _jsxRuntime = require("react/jsx-runtime");
14
- function Progress(_ref) {
15
- var _ref$className = _ref.className,
16
- className = _ref$className === void 0 ? _Progress.defaultProps.className : _ref$className,
17
- _ref$variant = _ref.variant,
18
- variant = _ref$variant === void 0 ? _Progress.defaultProps.variant : _ref$variant,
19
- percentage = _ref.percentage;
20
- var percentageStyle = {
21
- width: "".concat(percentage, "%")
22
- };
23
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
24
- className: (0, _classnames["default"])(className, _Progress2["default"].Progress, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Progress2["default"]['Progress--large'], variant === _Progress.progressVariant.large), _Progress2["default"]['Progress--small'], variant === _Progress.progressVariant.small === true)),
25
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
26
- className: (0, _classnames["default"])(_Progress2["default"]['Progress-item'], _colors["default"]['bg-green']),
27
- style: percentageStyle
28
- })
29
- });
30
- }
31
- Progress.propTypes = _Progress.propTypes;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.propTypes = exports.progressVariant = exports.defaultProps = void 0;
7
- var _propTypes = require("prop-types");
8
- var progressVariant = exports.progressVariant = {
9
- small: 'small',
10
- normal: 'normal',
11
- large: 'large'
12
- };
13
- var propTypes = exports.propTypes = {
14
- className: _propTypes.string,
15
- variant: (0, _propTypes.oneOf)(Object.keys(progressVariant)),
16
- percentage: _propTypes.number.isRequired
17
- };
18
- var defaultProps = exports.defaultProps = {
19
- className: null,
20
- variant: progressVariant.normal
21
- };
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Progress", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Progress.Progress;
10
- }
11
- });
12
- Object.defineProperty(exports, "progressVariant", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Progress2.progressVariant;
16
- }
17
- });
18
- var _Progress = require("./Progress");
19
- var _Progress2 = require("./Progress.prop");
@@ -1,66 +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.Select = Select;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _uuid = require("uuid");
11
- var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
12
- var _array = require("@papillonarts/library/array");
13
- var _Select = require("./Select.prop");
14
- var _Select2 = _interopRequireDefault(require("./Select.scss"));
15
- var _jsxRuntime = require("react/jsx-runtime");
16
- function Select(_ref) {
17
- var _ref$id = _ref.id,
18
- id = _ref$id === void 0 ? _Select.defaultProps.id : _ref$id,
19
- _ref$className = _ref.className,
20
- className = _ref$className === void 0 ? _Select.defaultProps.className : _ref$className,
21
- selectedText = _ref.selectedText,
22
- items = _ref.items,
23
- onChange = _ref.onChange,
24
- _ref$state = _ref.state,
25
- state = _ref$state === void 0 ? _Select.defaultProps.state : _ref$state;
26
- var indexItems = (0, _array.getIndexItems)(items);
27
- var handleOnChange = function handleOnChange(event) {
28
- var indexItem = indexItems.find(function (item) {
29
- return item.text === event.target.value;
30
- });
31
- var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
32
- onChange({
33
- selectedText: indexItem.text,
34
- items: newIndexItems.map(function (newIndexItem) {
35
- return function (_ref2) {
36
- var newIndexItemText = _ref2.text,
37
- newIndexItemIsSelected = _ref2.isSelected;
38
- return {
39
- text: newIndexItemText,
40
- isSelected: newIndexItemIsSelected
41
- };
42
- }(newIndexItem);
43
- })
44
- });
45
- };
46
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
47
- className: (0, _classnames["default"])(className, _Select2["default"].select),
48
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
49
- id: id,
50
- readOnly: false,
51
- onChange: handleOnChange,
52
- className: (0, _classnames["default"])(_Select2["default"]['select-menu'], _layout["default"]['width-full'], (0, _defineProperty2["default"])({}, _Select2["default"]['select-inactive'], state === _Select.selectState.inactive)),
53
- value: selectedText,
54
- children: items && indexItems.map(function (indexItem) {
55
- var text = indexItem.text,
56
- isSelected = indexItem.isSelected;
57
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
58
- value: text,
59
- selected: isSelected,
60
- children: text
61
- }, (0, _uuid.v1)());
62
- })
63
- })
64
- });
65
- }
66
- Select.propTypes = _Select.propTypes;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.selectState = exports.propTypes = exports.defaultProps = void 0;
7
- var _propTypes = require("prop-types");
8
- var selectState = exports.selectState = {
9
- active: 'active',
10
- inactive: 'inactive'
11
- };
12
- var propTypes = exports.propTypes = {
13
- id: _propTypes.string,
14
- className: _propTypes.string,
15
- selectedText: _propTypes.string.isRequired,
16
- items: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
17
- text: _propTypes.string,
18
- isSelected: _propTypes.bool
19
- })).isRequired,
20
- onChange: _propTypes.func.isRequired,
21
- state: (0, _propTypes.oneOf)(Object.keys(selectState))
22
- };
23
- var defaultProps = exports.defaultProps = {
24
- id: null,
25
- className: null,
26
- state: selectState.active
27
- };
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Select", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Select.Select;
10
- }
11
- });
12
- Object.defineProperty(exports, "selectState", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Select2.selectState;
16
- }
17
- });
18
- var _Select = require("./Select");
19
- var _Select2 = require("./Select.prop");