@zohodesk/components 1.0.0-temp-158 → 1.0.0-temp-160
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/es/Accordion/Accordion.js +3 -7
- package/es/Accordion/AccordionItem.js +2 -4
- package/es/Animation/Animation.js +3 -3
- package/es/AppContainer/AppContainer.js +5 -13
- package/es/Avatar/Avatar.js +11 -23
- package/es/AvatarTeam/AvatarTeam.js +3 -3
- package/es/Button/Button.js +3 -4
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Card/Card.js +10 -21
- package/es/CheckBox/CheckBox.js +3 -5
- package/es/DateTime/CalendarView.js +20 -32
- package/es/DateTime/DateTime.js +6 -67
- package/es/DateTime/DateTimePopupFooter.js +2 -4
- package/es/DateTime/DateTimePopupHeader.js +2 -8
- package/es/DateTime/DateWidget.js +35 -98
- package/es/DateTime/DaysRow.js +2 -4
- package/es/DateTime/Time.js +2 -10
- package/es/DateTime/YearView.js +4 -28
- package/es/DateTime/__tests__/CalendarView.spec.js +0 -1
- package/es/DateTime/__tests__/DateTime.spec.js +0 -1
- package/es/DateTime/__tests__/DateWidget.spec.js +3 -2
- package/es/DateTime/common.js +0 -3
- package/es/DateTime/constants.js +0 -1
- package/es/DateTime/dateFormatUtils/dateFormat.js +30 -63
- package/es/DateTime/dateFormatUtils/dateFormats.js +1 -0
- package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
- package/es/DateTime/dateFormatUtils/index.js +2 -32
- package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
- package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
- package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
- package/es/DateTime/objectUtils.js +20 -14
- package/es/DateTime/typeChecker.js +0 -3
- package/es/DateTime/validator.js +6 -58
- package/es/DropBox/DropBox.js +2 -6
- package/es/DropBox/DropBoxElement/DropBoxElement.js +0 -7
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +3 -5
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +0 -3
- package/es/DropBox/props/defaultProps.js +2 -1
- package/es/DropBox/props/propTypes.js +2 -1
- package/es/DropDown/DropDown.js +4 -8
- package/es/DropDown/DropDownHeading.js +5 -4
- package/es/DropDown/DropDownItem.js +0 -6
- package/es/DropDown/DropDownSearch.js +0 -4
- package/es/DropDown/DropDownSeparator.js +0 -1
- package/es/DropDown/__tests__/DropDown.spec.js +2 -1
- package/es/Heading/Heading.js +3 -2
- package/es/Label/Label.js +3 -2
- package/es/Layout/Box.js +0 -13
- package/es/Layout/Container.js +1 -12
- package/es/Layout/index.js +2 -1
- package/es/ListItem/ListContainer.js +3 -8
- package/es/ListItem/ListItem.js +3 -9
- package/es/ListItem/ListItemWithAvatar.js +3 -9
- package/es/ListItem/ListItemWithCheckBox.js +2 -7
- package/es/ListItem/ListItemWithIcon.js +3 -8
- package/es/ListItem/ListItemWithRadio.js +3 -7
- package/es/Modal/Modal.js +11 -28
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +13 -89
- package/es/MultiSelect/AdvancedMultiSelect.js +9 -32
- package/es/MultiSelect/EmptyState.js +0 -2
- package/es/MultiSelect/MultiSelect.js +32 -99
- package/es/MultiSelect/MultiSelectHeader.js +0 -3
- package/es/MultiSelect/MultiSelectWithAvatar.js +6 -12
- package/es/MultiSelect/SelectedOptions.js +3 -6
- package/es/MultiSelect/Suggestions.js +3 -7
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
- package/es/MultiSelect/props/propTypes.js +0 -2
- package/es/PopOver/PopOver.js +2 -18
- package/es/PopOver/__tests__/PopOver.spec.js +1 -2
- package/es/Popup/Popup.js +24 -77
- package/es/Popup/__tests__/Popup.spec.js +5 -17
- package/es/Popup/viewPort.js +4 -16
- package/es/Provider/IdProvider.js +5 -10
- package/es/Provider/LibraryContext.js +4 -6
- package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
- package/es/Provider/ZindexProvider.js +2 -9
- package/es/Radio/Radio.js +2 -4
- package/es/Responsive/CustomResponsive.js +18 -30
- package/es/Responsive/RefWrapper.js +7 -6
- package/es/Responsive/ResizeComponent.js +25 -35
- package/es/Responsive/ResizeObserver.js +6 -26
- package/es/Responsive/Responsive.js +20 -34
- package/es/Responsive/index.js +3 -1
- package/es/Responsive/sizeObservers.js +7 -28
- package/es/Responsive/utils/index.js +5 -7
- package/es/Responsive/utils/shallowCompare.js +2 -7
- package/es/Responsive/windowResizeObserver.js +0 -7
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
- package/es/Ribbon/Ribbon.js +2 -3
- package/es/RippleEffect/RippleEffect.js +3 -1
- package/es/Select/GroupSelect.js +14 -58
- package/es/Select/Select.js +33 -79
- package/es/Select/SelectWithAvatar.js +4 -17
- package/es/Select/SelectWithIcon.js +5 -46
- package/es/Select/__tests__/Select.spec.js +8 -6
- package/es/Select/props/propTypes.js +0 -1
- package/es/Stencils/Stencils.js +3 -3
- package/es/Switch/Switch.js +3 -5
- package/es/Tab/Tab.js +4 -4
- package/es/Tab/TabContent.js +0 -1
- package/es/Tab/TabContentWrapper.js +0 -2
- package/es/Tab/TabWrapper.js +2 -5
- package/es/Tab/Tabs.js +7 -54
- package/es/Tab/__tests__/Tab.spec.js +3 -1
- package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
- package/es/Tag/Tag.js +3 -6
- package/es/TextBox/TextBox.js +3 -15
- package/es/TextBox/__tests__/TextBox.spec.js +4 -1
- package/es/TextBoxIcon/TextBoxIcon.js +2 -9
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
- package/es/Textarea/Textarea.js +3 -12
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Tooltip/Tooltip.js +14 -58
- package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -3
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -7
- package/es/deprecated/PortalLayer/PortalLayer.js +20 -25
- package/es/semantic/Button/Button.js +2 -3
- package/es/utils/Common.js +9 -54
- package/es/utils/ContextOptimizer.js +5 -4
- package/es/utils/__tests__/debounce.spec.js +2 -2
- package/es/utils/constructFullName.js +0 -2
- package/es/utils/css/compileClassNames.js +0 -5
- package/es/utils/css/mergeStyle.js +6 -7
- package/es/utils/css/utils.js +0 -1
- package/es/utils/datetime/common.js +5 -16
- package/es/utils/debounce.js +1 -5
- package/es/utils/dropDownUtils.js +11 -68
- package/es/utils/getInitial.js +0 -4
- package/es/utils/shallowEqual.js +0 -6
- package/lib/Accordion/Accordion.js +18 -42
- package/lib/Accordion/AccordionItem.js +18 -40
- package/lib/Accordion/__tests__/Accordion.spec.js +0 -3
- package/lib/Accordion/index.js +0 -3
- package/lib/Accordion/props/propTypes.js +0 -3
- package/lib/Animation/Animation.js +18 -38
- package/lib/Animation/__tests__/Animation.spec.js +7 -11
- package/lib/Animation/props/propTypes.js +0 -3
- package/lib/AppContainer/AppContainer.js +21 -56
- package/lib/AppContainer/props/propTypes.js +0 -3
- package/lib/Avatar/Avatar.js +38 -78
- package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
- package/lib/Avatar/props/propTypes.js +0 -3
- package/lib/AvatarTeam/AvatarTeam.js +30 -52
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
- package/lib/AvatarTeam/props/propTypes.js +0 -3
- package/lib/Button/Button.js +20 -31
- package/lib/Button/css/cssJSLogic.js +17 -18
- package/lib/Button/index.js +0 -3
- package/lib/Button/props/defaultProps.js +0 -2
- package/lib/Button/props/propTypes.js +0 -3
- package/lib/Buttongroup/Buttongroup.js +12 -32
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
- package/lib/Buttongroup/props/propTypes.js +0 -3
- package/lib/Card/Card.js +46 -102
- package/lib/Card/__tests__/Card.spec.js +1 -10
- package/lib/Card/index.js +0 -4
- package/lib/Card/props/propTypes.js +0 -3
- package/lib/CheckBox/CheckBox.js +47 -71
- package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
- package/lib/CheckBox/props/propTypes.js +0 -3
- package/lib/DateTime/CalendarView.js +42 -82
- package/lib/DateTime/DateTime.js +156 -240
- package/lib/DateTime/DateTimePopupFooter.js +8 -31
- package/lib/DateTime/DateTimePopupHeader.js +17 -48
- package/lib/DateTime/DateWidget.js +250 -352
- package/lib/DateTime/DaysRow.js +5 -27
- package/lib/DateTime/Time.js +32 -73
- package/lib/DateTime/YearView.js +28 -77
- package/lib/DateTime/__tests__/CalendarView.spec.js +5 -13
- package/lib/DateTime/__tests__/DateTime.spec.js +37 -51
- package/lib/DateTime/__tests__/DateWidget.spec.js +8 -10
- package/lib/DateTime/common.js +0 -6
- package/lib/DateTime/constants.js +0 -1
- package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -184
- package/lib/DateTime/dateFormatUtils/dateFormats.js +1 -0
- package/lib/DateTime/dateFormatUtils/dayChange.js +7 -14
- package/lib/DateTime/dateFormatUtils/index.js +16 -74
- package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
- package/lib/DateTime/dateFormatUtils/timeChange.js +22 -54
- package/lib/DateTime/dateFormatUtils/yearChange.js +11 -22
- package/lib/DateTime/index.js +0 -2
- package/lib/DateTime/objectUtils.js +20 -24
- package/lib/DateTime/props/propTypes.js +1 -11
- package/lib/DateTime/typeChecker.js +0 -4
- package/lib/DateTime/validator.js +10 -73
- package/lib/DropBox/DropBox.js +10 -34
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +37 -58
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +33 -41
- package/lib/DropBox/DropBoxElement/props/propTypes.js +0 -3
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +9 -14
- package/lib/DropBox/__tests__/DropBox.spec.js +2 -6
- package/lib/DropBox/css/cssJSLogic.js +1 -3
- package/lib/DropBox/props/defaultProps.js +4 -8
- package/lib/DropBox/props/propTypes.js +4 -10
- package/lib/DropDown/DropDown.js +8 -52
- package/lib/DropDown/DropDownHeading.js +20 -39
- package/lib/DropDown/DropDownItem.js +20 -42
- package/lib/DropDown/DropDownSearch.js +17 -40
- package/lib/DropDown/DropDownSeparator.js +4 -24
- package/lib/DropDown/__tests__/DropDown.spec.js +9 -15
- package/lib/DropDown/__tests__/DropDownItem.spec.js +4 -9
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -3
- package/lib/DropDown/index.js +0 -9
- package/lib/DropDown/props/propTypes.js +4 -6
- package/lib/Heading/Heading.js +15 -37
- package/lib/Heading/props/propTypes.js +0 -3
- package/lib/Label/Label.js +19 -39
- package/lib/Label/__tests__/Label.spec.js +1 -14
- package/lib/Label/props/propTypes.js +0 -3
- package/lib/Layout/Box.js +11 -31
- package/lib/Layout/Container.js +10 -29
- package/lib/Layout/__tests__/Box.spec.js +49 -65
- package/lib/Layout/__tests__/Container.spec.js +50 -67
- package/lib/Layout/index.js +0 -3
- package/lib/Layout/props/propTypes.js +0 -3
- package/lib/Layout/utils.js +0 -10
- package/lib/ListItem/ListContainer.js +27 -48
- package/lib/ListItem/ListItem.js +45 -69
- package/lib/ListItem/ListItemWithAvatar.js +48 -75
- package/lib/ListItem/ListItemWithCheckBox.js +39 -64
- package/lib/ListItem/ListItemWithIcon.js +44 -68
- package/lib/ListItem/ListItemWithRadio.js +41 -65
- package/lib/ListItem/index.js +0 -7
- package/lib/ListItem/props/propTypes.js +4 -6
- package/lib/Modal/Modal.js +10 -45
- package/lib/Modal/props/propTypes.js +0 -3
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +166 -294
- package/lib/MultiSelect/AdvancedMultiSelect.js +125 -202
- package/lib/MultiSelect/EmptyState.js +24 -45
- package/lib/MultiSelect/MultiSelect.js +206 -323
- package/lib/MultiSelect/MultiSelectHeader.js +8 -30
- package/lib/MultiSelect/MultiSelectWithAvatar.js +63 -105
- package/lib/MultiSelect/SelectedOptions.js +17 -43
- package/lib/MultiSelect/Suggestions.js +32 -64
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
- package/lib/MultiSelect/index.js +0 -5
- package/lib/MultiSelect/props/defaultProps.js +0 -2
- package/lib/MultiSelect/props/propTypes.js +0 -5
- package/lib/PopOver/PopOver.js +49 -95
- package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
- package/lib/PopOver/index.js +0 -4
- package/lib/PopOver/props/propTypes.js +0 -3
- package/lib/Popup/Popup.js +81 -158
- package/lib/Popup/__tests__/Popup.spec.js +8 -43
- package/lib/Popup/viewPort.js +14 -28
- package/lib/Provider/AvatarSize.js +0 -4
- package/lib/Provider/Config.js +0 -2
- package/lib/Provider/CssProvider.js +0 -4
- package/lib/Provider/IdProvider.js +6 -17
- package/lib/Provider/LibraryContext.js +15 -35
- package/lib/Provider/LibraryContextInit.js +0 -4
- package/lib/Provider/NumberGenerator/NumberGenerator.js +15 -44
- package/lib/Provider/ZindexProvider.js +3 -15
- package/lib/Provider/index.js +0 -5
- package/lib/Radio/Radio.js +38 -61
- package/lib/Radio/__tests__/Radiospec.js +5 -9
- package/lib/Radio/props/propTypes.js +0 -3
- package/lib/Responsive/CustomResponsive.js +29 -73
- package/lib/Responsive/RefWrapper.js +11 -17
- package/lib/Responsive/ResizeComponent.js +36 -62
- package/lib/Responsive/ResizeObserver.js +10 -24
- package/lib/Responsive/Responsive.js +30 -80
- package/lib/Responsive/index.js +0 -4
- package/lib/Responsive/props/propTypes.js +0 -3
- package/lib/Responsive/sizeObservers.js +17 -53
- package/lib/Responsive/utils/index.js +3 -11
- package/lib/Responsive/utils/shallowCompare.js +2 -11
- package/lib/Responsive/windowResizeObserver.js +0 -8
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +17 -45
- package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
- package/lib/Ribbon/Ribbon.js +13 -33
- package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
- package/lib/Ribbon/props/propTypes.js +0 -3
- package/lib/RippleEffect/RippleEffect.js +10 -18
- package/lib/RippleEffect/props/propTypes.js +0 -3
- package/lib/Select/GroupSelect.js +130 -229
- package/lib/Select/Select.js +209 -290
- package/lib/Select/SelectWithAvatar.js +56 -102
- package/lib/Select/SelectWithIcon.js +76 -132
- package/lib/Select/__tests__/Select.spec.js +91 -133
- package/lib/Select/index.js +0 -5
- package/lib/Select/props/defaultProps.js +4 -5
- package/lib/Select/props/propTypes.js +0 -4
- package/lib/Stencils/Stencils.js +10 -29
- package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
- package/lib/Stencils/props/propTypes.js +0 -3
- package/lib/Switch/Switch.js +34 -57
- package/lib/Switch/props/propTypes.js +0 -3
- package/lib/Tab/Tab.js +27 -40
- package/lib/Tab/TabContent.js +5 -12
- package/lib/Tab/TabContentWrapper.js +6 -13
- package/lib/Tab/TabWrapper.js +19 -37
- package/lib/Tab/Tabs.js +91 -171
- package/lib/Tab/__tests__/Tab.spec.js +58 -67
- package/lib/Tab/__tests__/TabContent.spec.js +6 -10
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +20 -28
- package/lib/Tab/__tests__/TabWrapper.spec.js +0 -12
- package/lib/Tab/__tests__/Tabs.spec.js +39 -53
- package/lib/Tab/index.js +0 -6
- package/lib/Tab/props/propTypes.js +0 -3
- package/lib/Tag/Tag.js +43 -72
- package/lib/Tag/__tests__/Tag.spec.js +8 -14
- package/lib/Tag/props/propTypes.js +0 -3
- package/lib/TextBox/TextBox.js +59 -85
- package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
- package/lib/TextBox/props/propTypes.js +4 -6
- package/lib/TextBoxIcon/TextBoxIcon.js +52 -79
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
- package/lib/TextBoxIcon/props/propTypes.js +0 -3
- package/lib/Textarea/Textarea.js +29 -54
- package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
- package/lib/Textarea/props/propTypes.js +0 -3
- package/lib/Tooltip/Tooltip.js +31 -94
- package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -24
- package/lib/Tooltip/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +16 -40
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +25 -53
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/index.js +0 -3
- package/lib/css.js +0 -40
- package/lib/deprecated/PortalLayer/PortalLayer.js +23 -46
- package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
- package/lib/index.js +0 -57
- package/lib/semantic/Button/Button.js +22 -42
- package/lib/semantic/Button/props/propTypes.js +0 -3
- package/lib/semantic/index.js +0 -2
- package/lib/utils/Common.js +18 -108
- package/lib/utils/ContextOptimizer.js +10 -16
- package/lib/utils/__tests__/constructFullName.spec.js +0 -1
- package/lib/utils/__tests__/debounce.spec.js +2 -3
- package/lib/utils/__tests__/getInitial.spec.js +0 -1
- package/lib/utils/constructFullName.js +4 -13
- package/lib/utils/css/compileClassNames.js +0 -6
- package/lib/utils/css/mergeStyle.js +7 -10
- package/lib/utils/css/utils.js +0 -8
- package/lib/utils/datetime/common.js +5 -34
- package/lib/utils/debounce.js +1 -6
- package/lib/utils/dropDownUtils.js +59 -175
- package/lib/utils/dummyFunction.js +0 -2
- package/lib/utils/getHTMLFontSize.js +0 -1
- package/lib/utils/getInitial.js +0 -6
- package/lib/utils/index.js +0 -4
- package/lib/utils/scrollTo.js +0 -2
- package/lib/utils/shallowEqual.js +0 -8
- package/package.json +2 -2
package/lib/Heading/Heading.js
CHANGED
|
@@ -1,71 +1,49 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
-
|
|
14
10
|
var _propTypes = require("./props/propTypes");
|
|
15
|
-
|
|
16
11
|
var _HeadingModule = _interopRequireDefault(require("./Heading.module.css"));
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
14
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
|
|
24
|
-
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; }
|
|
25
|
-
|
|
15
|
+
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; }
|
|
26
16
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
27
|
-
|
|
28
|
-
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); } }
|
|
29
|
-
|
|
17
|
+
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, _toPropertyKey(descriptor.key), descriptor); } }
|
|
30
18
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
31
|
-
|
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
32
21
|
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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
33
|
-
|
|
34
22
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
35
|
-
|
|
36
23
|
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); }; }
|
|
37
|
-
|
|
38
24
|
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); }
|
|
39
|
-
|
|
40
25
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
41
|
-
|
|
42
26
|
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; } }
|
|
43
|
-
|
|
44
27
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
45
|
-
|
|
46
28
|
var Heading = /*#__PURE__*/function (_React$Component) {
|
|
47
29
|
_inherits(Heading, _React$Component);
|
|
48
|
-
|
|
49
30
|
var _super = _createSuper(Heading);
|
|
50
|
-
|
|
51
31
|
function Heading() {
|
|
52
32
|
_classCallCheck(this, Heading);
|
|
53
|
-
|
|
54
33
|
return _super.apply(this, arguments);
|
|
55
34
|
}
|
|
56
|
-
|
|
57
35
|
_createClass(Heading, [{
|
|
58
36
|
key: "render",
|
|
59
37
|
value: function render() {
|
|
60
38
|
var _this$props = this.props,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
39
|
+
tagName = _this$props.tagName,
|
|
40
|
+
className = _this$props.className,
|
|
41
|
+
onClick = _this$props.onClick,
|
|
42
|
+
onDoubleClick = _this$props.onDoubleClick,
|
|
43
|
+
title = _this$props.title,
|
|
44
|
+
dataTitle = _this$props.dataTitle,
|
|
45
|
+
dataId = _this$props.dataId,
|
|
46
|
+
a11y = _this$props.a11y;
|
|
69
47
|
return /*#__PURE__*/_react["default"].createElement(tagName, _objectSpread({
|
|
70
48
|
className: "".concat(_HeadingModule["default"].reset, " ").concat(className),
|
|
71
49
|
onClick: onClick,
|
|
@@ -75,13 +53,13 @@ var Heading = /*#__PURE__*/function (_React$Component) {
|
|
|
75
53
|
}, a11y), title);
|
|
76
54
|
}
|
|
77
55
|
}]);
|
|
78
|
-
|
|
79
56
|
return Heading;
|
|
80
57
|
}(_react["default"].Component);
|
|
81
|
-
|
|
82
58
|
exports["default"] = Heading;
|
|
83
59
|
Heading.propTypes = _propTypes.propTypes;
|
|
84
|
-
Heading.defaultProps = _defaultProps.defaultProps;
|
|
60
|
+
Heading.defaultProps = _defaultProps.defaultProps;
|
|
61
|
+
|
|
62
|
+
// if (__DOCS__) {
|
|
85
63
|
// Heading.docs = {
|
|
86
64
|
// folderName: 'Style Guide',
|
|
87
65
|
// componentGroup: 'Accessibility'
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var propTypes = {
|
|
13
10
|
tagName: _propTypes["default"].string,
|
|
14
11
|
className: _propTypes["default"].string,
|
package/lib/Label/Label.js
CHANGED
|
@@ -1,72 +1,52 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
-
|
|
14
10
|
var _propTypes = require("./props/propTypes");
|
|
15
|
-
|
|
16
11
|
var _LabelModule = _interopRequireDefault(require("./Label.module.css"));
|
|
17
|
-
|
|
18
12
|
var _LabelColorsModule = _interopRequireDefault(require("./LabelColors.module.css"));
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
14
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
|
-
|
|
24
|
-
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); } }
|
|
25
|
-
|
|
15
|
+
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, _toPropertyKey(descriptor.key), descriptor); } }
|
|
26
16
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
27
|
-
|
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
28
19
|
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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
29
|
-
|
|
30
20
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
31
|
-
|
|
32
21
|
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); }; }
|
|
33
|
-
|
|
34
22
|
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); }
|
|
35
|
-
|
|
36
23
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
37
|
-
|
|
38
24
|
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; } }
|
|
39
|
-
|
|
40
25
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
|
-
|
|
42
26
|
var Label = /*#__PURE__*/function (_React$Component) {
|
|
43
27
|
_inherits(Label, _React$Component);
|
|
44
|
-
|
|
45
28
|
var _super = _createSuper(Label);
|
|
46
|
-
|
|
47
29
|
function Label() {
|
|
48
30
|
_classCallCheck(this, Label);
|
|
49
|
-
|
|
50
31
|
return _super.apply(this, arguments);
|
|
51
32
|
}
|
|
52
|
-
|
|
53
33
|
_createClass(Label, [{
|
|
54
34
|
key: "render",
|
|
55
35
|
value: function render() {
|
|
56
36
|
var _this$props = this.props,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
37
|
+
text = _this$props.text,
|
|
38
|
+
type = _this$props.type,
|
|
39
|
+
palette = _this$props.palette,
|
|
40
|
+
size = _this$props.size,
|
|
41
|
+
clipped = _this$props.clipped,
|
|
42
|
+
htmlFor = _this$props.htmlFor,
|
|
43
|
+
title = _this$props.title,
|
|
44
|
+
onClick = _this$props.onClick,
|
|
45
|
+
dataId = _this$props.dataId,
|
|
46
|
+
dataSelectorId = _this$props.dataSelectorId,
|
|
47
|
+
variant = _this$props.variant,
|
|
48
|
+
customClass = _this$props.customClass,
|
|
49
|
+
id = _this$props.id;
|
|
70
50
|
return /*#__PURE__*/_react["default"].createElement("label", {
|
|
71
51
|
className: "".concat(_LabelModule["default"].label, " ").concat(_LabelModule["default"][type], " ").concat(_LabelModule["default"][size], " ").concat(_LabelColorsModule["default"][palette], " ").concat(_LabelModule["default"]["font_".concat(variant)], "\n ").concat(clipped ? _LabelModule["default"].dotted : '', " ").concat(onClick ? _LabelModule["default"].pointer : _LabelModule["default"].cursor, " ").concat(customClass, " "),
|
|
72
52
|
htmlFor: htmlFor,
|
|
@@ -78,13 +58,13 @@ var Label = /*#__PURE__*/function (_React$Component) {
|
|
|
78
58
|
}, text);
|
|
79
59
|
}
|
|
80
60
|
}]);
|
|
81
|
-
|
|
82
61
|
return Label;
|
|
83
62
|
}(_react["default"].Component);
|
|
84
|
-
|
|
85
63
|
exports["default"] = Label;
|
|
86
64
|
Label.defaultProps = _defaultProps.defaultProps;
|
|
87
|
-
Label.propTypes = _propTypes.propTypes;
|
|
65
|
+
Label.propTypes = _propTypes.propTypes;
|
|
66
|
+
|
|
67
|
+
// if (__DOCS__) {
|
|
88
68
|
// Label.docs = {
|
|
89
69
|
// componentGroup: 'Form Elements',
|
|
90
70
|
// folderName: 'Style Guide'
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _Label = _interopRequireDefault(require("../Label"));
|
|
6
|
-
|
|
7
5
|
var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
|
|
8
|
-
|
|
9
6
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
7
|
/* eslint-disable no-undef */
|
|
8
|
+
|
|
12
9
|
describe('Label Props Check', function () {
|
|
13
10
|
it('Display proper text', function () {
|
|
14
11
|
var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
|
@@ -49,7 +46,6 @@ describe('Label Props Check', function () {
|
|
|
49
46
|
text: "text1",
|
|
50
47
|
palette: "default"
|
|
51
48
|
}));
|
|
52
|
-
|
|
53
49
|
var tree = ele.toJSON();
|
|
54
50
|
expect(tree).toMatchSnapshot();
|
|
55
51
|
});
|
|
@@ -58,7 +54,6 @@ describe('Label Props Check', function () {
|
|
|
58
54
|
text: "text1",
|
|
59
55
|
palette: "primary"
|
|
60
56
|
}));
|
|
61
|
-
|
|
62
57
|
var tree = ele.toJSON();
|
|
63
58
|
expect(tree).toMatchSnapshot();
|
|
64
59
|
});
|
|
@@ -67,7 +62,6 @@ describe('Label Props Check', function () {
|
|
|
67
62
|
text: "text1",
|
|
68
63
|
palette: "secondary"
|
|
69
64
|
}));
|
|
70
|
-
|
|
71
65
|
var tree = ele.toJSON();
|
|
72
66
|
expect(tree).toMatchSnapshot();
|
|
73
67
|
});
|
|
@@ -76,7 +70,6 @@ describe('Label Props Check', function () {
|
|
|
76
70
|
text: "text1",
|
|
77
71
|
palette: "danger"
|
|
78
72
|
}));
|
|
79
|
-
|
|
80
73
|
var tree = ele.toJSON();
|
|
81
74
|
expect(tree).toMatchSnapshot();
|
|
82
75
|
});
|
|
@@ -85,7 +78,6 @@ describe('Label Props Check', function () {
|
|
|
85
78
|
text: "text1",
|
|
86
79
|
palette: "mandatory"
|
|
87
80
|
}));
|
|
88
|
-
|
|
89
81
|
var tree = ele.toJSON();
|
|
90
82
|
expect(tree).toMatchSnapshot();
|
|
91
83
|
});
|
|
@@ -94,7 +86,6 @@ describe('Label Props Check', function () {
|
|
|
94
86
|
text: "text1",
|
|
95
87
|
size: "small"
|
|
96
88
|
}));
|
|
97
|
-
|
|
98
89
|
var tree = ele.toJSON();
|
|
99
90
|
expect(tree).toMatchSnapshot();
|
|
100
91
|
});
|
|
@@ -103,7 +94,6 @@ describe('Label Props Check', function () {
|
|
|
103
94
|
text: "text1",
|
|
104
95
|
size: "medium"
|
|
105
96
|
}));
|
|
106
|
-
|
|
107
97
|
var tree = ele.toJSON();
|
|
108
98
|
expect(tree).toMatchSnapshot();
|
|
109
99
|
});
|
|
@@ -112,7 +102,6 @@ describe('Label Props Check', function () {
|
|
|
112
102
|
text: "text1",
|
|
113
103
|
size: "large"
|
|
114
104
|
}));
|
|
115
|
-
|
|
116
105
|
var tree = ele.toJSON();
|
|
117
106
|
expect(tree).toMatchSnapshot();
|
|
118
107
|
});
|
|
@@ -121,7 +110,6 @@ describe('Label Props Check', function () {
|
|
|
121
110
|
text: "text1",
|
|
122
111
|
type: "title"
|
|
123
112
|
}));
|
|
124
|
-
|
|
125
113
|
var tree = ele.toJSON();
|
|
126
114
|
expect(tree).toMatchSnapshot();
|
|
127
115
|
});
|
|
@@ -130,7 +118,6 @@ describe('Label Props Check', function () {
|
|
|
130
118
|
text: "text1",
|
|
131
119
|
type: "subtitle"
|
|
132
120
|
}));
|
|
133
|
-
|
|
134
121
|
var tree = ele.toJSON();
|
|
135
122
|
expect(tree).toMatchSnapshot();
|
|
136
123
|
});
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var propTypes = {
|
|
13
10
|
clipped: _propTypes["default"].bool,
|
|
14
11
|
dataId: _propTypes["default"].string,
|
package/lib/Layout/Box.js
CHANGED
|
@@ -5,71 +5,57 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = Box;
|
|
7
7
|
exports.getBoxProps = getBoxProps;
|
|
8
|
-
|
|
9
8
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
|
|
11
9
|
var _propTypes = require("./props/propTypes");
|
|
12
|
-
|
|
13
10
|
var _defaultProps = require("./props/defaultProps");
|
|
14
|
-
|
|
15
11
|
var _utils = require("./utils");
|
|
16
|
-
|
|
17
12
|
var _LayoutModule = _interopRequireDefault(require("./Layout.module.css"));
|
|
18
|
-
|
|
19
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
20
|
-
|
|
21
14
|
/* eslint css-modules/no-unused-class: 0 */
|
|
22
15
|
|
|
23
16
|
/* eslint-disable react/no-unused-prop-types*/
|
|
17
|
+
|
|
24
18
|
function getBoxClassNames(props) {
|
|
25
19
|
var hidden = props.hidden,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
20
|
+
className = props.className,
|
|
21
|
+
flexible = props.flexible,
|
|
22
|
+
adjust = props.adjust,
|
|
23
|
+
isFirst = props.isFirst,
|
|
24
|
+
isLast = props.isLast,
|
|
25
|
+
shrink = props.shrink,
|
|
26
|
+
column = props.column,
|
|
27
|
+
align = props.align,
|
|
28
|
+
scroll = props.scroll,
|
|
29
|
+
preventParentScroll = props.preventParentScroll;
|
|
36
30
|
var modificators = [className];
|
|
37
|
-
|
|
38
31
|
if (flexible && !adjust) {
|
|
39
32
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'grow'));
|
|
40
33
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'basis'));
|
|
41
34
|
} else if (flexible && adjust) {
|
|
42
35
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'grow'));
|
|
43
36
|
}
|
|
44
|
-
|
|
45
37
|
if (isFirst) {
|
|
46
38
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'first'));
|
|
47
39
|
}
|
|
48
|
-
|
|
49
40
|
if (isLast) {
|
|
50
41
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'last'));
|
|
51
42
|
}
|
|
52
|
-
|
|
53
43
|
if (adjust) {
|
|
54
44
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'basisAuto'));
|
|
55
45
|
}
|
|
56
|
-
|
|
57
46
|
if (shrink) {
|
|
58
47
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'shrinkOn'));
|
|
59
48
|
} else {
|
|
60
49
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'shrinkOff'));
|
|
61
50
|
}
|
|
62
|
-
|
|
63
51
|
if (hidden) {
|
|
64
52
|
hidden.forEach(function (key) {
|
|
65
53
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], "hidden-screen-".concat(key)));
|
|
66
54
|
});
|
|
67
55
|
}
|
|
68
|
-
|
|
69
56
|
if (column) {
|
|
70
57
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], "col-".concat(column)));
|
|
71
58
|
}
|
|
72
|
-
|
|
73
59
|
if (align) {
|
|
74
60
|
var alignClassMapping = {
|
|
75
61
|
start: 'selfStart',
|
|
@@ -79,7 +65,6 @@ function getBoxClassNames(props) {
|
|
|
79
65
|
var alignClass = alignClassMapping[align];
|
|
80
66
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], alignClass));
|
|
81
67
|
}
|
|
82
|
-
|
|
83
68
|
if (scroll) {
|
|
84
69
|
var scrollClassMapping = {
|
|
85
70
|
horizontal: 'scrollx',
|
|
@@ -90,7 +75,6 @@ function getBoxClassNames(props) {
|
|
|
90
75
|
var scrollClass = scrollClassMapping[scroll];
|
|
91
76
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], scrollClass));
|
|
92
77
|
}
|
|
93
|
-
|
|
94
78
|
if (preventParentScroll) {
|
|
95
79
|
var ParentScrollClassMapping = {
|
|
96
80
|
horizontal: 'preventScrollBubbleX',
|
|
@@ -100,14 +84,11 @@ function getBoxClassNames(props) {
|
|
|
100
84
|
var parentScrollClass = ParentScrollClassMapping[preventParentScroll];
|
|
101
85
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], parentScrollClass));
|
|
102
86
|
}
|
|
103
|
-
|
|
104
87
|
return modificators;
|
|
105
88
|
}
|
|
106
|
-
|
|
107
89
|
function getBoxProps(props) {
|
|
108
90
|
return (0, _utils.createProps)(_propTypes.BoxProps, props, getBoxClassNames(props));
|
|
109
91
|
}
|
|
110
|
-
|
|
111
92
|
function Box(props) {
|
|
112
93
|
var childProps = getBoxProps(props);
|
|
113
94
|
var tagName = props.tagName;
|
|
@@ -120,6 +101,5 @@ function Box(props) {
|
|
|
120
101
|
});
|
|
121
102
|
return /*#__PURE__*/_react["default"].createElement(tagName, childProps);
|
|
122
103
|
}
|
|
123
|
-
|
|
124
104
|
Box.propTypes = _propTypes.BoxProps;
|
|
125
105
|
Box.defaultProps = _defaultProps.BoxDefaultProps;
|
package/lib/Layout/Container.js
CHANGED
|
@@ -5,51 +5,41 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = Container;
|
|
7
7
|
exports.getContainerProps = getContainerProps;
|
|
8
|
-
|
|
9
8
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
|
|
11
9
|
var _propTypes = require("./props/propTypes");
|
|
12
|
-
|
|
13
10
|
var _defaultProps = require("./props/defaultProps");
|
|
14
|
-
|
|
15
11
|
var _utils = require("./utils");
|
|
16
|
-
|
|
17
12
|
var _LayoutModule = _interopRequireDefault(require("./Layout.module.css"));
|
|
18
|
-
|
|
19
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
20
|
-
|
|
21
14
|
/* eslint css-modules/no-unused-class: 0 */
|
|
22
15
|
|
|
23
16
|
/* eslint-disable react/no-unused-prop-types*/
|
|
17
|
+
|
|
24
18
|
function getContainerClassNames(props) {
|
|
25
19
|
var hidden = props.hidden,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
20
|
+
className = props.className,
|
|
21
|
+
isInline = props.isInline,
|
|
22
|
+
isCover = props.isCover,
|
|
23
|
+
alignBox = props.alignBox,
|
|
24
|
+
alignContent = props.alignContent,
|
|
25
|
+
wrap = props.wrap,
|
|
26
|
+
align = props.align,
|
|
27
|
+
scroll = props.scroll,
|
|
28
|
+
preventParentScroll = props.preventParentScroll;
|
|
35
29
|
var modificators = [className];
|
|
36
|
-
|
|
37
30
|
if (hidden) {
|
|
38
31
|
hidden.forEach(function (key) {
|
|
39
32
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], "hidden-screen-".concat(key)));
|
|
40
33
|
});
|
|
41
34
|
}
|
|
42
|
-
|
|
43
35
|
if (isInline) {
|
|
44
36
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'inflex'));
|
|
45
37
|
} else {
|
|
46
38
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'flex'));
|
|
47
39
|
}
|
|
48
|
-
|
|
49
40
|
if (isCover) {
|
|
50
41
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'cover'));
|
|
51
42
|
}
|
|
52
|
-
|
|
53
43
|
var alignBoxClassMapping = {
|
|
54
44
|
row: 'rowdir',
|
|
55
45
|
column: 'coldir',
|
|
@@ -58,7 +48,6 @@ function getContainerClassNames(props) {
|
|
|
58
48
|
};
|
|
59
49
|
var alignClass = alignBoxClassMapping[alignBox];
|
|
60
50
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], alignClass));
|
|
61
|
-
|
|
62
51
|
if (alignContent) {
|
|
63
52
|
var alignContentClassMapping = {
|
|
64
53
|
start: 'alignStart',
|
|
@@ -70,7 +59,6 @@ function getContainerClassNames(props) {
|
|
|
70
59
|
var alignContentClass = alignContentClassMapping[alignContent];
|
|
71
60
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], alignContentClass));
|
|
72
61
|
}
|
|
73
|
-
|
|
74
62
|
if (wrap) {
|
|
75
63
|
var wrapClassMapping = {
|
|
76
64
|
wrap: 'wrap',
|
|
@@ -79,7 +67,6 @@ function getContainerClassNames(props) {
|
|
|
79
67
|
var wrapClass = wrapClassMapping[wrap];
|
|
80
68
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], wrapClass));
|
|
81
69
|
}
|
|
82
|
-
|
|
83
70
|
if (align) {
|
|
84
71
|
var alignClassMapping = {
|
|
85
72
|
horizontal: 'hCenter',
|
|
@@ -96,7 +83,6 @@ function getContainerClassNames(props) {
|
|
|
96
83
|
var _alignClass = alignClassMapping[align];
|
|
97
84
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], _alignClass));
|
|
98
85
|
}
|
|
99
|
-
|
|
100
86
|
if (scroll) {
|
|
101
87
|
var scrollClassMapping = {
|
|
102
88
|
horizontal: 'scrollx',
|
|
@@ -107,7 +93,6 @@ function getContainerClassNames(props) {
|
|
|
107
93
|
var scrollClass = scrollClassMapping[scroll];
|
|
108
94
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], scrollClass));
|
|
109
95
|
}
|
|
110
|
-
|
|
111
96
|
if (preventParentScroll) {
|
|
112
97
|
var ParentScrollClassMapping = {
|
|
113
98
|
horizontal: 'preventScrollBubbleX',
|
|
@@ -117,14 +102,11 @@ function getContainerClassNames(props) {
|
|
|
117
102
|
var parentScrollClass = ParentScrollClassMapping[preventParentScroll];
|
|
118
103
|
modificators.push((0, _utils.getClass)(_LayoutModule["default"], parentScrollClass));
|
|
119
104
|
}
|
|
120
|
-
|
|
121
105
|
return modificators;
|
|
122
106
|
}
|
|
123
|
-
|
|
124
107
|
function getContainerProps(props) {
|
|
125
108
|
return (0, _utils.createProps)(_propTypes.ContainerProps, props, getContainerClassNames(props));
|
|
126
109
|
}
|
|
127
|
-
|
|
128
110
|
function Container(props) {
|
|
129
111
|
var childProps = getContainerProps(props);
|
|
130
112
|
var tagName = props.tagName;
|
|
@@ -137,6 +119,5 @@ function Container(props) {
|
|
|
137
119
|
});
|
|
138
120
|
return /*#__PURE__*/_react["default"].createElement(tagName, childProps);
|
|
139
121
|
}
|
|
140
|
-
|
|
141
122
|
Container.propTypes = _propTypes.ContainerProps;
|
|
142
123
|
Container.defaultProps = _defaultProps.ContainerDefaultProps;
|