ods-component-lib 1.17.128 → 1.17.129

package/dist/components/antd/select/OdsCustomMultiSelect.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SelectProps } from "antd";
+export interface ISelectProps extends SelectProps {
+    buttonLabel: string;
+}
+declare function OdsCustomMultiSelect(props: ISelectProps): React.JSX.Element;
+export default OdsCustomMultiSelect;

package/dist/index.d.ts

@@ -26,6 +26,7 @@ import OdsNotification from "./components/antd/notification/OdsNotification";
 import OdsRadio from "./components/antd/radio/OdsRadio";
 import OdsRadioGroup from "./components/antd/radio/OdsRadioGroup";
 import OdsRate from "./components/antd/rate/OdsRate";
+import OdsCustomMultiSelect from "./components/antd/select/OdsCustomMultiSelect";
 import OdsSelect from "./components/antd/select/OdsSelect";
 import OdsSpin from "./components/antd/spin/OdsSpin";
 import OdsSwitch from "./components/antd/switch/OdsSwitch";
@@ -99,3 +100,4 @@ export { OdsProfDataGrid };
 export { OdsRemoteDataGrid };
 export { OdsAlert };
 export { OdsBannerAlert };
+export { OdsCustomMultiSelect };

package/dist/index.js

@@ -658,7 +658,9 @@ var StyledList = styled__default(antd.List)(_templateObject$b || (_templateObjec
 
 function OdsList(props) {
   props.size = "default";
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledList, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledList, {
     size: props.size,
     header: props.showHeader && React__default.createElement("div", null, props.headerText),
     footer: props.showFooter && React__default.createElement("div", null, props.footerText),
@@ -667,7 +669,7 @@ function OdsList(props) {
     renderItem: function renderItem(item) {
       return React__default.createElement(antd.List.Item, null, item);
     }
-  }, props.children));
+  }, props.children)));
 }
 
 function OdsMessage(type, content, duration) {
@@ -739,7 +741,15 @@ function OdsModal(props) {
     onCancel: props.onCancel
   }), React__default.createElement("div", {
     className: "content"
-  }, Parser(props.content))));
+  }, Parser(props.content))), React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(antd.Modal, Object.assign({}, props, {
+    open: props.open,
+    onOk: props.onOk,
+    onCancel: props.onCancel
+  }), React__default.createElement("div", {
+    className: "content"
+  }, Parser(props.content)))));
 }
 
 var OdsNotification = function OdsNotification(props) {
@@ -1018,14 +1028,51 @@ var customIcons = {
   6: React__default.createElement(icons.HeartOutlined, null)
 };
 function OdsRate(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledRate, Object.assign({}, props)));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledRate, Object.assign({}, props))));
 }
 
 var _templateObject$e;
 var StyledSelect = styled__default(antd.Select)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
+function OdsCustomMultiSelect(props) {
+  var _useState = React.useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledSelect, Object.assign({}, props, {
+    open: open,
+    onDropdownVisibleChange: function onDropdownVisibleChange(visible) {
+      return setOpen(visible);
+    },
+    dropdownRender: function dropdownRender(menu) {
+      return React__default.createElement(React__default.Fragment, null, menu, React__default.createElement(OdsDivider, {
+        style: {
+          margin: '8px 0'
+        }
+      }), React__default.createElement(antd.Space, {
+        style: {
+          padding: '0 8px 4px'
+        }
+      }, React__default.createElement(OdsButton, {
+        style: {
+          width: "100%"
+        },
+        type: "primary",
+        onClick: function onClick() {
+          return setOpen(false);
+        }
+      }, props.buttonLabel)));
+    }
+  }))));
+}
+
 function OdsSelect(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledSelect, Object.assign({}, props)));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledSelect, Object.assign({}, props))));
 }
 
 var _templateObject$f;
@@ -1044,7 +1091,9 @@ var _templateObject$g;
 var StyledSwitch = styled__default(antd.Switch)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsSwitch(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledSwitch, Object.assign({}, props)));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledSwitch, Object.assign({}, props))));
 }
 
 var _templateObject$h;
@@ -1076,13 +1125,15 @@ function OdsTab(props) {
     setTabPosition = _useState2[1];
   setTabPosition("top");
   setSize("middle");
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTabs, Object.assign({}, props, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledTabs, Object.assign({}, props, {
     tabPosition: tabPosition,
     size: size,
     defaultActiveKey: "1",
     items: items$1,
     onChange: onChange
-  }), props.children));
+  }), props.children)));
 }
 
 var _templateObject$i;
@@ -1113,7 +1164,9 @@ var _templateObject$j;
 var StyledTag = styled__default(antd.Tag)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsTag(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTag, Object.assign({}, props), props.children));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledTag, Object.assign({}, props), props.children)));
 }
 
 var _templateObject$k;
@@ -2153,6 +2206,7 @@ exports.OdsCard = OdsCard;
 exports.OdsCheckbox = OdsCheckbox;
 exports.OdsCheckboxGroup = OdsCheckboxGroup;
 exports.OdsCollapse = OdsCollapse;
+exports.OdsCustomMultiSelect = OdsCustomMultiSelect;
 exports.OdsDataGrid = OdsDataGrid;
 exports.OdsDateRangePicker = OdsDateRangePicker;
 exports.OdsDatepicker = OdsDateRangePicker;