@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.
- package/build/index.ts +1 -0
- package/build/primer/Alert/Alert.mdx +88 -0
- package/build/primer/Alert/Alert.prop.ts +45 -0
- package/build/primer/Alert/Alert.tsx +101 -0
- package/build/primer/Alert/__tests__/Alert.int.story.tsx +86 -0
- package/build/primer/Alert/__tests__/Alert.int.test.ts +37 -0
- package/build/primer/Alert/index.ts +2 -0
- package/build/primer/Blankslate/Blankslate.mdx +57 -0
- package/build/primer/Blankslate/Blankslate.prop.ts +26 -0
- package/build/primer/Blankslate/Blankslate.tsx +26 -0
- package/build/primer/Blankslate/__tests__/Blankslate.int.story.tsx +43 -0
- package/build/primer/Blankslate/__tests__/Blankslate.int.test.ts +29 -0
- package/build/primer/Blankslate/index.ts +2 -0
- package/build/primer/Breadcrumb/Breadcrumb.mdx +23 -0
- package/build/primer/Breadcrumb/Breadcrumb.prop.ts +28 -0
- package/build/primer/Breadcrumb/Breadcrumb.tsx +57 -0
- package/build/primer/Breadcrumb/__tests__/Breadcrumb.int.story.tsx +40 -0
- package/build/primer/Breadcrumb/__tests__/Breadcrumb.int.test.ts +40 -0
- package/build/primer/Breadcrumb/index.ts +2 -0
- package/build/primer/Button/Button.mdx +239 -0
- package/build/primer/Button/Button.prop.ts +77 -0
- package/build/primer/Button/Button.tsx +91 -0
- package/build/primer/Button/__tests__/Button.int.story.tsx +173 -0
- package/build/primer/Button/__tests__/Button.int.test.ts +191 -0
- package/build/primer/Button/index.ts +2 -0
- package/build/primer/Dropdown/Dropdown.mdx +19 -0
- package/build/primer/Dropdown/Dropdown.prop.ts +33 -0
- package/build/primer/Dropdown/Dropdown.tsx +102 -0
- package/build/primer/Dropdown/__tests__/Dropdown.int.story.tsx +43 -0
- package/build/primer/Dropdown/__tests__/Dropdown.int.test.ts +53 -0
- package/build/primer/Dropdown/index.ts +2 -0
- package/build/primer/ErrorBoundary/ErrorBoundary.prop.ts +5 -0
- package/build/primer/ErrorBoundary/ErrorBoundary.tsx +35 -0
- package/build/primer/ErrorBoundary/__tests__/ErrorBoundary.int.story.tsx +23 -0
- package/build/primer/ErrorBoundary/__tests__/ErrorBoundary.int.test.ts +9 -0
- package/build/primer/ErrorBoundary/index.ts +1 -0
- package/build/primer/Form/Checkbox/Checkbox.prop.ts +34 -0
- package/build/primer/Form/Checkbox/Checkbox.tsx +40 -0
- package/build/primer/Form/Checkbox/__tests__/Checkbox.int.story.tsx +50 -0
- package/build/primer/Form/Checkbox/__tests__/Checkbox.int.test.ts +23 -0
- package/build/primer/Form/Checkbox/index.ts +2 -0
- package/build/primer/Form/Input/Input.prop.ts +43 -0
- package/build/primer/Form/Input/Input.tsx +43 -0
- package/build/primer/Form/Input/__tests__/Input.int.story.tsx +54 -0
- package/build/primer/Form/Input/__tests__/Input.int.test.ts +15 -0
- package/build/primer/Form/Input/index.ts +2 -0
- package/build/primer/Form/Radio/Radio.prop.ts +30 -0
- package/build/primer/Form/Radio/Radio.tsx +38 -0
- package/build/primer/Form/Radio/__tests__/Radio.int.story.tsx +42 -0
- package/build/primer/Form/Radio/__tests__/Radio.int.test.ts +13 -0
- package/build/primer/Form/Radio/index.ts +2 -0
- package/build/primer/Form/index.ts +19 -0
- package/build/primer/Grid/DisplayTable/DisplayTable.prop.ts +21 -0
- package/build/primer/Grid/DisplayTable/DisplayTable.tsx +68 -0
- package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.data.ts +289 -0
- package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.story.tsx +27 -0
- package/build/primer/Grid/DisplayTable/__tests__/DisplayTable.int.test.ts +9 -0
- package/build/primer/Grid/DisplayTable/index.ts +1 -0
- package/build/primer/Grid/FlexGrid/FlexGrid.prop.ts +59 -0
- package/build/primer/Grid/FlexGrid/FlexGrid.tsx +274 -0
- package/build/primer/Grid/FlexGrid/__tests__/FlexGrid.int.data.ts +289 -0
- package/build/primer/Grid/FlexGrid/__tests__/FlexGrid.int.story.tsx +146 -0
- package/build/primer/Grid/FlexGrid/__tests__/FlexGrid.int.test.ts +46 -0
- package/build/primer/Grid/FlexGrid/index.ts +2 -0
- package/build/primer/Grid/index.ts +9 -0
- package/build/primer/Icon/Icon.part.ts +1289 -0
- package/build/primer/Icon/Icon.prop.ts +1337 -0
- package/build/primer/Icon/Icon.tsx +49 -0
- package/build/primer/Icon/__tests__/Icon.int.story.tsx +58 -0
- package/build/primer/Icon/__tests__/Icon.int.test.ts +13 -0
- package/build/primer/Icon/index.ts +2 -0
- package/build/primer/Label/Label.mdx +13 -0
- package/build/primer/Label/Label.prop.ts +31 -0
- package/build/primer/Label/Label.tsx +27 -0
- package/build/primer/Label/__tests__/Label.int.story.tsx +19 -0
- package/build/primer/Label/__tests__/Label.int.test.ts +9 -0
- package/build/primer/Label/index.ts +1 -0
- package/build/primer/Loader/Loader.mdx +31 -0
- package/build/primer/Loader/Loader.prop.ts +16 -0
- package/build/primer/Loader/Loader.tsx +43 -0
- package/build/primer/Loader/__tests__/Loader.int.story.tsx +34 -0
- package/build/primer/Loader/__tests__/Loader.int.test.ts +21 -0
- package/build/primer/Loader/index.ts +2 -0
- package/build/primer/Navigation/Menu/Menu.prop.ts +26 -0
- package/build/primer/Navigation/Menu/Menu.tsx +42 -0
- package/build/primer/Navigation/Menu/__tests__/Menu.int.story.tsx +55 -0
- package/build/primer/Navigation/Menu/__tests__/Menu.int.test.ts +57 -0
- package/build/primer/Navigation/Menu/index.ts +1 -0
- package/build/primer/Navigation/TabNav/TabNav.prop.ts +39 -0
- package/build/primer/Navigation/TabNav/TabNav.tsx +105 -0
- package/build/primer/Navigation/TabNav/__tests__/TabNav.int.story.tsx +168 -0
- package/build/primer/Navigation/TabNav/__tests__/TabNav.int.test.ts +55 -0
- package/build/primer/Navigation/TabNav/index.ts +2 -0
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.ts +41 -0
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.tsx +106 -0
- package/build/primer/Navigation/UnderlineNav/__tests__/UnderlineNav.int.story.tsx +140 -0
- package/build/primer/Navigation/UnderlineNav/__tests__/UnderlineNav.int.test.ts +81 -0
- package/build/primer/Navigation/UnderlineNav/index.ts +2 -0
- package/build/primer/Navigation/index.ts +12 -0
- package/build/primer/Pagination/PreviousNext/PreviousNext.prop.ts +53 -0
- package/build/primer/Pagination/PreviousNext/PreviousNext.tsx +71 -0
- package/build/primer/Pagination/PreviousNext/__tests__/PreviousNext.int.story.tsx +48 -0
- package/build/primer/Pagination/PreviousNext/__tests__/PreviousNext.int.test.ts +15 -0
- package/build/primer/Pagination/PreviousNext/index.ts +2 -0
- package/build/primer/Pagination/index.ts +6 -0
- package/build/primer/Popover/Popover.mdx +190 -0
- package/build/primer/Popover/Popover.prop.ts +49 -0
- package/build/primer/Popover/Popover.tsx +80 -0
- package/build/primer/Popover/__tests__/Popover.int.story.tsx +216 -0
- package/build/primer/Popover/__tests__/Popover.int.test.ts +71 -0
- package/build/primer/Popover/index.ts +2 -0
- package/build/primer/Progress/Progress.mdx +31 -0
- package/build/primer/Progress/Progress.prop.ts +16 -0
- package/build/primer/Progress/Progress.tsx +19 -0
- package/build/primer/Progress/__tests__/Progress.int.story.tsx +28 -0
- package/build/primer/Progress/__tests__/Progress.int.test.ts +17 -0
- package/build/primer/Progress/index.ts +2 -0
- package/build/primer/Select/Select.mdx +19 -0
- package/build/primer/Select/Select.prop.ts +24 -0
- package/build/primer/Select/Select.tsx +58 -0
- package/build/primer/Select/__tests__/Select.int.story.tsx +38 -0
- package/build/primer/Select/__tests__/Select.int.test.ts +42 -0
- package/build/primer/Select/index.ts +2 -0
- package/build/primer/SelectMenu/SelectMenu.mdx +13 -0
- package/build/primer/SelectMenu/SelectMenu.prop.ts +25 -0
- package/build/primer/SelectMenu/SelectMenu.tsx +68 -0
- package/build/primer/SelectMenu/__tests__/SelectMenu.int.story.tsx +50 -0
- package/build/primer/SelectMenu/__tests__/SelectMenu.int.test.ts +56 -0
- package/build/primer/SelectMenu/index.ts +1 -0
- package/build/primer/Subhead/Subhead.mdx +20 -0
- package/build/primer/Subhead/Subhead.prop.ts +10 -0
- package/build/primer/Subhead/Subhead.tsx +15 -0
- package/build/primer/Subhead/__tests__/Subhead.int.story.tsx +23 -0
- package/build/primer/Subhead/__tests__/Subhead.int.test.ts +13 -0
- package/build/primer/Subhead/index.ts +1 -0
- package/build/primer/Toast/Toast.prop.ts +21 -0
- package/build/primer/Toast/Toast.tsx +38 -0
- package/build/primer/Toast/__tests__/Toast.int.story.tsx +50 -0
- package/build/primer/Toast/__tests__/Toast.int.test.ts +25 -0
- package/build/primer/Toast/index.ts +2 -0
- package/build/primer/index.ts +83 -0
- package/package.json +4 -4
- package/build/index.js +0 -12
- package/build/primer/Alert/Alert.js +0 -121
- package/build/primer/Alert/Alert.prop.js +0 -38
- package/build/primer/Alert/index.js +0 -19
- package/build/primer/Blankslate/Blankslate.js +0 -31
- package/build/primer/Blankslate/Blankslate.prop.js +0 -26
- package/build/primer/Blankslate/index.js +0 -19
- package/build/primer/Breadcrumb/Breadcrumb.js +0 -74
- package/build/primer/Breadcrumb/Breadcrumb.prop.js +0 -29
- package/build/primer/Breadcrumb/index.js +0 -19
- package/build/primer/Button/Button.js +0 -99
- package/build/primer/Button/Button.prop.js +0 -67
- package/build/primer/Button/index.js +0 -49
- package/build/primer/Dropdown/Dropdown.js +0 -104
- package/build/primer/Dropdown/Dropdown.prop.js +0 -34
- package/build/primer/Dropdown/index.js +0 -19
- package/build/primer/ErrorBoundary/ErrorBoundary.js +0 -59
- package/build/primer/ErrorBoundary/ErrorBoundary.prop.js +0 -11
- package/build/primer/ErrorBoundary/index.js +0 -12
- package/build/primer/Form/Checkbox/Checkbox.js +0 -49
- package/build/primer/Form/Checkbox/Checkbox.prop.js +0 -36
- package/build/primer/Form/Checkbox/index.js +0 -19
- package/build/primer/Form/Input/Input.js +0 -56
- package/build/primer/Form/Input/Input.prop.js +0 -43
- package/build/primer/Form/Input/index.js +0 -25
- package/build/primer/Form/Radio/Radio.js +0 -48
- package/build/primer/Form/Radio/Radio.prop.js +0 -34
- package/build/primer/Form/Radio/index.js +0 -19
- package/build/primer/Form/index.js +0 -24
- package/build/primer/Grid/DisplayTable/DisplayTable.js +0 -58
- package/build/primer/Grid/DisplayTable/DisplayTable.prop.js +0 -18
- package/build/primer/Grid/DisplayTable/index.js +0 -12
- package/build/primer/Grid/FlexGrid/FlexGrid.js +0 -244
- package/build/primer/Grid/FlexGrid/FlexGrid.prop.js +0 -49
- package/build/primer/Grid/FlexGrid/index.js +0 -25
- package/build/primer/Grid/index.js +0 -14
- package/build/primer/Icon/Icon.js +0 -70
- package/build/primer/Icon/Icon.part.js +0 -1295
- package/build/primer/Icon/Icon.prop.js +0 -689
- package/build/primer/Icon/index.js +0 -25
- package/build/primer/Label/Label.js +0 -31
- package/build/primer/Label/Label.prop.js +0 -34
- package/build/primer/Label/index.js +0 -12
- package/build/primer/Loader/Loader.js +0 -65
- package/build/primer/Loader/Loader.prop.js +0 -21
- package/build/primer/Loader/index.js +0 -19
- package/build/primer/Navigation/Menu/Menu.js +0 -70
- package/build/primer/Navigation/Menu/Menu.prop.js +0 -28
- package/build/primer/Navigation/Menu/index.js +0 -12
- package/build/primer/Navigation/TabNav/TabNav.js +0 -125
- package/build/primer/Navigation/TabNav/TabNav.prop.js +0 -36
- package/build/primer/Navigation/TabNav/index.js +0 -19
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +0 -121
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.js +0 -41
- package/build/primer/Navigation/UnderlineNav/index.js +0 -25
- package/build/primer/Navigation/index.js +0 -17
- package/build/primer/Pagination/PreviousNext/PreviousNext.js +0 -76
- package/build/primer/Pagination/PreviousNext/PreviousNext.prop.js +0 -56
- package/build/primer/Pagination/PreviousNext/index.js +0 -19
- package/build/primer/Pagination/index.js +0 -11
- package/build/primer/Popover/Popover.js +0 -63
- package/build/primer/Popover/Popover.prop.js +0 -41
- package/build/primer/Popover/index.js +0 -25
- package/build/primer/Progress/Progress.js +0 -31
- package/build/primer/Progress/Progress.prop.js +0 -21
- package/build/primer/Progress/index.js +0 -19
- package/build/primer/Select/Select.js +0 -66
- package/build/primer/Select/Select.prop.js +0 -27
- package/build/primer/Select/index.js +0 -19
- package/build/primer/SelectMenu/SelectMenu.js +0 -95
- package/build/primer/SelectMenu/SelectMenu.prop.js +0 -26
- package/build/primer/SelectMenu/index.js +0 -12
- package/build/primer/Subhead/Subhead.js +0 -27
- package/build/primer/Subhead/Subhead.prop.js +0 -16
- package/build/primer/Subhead/index.js +0 -12
- package/build/primer/Toast/Toast.js +0 -55
- package/build/primer/Toast/Toast.prop.js +0 -26
- package/build/primer/Toast/index.js +0 -19
- package/build/primer/index.js +0 -87
- /package/build/primer/Form/Checkbox/{Checkbox.md → Checkbox.mdx} +0 -0
- /package/build/primer/Form/Checkbox/__tests__/__snapshots__/{Checkbox.int.test.js.snap → Checkbox.int.test.ts.snap} +0 -0
- /package/build/primer/Form/Input/{Input.md → Input.mdx} +0 -0
- /package/build/primer/Form/Input/__tests__/__snapshots__/{Input.int.test.js.snap → Input.int.test.ts.snap} +0 -0
- /package/build/primer/Form/Radio/{Radio.md → Radio.mdx} +0 -0
- /package/build/primer/Form/Radio/__tests__/__snapshots__/{Radio.int.test.js.snap → Radio.int.test.ts.snap} +0 -0
- /package/build/primer/Grid/DisplayTable/{DisplayTable.md → DisplayTable.mdx} +0 -0
- /package/build/primer/Grid/DisplayTable/__tests__/__snapshots__/{DisplayTable.int.test.js.snap → DisplayTable.int.test.ts.snap} +0 -0
- /package/build/primer/Grid/FlexGrid/{FlexGrid.md → FlexGrid.mdx} +0 -0
- /package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/{FlexGrid.int.test.js.snap → FlexGrid.int.test.ts.snap} +0 -0
- /package/build/primer/Navigation/Menu/{Menu.md → Menu.mdx} +0 -0
- /package/build/primer/Navigation/Menu/__tests__/__snapshots__/{Menu.int.test.js.snap → Menu.int.test.ts.snap} +0 -0
- /package/build/primer/Navigation/TabNav/{TabNav.md → TabNav.mdx} +0 -0
- /package/build/primer/Navigation/TabNav/__tests__/__snapshots__/{TabNav.int.test.js.snap → TabNav.int.test.ts.snap} +0 -0
- /package/build/primer/Navigation/UnderlineNav/{UnderlineNav.md → UnderlineNav.mdx} +0 -0
- /package/build/primer/Navigation/UnderlineNav/__tests__/__snapshots__/{UnderlineNav.int.test.js.snap → UnderlineNav.int.test.ts.snap} +0 -0
- /package/build/primer/Pagination/PreviousNext/{PreviousNext.md → PreviousNext.mdx} +0 -0
- /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");
|