@lanaco/lnc-react-ui 3.0.5 → 3.0.7

package/lib/index.esm.js

@@ -12911,7 +12911,7 @@ var getDisabledBackgroundCss = function getDisabledBackgroundCss(theme) {
   return "\n    background-color: ".concat(bgColorRgba, ";\n  ");
 };
 
-var _excluded$1p = ["containerRef", "id", "name", "checked", "defaultChecked", "indeterminate", "disabled", "readOnly", "label", "labelPosition", "tabIndex", "spaceBetween", "customCheckmark", "onChange", "onFocus", "onBlur", "onClick", "color", "size", "className", "style", "inputProps", "children"];
+var _excluded$1p = ["containerRef", "id", "name", "checked", "defaultChecked", "indeterminate", "disabled", "readOnly", "label", "labelPosition", "tabIndex", "spaceBetween", "customCheckmark", "onChange", "onFocus", "onBlur", "onClick", "color", "size", "className", "style", "children"];
 var _templateObject$1q;
 var getLabelDirection$2 = function getLabelDirection(direction) {
   if (direction == "left") return "row-reverse";
@@ -12992,8 +12992,7 @@ var CheckBoxInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     color = props.color,
     size = props.size,
     className = props.className,
-    style = props.style,
-    inputProps = props.inputProps;
+    style = props.style;
     props.children;
     var rest = _objectWithoutProperties$b(props, _excluded$1p);
   var theme = useTheme$1();
@@ -13028,7 +13027,7 @@ var CheckBoxInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     readOnly: readOnly,
     onClick: onClick,
     ref: containerRef
-  }, themeProps, rest), checked == true || checked == false ? /*#__PURE__*/React__default.createElement("input", _extends$h({
+  }, themeProps), checked == true || checked == false ? /*#__PURE__*/React__default.createElement("input", _extends$h({
     type: "checkbox",
     ref: ref,
     tabIndex: tabIndex,
@@ -13037,7 +13036,7 @@ var CheckBoxInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     checked: checkBoxChecked,
     onChange: onChange,
     disabled: disabled || readOnly
-  }, inputProps)) : /*#__PURE__*/React__default.createElement("input", _extends$h({
+  }, rest)) : /*#__PURE__*/React__default.createElement("input", _extends$h({
     type: "checkbox",
     ref: ref,
     tabIndex: tabIndex,
@@ -13046,7 +13045,7 @@ var CheckBoxInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     defaultChecked: defaultChecked,
     disabled: disabled || readOnly,
     onChange: onChange
-  }, inputProps)), /*#__PURE__*/React__default.createElement("div", {
+  }, rest)), /*#__PURE__*/React__default.createElement("div", {
     className: "checkmark",
     tabIndex: -1
   }, !customCheckmark && /*#__PURE__*/React__default.createElement("svg", {
@@ -13104,8 +13103,7 @@ CheckBoxInput.defaultProps = {
   className: "",
   style: {},
   size: "small",
-  color: "primary",
-  inputProps: {}
+  color: "primary"
 };
 CheckBoxInput.propTypes = {
   containerRef: PropTypes.any,
@@ -13115,7 +13113,7 @@ CheckBoxInput.propTypes = {
   checked: PropTypes.bool,
   disabled: PropTypes.bool,
   readOnly: PropTypes.bool,
-  label: PropTypes.string,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   /**
    * Default state indeterminate
    */
@@ -13133,8 +13131,7 @@ CheckBoxInput.propTypes = {
   className: PropTypes.string,
   style: PropTypes.object,
   size: PropTypes.oneOf(["small", "medium", "large"]),
-  color: PropTypes.oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral"]),
-  inputProps: PropTypes.object
+  color: PropTypes.oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral"])
 };
 
 /**
@@ -23171,7 +23168,7 @@ DateInput.defaultProps = {
   maxDate: "",
   tabIndex: 0,
   //------------------------------
-  onChange: function onChange() {},
+  onChange: function onChange(event, isoDate, date) {},
   onFocus: function onFocus() {},
   onBlur: function onBlur() {},
   //------------------------------
@@ -42639,7 +42636,7 @@ PasswordInput.propTypes = {
   color: PropTypes.oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral"])
 };
 
-var _excluded$17 = ["id", "name", "tabIndex", "checked", "className", "style", "color", "innerColor", "size", "onChange", "onFocus", "onBlur", "onClick", "onKeyDown", "value", "label", "labelPosition", "spaceBetween", "disabled", "readOnly", "inputProps"];
+var _excluded$17 = ["id", "name", "tabIndex", "checked", "className", "style", "color", "innerColor", "size", "onChange", "onFocus", "onBlur", "onClick", "onKeyDown", "value", "label", "labelPosition", "spaceBetween", "disabled", "readOnly"];
 var _templateObject$1i, _templateObject2$t;
 var getLabelDirection$1 = function getLabelDirection(direction) {
   if (direction == "left") return "row-reverse";
@@ -42701,9 +42698,8 @@ var RadioInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     labelPosition = props.labelPosition,
     spaceBetween = props.spaceBetween,
     disabled = props.disabled,
-    readOnly = props.readOnly;
-    props.inputProps;
-    var rest = _objectWithoutProperties$b(props, _excluded$17);
+    readOnly = props.readOnly,
+    rest = _objectWithoutProperties$b(props, _excluded$17);
   var _useState = useState(false),
     _useState2 = _slicedToArray$2(_useState, 2),
     focused = _useState2[0],
@@ -42809,8 +42805,7 @@ RadioInput.defaultProps = {
   className: "",
   style: {},
   size: "small",
-  color: "primary",
-  inputProps: {}
+  color: "primary"
 };
 RadioInput.propTypes = {
   id: PropTypes.string,
@@ -42818,7 +42813,7 @@ RadioInput.propTypes = {
   checked: PropTypes.bool,
   disabled: PropTypes.bool,
   readOnly: PropTypes.bool,
-  label: PropTypes.string,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   labelPosition: PropTypes.oneOf(["right", "left"]),
   tabIndex: PropTypes.number,
   spaceBetween: PropTypes.bool,
@@ -42833,8 +42828,7 @@ RadioInput.propTypes = {
   style: PropTypes.object,
   size: PropTypes.oneOf(["small", "medium", "large"]),
   color: PropTypes.oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral"]),
-  innerColor: PropTypes.oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral", "white", "transparent"]),
-  inputProps: PropTypes.any
+  innerColor: PropTypes.oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral", "white", "transparent"])
 };
 
 var _excluded$16 = ["defaultValue", "value", "min", "max", "disabled", "tabIndex", "onChange", "onInput", "color", "size", "className", "style"];
@@ -44458,12 +44452,12 @@ var _templateObject$17;
 var StyledLabel$1 = newStyled.label(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 4px;\n  ", "\n  color: ", ";\n"])), function (props) {
   return getComponentTypographyCss(props.theme, "FormField", props.size, "enabled");
 }, function (props) {
-  return getColorRgbaValue(props.theme, "FormField", "primary", "enabled", "label");
+  return getColorRgbaValue(props.theme, "FormField", props.color, "enabled", "text");
 });
 var Label$2 = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var size = props.size;
-    props.color;
-    var className = props.className,
+  var size = props.size,
+    color = props.color,
+    className = props.className,
     style = props.style,
     children = props.children;
   var theme = useTheme$1();
@@ -44472,6 +44466,7 @@ var Label$2 = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     size: size,
     className: className,
     style: style,
+    color: color,
     ref: ref
   }, children);
 });
@@ -51637,12 +51632,11 @@ var getInput = function getInput(type, inputProps, accessor, value, color, size)
         defaultValue: value
       }));
     case "checkbox":
-      return /*#__PURE__*/React__default.createElement(CheckBoxInput, {
+      return /*#__PURE__*/React__default.createElement(CheckBoxInput, _extends$h({
         color: color,
         size: size,
-        name: accessor,
-        inputProps: inputProps
-      });
+        name: accessor
+      }, inputProps));
     case "radioGroup":
       return /*#__PURE__*/React__default.createElement(RadioGroup, {
         color: color,
@@ -74409,7 +74403,7 @@ DragAndDropFile.propTypes = {
    * Custom control which opens file explorer on click
    */
   control: PropTypes.element,
-  dndFileText: PropTypes.string,
+  dndFileText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   showFileSize: PropTypes.bool,
   /**
    * Determines whether Drag and Drop area or Add button will be shown
@@ -74578,7 +74572,7 @@ DragDropFiles.propTypes = {
   acceptInput: PropTypes.string,
   multiple: PropTypes.bool,
   selectFileText: PropTypes.string,
-  dndFileText: PropTypes.string,
+  dndFileText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   /**
    * Custom control which opens file explorer on click
    */

package/lib/index.js

@@ -12960,7 +12960,7 @@ var getDisabledBackgroundCss = function getDisabledBackgroundCss(theme) {
   return "\n    background-color: ".concat(bgColorRgba, ";\n  ");
 };
 
-var _excluded$1p = ["containerRef", "id", "name", "checked", "defaultChecked", "indeterminate", "disabled", "readOnly", "label", "labelPosition", "tabIndex", "spaceBetween", "customCheckmark", "onChange", "onFocus", "onBlur", "onClick", "color", "size", "className", "style", "inputProps", "children"];
+var _excluded$1p = ["containerRef", "id", "name", "checked", "defaultChecked", "indeterminate", "disabled", "readOnly", "label", "labelPosition", "tabIndex", "spaceBetween", "customCheckmark", "onChange", "onFocus", "onBlur", "onClick", "color", "size", "className", "style", "children"];
 var _templateObject$1q;
 var getLabelDirection$2 = function getLabelDirection(direction) {
   if (direction == "left") return "row-reverse";
@@ -13041,8 +13041,7 @@ var CheckBoxInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     color = props.color,
     size = props.size,
     className = props.className,
-    style = props.style,
-    inputProps = props.inputProps;
+    style = props.style;
     props.children;
     var rest = _objectWithoutProperties__default["default"](props, _excluded$1p);
   var theme = useTheme$1();
@@ -13077,7 +13076,7 @@ var CheckBoxInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     readOnly: readOnly,
     onClick: onClick,
     ref: containerRef
-  }, themeProps, rest), checked == true || checked == false ? /*#__PURE__*/React__default["default"].createElement("input", _extends__default$1["default"]({
+  }, themeProps), checked == true || checked == false ? /*#__PURE__*/React__default["default"].createElement("input", _extends__default$1["default"]({
     type: "checkbox",
     ref: ref,
     tabIndex: tabIndex,
@@ -13086,7 +13085,7 @@ var CheckBoxInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     checked: checkBoxChecked,
     onChange: onChange,
     disabled: disabled || readOnly
-  }, inputProps)) : /*#__PURE__*/React__default["default"].createElement("input", _extends__default$1["default"]({
+  }, rest)) : /*#__PURE__*/React__default["default"].createElement("input", _extends__default$1["default"]({
     type: "checkbox",
     ref: ref,
     tabIndex: tabIndex,
@@ -13095,7 +13094,7 @@ var CheckBoxInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     defaultChecked: defaultChecked,
     disabled: disabled || readOnly,
     onChange: onChange
-  }, inputProps)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "checkmark",
     tabIndex: -1
   }, !customCheckmark && /*#__PURE__*/React__default["default"].createElement("svg", {
@@ -13153,8 +13152,7 @@ CheckBoxInput.defaultProps = {
   className: "",
   style: {},
   size: "small",
-  color: "primary",
-  inputProps: {}
+  color: "primary"
 };
 CheckBoxInput.propTypes = {
   containerRef: PropTypes__default["default"].any,
@@ -13164,7 +13162,7 @@ CheckBoxInput.propTypes = {
   checked: PropTypes__default["default"].bool,
   disabled: PropTypes__default["default"].bool,
   readOnly: PropTypes__default["default"].bool,
-  label: PropTypes__default["default"].string,
+  label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element]),
   /**
    * Default state indeterminate
    */
@@ -13182,8 +13180,7 @@ CheckBoxInput.propTypes = {
   className: PropTypes__default["default"].string,
   style: PropTypes__default["default"].object,
   size: PropTypes__default["default"].oneOf(["small", "medium", "large"]),
-  color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral"]),
-  inputProps: PropTypes__default["default"].object
+  color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral"])
 };
 
 /**
@@ -23220,7 +23217,7 @@ DateInput.defaultProps = {
   maxDate: "",
   tabIndex: 0,
   //------------------------------
-  onChange: function onChange() {},
+  onChange: function onChange(event, isoDate, date) {},
   onFocus: function onFocus() {},
   onBlur: function onBlur() {},
   //------------------------------
@@ -42688,7 +42685,7 @@ PasswordInput.propTypes = {
   color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral"])
 };
 
-var _excluded$17 = ["id", "name", "tabIndex", "checked", "className", "style", "color", "innerColor", "size", "onChange", "onFocus", "onBlur", "onClick", "onKeyDown", "value", "label", "labelPosition", "spaceBetween", "disabled", "readOnly", "inputProps"];
+var _excluded$17 = ["id", "name", "tabIndex", "checked", "className", "style", "color", "innerColor", "size", "onChange", "onFocus", "onBlur", "onClick", "onKeyDown", "value", "label", "labelPosition", "spaceBetween", "disabled", "readOnly"];
 var _templateObject$1i, _templateObject2$t;
 var getLabelDirection$1 = function getLabelDirection(direction) {
   if (direction == "left") return "row-reverse";
@@ -42750,9 +42747,8 @@ var RadioInput = /*#__PURE__*/React__default["default"].forwardRef(function (pro
     labelPosition = props.labelPosition,
     spaceBetween = props.spaceBetween,
     disabled = props.disabled,
-    readOnly = props.readOnly;
-    props.inputProps;
-    var rest = _objectWithoutProperties__default["default"](props, _excluded$17);
+    readOnly = props.readOnly,
+    rest = _objectWithoutProperties__default["default"](props, _excluded$17);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     focused = _useState2[0],
@@ -42858,8 +42854,7 @@ RadioInput.defaultProps = {
   className: "",
   style: {},
   size: "small",
-  color: "primary",
-  inputProps: {}
+  color: "primary"
 };
 RadioInput.propTypes = {
   id: PropTypes__default["default"].string,
@@ -42867,7 +42862,7 @@ RadioInput.propTypes = {
   checked: PropTypes__default["default"].bool,
   disabled: PropTypes__default["default"].bool,
   readOnly: PropTypes__default["default"].bool,
-  label: PropTypes__default["default"].string,
+  label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element]),
   labelPosition: PropTypes__default["default"].oneOf(["right", "left"]),
   tabIndex: PropTypes__default["default"].number,
   spaceBetween: PropTypes__default["default"].bool,
@@ -42882,8 +42877,7 @@ RadioInput.propTypes = {
   style: PropTypes__default["default"].object,
   size: PropTypes__default["default"].oneOf(["small", "medium", "large"]),
   color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral"]),
-  innerColor: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral", "white", "transparent"]),
-  inputProps: PropTypes__default["default"].any
+  innerColor: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral", "white", "transparent"])
 };
 
 var _excluded$16 = ["defaultValue", "value", "min", "max", "disabled", "tabIndex", "onChange", "onInput", "color", "size", "className", "style"];
@@ -44507,12 +44501,12 @@ var _templateObject$17;
 var StyledLabel$1 = newStyled.label(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteral__default["default"](["\n  display: block;\n  margin-bottom: 4px;\n  ", "\n  color: ", ";\n"])), function (props) {
   return getComponentTypographyCss(props.theme, "FormField", props.size, "enabled");
 }, function (props) {
-  return getColorRgbaValue(props.theme, "FormField", "primary", "enabled", "label");
+  return getColorRgbaValue(props.theme, "FormField", props.color, "enabled", "text");
 });
 var Label$2 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  var size = props.size;
-    props.color;
-    var className = props.className,
+  var size = props.size,
+    color = props.color,
+    className = props.className,
     style = props.style,
     children = props.children;
   var theme = useTheme$1();
@@ -44521,6 +44515,7 @@ var Label$2 = /*#__PURE__*/React__default["default"].forwardRef(function (props,
     size: size,
     className: className,
     style: style,
+    color: color,
     ref: ref
   }, children);
 });
@@ -51686,12 +51681,11 @@ var getInput = function getInput(type, inputProps, accessor, value, color, size)
         defaultValue: value
       }));
     case "checkbox":
-      return /*#__PURE__*/React__default["default"].createElement(CheckBoxInput, {
+      return /*#__PURE__*/React__default["default"].createElement(CheckBoxInput, _extends__default$1["default"]({
         color: color,
         size: size,
-        name: accessor,
-        inputProps: inputProps
-      });
+        name: accessor
+      }, inputProps));
     case "radioGroup":
       return /*#__PURE__*/React__default["default"].createElement(RadioGroup, {
         color: color,
@@ -74458,7 +74452,7 @@ DragAndDropFile.propTypes = {
    * Custom control which opens file explorer on click
    */
   control: PropTypes__default["default"].element,
-  dndFileText: PropTypes__default["default"].string,
+  dndFileText: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element]),
   showFileSize: PropTypes__default["default"].bool,
   /**
    * Determines whether Drag and Drop area or Add button will be shown
@@ -74627,7 +74621,7 @@ DragDropFiles.propTypes = {
   acceptInput: PropTypes__default["default"].string,
   multiple: PropTypes__default["default"].bool,
   selectFileText: PropTypes__default["default"].string,
-  dndFileText: PropTypes__default["default"].string,
+  dndFileText: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element]),
   /**
    * Custom control which opens file explorer on click
    */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lanaco/lnc-react-ui",
   "type": "module",
-  "version": "3.0.5",
+  "version": "3.0.7",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",