oolib 2.158.0 → 2.158.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/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Dropdowns/comps/SelectDropdown/index.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6 -3
- package/dist/v2/components/ImagePlaceholder/index.js +2 -3
- package/dist/v2/components/TabBar/index.js +4 -6
- package/dist/v2/components/TabBar/index.styled.js +1 -1
- package/package.json +1 -1
|
@@ -61,7 +61,7 @@ var Breadcrumbs = function (_a) {
|
|
|
61
61
|
if (containerWidth > (0, mixins_1.getBreakPoint)('md')) {
|
|
62
62
|
// for large devices (not default since containerWidth is initialized to 0)
|
|
63
63
|
var linksDisplayed_1 = beConcise && links.length > 3 ? [links[0], { to: "", display: "..." }, links[links.length - 2], links[links.length - 1]] : links;
|
|
64
|
-
return (react_1.default.createElement(index_styled_1.StyledBreadcrumbs, {
|
|
64
|
+
return (react_1.default.createElement(index_styled_1.StyledBreadcrumbs, { ref: measuredContainer }, linksDisplayed_1.map(function (link, ind) {
|
|
65
65
|
return (react_1.default.createElement(index_styled_1.StyledLinkCrumb, { to: link.to, invert: invert, key: ind, style: ind === linksDisplayed_1.length - 1
|
|
66
66
|
? {
|
|
67
67
|
pointerEvents: 'none',
|
|
@@ -49,6 +49,6 @@ var SelectDropdown = function (_a) {
|
|
|
49
49
|
// }
|
|
50
50
|
className: "".concat(selectClassName || "", " ").concat(!value && placeholder) }, dropdownSelectText.display)))),
|
|
51
51
|
react_1.default.createElement(Caret_1.Caret, { showOptions: showOptions, invert: invert, disabled: disabled }))); };
|
|
52
|
-
return genCustomSelectComp ? genCustomSelectComp(
|
|
52
|
+
return genCustomSelectComp ? genCustomSelectComp() : genSelectComp();
|
|
53
53
|
};
|
|
54
54
|
exports.SelectDropdown = SelectDropdown;
|
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ export * from "./themes/mixins";
|
|
|
3
3
|
export * from "./components/Typo";
|
|
4
4
|
export * from "./globalStyles/globalVariables";
|
|
5
5
|
export * from "./components/Buttons";
|
|
6
|
-
export * from "./components/Tags";
|
|
7
6
|
export * from "./components/Breadcrumbs";
|
|
8
7
|
export * from "./components/InlineAlert";
|
|
9
8
|
export * from "./components/TextInputs";
|
|
@@ -75,5 +74,6 @@ export { TabBarStyle1 as TabBarV2 } from "./v2/components/TabBar";
|
|
|
75
74
|
export { colors as colors2 } from "./v2/themes";
|
|
76
75
|
export { HintsProvider } from "./v2/components/Hints/contextApi";
|
|
77
76
|
export { LoaderCircle, ProgressBar, LoaderCircle as Loader, LoaderOverlay } from "./components/LoadersAndProgress";
|
|
77
|
+
export { TagClear, TagLink, TagSelect } from "./components/Tags";
|
|
78
78
|
export { BannerAlert, BannerInfo } from "./components/Banners";
|
|
79
79
|
export { BannerContext, useBannerContext, BannerProvider } from "./components/Banners/bannerContext";
|
package/dist/index.js
CHANGED
|
@@ -17,8 +17,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
18
|
};
|
|
19
19
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
-
exports.
|
|
21
|
-
exports.HintsProvider = exports.colors2 = exports.TabBarV2 = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = void 0;
|
|
20
|
+
exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.DataVizAccordion = exports.BarChart = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.TagSelect = exports.TagLink = exports.TagClear = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
|
|
21
|
+
exports.HintsProvider = exports.colors2 = exports.TabBarV2 = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = void 0;
|
|
22
22
|
var TabBar_1 = require("./v2/components/TabBar");
|
|
23
23
|
//css and styling related ( styled-components )
|
|
24
24
|
var globalStyles_1 = require("./globalStyles");
|
|
@@ -39,7 +39,10 @@ var LoadersAndProgress_2 = require("./components/LoadersAndProgress"); //backwar
|
|
|
39
39
|
Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return LoadersAndProgress_2.LoaderCircle; } });
|
|
40
40
|
Object.defineProperty(exports, "LoaderOverlay", { enumerable: true, get: function () { return LoadersAndProgress_2.LoaderOverlay; } });
|
|
41
41
|
__exportStar(require("./components/Buttons"), exports);
|
|
42
|
-
|
|
42
|
+
var Tags_1 = require("./components/Tags");
|
|
43
|
+
Object.defineProperty(exports, "TagClear", { enumerable: true, get: function () { return Tags_1.TagClear; } });
|
|
44
|
+
Object.defineProperty(exports, "TagLink", { enumerable: true, get: function () { return Tags_1.TagLink; } });
|
|
45
|
+
Object.defineProperty(exports, "TagSelect", { enumerable: true, get: function () { return Tags_1.TagSelect; } });
|
|
43
46
|
__exportStar(require("./components/Breadcrumbs"), exports);
|
|
44
47
|
// export * from './components/BlockLabel';
|
|
45
48
|
__exportStar(require("./components/InlineAlert"), exports);
|
|
@@ -59,13 +59,12 @@ var ImagePlaceholder = function (_a) {
|
|
|
59
59
|
'#F1F3AB',
|
|
60
60
|
'#CAF3AB',
|
|
61
61
|
];
|
|
62
|
-
var randomColor = colors[Math.floor(Math.random() * colors.length)];
|
|
63
|
-
randomColor += '80'; // to convert to RGBA format for 50% opacity
|
|
62
|
+
var randomColor = (0, react_1.useRef)(colors[Math.floor(Math.random() * colors.length)] + '80');
|
|
64
63
|
var firstLetter = title.charAt(0).toUpperCase();
|
|
65
64
|
return (react_1.default.createElement(styled_1.StyledContainer, { ref: containerRef, aspectRatio: aspectRatio, height: height, strechToFullHeight: strechToFullHeight, style: style },
|
|
66
65
|
react_1.default.createElement(styled_1.StyledImageLayer, null,
|
|
67
66
|
react_1.default.createElement(styled_1.StyledImage, { src: gradient_background_jpg_1.default, alt: title })),
|
|
68
|
-
react_1.default.createElement(styled_1.StyledColorOverlay, { color: randomColor }),
|
|
67
|
+
react_1.default.createElement(styled_1.StyledColorOverlay, { color: randomColor.current }),
|
|
69
68
|
react_1.default.createElement(styled_1.StyledLetterContainer, null,
|
|
70
69
|
react_1.default.createElement(styled_1.StyledLetter, { fontSize: letterSize, fontWeight: fontWeight }, firstLetter))));
|
|
71
70
|
};
|
|
@@ -52,21 +52,19 @@ var Base = function (_a) {
|
|
|
52
52
|
react_1.default.createElement(Buttons_1.ButtonGhost, { S: true, icon: 'CaretRight', style: { height: '100%' }, onClick: function () { return slide("right"); } }))))));
|
|
53
53
|
};
|
|
54
54
|
var TabBarStyle1 = function (props) {
|
|
55
|
+
var _a = props.placeholder, placeholder = _a === void 0 ? 'Select An Option' : _a;
|
|
55
56
|
var screenWidth = (0, _EXPORTS_1.useScreenWidth)();
|
|
56
57
|
var isDesktop = screenWidth >= (0, mixins_1.getBreakPoint)("sm");
|
|
57
58
|
return (props.responsive && !isDesktop
|
|
58
|
-
? (react_1.default.createElement(DropdownSingle_1.DropdownSingle, __assign({}, props, { genCustomSelectComp: function (
|
|
59
|
-
var value = _a.value;
|
|
60
|
-
return react_1.default.createElement(CustomSelectComp, { value: value, title: props.title });
|
|
61
|
-
} })))
|
|
59
|
+
? (react_1.default.createElement(DropdownSingle_1.DropdownSingle, __assign({}, props, { genCustomSelectComp: function () { return react_1.default.createElement(CustomSelectComp, { value: props.value, title: props.title, placeholder: placeholder }); } })))
|
|
62
60
|
: (react_1.default.createElement(Base, __assign({}, props, { tabBarStyle: "1" }))));
|
|
63
61
|
};
|
|
64
62
|
exports.TabBarStyle1 = TabBarStyle1;
|
|
65
63
|
var CustomSelectComp = function (_a) {
|
|
66
|
-
var value = _a.value, title = _a.title;
|
|
64
|
+
var value = _a.value, title = _a.title, placeholder = _a.placeholder;
|
|
67
65
|
return (react_1.default.createElement(index_styled_1.StyledWrapper, null,
|
|
68
66
|
react_1.default.createElement("div", null,
|
|
69
67
|
react_1.default.createElement(Typo2_1.UI_TAG, { style: { color: colors_1.colors.grey40 } }, title),
|
|
70
|
-
react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, { capitalize: true, style: { color: colors_1.colors.black } }, value.display)),
|
|
68
|
+
react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, { capitalize: true, style: { color: value ? colors_1.colors.black : colors_1.colors.grey60 } }, value ? value.display : placeholder)),
|
|
71
69
|
react_1.default.createElement(phosphor_react_1.List, { size: 18, weight: "bold" })));
|
|
72
70
|
};
|
|
@@ -108,5 +108,5 @@ exports.StyledDot = styled_components_1.default.div(templateObject_16 || (templa
|
|
|
108
108
|
var active = _a.active, error = _a.error, tabBarStyle = _a.tabBarStyle;
|
|
109
109
|
return tabBarStyle === "2" && active ? errorColor : !active && error ? errorColor : errorColor;
|
|
110
110
|
});
|
|
111
|
-
exports.StyledWrapper = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n /* min-height: 5.6rem; */\n padding: 0.8rem 1.6rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 1.2rem;\n background: #FFF;\n gap: 0.5rem;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);\n"], ["\n display: flex;\n /* min-height: 5.6rem; */\n padding: 0.8rem 1.6rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 1.2rem;\n background: #FFF;\n gap: 0.5rem;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);\n"])));
|
|
111
|
+
exports.StyledWrapper = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n /* min-height: 5.6rem; */\n padding: 0.8rem 1.6rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 1.2rem;\n background: #FFF;\n gap: 0.5rem;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);\n cursor: pointer;\n"], ["\n display: flex;\n /* min-height: 5.6rem; */\n padding: 0.8rem 1.6rem;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 1.2rem;\n background: #FFF;\n gap: 0.5rem;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);\n cursor: pointer;\n"])));
|
|
112
112
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
|