oolib 2.113.0 → 2.113.1
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/dist/components/Dropdowns/comps/OptionsMulti/index.js +2 -2
- package/dist/components/Dropdowns/comps/OptionsSingle/index.js +2 -2
- package/dist/components/ImageInput/comps/ImageEditor/index.js +3 -3
- package/dist/components/Modals/Modal/index.js +2 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/stories/Checkbox.stories.js +2 -2
- package/dist/stories/Divider.stories.js +2 -2
- package/dist/stories/RadioButton.stories.js +2 -2
- package/dist/stories/SkeletonLoader.stories.js +2 -2
- package/package.json +1 -1
|
@@ -33,7 +33,7 @@ var NoOptionResultsComp_1 = require("../NoOptionResultsComp");
|
|
|
33
33
|
var OptionContent_1 = require("../OptionContent");
|
|
34
34
|
var styled_1 = require("../OptionsSingle/styled");
|
|
35
35
|
var CheckboxButton_1 = require("../../../RadioAndCheckbox/comps/CheckboxList/comps/CheckboxButton");
|
|
36
|
-
var
|
|
36
|
+
var Divider_1 = require("../../../Divider");
|
|
37
37
|
var TextInputs_1 = require("../../../TextInputs");
|
|
38
38
|
var Typo_1 = require("../../../Typo");
|
|
39
39
|
var TextLoader_1 = require("../../../LoadersAndProgress/TextLoader");
|
|
@@ -127,7 +127,7 @@ var OptionsMulti = function (_a) {
|
|
|
127
127
|
} },
|
|
128
128
|
react_1.default.createElement("div", { style: { padding: "1rem" }, onBlur: function () { return setSearchBarFocus(false); }, tabIndex: 0 },
|
|
129
129
|
react_1.default.createElement(TextInputs_1.TextInput, { forceFocus: searchBarFocus, invert: invert, type: "text", icon: "MagnifyingGlass", value: searchString, onChange: function (k, v) { return setSearchString(v); }, S: S })),
|
|
130
|
-
react_1.default.createElement(
|
|
130
|
+
react_1.default.createElement(Divider_1.Divider, { invert: invert }))); };
|
|
131
131
|
return (react_1.default.createElement(OptionsShell_1.OptionsShell, { ref: optionsRef, yOrientation: yOrientation, lightboxHeight: lightboxHeight, lightboxStyle: lightboxStyle, options: options, optionsAnchor: optionsAnchor, showOptions: showOptions, handleHideOptions: handleHideOptions, SelectComp: SelectComp, label: label, optionsModalLabel: optionsModalLabel, invert: invert, showDoneButton: true, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent, relativeToRef: relativeToRef, S: S },
|
|
132
132
|
isSearchable && genSearchBar(),
|
|
133
133
|
!isTagsStyle && createSelectedOptions(),
|
|
@@ -30,7 +30,7 @@ var OptionContent_1 = require("../OptionContent");
|
|
|
30
30
|
var OptionsShell_1 = require("../OptionsShell");
|
|
31
31
|
var styled_1 = require("./styled");
|
|
32
32
|
var themes_1 = require("../../../../themes");
|
|
33
|
-
var
|
|
33
|
+
var Divider_1 = require("../../../Divider");
|
|
34
34
|
var TextInputs_1 = require("../../../TextInputs");
|
|
35
35
|
var TextLoader_1 = require("../../../LoadersAndProgress/TextLoader");
|
|
36
36
|
var useKeyboardControl_1 = require("../../utils/useKeyboardControl");
|
|
@@ -77,7 +77,7 @@ var OptionsSingle = function (_a) {
|
|
|
77
77
|
} },
|
|
78
78
|
react_1.default.createElement("div", { style: { padding: "1rem" } },
|
|
79
79
|
react_1.default.createElement(TextInputs_1.TextInput, { invert: invert, forceFocus: searchBarFocus, type: "text", icon: "MagnifyingGlass", value: searchString, onChange: function (k, v) { return setSearchString(v); }, S: S })),
|
|
80
|
-
react_1.default.createElement(
|
|
80
|
+
react_1.default.createElement(Divider_1.Divider, { invert: invert }))); };
|
|
81
81
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
82
82
|
react_1.default.createElement(OptionsShell_1.OptionsShell, { ref: optionsRef, yOrientation: yOrientation, lightboxHeight: lightboxHeight, lightboxStyle: lightboxStyle, options: options, optionsAnchor: optionsAnchor, showOptions: showOptions, SelectComp: SelectComp, handleHideOptions: handleHideOptions, label: label, optionsModalLabel: optionsModalLabel, invert: invert, relativeToRef: relativeToRef, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent, S: S },
|
|
83
83
|
isSearchable && genSearchBar(),
|
|
@@ -44,7 +44,7 @@ var themes_1 = require("../../../../themes");
|
|
|
44
44
|
var mixins_1 = require("../../../../themes/mixins");
|
|
45
45
|
var _EXPORTS_1 = require("../../../../utils/_EXPORTS");
|
|
46
46
|
var renderRTEPlaceholderForOolibPreview_1 = require("../../../../utilsOolib/renderRTEPlaceholderForOolibPreview");
|
|
47
|
-
var
|
|
47
|
+
var Divider_1 = require("../../../Divider");
|
|
48
48
|
var SkeletonLoader_1 = require("../../../LoadersAndProgress/SkeletonLoader");
|
|
49
49
|
var Modal_1 = require("../../../Modals/Modal");
|
|
50
50
|
var Paddings_1 = require("../../../Paddings");
|
|
@@ -147,7 +147,7 @@ function ImageEditor(_a) {
|
|
|
147
147
|
!richTextHasValue(imageData.caption) //backwards compat cuz its possible caption data might be in draftjs shape
|
|
148
148
|
? null
|
|
149
149
|
: react_1.default.createElement(react_1.Fragment, null,
|
|
150
|
-
react_1.default.createElement(
|
|
150
|
+
react_1.default.createElement(Divider_1.Divider, { invert: invert }),
|
|
151
151
|
react_1.default.createElement("div", { style: {
|
|
152
152
|
borderRadius: "0.2rem",
|
|
153
153
|
padding: readOnly ? "1rem" : "2rem",
|
|
@@ -163,6 +163,6 @@ function ImageEditor(_a) {
|
|
|
163
163
|
imageData: __assign(__assign({}, imageData), { caption: val }),
|
|
164
164
|
});
|
|
165
165
|
} })),
|
|
166
|
-
readOnly && react_1.default.createElement(
|
|
166
|
+
readOnly && react_1.default.createElement(Divider_1.Divider, { invert: invert })))))));
|
|
167
167
|
}
|
|
168
168
|
exports.ImageEditor = ImageEditor;
|
|
@@ -44,7 +44,7 @@ var ModalHeaderStyle1_1 = require("./comps/ModalHeaderStyle1");
|
|
|
44
44
|
var ModalHeaderStyle2_1 = require("./comps/ModalHeaderStyle2");
|
|
45
45
|
var styled_1 = require("./styled");
|
|
46
46
|
var Buttons_1 = require("../../Buttons");
|
|
47
|
-
var
|
|
47
|
+
var Divider_1 = require("../../Divider");
|
|
48
48
|
var Modal = function (_a) {
|
|
49
49
|
var title = _a.title, onClose = _a.onClose, children = _a.children, linkTo = _a.linkTo, _b = _a.desktopWidth, desktopWidth = _b === void 0 ? "80%" : _b, _c = _a.headerStyle, headerStyle = _c === void 0 ? "style1" : _c, subtitle = _a.subtitle, // used only in header style 2
|
|
50
50
|
_d = _a.fitToContentHeight, // used only in header style 2
|
|
@@ -81,7 +81,7 @@ var Modal = function (_a) {
|
|
|
81
81
|
react_1.default.createElement(styled_1.StyledModalLargeBody, { takeFullScreenOnScroll: takeFullScreenOnScroll }, children),
|
|
82
82
|
showActionPanel &&
|
|
83
83
|
react_1.default.createElement("div", { style: { position: 'sticky', bottom: headerStyle === 'style1' ? 0 : '2.2rem' } },
|
|
84
|
-
react_1.default.createElement(
|
|
84
|
+
react_1.default.createElement(Divider_1.Divider, null),
|
|
85
85
|
react_1.default.createElement(styled_1.StyledActionButtonsWrapper, { alignActions: alignActions },
|
|
86
86
|
showConfirmBtn &&
|
|
87
87
|
typeof onConfirm === 'function'
|
package/dist/index.d.ts
CHANGED
|
@@ -25,7 +25,7 @@ export { Tooltip } from "./components/Tooltip";
|
|
|
25
25
|
export { ActionMenu } from "./components/ActionMenu";
|
|
26
26
|
export { Accordion } from "./components/Accordion";
|
|
27
27
|
export { PercentCompletedPie } from "./components/PercentCompletedPie";
|
|
28
|
-
export { Divider } from "./components/Divider
|
|
28
|
+
export { Divider } from "./components/Divider";
|
|
29
29
|
export { SkeletonLoader } from "./components/LoadersAndProgress/SkeletonLoader";
|
|
30
30
|
export { ModalConfirm } from "./components/Modals/ModalConfirm";
|
|
31
31
|
export { ModalForms } from "./components/Modals/derivedComps/ModalForms";
|
package/dist/index.js
CHANGED
|
@@ -64,8 +64,8 @@ var Accordion_1 = require("./components/Accordion");
|
|
|
64
64
|
Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return Accordion_1.Accordion; } });
|
|
65
65
|
var PercentCompletedPie_1 = require("./components/PercentCompletedPie");
|
|
66
66
|
Object.defineProperty(exports, "PercentCompletedPie", { enumerable: true, get: function () { return PercentCompletedPie_1.PercentCompletedPie; } });
|
|
67
|
-
var
|
|
68
|
-
Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return
|
|
67
|
+
var Divider_1 = require("./components/Divider");
|
|
68
|
+
Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
|
|
69
69
|
var SkeletonLoader_1 = require("./components/LoadersAndProgress/SkeletonLoader");
|
|
70
70
|
Object.defineProperty(exports, "SkeletonLoader", { enumerable: true, get: function () { return SkeletonLoader_1.SkeletonLoader; } });
|
|
71
71
|
var ModalConfirm_1 = require("./components/Modals/ModalConfirm");
|
|
@@ -28,7 +28,7 @@ exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = void 0;
|
|
|
28
28
|
var react_1 = require("react");
|
|
29
29
|
var RadioAndCheckbox_1 = require("../components/RadioAndCheckbox");
|
|
30
30
|
var react_json_view_1 = __importDefault(require("react-json-view"));
|
|
31
|
-
var
|
|
31
|
+
var Divider_1 = require("../components/Divider");
|
|
32
32
|
var themes_1 = require("../themes");
|
|
33
33
|
var greyColor100 = themes_1.colors.greyColor100;
|
|
34
34
|
var ops = [
|
|
@@ -66,7 +66,7 @@ var CheckboxList = function (args) {
|
|
|
66
66
|
React.createElement(RadioAndCheckbox_1.CheckboxList, { options: options, value: selectedOptions, onChange: function (id, val) { return setSelectedOptions(val); }, rightWrongResult: args.markOptions, listType: args.listingStyle, injectOtherOption: args.addOther, commonIsCorrectDesc: args.feedbackMessage, S: args.size == "S", readOnly: args.readOnly, label: args.label, disabled: args.disabled, invert: args.invert, inputStyle: args.inputStyle, optionsLimit: args.optionsLimit }),
|
|
67
67
|
React.createElement("br", null),
|
|
68
68
|
" ",
|
|
69
|
-
React.createElement(
|
|
69
|
+
React.createElement(Divider_1.Divider, null),
|
|
70
70
|
" ",
|
|
71
71
|
React.createElement("br", null),
|
|
72
72
|
React.createElement("details", { style: { margin: "2rem 0" } },
|
|
@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.Divider = void 0;
|
|
15
|
-
var
|
|
15
|
+
var Divider_1 = require("../components/Divider");
|
|
16
16
|
var themes_1 = require("../themes");
|
|
17
17
|
exports.default = {
|
|
18
18
|
title: "Components/Divider",
|
|
@@ -23,6 +23,6 @@ exports.default = {
|
|
|
23
23
|
var uid = 0;
|
|
24
24
|
var Divider = function (args) {
|
|
25
25
|
return (React.createElement("div", { style: { padding: '50px', background: args.invert ? themes_1.colors.greyColor100 : themes_1.colors.white } },
|
|
26
|
-
React.createElement(
|
|
26
|
+
React.createElement(Divider_1.Divider, __assign({}, args))));
|
|
27
27
|
};
|
|
28
28
|
exports.Divider = Divider;
|
|
@@ -27,7 +27,7 @@ exports.RadioButton = exports.RadioInput = exports.RadioList = void 0;
|
|
|
27
27
|
var react_1 = require("react");
|
|
28
28
|
var RadioAndCheckbox_1 = require("../components/RadioAndCheckbox");
|
|
29
29
|
var react_json_view_1 = __importDefault(require("react-json-view"));
|
|
30
|
-
var
|
|
30
|
+
var Divider_1 = require("../components/Divider");
|
|
31
31
|
var themes_1 = require("../themes");
|
|
32
32
|
var greyColor100 = themes_1.colors.greyColor100;
|
|
33
33
|
var ops = [
|
|
@@ -66,7 +66,7 @@ var RadioList = function (args) {
|
|
|
66
66
|
React.createElement(RadioAndCheckbox_1.RadioList, { options: options, readOnly: args.readOnly, value: chosenOption, onChange: function (id, val) { return setChosenOption(val); }, rightWrongResult: args.markOptions, label: args.label, listType: args.listingStyle, injectOtherOption: args.addOther, disabled: args.disabled, invert: args.invert, S: args.size == "S", commonIsCorrectDesc: args.feedbackMessage, optionsLimit: args.optionsLimit, saveValueAsString: args.saveValueAsString }),
|
|
67
67
|
React.createElement("br", null),
|
|
68
68
|
" ",
|
|
69
|
-
React.createElement(
|
|
69
|
+
React.createElement(Divider_1.Divider, null),
|
|
70
70
|
" ",
|
|
71
71
|
React.createElement("br", null),
|
|
72
72
|
React.createElement("details", { style: { margin: '2rem 0' } },
|
|
@@ -16,7 +16,7 @@ exports.SkeletonLoader = void 0;
|
|
|
16
16
|
var react_1 = __importDefault(require("react"));
|
|
17
17
|
var SkeletonLoader_1 = require("../components/LoadersAndProgress/SkeletonLoader");
|
|
18
18
|
var themes_1 = require("../themes");
|
|
19
|
-
var
|
|
19
|
+
var Divider_1 = require("../components/Divider");
|
|
20
20
|
var TextLoader_1 = require("../components/LoadersAndProgress/TextLoader");
|
|
21
21
|
var Typo_1 = require("../components/Typo");
|
|
22
22
|
var Paddings_1 = require("../components/Paddings");
|
|
@@ -68,7 +68,7 @@ var SkeletonLoader = function (args) {
|
|
|
68
68
|
width: args.width,
|
|
69
69
|
height: args.height,
|
|
70
70
|
} })),
|
|
71
|
-
react_1.default.createElement(
|
|
71
|
+
react_1.default.createElement(Divider_1.Divider, null),
|
|
72
72
|
react_1.default.createElement(Paddings_1.PaddingTop30, null),
|
|
73
73
|
react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, 'Text Loader'),
|
|
74
74
|
react_1.default.createElement(Typo_1.SANS_3, null, "Defaults to a height of 1.5rem and width of 8rem. Has a fixed color of primaryColor10"),
|