@unbxd-ui/unbxd-react-components 0.2.105 → 0.2.107-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/.babelrc +4 -0
- package/.eslintrc.js +38 -0
- package/CONTRIBUTE.md +105 -0
- package/components/Accordian/Accordian.js +45 -13
- package/components/Accordian/Accordian.stories.js +25 -6
- package/components/Accordian/index.js +3 -0
- package/components/Button/Button.js +26 -9
- package/components/Button/Button.stories.js +14 -1
- package/components/Button/DropdownButton.js +31 -9
- package/components/Button/DropdownButton.stories.js +23 -6
- package/components/Button/index.js +8 -1
- package/components/DataLoader/DataLoader.js +40 -10
- package/components/DataLoader/DataLoader.stories.js +30 -5
- package/components/DataLoader/index.js +3 -0
- package/components/Form/Checkbox.js +42 -14
- package/components/Form/DragDropFileUploader.js +42 -12
- package/components/Form/Dropdown.js +181 -104
- package/components/Form/FileUploader.js +32 -10
- package/components/Form/Form.js +45 -15
- package/components/Form/FormElementWrapper.js +7 -2
- package/components/Form/Input.js +72 -27
- package/components/Form/RadioList.js +48 -17
- package/components/Form/RangeSlider.js +73 -37
- package/components/Form/ServerPaginatedDDList.js +130 -86
- package/components/Form/Textarea.js +43 -18
- package/components/Form/Toggle.js +48 -16
- package/components/Form/index.js +30 -18
- package/components/Form/stories/Checkbox.stories.js +12 -1
- package/components/Form/stories/DragDropFileUploader.stories.js +8 -0
- package/components/Form/stories/Dropdown.stories.js +24 -6
- package/components/Form/stories/FileUploader.stories.js +8 -0
- package/components/Form/stories/FormDefault.stories.js +21 -1
- package/components/Form/stories/RadioList.stories.js +12 -1
- package/components/Form/stories/RangeSlider.stories.js +15 -1
- package/components/Form/stories/TextInput.stories.js +19 -3
- package/components/Form/stories/Textarea.stories.js +12 -1
- package/components/Form/stories/Toggle.stories.js +7 -0
- package/components/Form/stories/form.stories.js +40 -3
- package/components/InlineModal/InlineModal.js +51 -14
- package/components/InlineModal/InlineModal.stories.js +14 -2
- package/components/InlineModal/index.js +6 -1
- package/components/List/List.js +24 -9
- package/components/List/index.js +3 -0
- package/components/List/list.stories.js +10 -0
- package/components/Modal/Modal.js +49 -17
- package/components/Modal/Modal.stories.js +15 -1
- package/components/Modal/index.js +3 -0
- package/components/NotificationComponent/NotificationComponent.js +34 -11
- package/components/NotificationComponent/NotificationComponent.stories.js +6 -0
- package/components/NotificationComponent/index.js +3 -0
- package/components/ProgressBar/ProgressBar.js +11 -2
- package/components/ProgressBar/ProgressBar.stories.js +6 -0
- package/components/ProgressBar/index.js +3 -0
- package/components/Table/BaseTable.js +134 -69
- package/components/Table/PaginationComponent.js +23 -11
- package/components/Table/Table.js +149 -68
- package/components/Table/Table.stories.js +67 -22
- package/components/Table/index.js +4 -0
- package/components/TabsComponent/TabsComponent.js +57 -20
- package/components/TabsComponent/TabsComponent.stories.js +16 -0
- package/components/TabsComponent/index.js +3 -0
- package/components/Tooltip/Tooltip.js +47 -25
- package/components/Tooltip/Tooltip.stories.js +6 -0
- package/components/Tooltip/index.js +3 -0
- package/components/core.css +1 -3
- package/components/index.js +17 -1
- package/components/theme.css +0 -2
- package/lib/Readme.md +82 -0
- package/lib/components/Accordian/Accordian.js +117 -0
- package/lib/components/Accordian/Accordian.stories.js +137 -0
- package/lib/components/Accordian/index.js +10 -0
- package/lib/components/Button/Button.js +84 -0
- package/lib/components/Button/Button.stories.js +89 -0
- package/lib/components/Button/DropdownButton.js +77 -0
- package/lib/components/Button/DropdownButton.stories.js +51 -0
- package/lib/components/Button/index.js +32 -0
- package/lib/components/DataLoader/DataLoader.js +88 -0
- package/lib/components/DataLoader/DataLoader.stories.js +77 -0
- package/lib/components/DataLoader/index.js +10 -0
- package/lib/components/Form/Checkbox.js +93 -0
- package/lib/components/Form/DragDropFileUploader.js +85 -0
- package/lib/components/Form/Dropdown.js +478 -0
- package/lib/components/Form/FileUploader.js +81 -0
- package/lib/components/Form/Form.js +106 -0
- package/lib/components/Form/FormElementWrapper.js +27 -0
- package/lib/components/Form/Input.js +140 -0
- package/lib/components/Form/RadioList.js +111 -0
- package/lib/components/Form/RangeSlider.js +142 -0
- package/lib/components/Form/ServerPaginatedDDList.js +267 -0
- package/lib/components/Form/Textarea.js +95 -0
- package/lib/components/Form/Toggle.js +117 -0
- package/lib/components/Form/index.js +73 -0
- package/lib/components/Form/stories/Checkbox.stories.js +54 -0
- package/lib/components/Form/stories/DragDropFileUploader.stories.js +27 -0
- package/lib/components/Form/stories/Dropdown.stories.js +114 -0
- package/lib/components/Form/stories/FileUploader.stories.js +31 -0
- package/lib/components/Form/stories/FormDefault.stories.js +117 -0
- package/lib/components/Form/stories/RadioList.stories.js +55 -0
- package/lib/components/Form/stories/RangeSlider.stories.js +82 -0
- package/lib/components/Form/stories/TextInput.stories.js +79 -0
- package/lib/components/Form/stories/Textarea.stories.js +48 -0
- package/lib/components/Form/stories/Toggle.stories.js +25 -0
- package/lib/components/Form/stories/form.stories.js +240 -0
- package/lib/components/InlineModal/InlineModal.js +146 -0
- package/lib/components/InlineModal/InlineModal.stories.js +61 -0
- package/lib/components/InlineModal/index.js +24 -0
- package/lib/components/List/List.js +76 -0
- package/lib/components/List/index.js +10 -0
- package/lib/components/List/list.stories.js +38 -0
- package/lib/components/Modal/Modal.js +117 -0
- package/lib/components/Modal/Modal.stories.js +55 -0
- package/lib/components/Modal/index.js +10 -0
- package/lib/components/NotificationComponent/NotificationComponent.js +76 -0
- package/lib/components/NotificationComponent/NotificationComponent.stories.js +29 -0
- package/lib/components/NotificationComponent/index.js +10 -0
- package/lib/components/ProgressBar/ProgressBar.js +49 -0
- package/lib/components/ProgressBar/ProgressBar.stories.js +21 -0
- package/lib/components/ProgressBar/index.js +10 -0
- package/lib/components/Table/BaseTable.js +352 -0
- package/lib/components/Table/PaginationComponent.js +87 -0
- package/lib/components/Table/Table.js +333 -0
- package/lib/components/Table/Table.stories.js +204 -0
- package/lib/components/Table/index.js +17 -0
- package/lib/components/TabsComponent/TabsComponent.js +134 -0
- package/lib/components/TabsComponent/TabsComponent.stories.js +65 -0
- package/lib/components/TabsComponent/index.js +10 -0
- package/lib/components/Tooltip/Tooltip.js +102 -0
- package/lib/components/Tooltip/Tooltip.stories.js +25 -0
- package/lib/components/Tooltip/index.js +10 -0
- package/lib/components/core.css +3 -0
- package/lib/components/core.scss +29 -0
- package/lib/components/index.js +159 -0
- package/lib/components/theme.css +3 -0
- package/lib/components/theme.scss +11 -0
- package/lib/package-lock.json +20607 -0
- package/lib/package.json +94 -0
- package/package.json +1 -1
- package/src/Intro.stories.mdx +119 -0
- package/src/components/Accordian/Accordian.js +89 -0
- package/src/components/Accordian/Accordian.stories.js +92 -0
- package/src/components/Accordian/accordianCore.css +1 -0
- package/src/components/Accordian/accordianCore.scss +8 -0
- package/src/components/Accordian/accordianTheme.css +1 -0
- package/src/components/Accordian/accordianTheme.scss +6 -0
- package/src/components/Accordian/index.js +3 -0
- package/src/components/Button/Button.js +67 -0
- package/src/components/Button/Button.stories.js +103 -0
- package/src/components/Button/DropdownButton.js +60 -0
- package/src/components/Button/DropdownButton.stories.js +38 -0
- package/src/components/Button/button.css +1 -0
- package/src/components/Button/buttonTheme.css +1 -0
- package/src/components/Button/buttonTheme.scss +45 -0
- package/src/components/Button/index.js +5 -0
- package/src/components/DataLoader/DataLoader.js +86 -0
- package/src/components/DataLoader/DataLoader.stories.js +72 -0
- package/src/components/DataLoader/index.js +3 -0
- package/src/components/Form/Checkbox.js +73 -0
- package/src/components/Form/DragDropFileUploader.js +67 -0
- package/src/components/Form/Dropdown.js +430 -0
- package/src/components/Form/FileUploader.js +64 -0
- package/src/components/Form/Form.js +83 -0
- package/src/components/Form/FormElementWrapper.js +22 -0
- package/src/components/Form/Input.js +121 -0
- package/src/components/Form/RadioList.js +86 -0
- package/src/components/Form/RangeSlider.js +100 -0
- package/src/components/Form/ServerPaginatedDDList.js +231 -0
- package/src/components/Form/Textarea.js +76 -0
- package/src/components/Form/Toggle.js +96 -0
- package/src/components/Form/form.css +1 -0
- package/src/components/Form/formCore.css +1 -0
- package/src/components/Form/formCore.scss +142 -0
- package/src/components/Form/formTheme.css +1 -0
- package/src/components/Form/formTheme.scss +27 -0
- package/src/components/Form/index.js +13 -0
- package/src/components/Form/stories/Checkbox.stories.js +41 -0
- package/src/components/Form/stories/DragDropFileUploader.stories.js +21 -0
- package/src/components/Form/stories/Dropdown.stories.js +124 -0
- package/src/components/Form/stories/FileUploader.stories.js +21 -0
- package/src/components/Form/stories/FormDefault.stories.js +87 -0
- package/src/components/Form/stories/RadioList.stories.js +48 -0
- package/src/components/Form/stories/RangeSlider.stories.js +84 -0
- package/src/components/Form/stories/TextInput.stories.js +77 -0
- package/src/components/Form/stories/Textarea.stories.js +43 -0
- package/src/components/Form/stories/Toggle.stories.js +14 -0
- package/src/components/Form/stories/form.stories.js +216 -0
- package/src/components/InlineModal/InlineModal.js +135 -0
- package/src/components/InlineModal/InlineModal.stories.js +54 -0
- package/src/components/InlineModal/index.js +4 -0
- package/src/components/InlineModal/inlineModal.css +1 -0
- package/src/components/InlineModal/inlineModalCore.css +1 -0
- package/src/components/InlineModal/inlineModalCore.scss +31 -0
- package/src/components/InlineModal/inlineModalTheme.css +1 -0
- package/src/components/InlineModal/inlineModalTheme.scss +16 -0
- package/src/components/List/List.js +72 -0
- package/src/components/List/index.js +3 -0
- package/src/components/List/list.css +1 -0
- package/src/components/List/list.stories.js +28 -0
- package/src/components/List/listCore.css +1 -0
- package/src/components/List/listCore.scss +6 -0
- package/src/components/List/listTheme.css +0 -0
- package/src/components/List/listTheme.scss +0 -0
- package/src/components/Modal/Modal.js +99 -0
- package/src/components/Modal/Modal.stories.js +54 -0
- package/src/components/Modal/index.js +3 -0
- package/src/components/Modal/modal.css +1 -0
- package/src/components/Modal/modalCore.css +1 -0
- package/src/components/Modal/modalCore.scss +34 -0
- package/src/components/Modal/modalTheme.css +0 -0
- package/src/components/Modal/modalTheme.scss +0 -0
- package/src/components/NotificationComponent/NotificationComponent.js +58 -0
- package/src/components/NotificationComponent/NotificationComponent.stories.js +28 -0
- package/src/components/NotificationComponent/index.js +3 -0
- package/src/components/NotificationComponent/notificationComponent.css +1 -0
- package/src/components/NotificationComponent/notificationTheme.css +1 -0
- package/src/components/NotificationComponent/notificationTheme.scss +30 -0
- package/src/components/ProgressBar/ProgressBar.js +45 -0
- package/src/components/ProgressBar/ProgressBar.stories.js +14 -0
- package/src/components/ProgressBar/index.js +3 -0
- package/src/components/ProgressBar/progressBar.css +1 -0
- package/src/components/ProgressBar/progressBarCore.css +1 -0
- package/src/components/ProgressBar/progressBarCore.scss +14 -0
- package/src/components/ProgressBar/progressBarTheme.css +0 -0
- package/src/components/ProgressBar/progressBarTheme.scss +0 -0
- package/src/components/Table/BaseTable.js +306 -0
- package/src/components/Table/PaginationComponent.js +73 -0
- package/src/components/Table/Table.js +295 -0
- package/src/components/Table/Table.stories.js +198 -0
- package/src/components/Table/index.js +8 -0
- package/src/components/Table/table.css +1 -0
- package/src/components/Table/tableCore.css +1 -0
- package/src/components/Table/tableCore.scss +94 -0
- package/src/components/Table/tableTheme.css +1 -0
- package/src/components/Table/tableTheme.scss +34 -0
- package/src/components/TabsComponent/TabsComponent.js +99 -0
- package/src/components/TabsComponent/TabsComponent.stories.js +69 -0
- package/src/components/TabsComponent/index.js +3 -0
- package/src/components/TabsComponent/tabs.css +1 -0
- package/src/components/TabsComponent/tabsCore.css +1 -0
- package/src/components/TabsComponent/tabsCore.scss +59 -0
- package/src/components/TabsComponent/tabsTheme.css +0 -0
- package/src/components/TabsComponent/tabsTheme.scss +0 -0
- package/src/components/Tooltip/Tooltip.js +87 -0
- package/src/components/Tooltip/Tooltip.stories.js +16 -0
- package/src/components/Tooltip/index.js +3 -0
- package/src/components/Tooltip/tooltipCore.css +1 -0
- package/src/components/Tooltip/tooltipCore.scss +22 -0
- package/src/components/Tooltip/tooltipTheme.css +1 -0
- package/src/components/Tooltip/tooltipTheme.scss +21 -0
- package/src/components/core.css +1 -0
- package/src/components/core.scss +29 -0
- package/src/components/index.js +38 -0
- package/src/components/theme.css +1 -0
- package/src/components/theme.scss +11 -0
- package/src/core/Validators.js +34 -0
- package/src/core/customHooks.js +20 -0
- package/src/core/dataLoader.js +143 -0
- package/src/core/dataLoader.stories.js +123 -0
- package/src/core/index.js +3 -0
- package/src/core/utils.js +95 -0
- package/src/index.js +68 -0
- package/vscode-templates/NewStoryTemplate.stories.js +8 -0
- /package/{Readme.md → README.md} +0 -0
- /package/{components → lib/components}/Accordian/accordianCore.css +0 -0
- /package/{components → lib/components}/Accordian/accordianTheme.css +0 -0
- /package/{components → lib/components}/Button/buttonTheme.css +0 -0
- /package/{components → lib/components}/Form/formCore.css +0 -0
- /package/{components → lib/components}/Form/formTheme.css +0 -0
- /package/{components → lib/components}/InlineModal/inlineModalCore.css +0 -0
- /package/{components → lib/components}/InlineModal/inlineModalTheme.css +0 -0
- /package/{components → lib/components}/List/listCore.css +0 -0
- /package/{components → lib/components}/List/listTheme.css +0 -0
- /package/{components → lib/components}/Modal/modalCore.css +0 -0
- /package/{components → lib/components}/Modal/modalTheme.css +0 -0
- /package/{components → lib/components}/NotificationComponent/notificationTheme.css +0 -0
- /package/{components → lib/components}/ProgressBar/progressBarCore.css +0 -0
- /package/{components → lib/components}/ProgressBar/progressBarTheme.css +0 -0
- /package/{components → lib/components}/Table/tableCore.css +0 -0
- /package/{components → lib/components}/Table/tableTheme.css +0 -0
- /package/{components → lib/components}/TabsComponent/tabsCore.css +0 -0
- /package/{components → lib/components}/TabsComponent/tabsTheme.css +0 -0
- /package/{components → lib/components}/Tooltip/tooltipCore.css +0 -0
- /package/{components → lib/components}/Tooltip/tooltipTheme.css +0 -0
- /package/{core → lib/core}/Validators.js +0 -0
- /package/{core → lib/core}/customHooks.js +0 -0
- /package/{core → lib/core}/dataLoader.js +0 -0
- /package/{core → lib/core}/dataLoader.stories.js +0 -0
- /package/{core → lib/core}/index.js +0 -0
- /package/{core → lib/core}/utils.js +0 -0
- /package/{index.js → lib/index.js} +0 -0
|
@@ -4,12 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.SimpleUsage = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
10
14
|
var CustomActivator = function CustomActivator() {
|
|
11
15
|
return /*#__PURE__*/_react["default"].createElement("span", null, "Hover over me");
|
|
12
16
|
};
|
|
17
|
+
|
|
13
18
|
var SimpleUsage = function SimpleUsage() {
|
|
14
19
|
return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
|
|
15
20
|
tooltipActivator: /*#__PURE__*/_react["default"].createElement(CustomActivator, null)
|
|
@@ -18,6 +23,7 @@ var SimpleUsage = function SimpleUsage() {
|
|
|
18
23
|
width: 20
|
|
19
24
|
}), "This is a sample tooltip");
|
|
20
25
|
};
|
|
26
|
+
|
|
21
27
|
exports.SimpleUsage = SimpleUsage;
|
|
22
28
|
var _default = {
|
|
23
29
|
title: "Tooltip"
|
|
@@ -4,7 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
9
12
|
var _default = _Tooltip["default"];
|
|
10
13
|
exports["default"] = _default;
|
package/components/core.css
CHANGED
|
@@ -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
|
|
2
|
-
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NvcmUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9CQUFvQixhQUFhLENBQUMsb0JBQW9CLENBQUMsdUNBQXVDLGlCQUFpQixDQUFDLGdDQUFnQyxvQkFBb0IsQ0FBQyxtQkFBbUIsYUFBYSxDQUFDLHNDQUFzQyxhQUFhLENBQUMsNkJBQTZCLG9CQUFvQixDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsbUNBQW1DLHFCQUFxQixDQUFDLHNDQUFzQyxxQkFBcUIsQ0FBQywyQ0FBMkMsWUFBWSxDQUFDLHFCQUFxQixDQUFDLHFEQUFxRCxNQUFNLENBQUMsZUFBZSxDQUFDLHVDQUF1QyxZQUFZLENBQUMsaUJBQWlCLENBQUMsd0JBQXdCLENBQUMsY0FBYyxDQUFDLG9CQUFvQixrQkFBa0IsQ0FBQyxlQUFlLENBQUMsY0FBYyxDQUFDLGtCQUFrQixDQUFDLHFCQUFxQixDQUFDLHVCQUF1QixXQUFXLENBQUMseUNBQXlDLFdBQVcsQ0FBQyxrQkFBa0IsV0FBVyxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsaUJBQWlCLENBQUMsZUFBZSxDQUFDLHdCQUF3QixlQUFlLENBQUMscUJBQXFCLENBQUMsY0FBYyxvQkFBb0IsQ0FBQyxlQUFlLENBQUMsc0JBQXNCLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLGtCQUFrQixDQUFDLGdCQUFnQixjQUFjLENBQUMsd0JBQXdCLHdDQUF3QyxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQyxlQUFlLGtCQUFrQixDQUFDLFlBQVksZUFBZSxDQUFDLHFCQUFxQixDQUFDLHFCQUFxQixDQUFDLGtCQUFrQixDQUFDLHNCQUFzQixDQUFDLGNBQWMsQ0FBQyxtQkFBbUIsd0JBQXdCLENBQUMsb0NBQW9DLHFCQUFxQixDQUFDLG9CQUFvQixrQkFBa0IsQ0FBQyxXQUFXLENBQUMsaUJBQWlCLHdCQUF3QixDQUFDLGlCQUFpQixDQUE0Ryw2QkFBNkIsQ0FBQyxXQUFXLGNBQWMsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQywwQkFBMEIsQ0FBQyxZQUFZLENBQUMsc0JBQXNCLENBQUMsa0JBQWtCLENBQUMsU0FBUyxDQUFDLGdCQUFnQixlQUFlLENBQUMsWUFBWSxDQUFDLGtCQUFrQixZQUFZLENBQUMsa0JBQWtCLENBQUMsaUJBQWlCLE1BQU0sQ0FBQyxpQkFBaUIsY0FBYyxDQUFDLHdCQUF3QixXQUFXLENBQUMsa0JBQWtCLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDLG9EQUFvRCxZQUFZLENBQUMsMERBQTBELGFBQWEsQ0FBQyx1QkFBdUIsaUJBQWlCLENBQUMsU0FBUyxDQUFDLHNDQUFzQyxNQUFNLENBQUMsdUNBQXVDLE9BQU8sQ0FBQyxVQUFVLFFBQVEsQ0FBQyxTQUFTLENBQUMsV0FBVyx3QkFBd0IsQ0FBQyxVQUFVLENBQUMsMEJBQTBCLFVBQVUsQ0FBQyxpQkFBaUIsY0FBYyxDQUFDLG1CQUFtQixlQUFlLENBQUMsa0JBQWtCLGVBQWUsQ0FBQyxrQkFBa0IsZUFBZSxDQUFDLDRCQUE0QixXQUFXLENBQUMsNkJBQTZCLFdBQVcsQ0FBQywwQ0FBMEMsb0JBQW9CLENBQUMsd0NBQXdDLFFBQVEsQ0FBQyw0Q0FBNEMsc0JBQXNCLENBQUMsU0FBUyxDQUFDLGtCQUFrQixvQkFBb0IsQ0FBQyxrQkFBa0IsQ0FBQyx3QkFBd0IsQ0FBQyx3QkFBd0IsQ0FBQyxxQkFBcUIsQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUMsY0FBYyxhQUFhLENBQUMsb0JBQW9CLENBQUMsYUFBYSxDQUFDLDBCQUEwQiw4QkFBOEIsQ0FBQyx1QkFBdUIsVUFBVSxDQUFDLG1CQUFtQixDQUFDLGtCQUFrQixDQUFDLGFBQWEsaUJBQWlCLENBQUMsb0JBQW9CLFlBQVksQ0FBQyxlQUFlLG9CQUFvQixDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsd0JBQXdCLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyx3QkFBd0IsQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMscUJBQXFCLHFCQUFxQixDQUFDLG9DQUFvQyxvQkFBb0IsQ0FBQyw2Q0FBNkMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxrQ0FBa0MsYUFBYSxDQUFDLDJDQUEyQyxjQUFjLENBQUMsVUFBVSxDQUFDLGlCQUFpQixvQkFBb0IsQ0FBQyx3QkFBd0IsQ0FBQyxZQUFZLENBQUMsMEJBQTBCLGFBQWEsQ0FBQyxrQkFBa0IsbUJBQW1CLENBQUMsa0JBQWtCLENBQUMsVUFBVSxDQUFDLGtCQUFrQixVQUFVLENBQUMsaUJBQWlCLENBQUMsZUFBZSxDQUFDLG9CQUFvQixXQUFXLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLGFBQWEsb0JBQW9CLENBQUMsaUJBQWlCLENBQUMsaURBQWlELG9CQUFvQixDQUFDLGlEQUFpRCxvQkFBb0IsQ0FBQyxrQkFBa0IsWUFBWSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxxQkFBcUIsY0FBYyxDQUFDLFVBQVUsb0JBQW9CLENBQUMsWUFBWSxZQUFZLENBQUMsZ0JBQWdCLG1CQUFtQixDQUFDLG9DQUFvQyxrQkFBa0IsQ0FBQyxtQkFBbUIiLCJmaWxlIjoiY29yZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuUkNCLWZvcm0tZWwtaW5saW5le21hcmdpbjoyMHB4IDA7ZGlzcGxheTppbmxpbmUtYmxvY2t9LlJDQi1mb3JtLWVsLWlubGluZSAuUkNCLWZvcm0tZWwtbGFiZWx7bWFyZ2luLXJpZ2h0OjE1cHh9LlJDQi1mb3JtLWVsLWlubGluZSAuUkNCLXRvZ2dsZXtkaXNwbGF5OmlubGluZS1ibG9ja30uUkNCLWZvcm0tZWwtYmxvY2t7bWFyZ2luOjIwcHggMH0uUkNCLWZvcm0tZWwtYmxvY2sgLlJDQi1mb3JtLWVsLWxhYmVse2Rpc3BsYXk6YmxvY2t9LlJDQi1kcm9wZG93biAuUkNCLWxpc3QtaXRlbXtsaXN0LXN0eWxlLXR5cGU6bm9uZTtwYWRkaW5nOjEwcHg7Y3Vyc29yOnBvaW50ZXJ9LlJDQi1kcm9wZG93biAuUkNCLWxpc3QtaXRlbTpob3ZlcntiYWNrZ3JvdW5kLWNvbG9yOiNlZWV9LlJDQi1kcm9wZG93biAuUkNCLWxpc3QtaXRlbS5zZWxlY3RlZHtiYWNrZ3JvdW5kLWNvbG9yOiNlZWV9LlJDQi1kZC13aXRoLWNyZWF0ZSAuUkNCLWlubGluZS1tb2RhbC1ib2R5e2Rpc3BsYXk6ZmxleDtmbGV4LWRpcmVjdGlvbjpjb2x1bW59LlJDQi1kZC13aXRoLWNyZWF0ZSAuUkNCLWlubGluZS1tb2RhbC1ib2R5IC5SQ0ItbGlzdHtmbGV4OjE7b3ZlcmZsb3c6c2Nyb2xsfS5SQ0ItZGQtd2l0aC1jcmVhdGUgLlJDQi1kZC1jcmVhdGUtY3Rhe3BhZGRpbmc6MTBweDt0ZXh0LWFsaWduOmNlbnRlcjtib3JkZXI6MXB4IHNvbGlkICNiZmJmYmY7Y3Vyc29yOnBvaW50ZXJ9LlJDQi1jbGVhci1zZWxlY3RlZHtiYWNrZ3JvdW5kOiNmMmYwZjA7cGFkZGluZzozcHggNnB4O2ZvbnQtc2l6ZToxMXB4O2JvcmRlci1yYWRpdXM6MTVweDtib3JkZXI6MXB4IHNvbGlkICNjY2N9LlJDQi1zZWxlY3Rpb24td3JhcHBlcntmbG9hdDpyaWdodH0uUkNCLXNlbGVjdGlvbi13cmFwcGVyIC5SQ0Itc2VsZWN0LWFycm93e2Zsb2F0OnVuc2V0fS5SQ0Itc2VsZWN0LWFycm93e2Zsb2F0OnJpZ2h0O2ZvbnQtc2l6ZToxMnB4O2NvbG9yOiM5NmE5YmM7bWFyZ2luLXJpZ2h0OjEycHg7bWFyZ2luLWxlZnQ6OHB4fS5SQ0Itc2VsZWN0LWFycm93OmFmdGVye2NvbnRlbnQ6XCJcXDI1QkNcIjt2ZXJ0aWNhbC1hbGlnbjptaWRkbGV9LlJDQi1kZC1sYWJlbHtkaXNwbGF5OmlubGluZS1ibG9jaztvdmVyZmxvdzpoaWRkZW47dGV4dC1vdmVyZmxvdzplbGxpcHNpczttYXgtd2lkdGg6NzAlO3ZlcnRpY2FsLWFsaWduOnRvcDt3aGl0ZS1zcGFjZTpub3dyYXB9LlJDQi1maWxlLWlucHV0e2N1cnNvcjpwb2ludGVyfS5SQ0ItZHJhZy1kcm9wLXVwbG9hZGVye2JvcmRlcjoycHggZGFzaGVkIHJnYmEoMTA0LDEyOCwxNDUsMC40Mik7cGFkZGluZzoyMHB4O3RleHQtYWxpZ246Y2VudGVyfS5SQ0ItZHJhZy1vdmVye2JhY2tncm91bmQ6I2YzZjNmM30uUkNCLXRvZ2dsZXtwYWRkaW5nOjJweCAzcHg7YmFja2dyb3VuZC1jb2xvcjojRkZGO2JvcmRlcjoxcHggc29saWQgI0NDQztib3JkZXItcmFkaXVzOjIwcHg7Ym94LXNpemluZzpjb250ZW50LWJveDtjdXJzb3I6cG9pbnRlcn0uUkNCLXRvZ2dsZS5hY3RpdmV7YmFja2dyb3VuZC1jb2xvcjojMmNiMTkxfS5SQ0ItdG9nZ2xlLmFjdGl2ZSAuUkNCLXRvZ2dsZS1rbm9ie2JhY2tncm91bmQtY29sb3I6I0ZGRn0uUkNCLXRvZ2dsZS1kaXNhYmxle2N1cnNvcjpub3QtYWxsb3dlZDtvcGFjaXR5OjAuOH0uUkNCLXRvZ2dsZS1rbm9ie2JhY2tncm91bmQtY29sb3I6IzgzOTlhZTtib3JkZXItcmFkaXVzOjUwJTstd2Via2l0LXRyYW5zaXRpb246dHJhbnNmb3JtIC4zcyBlYXNlOy1tb3otdHJhbnNpdGlvbjp0cmFuc2Zvcm0gLjNzIGVhc2U7LW1zLXRyYW5zaXRpb246dHJhbnNmb3JtIC4zcyBlYXNlO3RyYW5zaXRpb246dHJhbnNmb3JtIC4zcyBlYXNlfS5SQ0ItbW9kYWx7cG9zaXRpb246Zml4ZWQ7dG9wOjA7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTtiYWNrZ3JvdW5kOnJnYmEoMCwwLDAsMC44KTtkaXNwbGF5OmZsZXg7anVzdGlmeS1jb250ZW50OmNlbnRlcjthbGlnbi1pdGVtczpjZW50ZXI7ei1pbmRleDoyfS5SQ0ItbW9kYWwtYm9keXtiYWNrZ3JvdW5kOiNGRkY7cGFkZGluZzoyMHB4fS5SQ0ItbW9kYWwtaGVhZGVye2Rpc3BsYXk6ZmxleDttYXJnaW4tYm90dG9tOjEwcHh9LlJDQi1tb2RhbC10aXRsZXtmbGV4OjF9LlJDQi1tb2RhbC1jbG9zZXtjdXJzb3I6cG9pbnRlcn0uUkNCLW1vZGFsLWNsb3NlOmJlZm9yZXtjb250ZW50OlwiWFwifS5SQ0ItaW5saW5lLW1vZGFse3Bvc2l0aW9uOnJlbGF0aXZlO2Rpc3BsYXk6aW5saW5lLWJsb2NrfS5SQ0ItaW5saW5lLW1vZGFsLmhvdmVyLW9wZW4gLlJDQi1pbmxpbmUtbW9kYWwtYm9keXtkaXNwbGF5Om5vbmV9LlJDQi1pbmxpbmUtbW9kYWwuaG92ZXItb3Blbjpob3ZlciAuUkNCLWlubGluZS1tb2RhbC1ib2R5e2Rpc3BsYXk6YmxvY2t9LlJDQi1pbmxpbmUtbW9kYWwtYm9keXtwb3NpdGlvbjphYnNvbHV0ZTt6LWluZGV4OjF9LlJDQi1pbmxpbmUtbW9kYWwtYm9keS5SQ0ItYWxpZ24tbGVmdHtsZWZ0OjB9LlJDQi1pbmxpbmUtbW9kYWwtYm9keS5SQ0ItYWxpZ24tcmlnaHR7cmlnaHQ6MH0uUkNCLWxpc3R7bWFyZ2luOjA7cGFkZGluZzowfS5SQ0ItdGFibGV7Ym9yZGVyLWNvbGxhcHNlOmNvbGxhcHNlO3dpZHRoOjEwMCV9LlJDQi10aC5SQ0ItZXhwYW5kLWNvbHVtbnt3aWR0aDo1MHB4fS5SQ0ItdGgtc29ydGFibGV7Y3Vyc29yOnBvaW50ZXJ9LlJDQi10aC1zb3J0OmFmdGVye2NvbnRlbnQ6XCJcXDJCMERcIn0uUkNCLXRoLWFzYzphZnRlcntjb250ZW50OlwiXFwyNUIyXCJ9LlJDQi10aC1kc2M6YWZ0ZXJ7Y29udGVudDpcIlxcMjVCQ1wifS5SQ0ItdHIgLmV4cGFuZC1vcGVuOmJlZm9yZXtjb250ZW50Olwi4pa8XCJ9LlJDQi10ciAuZXhwYW5kLWNsb3NlOmJlZm9yZXtjb250ZW50Olwi4pa2XCJ9LlJDQi1wYWdpbmF0ZS13cmFwcGVyIC5SQ0ItcGVyLXBhZ2UtY291bnR7ZGlzcGxheTppbmxpbmUtYmxvY2t9LlJDQi1wYWdpbmF0ZS13cmFwcGVyIC5SQ0ItZm9ybS1lbC1jb250e21hcmdpbjowfS5SQ0ItcGFnaW5hdGUtd3JhcHBlciAuUkNCLWlubGluZS1tb2RhbC1idG57YmFja2dyb3VuZDp0cmFuc3BhcmVudDtwYWRkaW5nOjB9LlJDQi1wYWdpbmF0ZS1uYXZ7ZGlzcGxheTppbmxpbmUtYmxvY2s7Ym9yZGVyLXJhZGl1czoxMnB4O2JvcmRlcjpzb2xpZCAxcHggIzgzOTlhZTtiYWNrZ3JvdW5kLWNvbG9yOiNmNmY3Zjk7dmVydGljYWwtYWxpZ246bWlkZGxlO21hcmdpbi1sZWZ0OjE1cHg7b3ZlcmZsb3c6aGlkZGVufS5SQ0ItcGFnZS1uYXZ7cGFkZGluZzowIDVweDt0ZXh0LWRlY29yYXRpb246bm9uZTtjb2xvcjppbmhlcml0fS5SQ0ItcGFnZS1uYXY6Zmlyc3QtY2hpbGR7Ym9yZGVyLXJpZ2h0OnNvbGlkIDFweCAjODM5OWFlfS5SQ0ItcGFnZS1uYXYuZGlzYWJsZWR7Y29sb3I6I2NjYztwb2ludGVyLWV2ZW50czpub25lO2N1cnNvcjpub3QtYWxsb3dlZH0uUkNCLW5vLWRhdGF7dGV4dC1hbGlnbjpjZW50ZXJ9LlJDQi10YWJzLWNvbnRhaW5lcntkaXNwbGF5OmZsZXh9LlJDQi10YWItdGl0bGV7bGlzdC1zdHlsZS10eXBlOm5vbmU7cGFkZGluZzoxMHB4O2N1cnNvcjpwb2ludGVyfS5SQ0ItdGFiLXRpdGxlLnNlbGVjdGVke2JhY2tncm91bmQ6I0ZGRjtmb250LXdlaWdodDpib2xkO2JvcmRlcjoxcHggc29saWQgI2NhY2FjYTtwb3NpdGlvbjpyZWxhdGl2ZTt6LWluZGV4OjF9LlJDQi10YWJzLWhvcml6b250YWx7ZmxleC1kaXJlY3Rpb246Y29sdW1ufS5SQ0ItdGFicy1ob3Jpem9udGFsIC5SQ0ItdGFiLXRpdGxle2Rpc3BsYXk6aW5saW5lLWJsb2NrfS5SQ0ItdGFicy1ob3Jpem9udGFsIC5SQ0ItdGFiLXRpdGxlLnNlbGVjdGVke2JvcmRlci1ib3R0b206MDtib3R0b206LTFweH0uUkNCLXRhYnMtdmVydGljYWwgLlJDQi10YWItdGl0bGV7ZGlzcGxheTpibG9ja30uUkNCLXRhYnMtdmVydGljYWwgLlJDQi10YWItdGl0bGUuc2VsZWN0ZWR7Ym9yZGVyLXJpZ2h0OjA7cmlnaHQ6LTFweH0uUkNCLXRhYi1jb250ZW50e2xpc3Qtc3R5bGUtdHlwZTpub25lO2JvcmRlcjoxcHggc29saWQgI2NhY2FjYTtwYWRkaW5nOjEwcHh9LlJDQi10YWItY29udGVudC5zZWxlY3RlZHtkaXNwbGF5OmJsb2NrfS5SQ0ItdGFiLWRpc2FibGVke3BvaW50ZXItZXZlbnRzOm5vbmU7Y3Vyc29yOm5vdC1hbGxvd2VkO2NvbG9yOiNjY2N9LlJDQi1wcm9ncmVzcy1iYXJ7d2lkdGg6MTAwJTtwb3NpdGlvbjpyZWxhdGl2ZTtiYWNrZ3JvdW5kOiNjY2N9LlJDQi1wcm9ncmVzcy12YWx1ZXtoZWlnaHQ6MTAwJTtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtiYWNrZ3JvdW5kOiMzZDk1NjV9LlJDQi10b29sdGlwe2Rpc3BsYXk6aW5saW5lLWJsb2NrO3Bvc2l0aW9uOnJlbGF0aXZlfS5SQ0ItdG9vbHRpcCAuUkNCLXRvb2x0aXAtYm9keS5SQ0ItdG9vbHRpcC1ob3ZlcntkaXNwbGF5OmlubGluZS1ibG9ja30uUkNCLXRvb2x0aXAgLlJDQi10b29sdGlwLWJvZHkuUkNCLXRvb2x0aXAtY2xpY2t7ZGlzcGxheTppbmxpbmUtYmxvY2t9LlJDQi10b29sdGlwLWJvZHl7ZGlzcGxheTpub25lO3Bvc2l0aW9uOmFic29sdXRlO3otaW5kZXg6MX0uUkNCLWFjY29yZGlhbi10aXRsZXtjdXJzb3I6cG9pbnRlcn0uUkNCLWxpc3R7bGlzdC1zdHlsZS10eXBlOm5vbmV9LlJDQi1oaWRkZW57ZGlzcGxheTpub25lfS5SQ0Itbm8tcG9pbnRlcntwb2ludGVyLWV2ZW50czpub25lfS5SQ0ItZGlzYWJsZWQgLlJDQi1pbmxpbmUtbW9kYWwtYnRue2N1cnNvcjpub3QtYWxsb3dlZDtwb2ludGVyLWV2ZW50czpub25lfVxuIl19 */
|
|
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%;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;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}
|
package/components/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
@@ -142,18 +143,33 @@ Object.defineProperty(exports, "Tooltip", {
|
|
|
142
143
|
return _Tooltip["default"];
|
|
143
144
|
}
|
|
144
145
|
});
|
|
146
|
+
|
|
145
147
|
var _Button = _interopRequireWildcard(require("./Button"));
|
|
148
|
+
|
|
146
149
|
var _List = _interopRequireDefault(require("./List"));
|
|
150
|
+
|
|
147
151
|
var _Modal = _interopRequireDefault(require("./Modal"));
|
|
152
|
+
|
|
148
153
|
var _InlineModal = _interopRequireDefault(require("./InlineModal"));
|
|
154
|
+
|
|
149
155
|
var _DataLoader = _interopRequireDefault(require("./DataLoader"));
|
|
156
|
+
|
|
150
157
|
var _Form = _interopRequireWildcard(require("./Form"));
|
|
158
|
+
|
|
151
159
|
var _Table = _interopRequireWildcard(require("./Table"));
|
|
160
|
+
|
|
152
161
|
var _TabsComponent = _interopRequireDefault(require("./TabsComponent"));
|
|
162
|
+
|
|
153
163
|
var _NotificationComponent = _interopRequireDefault(require("./NotificationComponent"));
|
|
164
|
+
|
|
154
165
|
var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
|
|
166
|
+
|
|
155
167
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
168
|
+
|
|
156
169
|
var _Accordian = _interopRequireDefault(require("./Accordian"));
|
|
170
|
+
|
|
157
171
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
172
|
+
|
|
158
173
|
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
|
+
|
|
159
175
|
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,3 +1 @@
|
|
|
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/lib/Readme.md
ADDED
|
@@ -0,0 +1,82 @@
|
|
|
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
|
+
|
|
@@ -0,0 +1,117 @@
|
|
|
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;
|
|
@@ -0,0 +1,137 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _Accordian = _interopRequireDefault(require("./Accordian"));
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
+
var _default = _Accordian["default"];
|
|
10
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.ButtonSize = exports.ButtonAppearance = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
var _excluded = ["children", "className", "loading", "disabled", "appearance", "size", "onClick"];
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
14
|
+
/** ButtonAppearance enum */
|
|
15
|
+
var ButtonAppearance = {
|
|
16
|
+
DEFAULT: "default",
|
|
17
|
+
PRIMARY: "primary",
|
|
18
|
+
SECONDARY: "secondary"
|
|
19
|
+
};
|
|
20
|
+
/** ButtonSize enum */
|
|
21
|
+
exports.ButtonAppearance = ButtonAppearance;
|
|
22
|
+
var ButtonSize = {
|
|
23
|
+
SMALL: "small",
|
|
24
|
+
MEDIUM: "medium",
|
|
25
|
+
LARGE: "large"
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
*
|
|
30
|
+
* Displays a Button component
|
|
31
|
+
*/
|
|
32
|
+
exports.ButtonSize = ButtonSize;
|
|
33
|
+
var Button = function Button(props) {
|
|
34
|
+
var children = props.children,
|
|
35
|
+
className = props.className,
|
|
36
|
+
loading = props.loading,
|
|
37
|
+
disabled = props.disabled,
|
|
38
|
+
appearance = props.appearance,
|
|
39
|
+
size = props.size,
|
|
40
|
+
onClick = props.onClick,
|
|
41
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
42
|
+
var btnClassName = "RCB-btn RCB-btn-".concat(appearance, " RCB-btn-").concat(size, " ").concat(className) + (loading ? " RCB-btn-loading" : "");
|
|
43
|
+
return /*#__PURE__*/_react["default"].createElement("button", _extends({
|
|
44
|
+
className: btnClassName,
|
|
45
|
+
disabled: disabled,
|
|
46
|
+
onClick: onClick
|
|
47
|
+
}, restProps), children);
|
|
48
|
+
};
|
|
49
|
+
Button.propTypes = {
|
|
50
|
+
/** Add any additional classes to Button component */
|
|
51
|
+
className: _propTypes["default"].string,
|
|
52
|
+
/** Boolean indicating whether the button should render as disabled */
|
|
53
|
+
disabled: _propTypes["default"].bool,
|
|
54
|
+
/** Boolean indicating whether the button is in loading state */
|
|
55
|
+
loading: _propTypes["default"].bool,
|
|
56
|
+
/** String indicating how Button should be rendered.
|
|
57
|
+
* Must be one of,
|
|
58
|
+
* ButtonAppearance = {
|
|
59
|
+
DEFAULT: "default",
|
|
60
|
+
PRIMARY: "primary",
|
|
61
|
+
SECONDARY: "secondary"
|
|
62
|
+
}
|
|
63
|
+
*/
|
|
64
|
+
appearance: _propTypes["default"].oneOf(Object.values(ButtonAppearance)),
|
|
65
|
+
/** String indicating the size of the Button
|
|
66
|
+
* Must be one of,
|
|
67
|
+
* ButtonSize = {
|
|
68
|
+
SMALL: "small",
|
|
69
|
+
MEDIUM: "medium",
|
|
70
|
+
LARGE: "large"
|
|
71
|
+
}
|
|
72
|
+
*/
|
|
73
|
+
size: _propTypes["default"].oneOf(Object.values(ButtonSize)),
|
|
74
|
+
/** Button onClick handler */
|
|
75
|
+
onClick: _propTypes["default"].func
|
|
76
|
+
};
|
|
77
|
+
Button.defaultProps = {
|
|
78
|
+
onClick: function onClick() {},
|
|
79
|
+
appearance: ButtonAppearance.DEFAULT,
|
|
80
|
+
size: ButtonSize.SMALL,
|
|
81
|
+
className: ""
|
|
82
|
+
};
|
|
83
|
+
var _default = Button;
|
|
84
|
+
exports["default"] = _default;
|