oolib 2.158.1 → 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.
Files changed (5) hide show
  1. package/dist/components/Dropdowns/comps/SelectDropdown/index.js +1 -1
  2. package/dist/v2/components/ImagePlaceholder/index.js +2 -3
  3. package/dist/v2/components/TabBar/index.js +4 -6
  4. package/dist/v2/components/TabBar/index.styled.js +1 -1
  5. package/package.json +1 -1
package/dist/components/Dropdowns/comps/SelectDropdown/index.js CHANGED
@@ -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({ value: value }) : genSelectComp();
52
+ return genCustomSelectComp ? genCustomSelectComp() : genSelectComp();
53
53
  };
54
54
  exports.SelectDropdown = SelectDropdown;
package/dist/v2/components/ImagePlaceholder/index.js CHANGED
@@ -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
  };
package/dist/v2/components/TabBar/index.js CHANGED
@@ -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 (_a) {
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
  };
package/dist/v2/components/TabBar/index.styled.js CHANGED
@@ -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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.158.1",
3
+ "version": "2.158.2",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",