@unbxd-ui/unbxd-react-components 0.2.107-beta.2 → 0.2.108-beta.2
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/components/Accordian/Accordian.js +13 -45
- package/components/Accordian/Accordian.stories.js +6 -25
- package/components/Accordian/index.js +0 -3
- package/components/Button/Button.js +9 -26
- package/components/Button/Button.stories.js +1 -14
- package/components/Button/DropdownButton.js +9 -31
- package/components/Button/DropdownButton.stories.js +6 -23
- package/components/Button/index.js +1 -8
- package/components/DataLoader/DataLoader.js +10 -40
- package/components/DataLoader/DataLoader.stories.js +5 -30
- package/components/DataLoader/index.js +0 -3
- package/components/Form/Checkbox.js +18 -43
- package/components/Form/DragDropFileUploader.js +12 -42
- package/components/Form/Dropdown.js +106 -182
- package/components/Form/FileUploader.js +10 -32
- package/components/Form/Form.js +15 -45
- package/components/Form/FormElementWrapper.js +2 -7
- package/components/Form/Input.js +27 -72
- package/components/Form/RadioList.js +20 -49
- package/components/Form/RangeSlider.js +39 -74
- package/components/Form/ServerPaginatedDDList.js +86 -130
- package/components/Form/Textarea.js +18 -43
- package/components/Form/Toggle.js +16 -48
- package/components/Form/index.js +18 -30
- package/components/Form/stories/Checkbox.stories.js +1 -12
- package/components/Form/stories/DragDropFileUploader.stories.js +0 -8
- package/components/Form/stories/Dropdown.stories.js +6 -24
- package/components/Form/stories/FileUploader.stories.js +0 -8
- package/components/Form/stories/FormDefault.stories.js +1 -21
- package/components/Form/stories/RadioList.stories.js +1 -12
- package/components/Form/stories/RangeSlider.stories.js +1 -15
- package/components/Form/stories/TextInput.stories.js +3 -19
- package/components/Form/stories/Textarea.stories.js +1 -12
- package/components/Form/stories/Toggle.stories.js +0 -7
- package/components/Form/stories/form.stories.js +3 -40
- package/components/InlineModal/InlineModal.js +14 -51
- package/components/InlineModal/InlineModal.stories.js +2 -14
- package/components/InlineModal/index.js +1 -6
- package/components/List/List.js +9 -24
- package/components/List/index.js +0 -3
- package/components/List/list.stories.js +0 -10
- package/components/Modal/Modal.js +17 -49
- package/components/Modal/Modal.stories.js +1 -15
- package/components/Modal/index.js +0 -3
- package/components/NotificationComponent/NotificationComponent.js +11 -34
- package/components/NotificationComponent/NotificationComponent.stories.js +0 -6
- package/components/NotificationComponent/index.js +0 -3
- package/components/ProgressBar/ProgressBar.js +2 -11
- package/components/ProgressBar/ProgressBar.stories.js +0 -6
- package/components/ProgressBar/index.js +0 -3
- package/components/Table/BaseTable.js +69 -134
- package/components/Table/PaginationComponent.js +11 -23
- package/components/Table/Table.js +68 -149
- package/components/Table/Table.stories.js +22 -67
- package/components/Table/index.js +0 -4
- package/components/TabsComponent/TabsComponent.js +20 -57
- package/components/TabsComponent/TabsComponent.stories.js +0 -16
- package/components/TabsComponent/index.js +0 -3
- package/components/Tooltip/Tooltip.js +25 -47
- package/components/Tooltip/Tooltip.stories.js +0 -6
- package/components/Tooltip/index.js +0 -3
- package/components/core.css +3 -1
- package/components/index.js +1 -17
- package/components/theme.css +2 -0
- package/package.json +3 -2
- package/.babelrc +0 -4
- package/.eslintrc.js +0 -38
- package/CONTRIBUTE.md +0 -105
- package/README.md +0 -82
- package/lib/components/Accordian/Accordian.js +0 -117
- package/lib/components/Accordian/Accordian.stories.js +0 -137
- package/lib/components/Accordian/index.js +0 -10
- package/lib/components/Button/Button.js +0 -84
- package/lib/components/Button/Button.stories.js +0 -89
- package/lib/components/Button/DropdownButton.js +0 -77
- package/lib/components/Button/DropdownButton.stories.js +0 -51
- package/lib/components/Button/index.js +0 -32
- package/lib/components/DataLoader/DataLoader.js +0 -88
- package/lib/components/DataLoader/DataLoader.stories.js +0 -77
- package/lib/components/DataLoader/index.js +0 -10
- package/lib/components/Form/Checkbox.js +0 -93
- package/lib/components/Form/DragDropFileUploader.js +0 -85
- package/lib/components/Form/Dropdown.js +0 -478
- package/lib/components/Form/FileUploader.js +0 -81
- package/lib/components/Form/Form.js +0 -106
- package/lib/components/Form/FormElementWrapper.js +0 -27
- package/lib/components/Form/Input.js +0 -140
- package/lib/components/Form/RadioList.js +0 -111
- package/lib/components/Form/RangeSlider.js +0 -142
- package/lib/components/Form/ServerPaginatedDDList.js +0 -267
- package/lib/components/Form/Textarea.js +0 -95
- package/lib/components/Form/Toggle.js +0 -117
- package/lib/components/Form/index.js +0 -73
- package/lib/components/Form/stories/Checkbox.stories.js +0 -54
- package/lib/components/Form/stories/DragDropFileUploader.stories.js +0 -27
- package/lib/components/Form/stories/Dropdown.stories.js +0 -114
- package/lib/components/Form/stories/FileUploader.stories.js +0 -31
- package/lib/components/Form/stories/FormDefault.stories.js +0 -117
- package/lib/components/Form/stories/RadioList.stories.js +0 -55
- package/lib/components/Form/stories/RangeSlider.stories.js +0 -82
- package/lib/components/Form/stories/TextInput.stories.js +0 -79
- package/lib/components/Form/stories/Textarea.stories.js +0 -48
- package/lib/components/Form/stories/Toggle.stories.js +0 -25
- package/lib/components/Form/stories/form.stories.js +0 -240
- package/lib/components/InlineModal/InlineModal.js +0 -146
- package/lib/components/InlineModal/InlineModal.stories.js +0 -61
- package/lib/components/InlineModal/index.js +0 -24
- package/lib/components/List/List.js +0 -76
- package/lib/components/List/index.js +0 -10
- package/lib/components/List/list.stories.js +0 -38
- package/lib/components/Modal/Modal.js +0 -117
- package/lib/components/Modal/Modal.stories.js +0 -55
- package/lib/components/Modal/index.js +0 -10
- package/lib/components/NotificationComponent/NotificationComponent.js +0 -76
- package/lib/components/NotificationComponent/NotificationComponent.stories.js +0 -29
- package/lib/components/NotificationComponent/index.js +0 -10
- package/lib/components/ProgressBar/ProgressBar.js +0 -49
- package/lib/components/ProgressBar/ProgressBar.stories.js +0 -21
- package/lib/components/ProgressBar/index.js +0 -10
- package/lib/components/Table/BaseTable.js +0 -352
- package/lib/components/Table/PaginationComponent.js +0 -87
- package/lib/components/Table/Table.js +0 -333
- package/lib/components/Table/Table.stories.js +0 -204
- package/lib/components/Table/index.js +0 -17
- package/lib/components/TabsComponent/TabsComponent.js +0 -134
- package/lib/components/TabsComponent/TabsComponent.stories.js +0 -65
- package/lib/components/TabsComponent/index.js +0 -10
- package/lib/components/Tooltip/Tooltip.js +0 -102
- package/lib/components/Tooltip/Tooltip.stories.js +0 -25
- package/lib/components/Tooltip/index.js +0 -10
- package/lib/components/core.css +0 -3
- package/lib/components/core.scss +0 -29
- package/lib/components/index.js +0 -159
- package/lib/components/theme.css +0 -3
- package/lib/components/theme.scss +0 -11
- package/lib/package-lock.json +0 -20607
- package/lib/package.json +0 -94
- package/src/Intro.stories.mdx +0 -119
- package/src/components/Accordian/Accordian.js +0 -89
- package/src/components/Accordian/Accordian.stories.js +0 -92
- package/src/components/Accordian/accordianCore.css +0 -1
- package/src/components/Accordian/accordianCore.scss +0 -8
- package/src/components/Accordian/accordianTheme.css +0 -1
- package/src/components/Accordian/accordianTheme.scss +0 -6
- package/src/components/Accordian/index.js +0 -3
- package/src/components/Button/Button.js +0 -67
- package/src/components/Button/Button.stories.js +0 -103
- package/src/components/Button/DropdownButton.js +0 -60
- package/src/components/Button/DropdownButton.stories.js +0 -38
- package/src/components/Button/button.css +0 -1
- package/src/components/Button/buttonTheme.css +0 -1
- package/src/components/Button/buttonTheme.scss +0 -45
- package/src/components/Button/index.js +0 -5
- package/src/components/DataLoader/DataLoader.js +0 -86
- package/src/components/DataLoader/DataLoader.stories.js +0 -72
- package/src/components/DataLoader/index.js +0 -3
- package/src/components/Form/Checkbox.js +0 -73
- package/src/components/Form/DragDropFileUploader.js +0 -67
- package/src/components/Form/Dropdown.js +0 -430
- package/src/components/Form/FileUploader.js +0 -64
- package/src/components/Form/Form.js +0 -83
- package/src/components/Form/FormElementWrapper.js +0 -22
- package/src/components/Form/Input.js +0 -121
- package/src/components/Form/RadioList.js +0 -86
- package/src/components/Form/RangeSlider.js +0 -100
- package/src/components/Form/ServerPaginatedDDList.js +0 -231
- package/src/components/Form/Textarea.js +0 -76
- package/src/components/Form/Toggle.js +0 -96
- package/src/components/Form/form.css +0 -1
- package/src/components/Form/formCore.css +0 -1
- package/src/components/Form/formCore.scss +0 -142
- package/src/components/Form/formTheme.css +0 -1
- package/src/components/Form/formTheme.scss +0 -27
- package/src/components/Form/index.js +0 -13
- package/src/components/Form/stories/Checkbox.stories.js +0 -41
- package/src/components/Form/stories/DragDropFileUploader.stories.js +0 -21
- package/src/components/Form/stories/Dropdown.stories.js +0 -124
- package/src/components/Form/stories/FileUploader.stories.js +0 -21
- package/src/components/Form/stories/FormDefault.stories.js +0 -87
- package/src/components/Form/stories/RadioList.stories.js +0 -48
- package/src/components/Form/stories/RangeSlider.stories.js +0 -84
- package/src/components/Form/stories/TextInput.stories.js +0 -77
- package/src/components/Form/stories/Textarea.stories.js +0 -43
- package/src/components/Form/stories/Toggle.stories.js +0 -14
- package/src/components/Form/stories/form.stories.js +0 -216
- package/src/components/InlineModal/InlineModal.js +0 -135
- package/src/components/InlineModal/InlineModal.stories.js +0 -54
- package/src/components/InlineModal/index.js +0 -4
- package/src/components/InlineModal/inlineModal.css +0 -1
- package/src/components/InlineModal/inlineModalCore.css +0 -1
- package/src/components/InlineModal/inlineModalCore.scss +0 -31
- package/src/components/InlineModal/inlineModalTheme.css +0 -1
- package/src/components/InlineModal/inlineModalTheme.scss +0 -16
- package/src/components/List/List.js +0 -72
- package/src/components/List/index.js +0 -3
- package/src/components/List/list.css +0 -1
- package/src/components/List/list.stories.js +0 -28
- package/src/components/List/listCore.css +0 -1
- package/src/components/List/listCore.scss +0 -6
- package/src/components/List/listTheme.css +0 -0
- package/src/components/List/listTheme.scss +0 -0
- package/src/components/Modal/Modal.js +0 -99
- package/src/components/Modal/Modal.stories.js +0 -54
- package/src/components/Modal/index.js +0 -3
- package/src/components/Modal/modal.css +0 -1
- package/src/components/Modal/modalCore.css +0 -1
- package/src/components/Modal/modalCore.scss +0 -34
- package/src/components/Modal/modalTheme.css +0 -0
- package/src/components/Modal/modalTheme.scss +0 -0
- package/src/components/NotificationComponent/NotificationComponent.js +0 -58
- package/src/components/NotificationComponent/NotificationComponent.stories.js +0 -28
- package/src/components/NotificationComponent/index.js +0 -3
- package/src/components/NotificationComponent/notificationComponent.css +0 -1
- package/src/components/NotificationComponent/notificationTheme.css +0 -1
- package/src/components/NotificationComponent/notificationTheme.scss +0 -30
- package/src/components/ProgressBar/ProgressBar.js +0 -45
- package/src/components/ProgressBar/ProgressBar.stories.js +0 -14
- package/src/components/ProgressBar/index.js +0 -3
- package/src/components/ProgressBar/progressBar.css +0 -1
- package/src/components/ProgressBar/progressBarCore.css +0 -1
- package/src/components/ProgressBar/progressBarCore.scss +0 -14
- package/src/components/ProgressBar/progressBarTheme.css +0 -0
- package/src/components/ProgressBar/progressBarTheme.scss +0 -0
- package/src/components/Table/BaseTable.js +0 -306
- package/src/components/Table/PaginationComponent.js +0 -73
- package/src/components/Table/Table.js +0 -295
- package/src/components/Table/Table.stories.js +0 -198
- package/src/components/Table/index.js +0 -8
- package/src/components/Table/table.css +0 -1
- package/src/components/Table/tableCore.css +0 -1
- package/src/components/Table/tableCore.scss +0 -94
- package/src/components/Table/tableTheme.css +0 -1
- package/src/components/Table/tableTheme.scss +0 -34
- package/src/components/TabsComponent/TabsComponent.js +0 -99
- package/src/components/TabsComponent/TabsComponent.stories.js +0 -69
- package/src/components/TabsComponent/index.js +0 -3
- package/src/components/TabsComponent/tabs.css +0 -1
- package/src/components/TabsComponent/tabsCore.css +0 -1
- package/src/components/TabsComponent/tabsCore.scss +0 -59
- package/src/components/TabsComponent/tabsTheme.css +0 -0
- package/src/components/TabsComponent/tabsTheme.scss +0 -0
- package/src/components/Tooltip/Tooltip.js +0 -87
- package/src/components/Tooltip/Tooltip.stories.js +0 -16
- package/src/components/Tooltip/index.js +0 -3
- package/src/components/Tooltip/tooltipCore.css +0 -1
- package/src/components/Tooltip/tooltipCore.scss +0 -22
- package/src/components/Tooltip/tooltipTheme.css +0 -1
- package/src/components/Tooltip/tooltipTheme.scss +0 -21
- package/src/components/core.css +0 -1
- package/src/components/core.scss +0 -29
- package/src/components/index.js +0 -38
- package/src/components/theme.css +0 -1
- package/src/components/theme.scss +0 -11
- package/src/core/Validators.js +0 -34
- package/src/core/customHooks.js +0 -20
- package/src/core/dataLoader.js +0 -143
- package/src/core/dataLoader.stories.js +0 -123
- package/src/core/index.js +0 -3
- package/src/core/utils.js +0 -95
- package/src/index.js +0 -68
- package/vscode-templates/NewStoryTemplate.stories.js +0 -8
- /package/{lib/Readme.md → Readme.md} +0 -0
- /package/{lib/components → components}/Accordian/accordianCore.css +0 -0
- /package/{lib/components → components}/Accordian/accordianTheme.css +0 -0
- /package/{lib/components → components}/Button/buttonTheme.css +0 -0
- /package/{lib/components → components}/Form/formCore.css +0 -0
- /package/{lib/components → components}/Form/formTheme.css +0 -0
- /package/{lib/components → components}/InlineModal/inlineModalCore.css +0 -0
- /package/{lib/components → components}/InlineModal/inlineModalTheme.css +0 -0
- /package/{lib/components → components}/List/listCore.css +0 -0
- /package/{lib/components → components}/List/listTheme.css +0 -0
- /package/{lib/components → components}/Modal/modalCore.css +0 -0
- /package/{lib/components → components}/Modal/modalTheme.css +0 -0
- /package/{lib/components → components}/NotificationComponent/notificationTheme.css +0 -0
- /package/{lib/components → components}/ProgressBar/progressBarCore.css +0 -0
- /package/{lib/components → components}/ProgressBar/progressBarTheme.css +0 -0
- /package/{lib/components → components}/Table/tableCore.css +0 -0
- /package/{lib/components → components}/Table/tableTheme.css +0 -0
- /package/{lib/components → components}/TabsComponent/tabsCore.css +0 -0
- /package/{lib/components → components}/TabsComponent/tabsTheme.css +0 -0
- /package/{lib/components → components}/Tooltip/tooltipCore.css +0 -0
- /package/{lib/components → components}/Tooltip/tooltipTheme.css +0 -0
- /package/{lib/core → core}/Validators.js +0 -0
- /package/{lib/core → core}/customHooks.js +0 -0
- /package/{lib/core → core}/dataLoader.js +0 -0
- /package/{lib/core → core}/dataLoader.stories.js +0 -0
- /package/{lib/core → core}/index.js +0 -0
- /package/{lib/core → core}/utils.js +0 -0
- /package/{lib/index.js → index.js} +0 -0
|
@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.SimpleUsage = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
10
|
var CustomActivator = function CustomActivator() {
|
|
15
11
|
return /*#__PURE__*/_react["default"].createElement("span", null, "Hover over me");
|
|
16
12
|
};
|
|
17
|
-
|
|
18
13
|
var SimpleUsage = function SimpleUsage() {
|
|
19
14
|
return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
|
|
20
15
|
tooltipActivator: /*#__PURE__*/_react["default"].createElement(CustomActivator, null)
|
|
@@ -23,7 +18,6 @@ var SimpleUsage = function SimpleUsage() {
|
|
|
23
18
|
width: 20
|
|
24
19
|
}), "This is a sample tooltip");
|
|
25
20
|
};
|
|
26
|
-
|
|
27
21
|
exports.SimpleUsage = SimpleUsage;
|
|
28
22
|
var _default = {
|
|
29
23
|
title: "Tooltip"
|
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Tooltip["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/components/core.css
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
.RCB-form-el-inline{margin:20px 0;display:inline-block}.RCB-form-el-inline .RCB-form-el-label{margin-right:15px}.RCB-form-el-inline .RCB-toggle{display:inline-block}.RCB-form-el-block{margin:20px 0}.RCB-form-el-block .RCB-form-el-label{display:block}.RCB-dropdown .RCB-list-item{list-style-type:none;padding:10px;cursor:pointer}.RCB-dropdown .RCB-list-item:hover{background-color:#eee}.RCB-dropdown .RCB-list-item.selected{background-color:#eee}.RCB-dd-with-create .RCB-inline-modal-body{display:flex;flex-direction:column}.RCB-dd-with-create .RCB-inline-modal-body .RCB-list{flex:1;overflow:scroll}.RCB-dd-with-create .RCB-dd-create-cta{padding:10px;text-align:center;border:1px solid #bfbfbf;cursor:pointer}.RCB-clear-selected{background:#f2f0f0;padding:3px 6px;font-size:11px;border-radius:15px;border:1px solid #ccc}.RCB-selection-wrapper{float:right}.RCB-selection-wrapper .RCB-select-arrow{float:unset}.RCB-select-arrow{float:right;font-size:12px;color:#96a9bc;margin-right:12px;margin-left:8px}.RCB-select-arrow:after{content:"\25BC";vertical-align:middle}.RCB-dd-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:70%;vertical-align:top;white-space:nowrap}.RCB-file-input{cursor:pointer}.RCB-drag-drop-uploader{border:2px dashed rgba(104,128,145,0.42);padding:20px;text-align:center}.RCB-drag-over{background:#f3f3f3}.RCB-toggle{padding:2px 3px;background-color:#FFF;border:1px solid #CCC;border-radius:20px;box-sizing:content-box;cursor:pointer}.RCB-toggle.active{background-color:#2cb191}.RCB-toggle.active .RCB-toggle-knob{background-color:#FFF}.RCB-toggle-disable{cursor:not-allowed;opacity:0.8}.RCB-toggle-knob{background-color:#8399ae;border-radius:50%;transition:transform .3s ease}.RCB-modal{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center;z-index:2}.RCB-modal-body{background:#FFF;padding:20px}.RCB-modal-header{display:flex;margin-bottom:10px}.RCB-modal-title{flex:1}.RCB-modal-close{cursor:pointer}.RCB-modal-close:before{content:"X"}.RCB-inline-modal{position:relative;display:inline-block}.RCB-inline-modal.hover-open .RCB-inline-modal-body{display:none}.RCB-inline-modal.hover-open:hover .RCB-inline-modal-body{display:block}.RCB-inline-modal-body{position:absolute;z-index:1}.RCB-inline-modal-body.RCB-align-left{left:0}.RCB-inline-modal-body.RCB-align-right{right:0}.RCB-list{margin:0;padding:0}.RCB-table{border-collapse:collapse;width:100%}.RCB-th.RCB-expand-column{width:50px}.RCB-th-sortable{cursor:pointer}.RCB-th-sort:after{content:"\2B0D"}.RCB-th-asc:after{content:"\25B2"}.RCB-th-dsc:after{content:"\25BC"}.RCB-tr .expand-open:before{content:"▼"}.RCB-tr .expand-close:before{content:"▶"}.RCB-paginate-wrapper .RCB-per-page-count{display:inline-block}.RCB-paginate-wrapper .RCB-form-el-cont{margin:0}.RCB-paginate-wrapper .RCB-inline-modal-btn{background:transparent;padding:0}.RCB-paginate-nav{display:inline-block;border-radius:12px;border:solid 1px #8399ae;background-color:#f6f7f9;vertical-align:middle;margin-left:15px;overflow:hidden}.RCB-page-nav{padding:0 5px;text-decoration:none;color:inherit}.RCB-page-nav:first-child{border-right:solid 1px #8399ae}.RCB-page-nav.disabled{color:#ccc;pointer-events:none;cursor:not-allowed}.RCB-no-data{text-align:center}.RCB-tabs-container{display:flex}.RCB-tab-title{list-style-type:none;padding:10px;cursor:pointer}.RCB-tab-title.selected{background:#FFF;font-weight:bold;border:1px solid #cacaca;position:relative;z-index:1}.RCB-tabs-horizontal{flex-direction:column}.RCB-tabs-horizontal .RCB-tab-title{display:inline-block}.RCB-tabs-horizontal .RCB-tab-title.selected{border-bottom:0;bottom:-1px}.RCB-tabs-vertical .RCB-tab-title{display:block}.RCB-tabs-vertical .RCB-tab-title.selected{border-right:0;right:-1px}.RCB-tab-content{list-style-type:none;border:1px solid #cacaca;padding:10px}.RCB-tab-content.selected{display:block}.RCB-tab-disabled{pointer-events:none;cursor:not-allowed;color:#ccc}.RCB-progress-bar{width:100%;position:relative;background:#ccc}.RCB-progress-value{height:100%;position:absolute;top:0;background:#3d9565}.RCB-tooltip{display:inline-block;position:relative}.RCB-tooltip .RCB-tooltip-body.RCB-tooltip-hover{display:inline-block}.RCB-tooltip .RCB-tooltip-body.RCB-tooltip-click{display:inline-block}.RCB-tooltip-body{display:none;position:absolute;z-index:1}.RCB-accordian-title{cursor:pointer}.RCB-list{list-style-type:none}.RCB-hidden{display:none}.RCB-no-pointer{pointer-events:none}.RCB-disabled .RCB-inline-modal-btn{cursor:not-allowed;pointer-events:none}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NvcmUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9CQUFvQixhQUFhLENBQUMsb0JBQW9CLENBQUMsdUNBQXVDLGlCQUFpQixDQUFDLGdDQUFnQyxvQkFBb0IsQ0FBQyxtQkFBbUIsYUFBYSxDQUFDLHNDQUFzQyxhQUFhLENBQUMsNkJBQTZCLG9CQUFvQixDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsbUNBQW1DLHFCQUFxQixDQUFDLHNDQUFzQyxxQkFBcUIsQ0FBQywyQ0FBMkMsWUFBWSxDQUFDLHFCQUFxQixDQUFDLHFEQUFxRCxNQUFNLENBQUMsZUFBZSxDQUFDLHVDQUF1QyxZQUFZLENBQUMsaUJBQWlCLENBQUMsd0JBQXdCLENBQUMsY0FBYyxDQUFDLG9CQUFvQixrQkFBa0IsQ0FBQyxlQUFlLENBQUMsY0FBYyxDQUFDLGtCQUFrQixDQUFDLHFCQUFxQixDQUFDLHVCQUF1QixXQUFXLENBQUMseUNBQXlDLFdBQVcsQ0FBQyxrQkFBa0IsV0FBVyxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsaUJBQWlCLENBQUMsZUFBZSxDQUFDLHdCQUF3QixlQUFlLENBQUMscUJBQXFCLENBQUMsY0FBYyxvQkFBb0IsQ0FBQyxlQUFlLENBQUMsc0JBQXNCLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLGtCQUFrQixDQUFDLGdCQUFnQixjQUFjLENBQUMsd0JBQXdCLHdDQUF3QyxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQyxlQUFlLGtCQUFrQixDQUFDLFlBQVksZUFBZSxDQUFDLHFCQUFxQixDQUFDLHFCQUFxQixDQUFDLGtCQUFrQixDQUFDLHNCQUFzQixDQUFDLGNBQWMsQ0FBQyxtQkFBbUIsd0JBQXdCLENBQUMsb0NBQW9DLHFCQUFxQixDQUFDLG9CQUFvQixrQkFBa0IsQ0FBQyxXQUFXLENBQUMsaUJBQWlCLHdCQUF3QixDQUFDLGlCQUFpQixDQUE0Ryw2QkFBNkIsQ0FBQyxXQUFXLGNBQWMsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQywwQkFBMEIsQ0FBQyxZQUFZLENBQUMsc0JBQXNCLENBQUMsa0JBQWtCLENBQUMsU0FBUyxDQUFDLGdCQUFnQixlQUFlLENBQUMsWUFBWSxDQUFDLGtCQUFrQixZQUFZLENBQUMsa0JBQWtCLENBQUMsaUJBQWlCLE1BQU0sQ0FBQyxpQkFBaUIsY0FBYyxDQUFDLHdCQUF3QixXQUFXLENBQUMsa0JBQWtCLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDLG9EQUFvRCxZQUFZLENBQUMsMERBQTBELGFBQWEsQ0FBQyx1QkFBdUIsaUJBQWlCLENBQUMsU0FBUyxDQUFDLHNDQUFzQyxNQUFNLENBQUMsdUNBQXVDLE9BQU8sQ0FBQyxVQUFVLFFBQVEsQ0FBQyxTQUFTLENBQUMsV0FBVyx3QkFBd0IsQ0FBQyxVQUFVLENBQUMsMEJBQTBCLFVBQVUsQ0FBQyxpQkFBaUIsY0FBYyxDQUFDLG1CQUFtQixlQUFlLENBQUMsa0JBQWtCLGVBQWUsQ0FBQyxrQkFBa0IsZUFBZSxDQUFDLDRCQUE0QixXQUFXLENBQUMsNkJBQTZCLFdBQVcsQ0FBQywwQ0FBMEMsb0JBQW9CLENBQUMsd0NBQXdDLFFBQVEsQ0FBQyw0Q0FBNEMsc0JBQXNCLENBQUMsU0FBUyxDQUFDLGtCQUFrQixvQkFBb0IsQ0FBQyxrQkFBa0IsQ0FBQyx3QkFBd0IsQ0FBQyx3QkFBd0IsQ0FBQyxxQkFBcUIsQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUMsY0FBYyxhQUFhLENBQUMsb0JBQW9CLENBQUMsYUFBYSxDQUFDLDBCQUEwQiw4QkFBOEIsQ0FBQyx1QkFBdUIsVUFBVSxDQUFDLG1CQUFtQixDQUFDLGtCQUFrQixDQUFDLGFBQWEsaUJBQWlCLENBQUMsb0JBQW9CLFlBQVksQ0FBQyxlQUFlLG9CQUFvQixDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsd0JBQXdCLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyx3QkFBd0IsQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMscUJBQXFCLHFCQUFxQixDQUFDLG9DQUFvQyxvQkFBb0IsQ0FBQyw2Q0FBNkMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxrQ0FBa0MsYUFBYSxDQUFDLDJDQUEyQyxjQUFjLENBQUMsVUFBVSxDQUFDLGlCQUFpQixvQkFBb0IsQ0FBQyx3QkFBd0IsQ0FBQyxZQUFZLENBQUMsMEJBQTBCLGFBQWEsQ0FBQyxrQkFBa0IsbUJBQW1CLENBQUMsa0JBQWtCLENBQUMsVUFBVSxDQUFDLGtCQUFrQixVQUFVLENBQUMsaUJBQWlCLENBQUMsZUFBZSxDQUFDLG9CQUFvQixXQUFXLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLGFBQWEsb0JBQW9CLENBQUMsaUJBQWlCLENBQUMsaURBQWlELG9CQUFvQixDQUFDLGlEQUFpRCxvQkFBb0IsQ0FBQyxrQkFBa0IsWUFBWSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxxQkFBcUIsY0FBYyxDQUFDLFVBQVUsb0JBQW9CLENBQUMsWUFBWSxZQUFZLENBQUMsZ0JBQWdCLG1CQUFtQixDQUFDLG9DQUFvQyxrQkFBa0IsQ0FBQyxtQkFBbUIiLCJmaWxlIjoiY29yZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuUkNCLWZvcm0tZWwtaW5saW5le21hcmdpbjoyMHB4IDA7ZGlzcGxheTppbmxpbmUtYmxvY2t9LlJDQi1mb3JtLWVsLWlubGluZSAuUkNCLWZvcm0tZWwtbGFiZWx7bWFyZ2luLXJpZ2h0OjE1cHh9LlJDQi1mb3JtLWVsLWlubGluZSAuUkNCLXRvZ2dsZXtkaXNwbGF5OmlubGluZS1ibG9ja30uUkNCLWZvcm0tZWwtYmxvY2t7bWFyZ2luOjIwcHggMH0uUkNCLWZvcm0tZWwtYmxvY2sgLlJDQi1mb3JtLWVsLWxhYmVse2Rpc3BsYXk6YmxvY2t9LlJDQi1kcm9wZG93biAuUkNCLWxpc3QtaXRlbXtsaXN0LXN0eWxlLXR5cGU6bm9uZTtwYWRkaW5nOjEwcHg7Y3Vyc29yOnBvaW50ZXJ9LlJDQi1kcm9wZG93biAuUkNCLWxpc3QtaXRlbTpob3ZlcntiYWNrZ3JvdW5kLWNvbG9yOiNlZWV9LlJDQi1kcm9wZG93biAuUkNCLWxpc3QtaXRlbS5zZWxlY3RlZHtiYWNrZ3JvdW5kLWNvbG9yOiNlZWV9LlJDQi1kZC13aXRoLWNyZWF0ZSAuUkNCLWlubGluZS1tb2RhbC1ib2R5e2Rpc3BsYXk6ZmxleDtmbGV4LWRpcmVjdGlvbjpjb2x1bW59LlJDQi1kZC13aXRoLWNyZWF0ZSAuUkNCLWlubGluZS1tb2RhbC1ib2R5IC5SQ0ItbGlzdHtmbGV4OjE7b3ZlcmZsb3c6c2Nyb2xsfS5SQ0ItZGQtd2l0aC1jcmVhdGUgLlJDQi1kZC1jcmVhdGUtY3Rhe3BhZGRpbmc6MTBweDt0ZXh0LWFsaWduOmNlbnRlcjtib3JkZXI6MXB4IHNvbGlkICNiZmJmYmY7Y3Vyc29yOnBvaW50ZXJ9LlJDQi1jbGVhci1zZWxlY3RlZHtiYWNrZ3JvdW5kOiNmMmYwZjA7cGFkZGluZzozcHggNnB4O2ZvbnQtc2l6ZToxMXB4O2JvcmRlci1yYWRpdXM6MTVweDtib3JkZXI6MXB4IHNvbGlkICNjY2N9LlJDQi1zZWxlY3Rpb24td3JhcHBlcntmbG9hdDpyaWdodH0uUkNCLXNlbGVjdGlvbi13cmFwcGVyIC5SQ0Itc2VsZWN0LWFycm93e2Zsb2F0OnVuc2V0fS5SQ0Itc2VsZWN0LWFycm93e2Zsb2F0OnJpZ2h0O2ZvbnQtc2l6ZToxMnB4O2NvbG9yOiM5NmE5YmM7bWFyZ2luLXJpZ2h0OjEycHg7bWFyZ2luLWxlZnQ6OHB4fS5SQ0Itc2VsZWN0LWFycm93OmFmdGVye2NvbnRlbnQ6XCJcXDI1QkNcIjt2ZXJ0aWNhbC1hbGlnbjptaWRkbGV9LlJDQi1kZC1sYWJlbHtkaXNwbGF5OmlubGluZS1ibG9jaztvdmVyZmxvdzpoaWRkZW47dGV4dC1vdmVyZmxvdzplbGxpcHNpczttYXgtd2lkdGg6NzAlO3ZlcnRpY2FsLWFsaWduOnRvcDt3aGl0ZS1zcGFjZTpub3dyYXB9LlJDQi1maWxlLWlucHV0e2N1cnNvcjpwb2ludGVyfS5SQ0ItZHJhZy1kcm9wLXVwbG9hZGVye2JvcmRlcjoycHggZGFzaGVkIHJnYmEoMTA0LDEyOCwxNDUsMC40Mik7cGFkZGluZzoyMHB4O3RleHQtYWxpZ246Y2VudGVyfS5SQ0ItZHJhZy1vdmVye2JhY2tncm91bmQ6I2YzZjNmM30uUkNCLXRvZ2dsZXtwYWRkaW5nOjJweCAzcHg7YmFja2dyb3VuZC1jb2xvcjojRkZGO2JvcmRlcjoxcHggc29saWQgI0NDQztib3JkZXItcmFkaXVzOjIwcHg7Ym94LXNpemluZzpjb250ZW50LWJveDtjdXJzb3I6cG9pbnRlcn0uUkNCLXRvZ2dsZS5hY3RpdmV7YmFja2dyb3VuZC1jb2xvcjojMmNiMTkxfS5SQ0ItdG9nZ2xlLmFjdGl2ZSAuUkNCLXRvZ2dsZS1rbm9ie2JhY2tncm91bmQtY29sb3I6I0ZGRn0uUkNCLXRvZ2dsZS1kaXNhYmxle2N1cnNvcjpub3QtYWxsb3dlZDtvcGFjaXR5OjAuOH0uUkNCLXRvZ2dsZS1rbm9ie2JhY2tncm91bmQtY29sb3I6IzgzOTlhZTtib3JkZXItcmFkaXVzOjUwJTstd2Via2l0LXRyYW5zaXRpb246dHJhbnNmb3JtIC4zcyBlYXNlOy1tb3otdHJhbnNpdGlvbjp0cmFuc2Zvcm0gLjNzIGVhc2U7LW1zLXRyYW5zaXRpb246dHJhbnNmb3JtIC4zcyBlYXNlO3RyYW5zaXRpb246dHJhbnNmb3JtIC4zcyBlYXNlfS5SQ0ItbW9kYWx7cG9zaXRpb246Zml4ZWQ7dG9wOjA7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTtiYWNrZ3JvdW5kOnJnYmEoMCwwLDAsMC44KTtkaXNwbGF5OmZsZXg7anVzdGlmeS1jb250ZW50OmNlbnRlcjthbGlnbi1pdGVtczpjZW50ZXI7ei1pbmRleDoyfS5SQ0ItbW9kYWwtYm9keXtiYWNrZ3JvdW5kOiNGRkY7cGFkZGluZzoyMHB4fS5SQ0ItbW9kYWwtaGVhZGVye2Rpc3BsYXk6ZmxleDttYXJnaW4tYm90dG9tOjEwcHh9LlJDQi1tb2RhbC10aXRsZXtmbGV4OjF9LlJDQi1tb2RhbC1jbG9zZXtjdXJzb3I6cG9pbnRlcn0uUkNCLW1vZGFsLWNsb3NlOmJlZm9yZXtjb250ZW50OlwiWFwifS5SQ0ItaW5saW5lLW1vZGFse3Bvc2l0aW9uOnJlbGF0aXZlO2Rpc3BsYXk6aW5saW5lLWJsb2NrfS5SQ0ItaW5saW5lLW1vZGFsLmhvdmVyLW9wZW4gLlJDQi1pbmxpbmUtbW9kYWwtYm9keXtkaXNwbGF5Om5vbmV9LlJDQi1pbmxpbmUtbW9kYWwuaG92ZXItb3Blbjpob3ZlciAuUkNCLWlubGluZS1tb2RhbC1ib2R5e2Rpc3BsYXk6YmxvY2t9LlJDQi1pbmxpbmUtbW9kYWwtYm9keXtwb3NpdGlvbjphYnNvbHV0ZTt6LWluZGV4OjF9LlJDQi1pbmxpbmUtbW9kYWwtYm9keS5SQ0ItYWxpZ24tbGVmdHtsZWZ0OjB9LlJDQi1pbmxpbmUtbW9kYWwtYm9keS5SQ0ItYWxpZ24tcmlnaHR7cmlnaHQ6MH0uUkNCLWxpc3R7bWFyZ2luOjA7cGFkZGluZzowfS5SQ0ItdGFibGV7Ym9yZGVyLWNvbGxhcHNlOmNvbGxhcHNlO3dpZHRoOjEwMCV9LlJDQi10aC5SQ0ItZXhwYW5kLWNvbHVtbnt3aWR0aDo1MHB4fS5SQ0ItdGgtc29ydGFibGV7Y3Vyc29yOnBvaW50ZXJ9LlJDQi10aC1zb3J0OmFmdGVye2NvbnRlbnQ6XCJcXDJCMERcIn0uUkNCLXRoLWFzYzphZnRlcntjb250ZW50OlwiXFwyNUIyXCJ9LlJDQi10aC1kc2M6YWZ0ZXJ7Y29udGVudDpcIlxcMjVCQ1wifS5SQ0ItdHIgLmV4cGFuZC1vcGVuOmJlZm9yZXtjb250ZW50Olwi4pa8XCJ9LlJDQi10ciAuZXhwYW5kLWNsb3NlOmJlZm9yZXtjb250ZW50Olwi4pa2XCJ9LlJDQi1wYWdpbmF0ZS13cmFwcGVyIC5SQ0ItcGVyLXBhZ2UtY291bnR7ZGlzcGxheTppbmxpbmUtYmxvY2t9LlJDQi1wYWdpbmF0ZS13cmFwcGVyIC5SQ0ItZm9ybS1lbC1jb250e21hcmdpbjowfS5SQ0ItcGFnaW5hdGUtd3JhcHBlciAuUkNCLWlubGluZS1tb2RhbC1idG57YmFja2dyb3VuZDp0cmFuc3BhcmVudDtwYWRkaW5nOjB9LlJDQi1wYWdpbmF0ZS1uYXZ7ZGlzcGxheTppbmxpbmUtYmxvY2s7Ym9yZGVyLXJhZGl1czoxMnB4O2JvcmRlcjpzb2xpZCAxcHggIzgzOTlhZTtiYWNrZ3JvdW5kLWNvbG9yOiNmNmY3Zjk7dmVydGljYWwtYWxpZ246bWlkZGxlO21hcmdpbi1sZWZ0OjE1cHg7b3ZlcmZsb3c6aGlkZGVufS5SQ0ItcGFnZS1uYXZ7cGFkZGluZzowIDVweDt0ZXh0LWRlY29yYXRpb246bm9uZTtjb2xvcjppbmhlcml0fS5SQ0ItcGFnZS1uYXY6Zmlyc3QtY2hpbGR7Ym9yZGVyLXJpZ2h0OnNvbGlkIDFweCAjODM5OWFlfS5SQ0ItcGFnZS1uYXYuZGlzYWJsZWR7Y29sb3I6I2NjYztwb2ludGVyLWV2ZW50czpub25lO2N1cnNvcjpub3QtYWxsb3dlZH0uUkNCLW5vLWRhdGF7dGV4dC1hbGlnbjpjZW50ZXJ9LlJDQi10YWJzLWNvbnRhaW5lcntkaXNwbGF5OmZsZXh9LlJDQi10YWItdGl0bGV7bGlzdC1zdHlsZS10eXBlOm5vbmU7cGFkZGluZzoxMHB4O2N1cnNvcjpwb2ludGVyfS5SQ0ItdGFiLXRpdGxlLnNlbGVjdGVke2JhY2tncm91bmQ6I0ZGRjtmb250LXdlaWdodDpib2xkO2JvcmRlcjoxcHggc29saWQgI2NhY2FjYTtwb3NpdGlvbjpyZWxhdGl2ZTt6LWluZGV4OjF9LlJDQi10YWJzLWhvcml6b250YWx7ZmxleC1kaXJlY3Rpb246Y29sdW1ufS5SQ0ItdGFicy1ob3Jpem9udGFsIC5SQ0ItdGFiLXRpdGxle2Rpc3BsYXk6aW5saW5lLWJsb2NrfS5SQ0ItdGFicy1ob3Jpem9udGFsIC5SQ0ItdGFiLXRpdGxlLnNlbGVjdGVke2JvcmRlci1ib3R0b206MDtib3R0b206LTFweH0uUkNCLXRhYnMtdmVydGljYWwgLlJDQi10YWItdGl0bGV7ZGlzcGxheTpibG9ja30uUkNCLXRhYnMtdmVydGljYWwgLlJDQi10YWItdGl0bGUuc2VsZWN0ZWR7Ym9yZGVyLXJpZ2h0OjA7cmlnaHQ6LTFweH0uUkNCLXRhYi1jb250ZW50e2xpc3Qtc3R5bGUtdHlwZTpub25lO2JvcmRlcjoxcHggc29saWQgI2NhY2FjYTtwYWRkaW5nOjEwcHh9LlJDQi10YWItY29udGVudC5zZWxlY3RlZHtkaXNwbGF5OmJsb2NrfS5SQ0ItdGFiLWRpc2FibGVke3BvaW50ZXItZXZlbnRzOm5vbmU7Y3Vyc29yOm5vdC1hbGxvd2VkO2NvbG9yOiNjY2N9LlJDQi1wcm9ncmVzcy1iYXJ7d2lkdGg6MTAwJTtwb3NpdGlvbjpyZWxhdGl2ZTtiYWNrZ3JvdW5kOiNjY2N9LlJDQi1wcm9ncmVzcy12YWx1ZXtoZWlnaHQ6MTAwJTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtiYWNrZ3JvdW5kOiMzZDk1NjV9LlJDQi10b29sdGlwe2Rpc3BsYXk6aW5saW5lLWJsb2NrO3Bvc2l0aW9uOnJlbGF0aXZlfS5SQ0ItdG9vbHRpcCAuUkNCLXRvb2x0aXAtYm9keS5SQ0ItdG9vbHRpcC1ob3ZlcntkaXNwbGF5OmlubGluZS1ibG9ja30uUkNCLXRvb2x0aXAgLlJDQi10b29sdGlwLWJvZHkuUkNCLXRvb2x0aXAtY2xpY2t7ZGlzcGxheTppbmxpbmUtYmxvY2t9LlJDQi10b29sdGlwLWJvZHl7ZGlzcGxheTpub25lO3Bvc2l0aW9uOmFic29sdXRlO3otaW5kZXg6MX0uUkNCLWFjY29yZGlhbi10aXRsZXtjdXJzb3I6cG9pbnRlcn0uUkNCLWxpc3R7bGlzdC1zdHlsZS10eXBlOm5vbmV9LlJDQi1oaWRkZW57ZGlzcGxheTpub25lfS5SQ0Itbm8tcG9pbnRlcntwb2ludGVyLWV2ZW50czpub25lfS5SQ0ItZGlzYWJsZWQgLlJDQi1pbmxpbmUtbW9kYWwtYnRue2N1cnNvcjpub3QtYWxsb3dlZDtwb2ludGVyLWV2ZW50czpub25lfVxuIl19 */
|
package/components/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
4
|
-
|
|
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); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -143,33 +142,18 @@ Object.defineProperty(exports, "Tooltip", {
|
|
|
143
142
|
return _Tooltip["default"];
|
|
144
143
|
}
|
|
145
144
|
});
|
|
146
|
-
|
|
147
145
|
var _Button = _interopRequireWildcard(require("./Button"));
|
|
148
|
-
|
|
149
146
|
var _List = _interopRequireDefault(require("./List"));
|
|
150
|
-
|
|
151
147
|
var _Modal = _interopRequireDefault(require("./Modal"));
|
|
152
|
-
|
|
153
148
|
var _InlineModal = _interopRequireDefault(require("./InlineModal"));
|
|
154
|
-
|
|
155
149
|
var _DataLoader = _interopRequireDefault(require("./DataLoader"));
|
|
156
|
-
|
|
157
150
|
var _Form = _interopRequireWildcard(require("./Form"));
|
|
158
|
-
|
|
159
151
|
var _Table = _interopRequireWildcard(require("./Table"));
|
|
160
|
-
|
|
161
152
|
var _TabsComponent = _interopRequireDefault(require("./TabsComponent"));
|
|
162
|
-
|
|
163
153
|
var _NotificationComponent = _interopRequireDefault(require("./NotificationComponent"));
|
|
164
|
-
|
|
165
154
|
var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
|
|
166
|
-
|
|
167
155
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
168
|
-
|
|
169
156
|
var _Accordian = _interopRequireDefault(require("./Accordian"));
|
|
170
|
-
|
|
171
157
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
172
|
-
|
|
173
158
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
174
|
-
|
|
175
159
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/components/theme.css
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
1
|
.RCB-btn{border-radius:3px;cursor:pointer}.RCB-btn-default:hover{background:#f3f3f3}.RCB-btn-primary{background:#1fa7fd;color:#FFF;border:0}.RCB-btn-primary:hover{background:#208dd2}.RCB-btn-secondary{background:#FFF;border:1px solid #95c7e7}.RCB-btn-secondary:hover{background:#eef8ff}.RCB-btn-small{padding:6px 8px}.RCB-btn-medium{padding:10px 15px}.RCB-btn-large{padding:15px 22px}.RCB-form-error{font-size:12px;color:#d25b5b}.RCB-dd-search{position:relative}.RCB-dd-search-icon{position:absolute;top:5px;left:10px}.RCB-dd-search-icon:before{content:"\1F50D"}.RCB-dd-search-ip{width:100%;padding:10px 30px;border:none;border-bottom:1px solid #CCC}.RCB-inline-modal-btn{display:inline-block;background:#FFF;border:1px solid #eee;padding:10px;border-radius:3px;cursor:pointer}.RCB-inline-modal-body{background:#FFF;border:1px solid #efeeee;box-shadow:0 9px 12px 0 rgba(0,0,0,0.15)}.RCB-notif{padding:10px;border-radius:3px}.RCB-notif-success{color:#129274;border:solid 1px #2cb191;background-color:#edfffb}.RCB-notif-error{color:#d25b5b;border:solid 1px #e75178;background-color:#fff3f6}.RCB-notif-warning{color:#445870;border:solid 1px #efbf6a;background-color:#fffaf2}.RCB-notif-info{color:#509DB9;border:solid 1px #45b5c1;background-color:#f4fcff}.RCB-table td{padding:10px}.RCB-th{background-color:#2287b4;color:#FFF;font-weight:normal;padding:10px}.RCB-even-tr{background-color:#FFF}.RCB-odd-tr{background-color:#dcf1fa}.RCB-expanded-row{background-color:#ecf2f4}.RCB-paginate-bar{background-color:#a3c9db;text-align:right;font-size:14px;padding:5px;border-radius:5px 5px 0 0}.RCB-tooltip-btn{display:inline-block;font-style:italic;font-size:12px;color:#9199AA;background-color:#F8FAFB;border:1px solid #D0DDE2;padding:0px 6px;border-radius:50%;text-align:center}.RCB-tooltip-body{background:#FFF;padding:10px;border-radius:4px;box-shadow:0px 1px 7px 0px #ccc;margin-left:15px}.RCB-accordian-title{padding:10px;border:1px solid #ccc}
|
|
2
|
+
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RoZW1lLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxTQUFTLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyx1QkFBdUIsa0JBQWtCLENBQUMsaUJBQWlCLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsdUJBQXVCLGtCQUFrQixDQUFDLG1CQUFtQixlQUFlLENBQUMsd0JBQXdCLENBQUMseUJBQXlCLGtCQUFrQixDQUFDLGVBQWUsZUFBZSxDQUFDLGdCQUFnQixpQkFBaUIsQ0FBQyxlQUFlLGlCQUFpQixDQUFDLGdCQUFnQixjQUFjLENBQUMsYUFBYSxDQUFDLGVBQWUsaUJBQWlCLENBQUMsb0JBQW9CLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsMkJBQTJCLGdCQUFnQixDQUFDLGtCQUFrQixVQUFVLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLDRCQUE0QixDQUFDLHNCQUFzQixvQkFBb0IsQ0FBQyxlQUFlLENBQUMscUJBQXFCLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyx1QkFBdUIsZUFBZSxDQUFDLHdCQUF3QixDQUFDLHdDQUF3QyxDQUFDLFdBQVcsWUFBWSxDQUFDLGlCQUFpQixDQUFDLG1CQUFtQixhQUFhLENBQUMsd0JBQXdCLENBQUMsd0JBQXdCLENBQUMsaUJBQWlCLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQyx3QkFBd0IsQ0FBQyxtQkFBbUIsYUFBYSxDQUFDLHdCQUF3QixDQUFDLHdCQUF3QixDQUFDLGdCQUFnQixhQUFhLENBQUMsd0JBQXdCLENBQUMsd0JBQXdCLENBQUMsY0FBYyxZQUFZLENBQUMsUUFBUSx3QkFBd0IsQ0FBQyxVQUFVLENBQUMsa0JBQWtCLENBQUMsWUFBWSxDQUFDLGFBQWEscUJBQXFCLENBQUMsWUFBWSx3QkFBd0IsQ0FBQyxrQkFBa0Isd0JBQXdCLENBQUMsa0JBQWtCLHdCQUF3QixDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxXQUFXLENBQUMseUJBQXlCLENBQUMsaUJBQWlCLG9CQUFvQixDQUFDLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsd0JBQXdCLENBQUMsd0JBQXdCLENBQUMsZUFBZSxDQUFDLGlCQUFpQixDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixlQUFlLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLCtCQUErQixDQUFDLGdCQUFnQixDQUFDLHFCQUFxQixZQUFZLENBQUMscUJBQXFCIiwiZmlsZSI6InRoZW1lLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5SQ0ItYnRue2JvcmRlci1yYWRpdXM6M3B4O2N1cnNvcjpwb2ludGVyfS5SQ0ItYnRuLWRlZmF1bHQ6aG92ZXJ7YmFja2dyb3VuZDojZjNmM2YzfS5SQ0ItYnRuLXByaW1hcnl7YmFja2dyb3VuZDojMWZhN2ZkO2NvbG9yOiNGRkY7Ym9yZGVyOjB9LlJDQi1idG4tcHJpbWFyeTpob3ZlcntiYWNrZ3JvdW5kOiMyMDhkZDJ9LlJDQi1idG4tc2Vjb25kYXJ5e2JhY2tncm91bmQ6I0ZGRjtib3JkZXI6MXB4IHNvbGlkICM5NWM3ZTd9LlJDQi1idG4tc2Vjb25kYXJ5OmhvdmVye2JhY2tncm91bmQ6I2VlZjhmZn0uUkNCLWJ0bi1zbWFsbHtwYWRkaW5nOjZweCA4cHh9LlJDQi1idG4tbWVkaXVte3BhZGRpbmc6MTBweCAxNXB4fS5SQ0ItYnRuLWxhcmdle3BhZGRpbmc6MTVweCAyMnB4fS5SQ0ItZm9ybS1lcnJvcntmb250LXNpemU6MTJweDtjb2xvcjojZDI1YjVifS5SQ0ItZGQtc2VhcmNoe3Bvc2l0aW9uOnJlbGF0aXZlfS5SQ0ItZGQtc2VhcmNoLWljb257cG9zaXRpb246YWJzb2x1dGU7dG9wOjVweDtsZWZ0OjEwcHh9LlJDQi1kZC1zZWFyY2gtaWNvbjpiZWZvcmV7Y29udGVudDpcIlxcMUY1MERcIn0uUkNCLWRkLXNlYXJjaC1pcHt3aWR0aDoxMDAlO3BhZGRpbmc6MTBweCAzMHB4O2JvcmRlcjpub25lO2JvcmRlci1ib3R0b206MXB4IHNvbGlkICNDQ0N9LlJDQi1pbmxpbmUtbW9kYWwtYnRue2Rpc3BsYXk6aW5saW5lLWJsb2NrO2JhY2tncm91bmQ6I0ZGRjtib3JkZXI6MXB4IHNvbGlkICNlZWU7cGFkZGluZzoxMHB4O2JvcmRlci1yYWRpdXM6M3B4O2N1cnNvcjpwb2ludGVyfS5SQ0ItaW5saW5lLW1vZGFsLWJvZHl7YmFja2dyb3VuZDojRkZGO2JvcmRlcjoxcHggc29saWQgI2VmZWVlZTtib3gtc2hhZG93OjAgOXB4IDEycHggMCByZ2JhKDAsMCwwLDAuMTUpfS5SQ0Itbm90aWZ7cGFkZGluZzoxMHB4O2JvcmRlci1yYWRpdXM6M3B4fS5SQ0Itbm90aWYtc3VjY2Vzc3tjb2xvcjojMTI5Mjc0O2JvcmRlcjpzb2xpZCAxcHggIzJjYjE5MTtiYWNrZ3JvdW5kLWNvbG9yOiNlZGZmZmJ9LlJDQi1ub3RpZi1lcnJvcntjb2xvcjojZDI1YjViO2JvcmRlcjpzb2xpZCAxcHggI2U3NTE3ODtiYWNrZ3JvdW5kLWNvbG9yOiNmZmYzZjZ9LlJDQi1ub3RpZi13YXJuaW5ne2NvbG9yOiM0NDU4NzA7Ym9yZGVyOnNvbGlkIDFweCAjZWZiZjZhO2JhY2tncm91bmQtY29sb3I6I2ZmZmFmMn0uUkNCLW5vdGlmLWluZm97Y29sb3I6IzUwOURCOTtib3JkZXI6c29saWQgMXB4ICM0NWI1YzE7YmFja2dyb3VuZC1jb2xvcjojZjRmY2ZmfS5SQ0ItdGFibGUgdGR7cGFkZGluZzoxMHB4fS5SQ0ItdGh7YmFja2dyb3VuZC1jb2xvcjojMjI4N2I0O2NvbG9yOiNGRkY7Zm9udC13ZWlnaHQ6bm9ybWFsO3BhZGRpbmc6MTBweH0uUkNCLWV2ZW4tdHJ7YmFja2dyb3VuZC1jb2xvcjojRkZGfS5SQ0Itb2RkLXRye2JhY2tncm91bmQtY29sb3I6I2RjZjFmYX0uUkNCLWV4cGFuZGVkLXJvd3tiYWNrZ3JvdW5kLWNvbG9yOiNlY2YyZjR9LlJDQi1wYWdpbmF0ZS1iYXJ7YmFja2dyb3VuZC1jb2xvcjojYTNjOWRiO3RleHQtYWxpZ246cmlnaHQ7Zm9udC1zaXplOjE0cHg7cGFkZGluZzo1cHg7Ym9yZGVyLXJhZGl1czo1cHggNXB4IDAgMH0uUkNCLXRvb2x0aXAtYnRue2Rpc3BsYXk6aW5saW5lLWJsb2NrO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtc2l6ZToxMnB4O2NvbG9yOiM5MTk5QUE7YmFja2dyb3VuZC1jb2xvcjojRjhGQUZCO2JvcmRlcjoxcHggc29saWQgI0QwRERFMjtwYWRkaW5nOjBweCA2cHg7Ym9yZGVyLXJhZGl1czo1MCU7dGV4dC1hbGlnbjpjZW50ZXJ9LlJDQi10b29sdGlwLWJvZHl7YmFja2dyb3VuZDojRkZGO3BhZGRpbmc6MTBweDtib3JkZXItcmFkaXVzOjRweDtib3gtc2hhZG93OjBweCAxcHggN3B4IDBweCAjY2NjO21hcmdpbi1sZWZ0OjE1cHh9LlJDQi1hY2NvcmRpYW4tdGl0bGV7cGFkZGluZzoxMHB4O2JvcmRlcjoxcHggc29saWQgI2NjY31cbiJdfQ== */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unbxd-ui/unbxd-react-components",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.108-beta.2",
|
|
4
4
|
"description": "React components library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react components",
|
|
@@ -32,7 +32,8 @@
|
|
|
32
32
|
"copypackage": "cp -rf package.json Readme.md lib",
|
|
33
33
|
"copyscss": "cp -rf src/components/core.scss src/components/theme.scss lib/components",
|
|
34
34
|
"link": "npm run publish-css && npm run build && npm run copypackage && npm run copyscss && cd lib && npm link",
|
|
35
|
-
"publish": "npm run publish-css && npm run build && npm run copypackage && npm run copyscss && cd lib && npm publish"
|
|
35
|
+
"publish": "npm run publish-css && npm run build && npm run copypackage && npm run copyscss && cd lib && npm publish",
|
|
36
|
+
"publish-beta": "npm run publish-css && npm run build && npm run copypackage && npm run copyscss && cd lib && npm publish --tag beta"
|
|
36
37
|
},
|
|
37
38
|
"dependencies": {
|
|
38
39
|
"@storybook/addon-a11y": "^7.0.25",
|
package/.babelrc
DELETED
package/.eslintrc.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
"env": {
|
|
3
|
-
"browser": true,
|
|
4
|
-
"es6": true,
|
|
5
|
-
"amd": true,
|
|
6
|
-
"node": true
|
|
7
|
-
},
|
|
8
|
-
"extends": [
|
|
9
|
-
"eslint:recommended",
|
|
10
|
-
"plugin:react/recommended"
|
|
11
|
-
],
|
|
12
|
-
"globals": {
|
|
13
|
-
"Atomics": "readonly",
|
|
14
|
-
"SharedArrayBuffer": "readonly"
|
|
15
|
-
},
|
|
16
|
-
"parser": "babel-eslint",
|
|
17
|
-
"parserOptions": {
|
|
18
|
-
"ecmaFeatures": {
|
|
19
|
-
"jsx": true
|
|
20
|
-
},
|
|
21
|
-
"ecmaVersion": 2018,
|
|
22
|
-
"sourceType": "module"
|
|
23
|
-
},
|
|
24
|
-
"plugins": [
|
|
25
|
-
"react",
|
|
26
|
-
"babel"
|
|
27
|
-
],
|
|
28
|
-
"rules": {
|
|
29
|
-
"react/prop-types": [2, { ignore: ["children"] }],
|
|
30
|
-
"no-unsafe-finally": 0,
|
|
31
|
-
"no-func-assign": 0
|
|
32
|
-
},
|
|
33
|
-
"settings": {
|
|
34
|
-
"react": {
|
|
35
|
-
"version": "detect"
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
};
|
package/CONTRIBUTE.md
DELETED
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
## Setting up the project for development
|
|
2
|
-
|
|
3
|
-
### Prerequisites
|
|
4
|
-
|
|
5
|
-
Install [npm](https://www.npmjs.com/get-npm)
|
|
6
|
-
|
|
7
|
-
### Setting Up
|
|
8
|
-
|
|
9
|
-
Install the npm packages using the following command
|
|
10
|
-
|
|
11
|
-
```
|
|
12
|
-
npm install
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
Start the JS build with watcher using the following command
|
|
16
|
-
|
|
17
|
-
```
|
|
18
|
-
npm run build -- --watch
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
To watch SCSS files & compile them to CSS use the following command
|
|
22
|
-
|
|
23
|
-
```
|
|
24
|
-
npm run scss -- --watch
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
**Note:** Prefix all the CSS classNames with namespace `"RCB-"`
|
|
28
|
-
|
|
29
|
-
### Linting your JS files
|
|
30
|
-
|
|
31
|
-
Run the following command to lint the JS code
|
|
32
|
-
|
|
33
|
-
```
|
|
34
|
-
npm run lint
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
Or Install your editor specific plugin by referring to [this link](https://eslint.org/docs/user-guide/integrations)
|
|
38
|
-
|
|
39
|
-
### Viewing the components
|
|
40
|
-
|
|
41
|
-
View the available components along with their accepted props using [storybook](https://storybook.js.org/)
|
|
42
|
-
|
|
43
|
-
To start the storybook run the following command
|
|
44
|
-
|
|
45
|
-
```
|
|
46
|
-
npm run storybook
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
The storybook can then be viewed at http://localhost:6006/
|
|
50
|
-
|
|
51
|
-
### Publishing the storybook to github pages
|
|
52
|
-
|
|
53
|
-
Run the following command to publish the storybook to github pages:
|
|
54
|
-
|
|
55
|
-
```
|
|
56
|
-
npm run deploy-storybook
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
### Publishing the package to npm
|
|
60
|
-
|
|
61
|
-
First login to npm using the following command:
|
|
62
|
-
|
|
63
|
-
```
|
|
64
|
-
npm login
|
|
65
|
-
```
|
|
66
|
-
|
|
67
|
-
Then run the following command to publish the package to npm:
|
|
68
|
-
|
|
69
|
-
```
|
|
70
|
-
npm run publish
|
|
71
|
-
```
|
|
72
|
-
|
|
73
|
-
This publishes the package to [unbxd-ui](https://www.npmjs.com/settings/unbxd-ui/packages) org on npm.
|
|
74
|
-
To be able to publish to this org you need to get yourself added on the team. Contact Divya or Manu for the same.
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
### Creating new stories for the components
|
|
78
|
-
|
|
79
|
-
To help boostrap a new story file, use the following steps
|
|
80
|
-
|
|
81
|
-
1. Install the VS Code extension [File Templates](https://marketplace.visualstudio.com/items?itemName=brpaz.file-templates)
|
|
82
|
-
2. Place the templates in the location expected by the extension
|
|
83
|
-
- In Mac,
|
|
84
|
-
```cp ./vscode-templates/NewStoryTemplate.stories.js $HOME/Library/Application\ Support/Code/User/FileTemplates```
|
|
85
|
-
|
|
86
|
-
- In Linux,
|
|
87
|
-
```cp ./vscode-templates/NewStoryTemplate.stories.js $HOME/.config/Code/User/FileTemplates```
|
|
88
|
-
|
|
89
|
-
- In Windows,
|
|
90
|
-
```cp ./vscode-templates/NewStoryTemplate.stories.js C:\Users\User\AppData\Roaming\Code\User\FileTemplates```
|
|
91
|
-
3. To use the templates you can do one of the following:
|
|
92
|
-
- In VSCode, right click on the folder where you want to generate the new file. You should see an option "Files : New from template". Selecting this option a list of available templates should appear. Just select your template and the file will be created.
|
|
93
|
-
- You can also do the same from the Command Palette. In this case the new file will be created in the root directory of the project.
|
|
94
|
-
- Its also possible to do the other way around and create a template based on an open file. For that "right-click" on any opened file and you should see the option of the context menu.
|
|
95
|
-
|
|
96
|
-
**Note:** The template will expect the Component name as a parameter
|
|
97
|
-
|
|
98
|
-
## FAQs
|
|
99
|
-
1) I am getting error "No PostCSS Config found"
|
|
100
|
-
|
|
101
|
-
Create a file called postcss.config.js in `/lib/components/` folder
|
|
102
|
-
|
|
103
|
-
## TODO
|
|
104
|
-
|
|
105
|
-
- Minify JS / CSS
|
package/README.md
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
# unbxd-react-components
|
|
2
|
-
|
|
3
|
-
## Using the components library
|
|
4
|
-
|
|
5
|
-
Install the package from npm
|
|
6
|
-
```
|
|
7
|
-
use npm version : '9.7.2'
|
|
8
|
-
```
|
|
9
|
-
use node version: 'v14.20.1'
|
|
10
|
-
```
|
|
11
|
-
npm install unbxd-react-components
|
|
12
|
-
```
|
|
13
|
-
|
|
14
|
-
Import the required components along with the CSS.
|
|
15
|
-
|
|
16
|
-
```
|
|
17
|
-
import Button from "unbxd-react-components/components/Button";
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
Or less ideally (as this will include all components that you might not use as well)
|
|
21
|
-
|
|
22
|
-
```
|
|
23
|
-
import { Button } from "unbxd-react-components";
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
And include the core CSS like below,
|
|
27
|
-
|
|
28
|
-
```
|
|
29
|
-
import "unbxd-react-components/components/core.css";
|
|
30
|
-
```
|
|
31
|
-
|
|
32
|
-
The core CSS file will contain the core styles without which the component will not behave as expected. Hence do not forget to include this.
|
|
33
|
-
|
|
34
|
-
### Using theme CSS
|
|
35
|
-
|
|
36
|
-
Theme CSS file will contain the styles which suggests a theme for all the components but is not a must have to use the library.
|
|
37
|
-
|
|
38
|
-
You can use the theme CSS in 2 ways:
|
|
39
|
-
|
|
40
|
-
**1. Use individual component CSS**
|
|
41
|
-
|
|
42
|
-
You can import the individual files for each of the components like below:
|
|
43
|
-
|
|
44
|
-
```
|
|
45
|
-
import "unbxd-react-components/components/Table/tableTheme.css";
|
|
46
|
-
```
|
|
47
|
-
|
|
48
|
-
**2. Include the bundled CSS file which has all component's CSS**
|
|
49
|
-
|
|
50
|
-
You can import the bundled CSS file which contains all the component's CSS like below:
|
|
51
|
-
|
|
52
|
-
```
|
|
53
|
-
import "unbxd-react-components/components/theme.css";
|
|
54
|
-
```
|
|
55
|
-
|
|
56
|
-
## Viewing the components
|
|
57
|
-
|
|
58
|
-
You can view the available components and their props using the storybook at this link:
|
|
59
|
-
|
|
60
|
-
https://unbxd.github.io/unbxd-react-components/
|
|
61
|
-
|
|
62
|
-
## FAQs
|
|
63
|
-
|
|
64
|
-
1) I am getting "multiple instances of React" error. What to do?
|
|
65
|
-
|
|
66
|
-
You can fix this error by adding the following config in your `webpack.config.js` file
|
|
67
|
-
|
|
68
|
-
```
|
|
69
|
-
resolve: {
|
|
70
|
-
alias: {
|
|
71
|
-
react: path.resolve('./node_modules/react'),
|
|
72
|
-
},
|
|
73
|
-
}
|
|
74
|
-
```
|
|
75
|
-
|
|
76
|
-
For more details refer [this link](https://github.com/facebook/react/issues/13991)
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
## Contributing
|
|
80
|
-
|
|
81
|
-
To contribute to the project, read the [contribution guidelines](CONTRIBUTE.md)
|
|
82
|
-
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _List = _interopRequireDefault(require("../List"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
16
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
17
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
19
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
20
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
21
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
22
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
23
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
24
|
-
var ALL = "ALL";
|
|
25
|
-
var getDefaultOpenedItems = function getDefaultOpenedItems() {
|
|
26
|
-
var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
27
|
-
var defaultOpen = arguments.length > 1 ? arguments[1] : undefined;
|
|
28
|
-
var arr = [];
|
|
29
|
-
if (items.length > 0) {
|
|
30
|
-
items.forEach(function (item) {
|
|
31
|
-
var id = item.id;
|
|
32
|
-
if (id === defaultOpen || defaultOpen === ALL) {
|
|
33
|
-
arr.push(id);
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
return arr;
|
|
38
|
-
};
|
|
39
|
-
var AccordianItem = function AccordianItem(props) {
|
|
40
|
-
var itemData = props.itemData,
|
|
41
|
-
allowOneOpen = props.allowOneOpen,
|
|
42
|
-
openedItems = props.openedItems,
|
|
43
|
-
setOpenedItems = props.setOpenedItems;
|
|
44
|
-
var titleComponent = itemData.titleComponent,
|
|
45
|
-
bodyComponent = itemData.bodyComponent,
|
|
46
|
-
id = itemData.id;
|
|
47
|
-
var isOpen = openedItems.find(function (item) {
|
|
48
|
-
return item === id;
|
|
49
|
-
}) ? true : false;
|
|
50
|
-
var onItemClick = function onItemClick() {
|
|
51
|
-
var newList = [id];
|
|
52
|
-
if (!allowOneOpen) {
|
|
53
|
-
newList = isOpen ? openedItems.filter(function (item) {
|
|
54
|
-
return item !== id;
|
|
55
|
-
}) : [].concat(_toConsumableArray(openedItems), [id]);
|
|
56
|
-
}
|
|
57
|
-
setOpenedItems(newList);
|
|
58
|
-
};
|
|
59
|
-
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
60
|
-
className: "RCB-accordian-item ".concat(isOpen ? "RCB-accordian-open" : "RCB-accordian-close")
|
|
61
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
62
|
-
className: "RCB-accordian-title",
|
|
63
|
-
onClick: onItemClick
|
|
64
|
-
}, /*#__PURE__*/(0, _react.cloneElement)(titleComponent, {
|
|
65
|
-
isOpen: isOpen
|
|
66
|
-
})), isOpen && /*#__PURE__*/_react["default"].createElement("div", {
|
|
67
|
-
className: "RCB-accordian-body"
|
|
68
|
-
}, bodyComponent));
|
|
69
|
-
};
|
|
70
|
-
AccordianItem.propTypes = {
|
|
71
|
-
itemData: _propTypes["default"].shape({
|
|
72
|
-
id: _propTypes["default"].string.isRequired,
|
|
73
|
-
titleComponent: _propTypes["default"].element.isRequired,
|
|
74
|
-
bodyComponent: _propTypes["default"].element.isRequired
|
|
75
|
-
}),
|
|
76
|
-
setOpenedItems: _propTypes["default"].func,
|
|
77
|
-
openedItems: _propTypes["default"].array,
|
|
78
|
-
allowOneOpen: _propTypes["default"].bool
|
|
79
|
-
};
|
|
80
|
-
var Accordian = function Accordian(_ref) {
|
|
81
|
-
var defaultOpen = _ref.defaultOpen,
|
|
82
|
-
items = _ref.items,
|
|
83
|
-
allowOneOpen = _ref.allowOneOpen;
|
|
84
|
-
var defaultOpened = getDefaultOpenedItems(items, defaultOpen);
|
|
85
|
-
var _useState = (0, _react.useState)(defaultOpened),
|
|
86
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
87
|
-
openedItems = _useState2[0],
|
|
88
|
-
setOpenedItems = _useState2[1];
|
|
89
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
90
|
-
className: "RCB-accordian"
|
|
91
|
-
}, /*#__PURE__*/_react["default"].createElement(_List["default"], {
|
|
92
|
-
items: items,
|
|
93
|
-
openedItems: openedItems,
|
|
94
|
-
defaultOpen: defaultOpen,
|
|
95
|
-
allowOneOpen: allowOneOpen,
|
|
96
|
-
setOpenedItems: setOpenedItems,
|
|
97
|
-
ListItem: AccordianItem
|
|
98
|
-
}));
|
|
99
|
-
};
|
|
100
|
-
Accordian.propTypes = {
|
|
101
|
-
defaultOpen: _propTypes["default"].string,
|
|
102
|
-
items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
103
|
-
id: _propTypes["default"].string.isRequired,
|
|
104
|
-
titleComponent: _propTypes["default"].element.isRequired,
|
|
105
|
-
bodyComponent: _propTypes["default"].element.isRequired
|
|
106
|
-
})).isRequired,
|
|
107
|
-
// /* set to false if you want more than one accordian item to be open at a time */
|
|
108
|
-
allowOneOpen: _propTypes["default"].bool
|
|
109
|
-
};
|
|
110
|
-
Accordian.defaultProps = {
|
|
111
|
-
allowOneOpen: false,
|
|
112
|
-
defaultOpen: "",
|
|
113
|
-
//"ALL","ID","",
|
|
114
|
-
items: []
|
|
115
|
-
};
|
|
116
|
-
var _default = Accordian;
|
|
117
|
-
exports["default"] = _default;
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.OpenAtLeastOneAlways = exports.DefaultOpen = exports.Default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _Accordian = _interopRequireDefault(require("./Accordian"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
14
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
16
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
17
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
18
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
|
-
var _default = {
|
|
20
|
-
title: 'Accordian',
|
|
21
|
-
component: _Accordian["default"]
|
|
22
|
-
};
|
|
23
|
-
exports["default"] = _default;
|
|
24
|
-
var AccordianBody = function AccordianBody() {
|
|
25
|
-
var _useState = (0, _react.useState)(1),
|
|
26
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
-
count = _useState2[0],
|
|
28
|
-
setRandomNumber = _useState2[1];
|
|
29
|
-
var onSetRandom = function onSetRandom() {
|
|
30
|
-
setRandomNumber(Math.round(Math.random() * 10));
|
|
31
|
-
};
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
33
|
-
style: {
|
|
34
|
-
padding: '20px'
|
|
35
|
-
}
|
|
36
|
-
}, /*#__PURE__*/_react["default"].createElement("h3", null, "This is accordian body"), /*#__PURE__*/_react["default"].createElement("button", {
|
|
37
|
-
onClick: onSetRandom
|
|
38
|
-
}, " changed to ", count));
|
|
39
|
-
};
|
|
40
|
-
var AccordianTitle = function AccordianTitle(_ref) {
|
|
41
|
-
var id = _ref.id;
|
|
42
|
-
return /*#__PURE__*/_react["default"].createElement("div", null, "Title ".concat(id));
|
|
43
|
-
};
|
|
44
|
-
var Template = function Template(args) {
|
|
45
|
-
return /*#__PURE__*/_react["default"].createElement(_Accordian["default"], args);
|
|
46
|
-
};
|
|
47
|
-
var Default = Template.bind();
|
|
48
|
-
exports.Default = Default;
|
|
49
|
-
Default.args = {
|
|
50
|
-
items: [{
|
|
51
|
-
id: "41",
|
|
52
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
53
|
-
id: '41'
|
|
54
|
-
}),
|
|
55
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
56
|
-
}, {
|
|
57
|
-
id: "42",
|
|
58
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
59
|
-
id: '42'
|
|
60
|
-
}),
|
|
61
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
62
|
-
}, {
|
|
63
|
-
id: "43",
|
|
64
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
65
|
-
id: '43'
|
|
66
|
-
}),
|
|
67
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
68
|
-
}, {
|
|
69
|
-
id: "44",
|
|
70
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
71
|
-
id: '44'
|
|
72
|
-
}),
|
|
73
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
74
|
-
}],
|
|
75
|
-
defaultOpen: ""
|
|
76
|
-
};
|
|
77
|
-
var DefaultOpen = Template.bind();
|
|
78
|
-
exports.DefaultOpen = DefaultOpen;
|
|
79
|
-
DefaultOpen.args = {
|
|
80
|
-
items: [{
|
|
81
|
-
id: "41",
|
|
82
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
83
|
-
id: '41'
|
|
84
|
-
}),
|
|
85
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
86
|
-
}, {
|
|
87
|
-
id: "42",
|
|
88
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
89
|
-
id: '42'
|
|
90
|
-
}),
|
|
91
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
92
|
-
}, {
|
|
93
|
-
id: "43",
|
|
94
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
95
|
-
id: '43'
|
|
96
|
-
}),
|
|
97
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
98
|
-
}, {
|
|
99
|
-
id: "44",
|
|
100
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
101
|
-
id: '44'
|
|
102
|
-
}),
|
|
103
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
104
|
-
}],
|
|
105
|
-
defaultOpen: "42"
|
|
106
|
-
};
|
|
107
|
-
var OpenAtLeastOneAlways = Template.bind();
|
|
108
|
-
exports.OpenAtLeastOneAlways = OpenAtLeastOneAlways;
|
|
109
|
-
OpenAtLeastOneAlways.args = {
|
|
110
|
-
items: [{
|
|
111
|
-
id: "411",
|
|
112
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
113
|
-
id: '41'
|
|
114
|
-
}),
|
|
115
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
116
|
-
}, {
|
|
117
|
-
id: "421",
|
|
118
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
119
|
-
id: '42'
|
|
120
|
-
}),
|
|
121
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
122
|
-
}, {
|
|
123
|
-
id: "431",
|
|
124
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
125
|
-
id: '43'
|
|
126
|
-
}),
|
|
127
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
128
|
-
}, {
|
|
129
|
-
id: "441",
|
|
130
|
-
titleComponent: /*#__PURE__*/_react["default"].createElement(AccordianTitle, {
|
|
131
|
-
id: '44'
|
|
132
|
-
}),
|
|
133
|
-
bodyComponent: /*#__PURE__*/_react["default"].createElement(AccordianBody, null)
|
|
134
|
-
}],
|
|
135
|
-
defaultOpen: "421",
|
|
136
|
-
allowOneOpen: true
|
|
137
|
-
};
|