pallote-react 0.2.25
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/LICENSE +21 -0
- package/README.md +9 -0
- package/dist/components/Accordion.js +70 -0
- package/dist/components/AccordionItem.js +90 -0
- package/dist/components/Alert.js +86 -0
- package/dist/components/Breadcrumbs.js +40 -0
- package/dist/components/Button.js +74 -0
- package/dist/components/Buttons.js +41 -0
- package/dist/components/Card.js +74 -0
- package/dist/components/CardActions.js +34 -0
- package/dist/components/CardContent.js +34 -0
- package/dist/components/CardHeader.js +83 -0
- package/dist/components/CardMedia.js +48 -0
- package/dist/components/Checkbox.js +54 -0
- package/dist/components/Checkboxes.js +76 -0
- package/dist/components/Chip.js +58 -0
- package/dist/components/Component.js +38 -0
- package/dist/components/Display.js +48 -0
- package/dist/components/Divider.js +39 -0
- package/dist/components/Grid.js +73 -0
- package/dist/components/Input.js +101 -0
- package/dist/components/Layer.js +55 -0
- package/dist/components/Link.js +42 -0
- package/dist/components/List.js +34 -0
- package/dist/components/ListItem.js +47 -0
- package/dist/components/Loader.js +45 -0
- package/dist/components/Modal.js +75 -0
- package/dist/components/ModalActions.js +31 -0
- package/dist/components/ModalContent.js +31 -0
- package/dist/components/ModalHeader.js +29 -0
- package/dist/components/Nav.js +39 -0
- package/dist/components/NavBar.js +53 -0
- package/dist/components/NavGroup.js +30 -0
- package/dist/components/NavItem.js +73 -0
- package/dist/components/Page.js +30 -0
- package/dist/components/PageHeader.js +57 -0
- package/dist/components/Paragraph.js +54 -0
- package/dist/components/Radio.js +53 -0
- package/dist/components/RadioButtons.js +76 -0
- package/dist/components/Section.js +59 -0
- package/dist/components/SectionHeader.js +45 -0
- package/dist/components/Select.js +80 -0
- package/dist/components/Snippet.js +49 -0
- package/dist/components/Status.js +42 -0
- package/dist/components/Step.js +63 -0
- package/dist/components/Stepper.js +81 -0
- package/dist/components/Switch.js +56 -0
- package/dist/components/Table.js +55 -0
- package/dist/components/TableBody.js +30 -0
- package/dist/components/TableCell.js +46 -0
- package/dist/components/TableFooter.js +89 -0
- package/dist/components/TableHead.js +37 -0
- package/dist/components/TableRow.js +30 -0
- package/dist/components/Tabs.js +30 -0
- package/dist/components/TabsContent.js +28 -0
- package/dist/components/TabsControl.js +46 -0
- package/dist/components/Tag.js +42 -0
- package/dist/components/Text.js +63 -0
- package/dist/components/Textarea.js +82 -0
- package/dist/components/Tooltip.js +52 -0
- package/dist/index.js +376 -0
- package/dist/styles/common/_global.scss +98 -0
- package/dist/styles/common/_mixins.scss +58 -0
- package/dist/styles/common/_variables.scss +222 -0
- package/dist/styles/components/accordion.scss +181 -0
- package/dist/styles/components/button.scss +210 -0
- package/dist/styles/components/buttons.scss +56 -0
- package/dist/styles/components/card.scss +243 -0
- package/dist/styles/components/checkbox.scss +78 -0
- package/dist/styles/components/chip.scss +77 -0
- package/dist/styles/components/component.scss +17 -0
- package/dist/styles/components/detail.scss +36 -0
- package/dist/styles/components/divider.scss +54 -0
- package/dist/styles/components/form-field.scss +262 -0
- package/dist/styles/components/link.scss +36 -0
- package/dist/styles/components/loader.scss +131 -0
- package/dist/styles/components/modal.scss +112 -0
- package/dist/styles/components/nav-group.scss +72 -0
- package/dist/styles/components/nav-item.scss +127 -0
- package/dist/styles/components/navbar.scss +41 -0
- package/dist/styles/components/page.scss +48 -0
- package/dist/styles/components/radio.scss +58 -0
- package/dist/styles/components/section.scss +169 -0
- package/dist/styles/components/snippet.scss +79 -0
- package/dist/styles/components/stepper.scss +78 -0
- package/dist/styles/components/switch.scss +71 -0
- package/dist/styles/components/table.scss +167 -0
- package/dist/styles/components/tabs.scss +102 -0
- package/dist/styles/components/tag.scss +41 -0
- package/dist/styles/components/tooltip.scss +65 -0
- package/dist/styles/index.scss +8 -0
- package/dist/styles/mixins/layer.scss +109 -0
- package/dist/styles/mixins/text.scss +150 -0
- package/package.json +91 -0
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.Layer = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
const _excluded = ["fill", "stroke", "customFill", "customStroke", "hasHover", "className", "children"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
+
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; }
|
|
15
|
+
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) { _defineProperty(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; }
|
|
16
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
18
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
20
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
21
|
+
const Layer = _ref => {
|
|
22
|
+
let {
|
|
23
|
+
fill,
|
|
24
|
+
stroke,
|
|
25
|
+
customFill,
|
|
26
|
+
customStroke,
|
|
27
|
+
hasHover,
|
|
28
|
+
className,
|
|
29
|
+
children
|
|
30
|
+
} = _ref,
|
|
31
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
32
|
+
const style = _objectSpread(_objectSpread({}, customFill ? {
|
|
33
|
+
backgroundColor: "".concat(customFill)
|
|
34
|
+
} : {}), customStroke ? {
|
|
35
|
+
border: "1px solid ".concat(customStroke)
|
|
36
|
+
} : {});
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
38
|
+
style: style,
|
|
39
|
+
className: (0, _classnames.default)(['layer', {
|
|
40
|
+
["fill--".concat(fill)]: fill,
|
|
41
|
+
["stroke--".concat(stroke)]: stroke,
|
|
42
|
+
'layer--hover': hasHover
|
|
43
|
+
}, className])
|
|
44
|
+
}, props), children);
|
|
45
|
+
};
|
|
46
|
+
exports.Layer = Layer;
|
|
47
|
+
Layer.propTypes = {
|
|
48
|
+
fill: _propTypes.default.oneOf(['black', 'white', 'background', 'paper', 'grey90', 'grey80', 'grey70', 'grey60', 'grey50', 'grey40', 'grey30', 'grey20', 'grey10', 'grey5', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
|
|
49
|
+
stroke: _propTypes.default.oneOf(['black', 'white', 'background', 'paper', 'grey-90', 'grey-80', 'grey-70', 'grey-60', 'grey-50', 'grey-40', 'grey-30', 'grey-20', 'grey-10', 'grey-5', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
|
|
50
|
+
customFill: _propTypes.default.string,
|
|
51
|
+
customStroke: _propTypes.default.string,
|
|
52
|
+
hasHover: _propTypes.default.bool,
|
|
53
|
+
className: _propTypes.default.node,
|
|
54
|
+
children: _propTypes.default.any
|
|
55
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.Link = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _Text = require("./Text");
|
|
12
|
+
const _excluded = ["icon", "color", "className", "children"];
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
const Link = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
icon,
|
|
20
|
+
color,
|
|
21
|
+
className,
|
|
22
|
+
children
|
|
23
|
+
} = _ref,
|
|
24
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement(_Text.Text, _extends({
|
|
26
|
+
className: (0, _classnames.default)(['link', className]),
|
|
27
|
+
color: color,
|
|
28
|
+
component: "a"
|
|
29
|
+
}, props), children, icon && /*#__PURE__*/_react.default.createElement("span", {
|
|
30
|
+
className: 'link__icon'
|
|
31
|
+
}, icon));
|
|
32
|
+
};
|
|
33
|
+
exports.Link = Link;
|
|
34
|
+
Link.propTypes = {
|
|
35
|
+
icon: _propTypes.default.node,
|
|
36
|
+
color: _propTypes.default.oneOf(['default', 'alt', 'disabled', 'contrast', 'contrastAlt', 'contrastDisabled', 'primary', 'secondary', 'highlight', 'success', 'info', 'warning', 'error']),
|
|
37
|
+
className: _propTypes.default.node,
|
|
38
|
+
children: _propTypes.default.string
|
|
39
|
+
};
|
|
40
|
+
Link.defaultProps = {
|
|
41
|
+
children: 'Link'
|
|
42
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.List = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
const _excluded = ["dense", "className", "children"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
const List = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
dense,
|
|
19
|
+
className,
|
|
20
|
+
children
|
|
21
|
+
} = _ref,
|
|
22
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
24
|
+
className: (0, _classnames.default)(['list', {
|
|
25
|
+
'list--dense': dense
|
|
26
|
+
}, className])
|
|
27
|
+
}, props), children);
|
|
28
|
+
};
|
|
29
|
+
exports.List = List;
|
|
30
|
+
List.propTypes = {
|
|
31
|
+
dense: _propTypes.default.bool,
|
|
32
|
+
className: _propTypes.default.node,
|
|
33
|
+
children: _propTypes.default.node
|
|
34
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ListItem = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _Text = require("./Text");
|
|
12
|
+
const _excluded = ["icon", "dense", "bold", "className", "children"];
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
const ListItem = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
icon,
|
|
20
|
+
dense,
|
|
21
|
+
bold,
|
|
22
|
+
className,
|
|
23
|
+
children
|
|
24
|
+
} = _ref,
|
|
25
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
27
|
+
className: (0, _classnames.default)(['list__item', {
|
|
28
|
+
'list__item--dense': dense,
|
|
29
|
+
'list__item--bold': bold
|
|
30
|
+
}, className])
|
|
31
|
+
}, props), icon ? /*#__PURE__*/_react.default.createElement("div", {
|
|
32
|
+
className: 'list__itemIcon'
|
|
33
|
+
}, icon) : null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
|
|
34
|
+
weight: bold === true ? 'bold' : ''
|
|
35
|
+
}, children));
|
|
36
|
+
};
|
|
37
|
+
exports.ListItem = ListItem;
|
|
38
|
+
ListItem.propTypes = {
|
|
39
|
+
icon: _propTypes.default.node,
|
|
40
|
+
dense: _propTypes.default.bool,
|
|
41
|
+
bold: _propTypes.default.bool,
|
|
42
|
+
className: _propTypes.default.node,
|
|
43
|
+
children: _propTypes.default.string
|
|
44
|
+
};
|
|
45
|
+
ListItem.defaultProps = {
|
|
46
|
+
children: 'List item'
|
|
47
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.Loader = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
const _excluded = ["variant", "color", "className"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
const Loader = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
variant,
|
|
19
|
+
color,
|
|
20
|
+
className
|
|
21
|
+
} = _ref,
|
|
22
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
+
let child;
|
|
24
|
+
if (variant === 'dots') {
|
|
25
|
+
child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null));
|
|
26
|
+
} else if (variant === 'circle') {
|
|
27
|
+
child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null));
|
|
28
|
+
}
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement("span", _extends({
|
|
30
|
+
className: (0, _classnames.default)(['loader', {
|
|
31
|
+
["loader--".concat(variant)]: variant,
|
|
32
|
+
["loader--".concat(color)]: color
|
|
33
|
+
}, className])
|
|
34
|
+
}, props), child);
|
|
35
|
+
};
|
|
36
|
+
exports.Loader = Loader;
|
|
37
|
+
Loader.propTypes = {
|
|
38
|
+
variant: _propTypes.default.oneOf(['dots', 'circle']),
|
|
39
|
+
color: _propTypes.default.oneOf(['primary', 'secondary', 'black', 'white']),
|
|
40
|
+
className: _propTypes.default.node
|
|
41
|
+
};
|
|
42
|
+
Loader.defaultProps = {
|
|
43
|
+
variant: 'dots',
|
|
44
|
+
color: 'primary'
|
|
45
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
require("core-js/modules/es.weak-map.js");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.Modal = void 0;
|
|
9
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _reactDom = require("react-dom");
|
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
|
+
var _react2 = require("@phosphor-icons/react");
|
|
15
|
+
var _Card = require("./Card");
|
|
16
|
+
const _excluded = ["transition", "width", "disableBlackdropClick", "show", "onClose", "className", "children"]; // import ReactDom from 'react-dom'
|
|
17
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
22
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
23
|
+
const Modal = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
transition,
|
|
26
|
+
width,
|
|
27
|
+
disableBlackdropClick,
|
|
28
|
+
show,
|
|
29
|
+
onClose,
|
|
30
|
+
className,
|
|
31
|
+
children
|
|
32
|
+
} = _ref,
|
|
33
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
34
|
+
const [shouldRender, setRender] = (0, _react.useState)(show);
|
|
35
|
+
(0, _react.useEffect)(() => {
|
|
36
|
+
if (show) setRender(true);
|
|
37
|
+
}, [show]);
|
|
38
|
+
const onAnimationEnd = () => {
|
|
39
|
+
if (!show) setRender(false);
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
// return ReactDom.createPortal(
|
|
43
|
+
return /*#__PURE__*/(0, _reactDom.createPortal)(shouldRender && /*#__PURE__*/_react.default.createElement("div", {
|
|
44
|
+
className: (0, _classnames.default)('modal'),
|
|
45
|
+
onAnimationEnd: onAnimationEnd
|
|
46
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
47
|
+
className: (0, _classnames.default)(['modal__backdrop', {
|
|
48
|
+
'modal--fadeIn': show,
|
|
49
|
+
'modal--fadeOut': !show
|
|
50
|
+
}]),
|
|
51
|
+
onClick: disableBlackdropClick ? null : onClose
|
|
52
|
+
}), /*#__PURE__*/_react.default.createElement(_Card.Card, _extends({
|
|
53
|
+
className: (0, _classnames.default)(['modal__modal', {
|
|
54
|
+
["modal--".concat(width)]: width,
|
|
55
|
+
["modal--".concat(transition, "In")]: show,
|
|
56
|
+
["modal--".concat(transition, "Out")]: !show
|
|
57
|
+
}, className]),
|
|
58
|
+
size: "lg"
|
|
59
|
+
}, props), children, /*#__PURE__*/_react.default.createElement(_react2.X, {
|
|
60
|
+
className: (0, _classnames.default)('modal__close'),
|
|
61
|
+
onClick: onClose
|
|
62
|
+
}))), document.getElementById('modals'));
|
|
63
|
+
};
|
|
64
|
+
exports.Modal = Modal;
|
|
65
|
+
Modal.propTypes = {
|
|
66
|
+
transition: _propTypes.default.oneOf(['slide', 'zoom', 'fade']),
|
|
67
|
+
width: _propTypes.default.oneOf(['mobile-sm', 'mobile', 'tablet', 'laptop', 'desktop']),
|
|
68
|
+
disableBlackdropClick: _propTypes.default.bool,
|
|
69
|
+
className: _propTypes.default.node
|
|
70
|
+
};
|
|
71
|
+
Modal.defaultProps = {
|
|
72
|
+
transition: 'slide',
|
|
73
|
+
width: 'mobile-sm',
|
|
74
|
+
disableBlackdropClick: false
|
|
75
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ModalActions = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _CardActions = require("./CardActions");
|
|
12
|
+
const _excluded = ["className", "children"];
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
const ModalActions = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
className,
|
|
20
|
+
children
|
|
21
|
+
} = _ref,
|
|
22
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_CardActions.CardActions, _extends({
|
|
24
|
+
className: (0, _classnames.default)(['modal__actions', className])
|
|
25
|
+
}, props), children);
|
|
26
|
+
};
|
|
27
|
+
exports.ModalActions = ModalActions;
|
|
28
|
+
ModalActions.propTypes = {
|
|
29
|
+
className: _propTypes.default.node,
|
|
30
|
+
children: _propTypes.default.any
|
|
31
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ModalContent = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _CardContent = require("./CardContent");
|
|
12
|
+
const _excluded = ["className", "children"];
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
const ModalContent = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
className,
|
|
20
|
+
children
|
|
21
|
+
} = _ref,
|
|
22
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_CardContent.CardContent, _extends({
|
|
24
|
+
className: (0, _classnames.default)(['modal__content', className])
|
|
25
|
+
}, props), children);
|
|
26
|
+
};
|
|
27
|
+
exports.ModalContent = ModalContent;
|
|
28
|
+
ModalContent.propTypes = {
|
|
29
|
+
className: _propTypes.default.node,
|
|
30
|
+
children: _propTypes.default.any
|
|
31
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ModalHeader = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _CardHeader = require("./CardHeader");
|
|
12
|
+
const _excluded = ["className"];
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
const ModalHeader = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
className
|
|
20
|
+
} = _ref,
|
|
21
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_CardHeader.CardHeader, _extends({
|
|
23
|
+
className: (0, _classnames.default)(['modal__header', className])
|
|
24
|
+
}, props));
|
|
25
|
+
};
|
|
26
|
+
exports.ModalHeader = ModalHeader;
|
|
27
|
+
ModalHeader.propTypes = {
|
|
28
|
+
className: _propTypes.default.node
|
|
29
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.Nav = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
const _excluded = ["direction", "dense", "className", "children"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
const Nav = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
direction,
|
|
19
|
+
dense,
|
|
20
|
+
className,
|
|
21
|
+
children
|
|
22
|
+
} = _ref,
|
|
23
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement("nav", _extends({
|
|
25
|
+
className: (0, _classnames.default)(['nav', {
|
|
26
|
+
["nav--".concat(direction)]: direction,
|
|
27
|
+
'nav--dense': dense
|
|
28
|
+
}, className])
|
|
29
|
+
}, props), /*#__PURE__*/_react.default.createElement("div", {
|
|
30
|
+
className: "nav__container"
|
|
31
|
+
}, children));
|
|
32
|
+
};
|
|
33
|
+
exports.Nav = Nav;
|
|
34
|
+
Nav.propTypes = {
|
|
35
|
+
direction: _propTypes.default.oneOf(['portrait', 'landscape']),
|
|
36
|
+
dense: _propTypes.default.bool,
|
|
37
|
+
className: _propTypes.default.node,
|
|
38
|
+
children: _propTypes.default.any
|
|
39
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.NavBar = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _reactRouterDom = require("react-router-dom");
|
|
12
|
+
var _Section = require("./Section");
|
|
13
|
+
var _Text = require("./Text");
|
|
14
|
+
const _excluded = ["align", "className", "children"];
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
18
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
19
|
+
const NavBar = _ref => {
|
|
20
|
+
let {
|
|
21
|
+
align,
|
|
22
|
+
className,
|
|
23
|
+
children
|
|
24
|
+
} = _ref,
|
|
25
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
+
return /*#__PURE__*/_react.default.createElement("header", null, /*#__PURE__*/_react.default.createElement(_Section.Section, _extends({
|
|
27
|
+
className: (0, _classnames.default)(['navbar', {
|
|
28
|
+
["navbar--".concat(align)]: align
|
|
29
|
+
}, className])
|
|
30
|
+
}, props), /*#__PURE__*/_react.default.createElement("div", {
|
|
31
|
+
className: "navbar__main"
|
|
32
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
33
|
+
className: "navbar__logo"
|
|
34
|
+
}, /*#__PURE__*/_react.default.createElement(_Text.Text, {
|
|
35
|
+
variant: "h6",
|
|
36
|
+
component: "h1",
|
|
37
|
+
color: "primary",
|
|
38
|
+
transform: "capitalize"
|
|
39
|
+
}, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
|
|
40
|
+
to: "/",
|
|
41
|
+
exact: true
|
|
42
|
+
}, "".concat(process.env.REACT_APP_NAME))))), /*#__PURE__*/_react.default.createElement("div", {
|
|
43
|
+
className: "navbar__nav nav"
|
|
44
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
45
|
+
className: "nav__container"
|
|
46
|
+
}, children))));
|
|
47
|
+
};
|
|
48
|
+
exports.NavBar = NavBar;
|
|
49
|
+
NavBar.propTypes = {
|
|
50
|
+
align: _propTypes.default.oneOf(['left', 'right']),
|
|
51
|
+
className: _propTypes.default.node,
|
|
52
|
+
children: _propTypes.default.any
|
|
53
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.NavGroup = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
const _excluded = ["className", "children"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
const NavGroup = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
className,
|
|
19
|
+
children
|
|
20
|
+
} = _ref,
|
|
21
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement("ul", _extends({
|
|
23
|
+
className: (0, _classnames.default)(['nav__group', className])
|
|
24
|
+
}, props), children);
|
|
25
|
+
};
|
|
26
|
+
exports.NavGroup = NavGroup;
|
|
27
|
+
NavGroup.propTypes = {
|
|
28
|
+
className: _propTypes.default.node,
|
|
29
|
+
children: _propTypes.default.any
|
|
30
|
+
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
require("core-js/modules/es.weak-map.js");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.NavItem = void 0;
|
|
9
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
var _reactRouterDom = require("react-router-dom");
|
|
14
|
+
var _NavGroup = require("./NavGroup");
|
|
15
|
+
const _excluded = ["label", "active", "dropdown", "icon", "end", "to", "className"];
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
21
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
22
|
+
const NavItem = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
label,
|
|
25
|
+
active,
|
|
26
|
+
dropdown,
|
|
27
|
+
icon,
|
|
28
|
+
end,
|
|
29
|
+
to,
|
|
30
|
+
className
|
|
31
|
+
} = _ref,
|
|
32
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
+
const dropdownRef = (0, _react.useRef)(null);
|
|
34
|
+
const [isActive, setIsActive] = (0, _react.useState)(false);
|
|
35
|
+
const onClick = () => setIsActive(!isActive);
|
|
36
|
+
let Component;
|
|
37
|
+
if (dropdown) {
|
|
38
|
+
Component = 'button';
|
|
39
|
+
} else {
|
|
40
|
+
Component = _reactRouterDom.Link;
|
|
41
|
+
}
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement("li", _extends({
|
|
43
|
+
className: (0, _classnames.default)(['nav__item', {
|
|
44
|
+
'nav__item--dropdown': dropdown,
|
|
45
|
+
'js-show': isActive
|
|
46
|
+
}, className])
|
|
47
|
+
}, props), /*#__PURE__*/_react.default.createElement(Component, {
|
|
48
|
+
end: end,
|
|
49
|
+
to: to,
|
|
50
|
+
className: (0, _classnames.default)(['nav__trigger', {
|
|
51
|
+
'nav__trigger--active': active
|
|
52
|
+
}]),
|
|
53
|
+
onClick: onClick
|
|
54
|
+
}, icon ? /*#__PURE__*/_react.default.createElement("span", {
|
|
55
|
+
className: (0, _classnames.default)('nav__icon')
|
|
56
|
+
}, icon) : null, /*#__PURE__*/_react.default.createElement("span", null, label)), dropdown ? /*#__PURE__*/_react.default.createElement(_NavGroup.NavGroup, {
|
|
57
|
+
ref: dropdownRef,
|
|
58
|
+
className: (0, _classnames.default)(['nav__target', 'zi-1'])
|
|
59
|
+
}, dropdown) : null);
|
|
60
|
+
};
|
|
61
|
+
exports.NavItem = NavItem;
|
|
62
|
+
NavItem.propTypes = {
|
|
63
|
+
label: _propTypes.default.string,
|
|
64
|
+
active: _propTypes.default.bool,
|
|
65
|
+
dropdown: _propTypes.default.object,
|
|
66
|
+
icon: _propTypes.default.node,
|
|
67
|
+
end: _propTypes.default.node,
|
|
68
|
+
to: _propTypes.default.node,
|
|
69
|
+
className: _propTypes.default.node
|
|
70
|
+
};
|
|
71
|
+
NavItem.defaultProps = {
|
|
72
|
+
label: 'Nav item'
|
|
73
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.Page = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
const _excluded = ["className", "children"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
const Page = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
className,
|
|
19
|
+
children
|
|
20
|
+
} = _ref,
|
|
21
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
23
|
+
className: (0, _classnames.default)(['page', className])
|
|
24
|
+
}, props), children);
|
|
25
|
+
};
|
|
26
|
+
exports.Page = Page;
|
|
27
|
+
Page.propTypes = {
|
|
28
|
+
className: _propTypes.default.node,
|
|
29
|
+
children: _propTypes.default.any
|
|
30
|
+
};
|