@occmundial/occ-atomic 1.15.8 → 1.18.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/.prettierrc +6 -6
- package/.whitesource +11 -11
- package/CHANGELOG.md +929 -903
- package/CONTRIBUTING.md +24 -0
- package/README.md +21 -21
- package/build/Autocomplete/Autocomplete.js +20 -16
- package/build/Autocomplete/Autocomplete.test.js +11 -11
- package/build/Avatar/Avatar.js +20 -16
- package/build/Avatar/Avatar.test.js +2 -2
- package/build/Avatar/AvatarContent/AvatarContent.js +5 -5
- package/build/Avatar/AvatarContent/AvatarContent.test.js +6 -6
- package/build/Avatar/index.js +4 -2
- package/build/Banner/Banner.js +6 -6
- package/build/Banner/Banner.test.js +2 -2
- package/build/Button/Button.js +26 -22
- package/build/Button/Button.test.js +13 -13
- package/build/Button/index.js +4 -2
- package/build/ButtonAlign/ButtonAlign.js +20 -16
- package/build/ButtonAlign/ButtonAlign.test.js +3 -3
- package/build/Card/Card.js +1 -1
- package/build/Card/Card.test.js +4 -4
- package/build/Card/index.js +4 -2
- package/build/Check/Check.js +18 -14
- package/build/Check/Check.test.js +7 -7
- package/build/Checkbox/Checkbox.js +18 -14
- package/build/Checkbox/Checkbox.test.js +8 -8
- package/build/Checkbox/index.js +4 -2
- package/build/Column/Column.js +1 -1
- package/build/Column/Column.test.js +3 -3
- package/build/Container/Container.js +1 -1
- package/build/Container/Container.test.js +4 -4
- package/build/Droplist/Droplist.js +44 -39
- package/build/Droplist/Droplist.test.js +11 -11
- package/build/Droplist/index.js +4 -2
- package/build/Droplist/styles.js +6 -2
- package/build/Flexbox/Flexbox.js +16 -12
- package/build/Flexbox/Flexbox.test.js +3 -3
- package/build/Flexbox/index.js +4 -2
- package/build/Footer/Footer.js +16 -16
- package/build/Footer/Footer.test.js +2 -2
- package/build/Footer/List/List.js +25 -21
- package/build/Grid/Col/Col.js +1 -1
- package/build/Grid/Col/Col.test.js +3 -3
- package/build/Grid/Col/index.js +4 -2
- package/build/Grid/Grid.js +18 -12
- package/build/Grid/Row/Row.js +1 -1
- package/build/Grid/Row/Row.test.js +2 -2
- package/build/Grid/Row/index.js +4 -2
- package/build/Grid/index.js +4 -2
- package/build/Header/Header.js +35 -31
- package/build/Header/Header.test.js +8 -8
- package/build/Header/Menu/Menu.js +23 -19
- package/build/Header/Menu/Menu.test.js +7 -7
- package/build/Header/Nav/Nav.js +19 -15
- package/build/Header/Nav/Nav.test.js +5 -5
- package/build/Hidden/Hidden.js +17 -13
- package/build/Hidden/Hidden.test.js +6 -6
- package/build/Hidden/index.js +4 -2
- package/build/Icon/Icon.js +16 -12
- package/build/Icon/Icon.test.js +3 -3
- package/build/Icon/index.js +4 -2
- package/build/Input/Input.js +29 -25
- package/build/Input/Input.test.js +21 -21
- package/build/Input/index.js +17 -13
- package/build/Label/Label.js +17 -13
- package/build/Label/Label.test.js +6 -6
- package/build/LayerApp/LayerApp.js +22 -18
- package/build/LayerApp/LayerApp.test.js +4 -4
- package/build/Modal/Modal.js +38 -33
- package/build/Modal/Modal.test.js +10 -10
- package/build/Modal/index.js +19 -13
- package/build/Modal/styles.js +11 -8
- package/build/NavAside/NavAside.js +22 -18
- package/build/NavAside/NavAside.test.js +12 -12
- package/build/NavAside/index.js +16 -12
- package/build/NavIcon/NavIcon.js +20 -16
- package/build/NavItem/NavItem.js +18 -14
- package/build/NavTab/NavTab.js +32 -28
- package/build/NavTop/NavTop.js +20 -16
- package/build/OrderBy/OrderBy.js +23 -19
- package/build/OrderBy/OrderBy.test.js +6 -6
- package/build/Pager/Break/Break.js +1 -1
- package/build/Pager/Break/Break.test.js +4 -4
- package/build/Pager/Page/Page.js +1 -1
- package/build/Pager/Page/Page.test.js +5 -5
- package/build/Pager/Pager.js +21 -17
- package/build/Pager/Pager.test.js +10 -10
- package/build/Pill/Choice/Choice.js +18 -14
- package/build/Pill/Group/Group.js +2 -2
- package/build/Pill/Pill.js +28 -22
- package/build/Pill/Pill.test.js +12 -12
- package/build/Pill/Stack/Stack.js +4 -4
- package/build/Placeholder/Placeholder.js +2 -2
- package/build/Placeholder/Placeholder.test.js +3 -3
- package/build/Radio/Radio.js +19 -15
- package/build/Radio/Radio.test.js +6 -6
- package/build/RangeCounter/RangeCounter.js +17 -13
- package/build/RangeCounter/RangeCounter.test.js +3 -3
- package/build/Row/Row.js +1 -1
- package/build/Row/Row.test.js +2 -2
- package/build/SightLogo/SightLogo.js +2 -2
- package/build/SightLogo/SightLogo.test.js +2 -2
- package/build/SlideDown/SlideDown.js +28 -22
- package/build/SlideDown/SlideDown.test.js +9 -9
- package/build/SlideToggle/SlideToggle.js +19 -15
- package/build/SlideToggle/SlideToggle.test.js +7 -7
- package/build/SubHeader/SubHeader.js +20 -16
- package/build/SubHeader/SubHeader.test.js +7 -7
- package/build/SwitchGroup/SwitchGroup.js +17 -13
- package/build/SwitchGroup/SwitchGroup.test.js +6 -6
- package/build/Tag/Tag.js +4 -4
- package/build/Tag/Tag.test.js +6 -6
- package/build/Text/Text.js +18 -12
- package/build/Text/Text.test.js +8 -8
- package/build/TextField/TextField.js +42 -38
- package/build/TextField/TextField.test.js +19 -19
- package/build/Tip/Tip.js +16 -12
- package/build/Tip/Tip.test.js +5 -5
- package/build/Title/Title.js +16 -12
- package/build/Title/Title.test.js +3 -3
- package/build/Toaster/Toast/Toast.js +11 -11
- package/build/Toaster/Toaster.js +27 -23
- package/build/Toaster/Toaster.test.js +6 -6
- package/build/TourTip/TourTip.js +15 -11
- package/build/TourTip/TourTip.test.js +2 -2
- package/build/Visible/Visible.js +16 -12
- package/build/Visible/Visible.test.js +4 -4
- package/build/WindowSize/WindowSize.js +17 -11
- package/build/WindowSize/WindowSize.test.js +4 -4
- package/build/subatomic/icons/attachment.js +23 -0
- package/build/subatomic/icons/attachmentSolid.js +23 -0
- package/build/subatomic/icons/dislike.js +1 -1
- package/build/subatomic/icons/dislikeSolid.js +23 -0
- package/build/subatomic/icons/eye.js +1 -1
- package/build/subatomic/icons/{emoji.js → eyeSolid.js} +1 -1
- package/build/subatomic/icons/like.js +1 -1
- package/build/subatomic/icons/likeSolid.js +23 -0
- package/build/subatomic/icons/moreOptionsHorizontal.js +23 -0
- package/build/subatomic/icons/occDart.js +7 -5
- package/build/subatomic/icons/occHorizontal.js +7 -5
- package/build/subatomic/icons/occVertical.js +7 -5
- package/build/subatomic/icons/profile.js +23 -0
- package/build/subatomic/icons/profileSolid.js +23 -0
- package/build/subatomic/icons/suitcase.js +23 -0
- package/build/subatomic/icons/suitcaseSolid.js +23 -0
- package/build/subatomic/icons/tag.js +1 -1
- package/build/subatomic/icons/tagSolid.js +23 -0
- package/build/subatomic/icons/warning.js +23 -0
- package/build/subatomic/icons/warningSolid.js +23 -0
- package/build/subatomic/icons/webSite.js +23 -0
- package/build/subatomic/icons/webSiteSolid.js +23 -0
- package/build/subatomic/icons.js +45 -9
- package/commitlint.config.js +6 -0
- package/package.json +121 -114
- package/playroom/FrameComponent.js +31 -22
- package/playroom/styles.js +14 -14
- package/playroom.config.js +7 -7
- package/.vscode/settings.json +0 -22
- package/build/Grid/Grid.test.js +0 -22
- package/build/Grid/Row/Rowdsd.js +0 -39
- package/build/hooks/useEventListener.js +0 -23
- package/build/hooks/usePrevious.js +0 -19
- package/yarn-error.log +0 -11800
package/CONTRIBUTING.md
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
# Contributing
|
2
|
+
|
3
|
+
If you want to contribute to this project, you can do it in the following ways:
|
4
|
+
- Report bugs or ask for new features in the [issue tracker](https://github.com/OCCMundial/occ-atomic/issues).
|
5
|
+
- Send pull requests.
|
6
|
+
- Star the project.
|
7
|
+
- Share the project with others.
|
8
|
+
|
9
|
+
This project is using `semantic-release` for its automatic releases. It's following the [Angular Commit Message Conventions](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#-commit-message-format), so make sure you follow them using this format in your commit messages:
|
10
|
+
```
|
11
|
+
<type>: <summary>
|
12
|
+
```
|
13
|
+
|
14
|
+
The type must be one of the following:
|
15
|
+
- **build**: Changes that affect the build system or external dependencies (new dependencies, babel or typescript configuration, etc.)
|
16
|
+
- **ci**: Changes to our CI configuration files and scripts (Github Actions, scripts, husky hooks, etc.)
|
17
|
+
- **docs**: Documentation only changes
|
18
|
+
- **feat**: A new feature
|
19
|
+
- **fix**: A bug fix
|
20
|
+
- **perf**: A code change that improves performance
|
21
|
+
- **refactor**: A code change that neither fixes a bug nor adds a feature
|
22
|
+
- **test**: Adding missing tests or correcting existing tests
|
23
|
+
|
24
|
+
The summary is in present tense. Not capitalized. No period at the end.
|
package/README.md
CHANGED
@@ -1,21 +1,21 @@
|
|
1
|
-
# [OCC-Atomic](https://occmundial.github.io/occ-atomic) • [](https://badge.fury.io/js/%40occmundial%2Focc-atomic)
|
2
|
-
|
3
|
-
To see the live version and demo of this project click here:
|
4
|
-
https://occmundial.github.io/occ-atomic
|
5
|
-
|
6
|
-
This library contains a collection of shareable styled React components, ready to use for the applications developed by OCC.
|
7
|
-
|
8
|
-
## Instalation and usage
|
9
|
-
To install this library, use the next command:
|
10
|
-
```
|
11
|
-
// With npm
|
12
|
-
npm install --save @occmundial/occ-atomic
|
13
|
-
// With yarn
|
14
|
-
yarn add @occmundial/occ-atomic
|
15
|
-
```
|
16
|
-
To use its components, you just have to import them like this:
|
17
|
-
```
|
18
|
-
import { Button } from '@occmundial/occ-atomic';
|
19
|
-
```
|
20
|
-
For more details, check how to implement each component in the live demo:
|
21
|
-
https://occmundial.github.io/occ-atomic
|
1
|
+
# [OCC-Atomic](https://occmundial.github.io/occ-atomic) • [](https://badge.fury.io/js/%40occmundial%2Focc-atomic) [](https://github.com/semantic-release/semantic-release)
|
2
|
+
|
3
|
+
To see the live version and demo of this project click here:
|
4
|
+
https://occmundial.github.io/occ-atomic
|
5
|
+
|
6
|
+
This library contains a collection of shareable styled React components, ready to use for the applications developed by OCC.
|
7
|
+
|
8
|
+
## Instalation and usage
|
9
|
+
To install this library, use the next command:
|
10
|
+
```
|
11
|
+
// With npm
|
12
|
+
npm install --save @occmundial/occ-atomic
|
13
|
+
// With yarn
|
14
|
+
yarn add @occmundial/occ-atomic
|
15
|
+
```
|
16
|
+
To use its components, you just have to import them like this:
|
17
|
+
```
|
18
|
+
import { Button } from '@occmundial/occ-atomic';
|
19
|
+
```
|
20
|
+
For more details, check how to implement each component in the live demo:
|
21
|
+
https://occmundial.github.io/occ-atomic
|
@@ -1,5 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
+
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
4
6
|
value: true
|
5
7
|
});
|
@@ -21,8 +23,6 @@ var _Droplist = _interopRequireDefault(require("../Droplist"));
|
|
21
23
|
|
22
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
23
25
|
|
24
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
25
|
-
|
26
26
|
function _extends() { _extends = Object.assign || 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); }
|
27
27
|
|
28
28
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
@@ -31,31 +31,35 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
31
31
|
|
32
32
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
33
33
|
|
34
|
-
function
|
34
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
35
|
+
|
36
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
35
37
|
|
36
|
-
function
|
38
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
39
|
+
|
40
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
37
41
|
|
38
42
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
39
43
|
|
40
|
-
function
|
44
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
41
45
|
|
42
|
-
function
|
46
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
43
47
|
|
44
|
-
/**
|
45
|
-
* This component integrates the TextField and Droplist components.
|
46
|
-
* The value of TextField filters the list in Droplist.
|
48
|
+
/**
|
49
|
+
* This component integrates the TextField and Droplist components.
|
50
|
+
* The value of TextField filters the list in Droplist.
|
47
51
|
*/
|
48
|
-
var Autocomplete =
|
49
|
-
/*#__PURE__*/
|
50
|
-
function (_React$Component) {
|
52
|
+
var Autocomplete = /*#__PURE__*/function (_React$Component) {
|
51
53
|
_inherits(Autocomplete, _React$Component);
|
52
54
|
|
55
|
+
var _super = _createSuper(Autocomplete);
|
56
|
+
|
53
57
|
function Autocomplete(props) {
|
54
58
|
var _this;
|
55
59
|
|
56
60
|
_classCallCheck(this, Autocomplete);
|
57
61
|
|
58
|
-
_this =
|
62
|
+
_this = _super.call(this, props);
|
59
63
|
(0, _classAutobind["default"])(_assertThisInitialized(_this));
|
60
64
|
_this.state = {
|
61
65
|
value: (0, _idx["default"])(props, function (_) {
|
@@ -192,14 +196,14 @@ function (_React$Component) {
|
|
192
196
|
style = _this$props3.style,
|
193
197
|
showInitialData = _this$props3.showInitialData;
|
194
198
|
var showDropList = showInitialData ? focus && droplistProps.items : value && focus && droplistProps.items;
|
195
|
-
return _react["default"].createElement("div", {
|
199
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
196
200
|
className: "".concat(classes.autoComplete).concat(className ? " ".concat(className) : ''),
|
197
201
|
id: id,
|
198
202
|
style: style,
|
199
203
|
ref: function ref(_ref) {
|
200
204
|
_this2.autocomplete = _ref;
|
201
205
|
}
|
202
|
-
}, _react["default"].createElement(_TextField["default"], _extends({}, textfieldProps, {
|
206
|
+
}, /*#__PURE__*/_react["default"].createElement(_TextField["default"], _extends({}, textfieldProps, {
|
203
207
|
onRef: this.setRef,
|
204
208
|
onChange: this.onChange,
|
205
209
|
onFocus: this.onFocus,
|
@@ -207,7 +211,7 @@ function (_React$Component) {
|
|
207
211
|
onKeyUp: this.onKeyUp,
|
208
212
|
onClear: this.onClear,
|
209
213
|
valueProp: value
|
210
|
-
})), showDropList && _react["default"].createElement(_Droplist["default"], _extends({}, droplistProps, {
|
214
|
+
})), showDropList && /*#__PURE__*/_react["default"].createElement(_Droplist["default"], _extends({}, droplistProps, {
|
211
215
|
items: (0, _cloneDeep["default"])(droplistProps.items),
|
212
216
|
term: value,
|
213
217
|
onMouseDown: this.onMouseDown,
|
@@ -38,7 +38,7 @@ var items = [{
|
|
38
38
|
}];
|
39
39
|
describe("Autocomplete", function () {
|
40
40
|
it('matches the snapshot', function () {
|
41
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Autocomplete["default"], {
|
41
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
|
42
42
|
droplistProps: {
|
43
43
|
items: items
|
44
44
|
},
|
@@ -47,7 +47,7 @@ describe("Autocomplete", function () {
|
|
47
47
|
expect(wrapper).toMatchSnapshot();
|
48
48
|
});
|
49
49
|
it('renders the input and droplist', function () {
|
50
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
|
50
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
|
51
51
|
textfieldProps: {
|
52
52
|
valueProp: 'a',
|
53
53
|
className: 'input'
|
@@ -65,7 +65,7 @@ describe("Autocomplete", function () {
|
|
65
65
|
expect(wrapper.find('.droplist').at(0).length).toBe(1);
|
66
66
|
});
|
67
67
|
it('hides the droplist when there\'s no value or the input has no focus', function () {
|
68
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
|
68
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
|
69
69
|
textfieldProps: {
|
70
70
|
valueProp: 'a',
|
71
71
|
className: 'input'
|
@@ -91,7 +91,7 @@ describe("Autocomplete", function () {
|
|
91
91
|
expect(wrapper.find('.droplist').at(0).length).toBe(0);
|
92
92
|
});
|
93
93
|
it('filters the items of the droplist using the input value', function () {
|
94
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
|
94
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
|
95
95
|
textfieldProps: {
|
96
96
|
className: 'input'
|
97
97
|
},
|
@@ -113,7 +113,7 @@ describe("Autocomplete", function () {
|
|
113
113
|
});
|
114
114
|
it('returns the input value', function () {
|
115
115
|
var onChange = jest.fn();
|
116
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
|
116
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
|
117
117
|
onChange: onChange,
|
118
118
|
textfieldProps: {
|
119
119
|
className: 'input'
|
@@ -139,7 +139,7 @@ describe("Autocomplete", function () {
|
|
139
139
|
});
|
140
140
|
it('returns the object of the selected item', function () {
|
141
141
|
var onMouseDown = jest.fn();
|
142
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
|
142
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
|
143
143
|
onMouseDown: onMouseDown,
|
144
144
|
textfieldProps: {
|
145
145
|
valueProp: 'a',
|
@@ -173,7 +173,7 @@ describe("Autocomplete", function () {
|
|
173
173
|
});
|
174
174
|
it('calls the onChange function', function () {
|
175
175
|
var onChange = jest.fn();
|
176
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
|
176
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
|
177
177
|
onChange: onChange,
|
178
178
|
textfieldProps: {
|
179
179
|
valueProp: 'a',
|
@@ -194,7 +194,7 @@ describe("Autocomplete", function () {
|
|
194
194
|
});
|
195
195
|
it('calls the onMouseDown function', function () {
|
196
196
|
var onMouseDown = jest.fn();
|
197
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
|
197
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
|
198
198
|
onMouseDown: onMouseDown,
|
199
199
|
textfieldProps: {
|
200
200
|
valueProp: 'a',
|
@@ -214,7 +214,7 @@ describe("Autocomplete", function () {
|
|
214
214
|
});
|
215
215
|
it('calls the onFocus function', function () {
|
216
216
|
var onFocus = jest.fn();
|
217
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
|
217
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
|
218
218
|
onFocus: onFocus,
|
219
219
|
textfieldProps: {
|
220
220
|
valueProp: 'a',
|
@@ -231,7 +231,7 @@ describe("Autocomplete", function () {
|
|
231
231
|
});
|
232
232
|
it('calls the onBlur function', function () {
|
233
233
|
var onBlur = jest.fn();
|
234
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Autocomplete["default"], {
|
234
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
|
235
235
|
onBlur: onBlur,
|
236
236
|
textfieldProps: {
|
237
237
|
valueProp: 'a',
|
@@ -249,7 +249,7 @@ describe("Autocomplete", function () {
|
|
249
249
|
});
|
250
250
|
describe("AutocompleteJSS", function () {
|
251
251
|
it('matches the snapshot', function () {
|
252
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
|
252
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
253
253
|
droplistProps: {
|
254
254
|
items: items
|
255
255
|
},
|
package/build/Avatar/Avatar.js
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
+
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
4
6
|
value: true
|
5
7
|
});
|
@@ -13,37 +15,39 @@ var _AvatarContent = _interopRequireDefault(require("./AvatarContent"));
|
|
13
15
|
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15
17
|
|
16
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
17
|
-
|
18
18
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
19
19
|
|
20
20
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
21
21
|
|
22
22
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
23
23
|
|
24
|
-
function
|
24
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
25
25
|
|
26
|
-
function
|
26
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
27
27
|
|
28
|
-
function
|
28
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
29
29
|
|
30
|
-
function
|
30
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
31
31
|
|
32
|
-
function
|
32
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
33
|
+
|
34
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
33
35
|
|
34
|
-
|
35
|
-
|
36
|
-
|
36
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
37
|
+
|
38
|
+
/**
|
39
|
+
* The Avatar component shows a rounded avatar with a profile picture, a gender icon or the first two capital letters of a name.
|
40
|
+
* You can use more than one property as a fallback in case one of the props is empty or wrong.
|
37
41
|
*/
|
38
|
-
var Avatar =
|
39
|
-
/*#__PURE__*/
|
40
|
-
function (_React$Component) {
|
42
|
+
var Avatar = /*#__PURE__*/function (_React$Component) {
|
41
43
|
_inherits(Avatar, _React$Component);
|
42
44
|
|
45
|
+
var _super = _createSuper(Avatar);
|
46
|
+
|
43
47
|
function Avatar() {
|
44
48
|
_classCallCheck(this, Avatar);
|
45
49
|
|
46
|
-
return
|
50
|
+
return _super.apply(this, arguments);
|
47
51
|
}
|
48
52
|
|
49
53
|
_createClass(Avatar, [{
|
@@ -58,11 +62,11 @@ function (_React$Component) {
|
|
58
62
|
id = _this$props.id,
|
59
63
|
className = _this$props.className,
|
60
64
|
style = _this$props.style;
|
61
|
-
return _react["default"].createElement("div", {
|
65
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
62
66
|
id: id,
|
63
67
|
className: "".concat(classes.circle).concat(className ? " ".concat(className) : ''),
|
64
68
|
style: style
|
65
|
-
}, _react["default"].createElement(_AvatarContent["default"], {
|
69
|
+
}, /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
|
66
70
|
photo: photo,
|
67
71
|
gender: gender,
|
68
72
|
name: name,
|
@@ -21,7 +21,7 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("Avatar", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Avatar["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
25
25
|
name: "John Doe",
|
26
26
|
classes: classes
|
27
27
|
}));
|
@@ -30,7 +30,7 @@ describe("Avatar", function () {
|
|
30
30
|
});
|
31
31
|
describe("AvatarJSS", function () {
|
32
32
|
it('matches the snapshot', function () {
|
33
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
|
33
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
34
34
|
name: "John Doe"
|
35
35
|
}));
|
36
36
|
expect(wrapper).toMatchSnapshot();
|
@@ -15,7 +15,7 @@ var capitalLetter = function capitalLetter(name) {
|
|
15
15
|
if (name) {
|
16
16
|
var capitals = name.toUpperCase().split(" ");
|
17
17
|
capitals = capitals.filter(Boolean);
|
18
|
-
return _react["default"].createElement("span", null, capitals[0] ? capitals[0].charAt(0) : 'N', capitals[1] ? capitals[1].charAt(0) : 'O');
|
18
|
+
return /*#__PURE__*/_react["default"].createElement("span", null, capitals[0] ? capitals[0].charAt(0) : 'N', capitals[1] ? capitals[1].charAt(0) : 'O');
|
19
19
|
}
|
20
20
|
|
21
21
|
return "";
|
@@ -27,17 +27,17 @@ var AvatarContent = function AvatarContent(_ref) {
|
|
27
27
|
gender = _ref.gender,
|
28
28
|
name = _ref.name,
|
29
29
|
size = _ref.size;
|
30
|
-
return _react["default"].createElement("div", {
|
30
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
31
31
|
className: classes.wrap
|
32
|
-
}, gender && _react["default"].createElement("div", {
|
32
|
+
}, gender && /*#__PURE__*/_react["default"].createElement("div", {
|
33
33
|
className: "".concat(classes.cont, " ").concat(classes[gender])
|
34
|
-
}), !gender && name && _react["default"].createElement("div", {
|
34
|
+
}), !gender && name && /*#__PURE__*/_react["default"].createElement("div", {
|
35
35
|
className: "".concat(classes.cont, " ").concat(classes.capital),
|
36
36
|
style: size ? {
|
37
37
|
fontSize: "".concat(size * 0.4, "px"),
|
38
38
|
lineHeight: "".concat(size, "px")
|
39
39
|
} : {}
|
40
|
-
}, capitalLetter(name)), photo && _react["default"].createElement("div", {
|
40
|
+
}, capitalLetter(name)), photo && /*#__PURE__*/_react["default"].createElement("div", {
|
41
41
|
className: classes.cont,
|
42
42
|
style: {
|
43
43
|
background: "url('".concat(photo, "') no-repeat center center / cover")
|
@@ -21,21 +21,21 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("AvatarContent", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_AvatarContent["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
|
25
25
|
name: "John Doe",
|
26
26
|
classes: classes
|
27
27
|
}));
|
28
28
|
expect(wrapper).toMatchSnapshot();
|
29
29
|
});
|
30
30
|
it('returns the first two capital letters of the name', function () {
|
31
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_AvatarContent["default"], {
|
31
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
|
32
32
|
name: "John Doe",
|
33
33
|
classes: classes
|
34
34
|
}));
|
35
35
|
expect(wrapper.find('.capital span').text()).toEqual('JD');
|
36
36
|
});
|
37
37
|
it('shows the right gender icon', function () {
|
38
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_AvatarContent["default"], {
|
38
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
|
39
39
|
gender: "m",
|
40
40
|
classes: classes
|
41
41
|
}));
|
@@ -48,14 +48,14 @@ describe("AvatarContent", function () {
|
|
48
48
|
expect(wrapper.find('.f').length).toBe(1);
|
49
49
|
});
|
50
50
|
it('renders the photo as a background', function () {
|
51
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_AvatarContent["default"], {
|
51
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
|
52
52
|
photo: "http://placehold.it/70x70",
|
53
53
|
classes: classes
|
54
54
|
}));
|
55
55
|
expect(wrapper.find('.cont').prop('style')).toHaveProperty('background', "url('http://placehold.it/70x70') no-repeat center center / cover");
|
56
56
|
});
|
57
57
|
it('changes the font size', function () {
|
58
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_AvatarContent["default"], {
|
58
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AvatarContent["default"], {
|
59
59
|
name: "John Doe",
|
60
60
|
size: 50,
|
61
61
|
classes: classes
|
@@ -67,7 +67,7 @@ describe("AvatarContent", function () {
|
|
67
67
|
});
|
68
68
|
describe("AvatarContentJSS", function () {
|
69
69
|
it('matches the snapshot', function () {
|
70
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
|
70
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
71
71
|
name: "John Doe"
|
72
72
|
}));
|
73
73
|
expect(wrapper).toMatchSnapshot();
|
package/build/Avatar/index.js
CHANGED
@@ -13,7 +13,9 @@ var _styles = _interopRequireDefault(require("./styles"));
|
|
13
13
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15
15
|
|
16
|
-
function
|
16
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
17
|
+
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
17
19
|
|
18
20
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
19
21
|
|
@@ -27,6 +29,6 @@ var _Avatar$propTypes = _Avatar["default"].propTypes,
|
|
27
29
|
classes = _Avatar$propTypes.classes,
|
28
30
|
propTypes = _objectWithoutProperties(_Avatar$propTypes, ["classes"]);
|
29
31
|
|
30
|
-
StyledAvatar.propTypes = _objectSpread({}, propTypes, StyledAvatar.propTypes);
|
32
|
+
StyledAvatar.propTypes = _objectSpread(_objectSpread({}, propTypes), StyledAvatar.propTypes);
|
31
33
|
var _default = StyledAvatar;
|
32
34
|
exports["default"] = _default;
|
package/build/Banner/Banner.js
CHANGED
@@ -32,24 +32,24 @@ var Banner = function Banner(_ref) {
|
|
32
32
|
onClose = _ref.onClose,
|
33
33
|
winWidth = _ref.winWidth;
|
34
34
|
var isMobile = winWidth < _grid["default"].xs;
|
35
|
-
return _react["default"].createElement("div", {
|
35
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
36
36
|
id: id,
|
37
37
|
className: className,
|
38
38
|
style: style
|
39
|
-
}, _react["default"].createElement(_Flexbox["default"], {
|
39
|
+
}, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
40
40
|
display: "flex",
|
41
41
|
className: classes.container
|
42
|
-
}, _react["default"].createElement(_Flexbox["default"], {
|
42
|
+
}, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
43
43
|
flex: "1",
|
44
44
|
className: classes.textFlex
|
45
|
-
}, _react["default"].createElement(_Text["default"], {
|
45
|
+
}, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
46
46
|
white: true,
|
47
47
|
small: isMobile,
|
48
48
|
tag: "div",
|
49
49
|
className: classes.textBanner
|
50
|
-
}, children)), _react["default"].createElement(_Flexbox["default"], {
|
50
|
+
}, children)), /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
51
51
|
className: classes.iconFlex
|
52
|
-
}, _react["default"].createElement(_Icon["default"], {
|
52
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
53
53
|
iconName: "close",
|
54
54
|
colors: [_colors["default"].bgWhite],
|
55
55
|
onClick: onClose,
|
@@ -21,7 +21,7 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("Banner", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Banner["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Banner["default"], {
|
25
25
|
classes: classes
|
26
26
|
}));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
@@ -29,7 +29,7 @@ describe("Banner", function () {
|
|
29
29
|
});
|
30
30
|
describe("BannerJSS", function () {
|
31
31
|
it('matches the snapshot', function () {
|
32
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
|
32
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
33
33
|
expect(wrapper).toMatchSnapshot();
|
34
34
|
});
|
35
35
|
});
|
package/build/Button/Button.js
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
+
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
4
6
|
value: true
|
5
7
|
});
|
@@ -11,38 +13,40 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
13
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
15
|
|
14
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
15
|
-
|
16
16
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
17
17
|
|
18
18
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
19
19
|
|
20
20
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
21
21
|
|
22
|
-
function
|
22
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
23
23
|
|
24
|
-
function
|
24
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
25
25
|
|
26
|
-
function
|
26
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
27
27
|
|
28
|
-
function
|
28
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
29
29
|
|
30
|
-
function
|
30
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
31
|
+
|
32
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
31
33
|
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
*
|
34
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
35
|
+
|
36
|
+
/**
|
37
|
+
* A flexible button component, with four pre-stablished themes.
|
38
|
+
* The Buton can behave like any button with an onClick function, or like an anchor with href and target.
|
39
|
+
* There are 3 sizes available: small, medium and large.
|
36
40
|
*/
|
37
|
-
var Button =
|
38
|
-
/*#__PURE__*/
|
39
|
-
function (_React$Component) {
|
41
|
+
var Button = /*#__PURE__*/function (_React$Component) {
|
40
42
|
_inherits(Button, _React$Component);
|
41
43
|
|
44
|
+
var _super = _createSuper(Button);
|
45
|
+
|
42
46
|
function Button() {
|
43
47
|
_classCallCheck(this, Button);
|
44
48
|
|
45
|
-
return
|
49
|
+
return _super.apply(this, arguments);
|
46
50
|
}
|
47
51
|
|
48
52
|
_createClass(Button, [{
|
@@ -79,22 +83,22 @@ function (_React$Component) {
|
|
79
83
|
if (round) classNames += " ".concat(classes.round);
|
80
84
|
}
|
81
85
|
|
82
|
-
var content = _react["default"].createElement("span", {
|
86
|
+
var content = /*#__PURE__*/_react["default"].createElement("span", {
|
83
87
|
className: classes.cont
|
84
|
-
}, icon ? _react["default"].createElement("i", {
|
88
|
+
}, icon ? /*#__PURE__*/_react["default"].createElement("i", {
|
85
89
|
className: classes.icon
|
86
|
-
}) : '', children, iconRight ? _react["default"].createElement("i", {
|
90
|
+
}) : '', children, iconRight ? /*#__PURE__*/_react["default"].createElement("i", {
|
87
91
|
className: classes.iconRight
|
88
92
|
}) : '');
|
89
93
|
|
90
|
-
var loadingLayer = loading ? _react["default"].createElement("span", {
|
94
|
+
var loadingLayer = loading ? /*#__PURE__*/_react["default"].createElement("span", {
|
91
95
|
className: classes.loadCont
|
92
|
-
}, _react["default"].createElement("i", {
|
96
|
+
}, /*#__PURE__*/_react["default"].createElement("i", {
|
93
97
|
className: classes.loadIcon
|
94
98
|
})) : null;
|
95
99
|
|
96
100
|
if (href) {
|
97
|
-
return _react["default"].createElement("a", {
|
101
|
+
return /*#__PURE__*/_react["default"].createElement("a", {
|
98
102
|
className: classNames,
|
99
103
|
href: !disabled ? href : '',
|
100
104
|
target: target,
|
@@ -104,7 +108,7 @@ function (_React$Component) {
|
|
104
108
|
style: style
|
105
109
|
}, content, loadingLayer);
|
106
110
|
} else {
|
107
|
-
return _react["default"].createElement("button", {
|
111
|
+
return /*#__PURE__*/_react["default"].createElement("button", {
|
108
112
|
className: classNames,
|
109
113
|
onClick: !disabled ? onClick : null,
|
110
114
|
id: id,
|