@lanaco/lnc-react-ui 3.7.0 → 3.9.0

package/lib/index.esm.js

@@ -77214,7 +77214,7 @@ function reducer(state, action) {
 
 function noop$1() {}
 
-var _excluded$s = ["inputRef", "id", "disabled", "preventDefault", "acceptDropzone", "acceptInput", "multiple", "selectFileText", "control", "dndFileText", "showFileSize", "showDnD", "className", "style", "onChange", "onFocus", "onBlur", "onDropAccepted", "onDrop", "color", "size", "inputProps"];
+var _excluded$s = ["inputRef", "id", "disabled", "preventDefault", "acceptDropzone", "acceptInput", "multiple", "selectFileText", "control", "dndFileText", "showFileSize", "showDnD", "className", "style", "onChange", "onFocus", "onBlur", "onDropAccepted", "onDrop", "color", "size", "inputProps", "alwaysShowDropzone"];
 var _templateObject$o, _templateObject2$8, _templateObject3$5;
 var paddingBySize = {
   small: "0.5rem 0.813rem",
@@ -77262,6 +77262,7 @@ var DragAndDropFile = /*#__PURE__*/React__default.forwardRef(function (props, re
     color = props.color,
     size = props.size,
     inputProps = props.inputProps,
+    alwaysShowDropzone = props.alwaysShowDropzone,
     rest = _objectWithoutProperties$1(props, _excluded$s);
   var theme = useTheme$1();
   var _useState = useState(false),
@@ -77358,10 +77359,10 @@ var DragAndDropFile = /*#__PURE__*/React__default.forwardRef(function (props, re
       if (_onBlur && !disabled) _onBlur(e);
     },
     onChange: handleOnChange
-  }, inputProps)), !isDragActive && !displayDnD && /*#__PURE__*/React__default.createElement(PlusLabel, null, /*#__PURE__*/React__default.createElement(Icon, {
+  }, inputProps)), !isDragActive && !displayDnD && !alwaysShowDropzone && /*#__PURE__*/React__default.createElement(PlusLabel, null, /*#__PURE__*/React__default.createElement(Icon, {
     icon: "plus",
     size: size
-  })), (isDragActive || displayDnD) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
+  })), (isDragActive || displayDnD || alwaysShowDropzone) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
     icon: "upload",
     size: size,
     className: "dnd-icon-lnc"
@@ -77376,6 +77377,7 @@ DragAndDropFile.defaultProps = {
   dndFileText: "Drag and drop file here or",
   showFileSize: false,
   showDnD: true,
+  alwaysShowDropzone: false,
   //------------------
   onChange: function onChange() {},
   onFocus: function onFocus() {},
@@ -77418,6 +77420,7 @@ DragAndDropFile.propTypes = {
    * }
   */
   showDnD: PropTypes.bool,
+  alwaysShowDropzone: PropTypes.bool,
   //-------------------------
   onChange: PropTypes.func,
   onFocus: PropTypes.func,
@@ -82413,24 +82416,26 @@ NestedDropdownItem.propTypes = {
   __TYPE__: PropTypes.string
 };
 
-var _excluded$4 = ["direction", "open", "duration", "enableOverlay", "zIndex", "closeOnClickOutside", "closeOnSwipe", "isFullPage", "onClose", "onOpen", "className", "style", "color", "overlayColor", "size", "drawerSize", "children"];
+var _excluded$4 = ["direction", "open", "duration", "enableOverlay", "zIndex", "closeOnClickOutside", "closeOnSwipe", "isFullPage", "unsetHeight", "unsetWidth", "onClose", "onOpen", "className", "style", "color", "overlayColor", "size", "drawerSize", "children"];
 var _templateObject$4, _templateObject2;
-var getHeight = function getHeight(direction, isOpen, isFullPage, drawerSize) {
-  if (direction === "right" || direction === "left") return "100%";
-  if (isOpen && isFullPage) return "100%";
-  if (isOpen) return drawerSize;
-  return 0;
+var getHeight = function getHeight(direction, isOpen, isFullPage, drawerSize, unsetHeight) {
+  if (direction === "right" || direction === "left") return "height: 100%;";
+  if (isOpen && isFullPage) return "height: 100%;";
+  if (isOpen && unsetHeight === true) return;
+  if (isOpen) return "height: " + drawerSize + ";";
+  return "height: 0;";
 };
-var getWidth = function getWidth(direction, isOpen, isFullPage, drawerSize) {
-  if (direction === "top" || direction === "bottom") return "100%";
-  if (isOpen && isFullPage) return "100%";
-  if (isOpen) return drawerSize;
-  return 0;
+var getWidth = function getWidth(direction, isOpen, isFullPage, drawerSize, unsetWidth) {
+  if (direction === "top" || direction === "bottom") return "width: 100%;";
+  if (isOpen && isFullPage) return "width: 100%;";
+  if (isOpen && unsetWidth === true) return;
+  if (isOpen) return "width: " + drawerSize + ";";
+  return "width: 0;";
 };
-var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  touch-action: none;\n  overflow: auto;\n  max-height: \"100vh\";\n  height: ", ";\n  max-width: \"100vw\";\n  width: ", ";\n  position: fixed;\n  z-index: ", ";\n  ", ";\n  ", ";\n  -webkit-transition: ", ";\n  -moz-transition: ", ";\n  -ms-transition: ", ";\n  -o-transition: ", ";\n  transition: ", ";\n  padding: ", ";\n\n  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);\n\n  background-color: ", ";\n  color: ", ";\n  ", ";\n"])), function (props) {
-  return getHeight(props.direction, props.isOpen, props.isFullPage, props.drawerSize);
+var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  touch-action: none;\n  overflow: auto;\n  max-height: \"100vh\";\n  ", "\n  max-width: \"100vw\";\n  ", "\n  position: fixed;\n  z-index: ", ";\n  ", ";\n  ", ";\n  -webkit-transition: ", ";\n  -moz-transition: ", ";\n  -ms-transition: ", ";\n  -o-transition: ", ";\n  transition: ", ";\n  padding: ", ";\n\n  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);\n\n  background-color: ", ";\n  color: ", ";\n  ", ";\n"])), function (props) {
+  return getHeight(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetHeight);
 }, function (props) {
-  return getWidth(props.direction, props.isOpen, props.isFullPage, props.drawerSize);
+  return getWidth(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetWidth);
 }, function (props) {
   return props.zIndex;
 }, function (props) {
@@ -82474,6 +82479,8 @@ var SwipeableDrawer = /*#__PURE__*/React__default.forwardRef(function (props, re
     closeOnClickOutside = props.closeOnClickOutside,
     closeOnSwipe = props.closeOnSwipe,
     isFullPage = props.isFullPage,
+    unsetHeight = props.unsetHeight,
+    unsetWidth = props.unsetWidth,
     onClose = props.onClose,
     onOpen = props.onOpen,
     className = props.className,
@@ -82579,6 +82586,8 @@ var SwipeableDrawer = /*#__PURE__*/React__default.forwardRef(function (props, re
     isOpen: _isOpen,
     direction: direction,
     isFullPage: isFullPage,
+    unsetHeight: unsetHeight,
+    unsetWidth: unsetWidth,
     duration: duration,
     color: color,
     theme: theme,
@@ -82588,7 +82597,7 @@ var SwipeableDrawer = /*#__PURE__*/React__default.forwardRef(function (props, re
     drawerSize: drawerSize,
     onTouchStart: handleTouchStart,
     onTouchMove: handleTouchMove
-  }, rest), children)));
+  }, rest), children, "askldjflkasjdflkasj ajdklfjals", /*#__PURE__*/React__default.createElement("div", null, "jsldfjlaskdjf"), /*#__PURE__*/React__default.createElement("div", null, "asdjkfaklsdjfkl"))));
 });
 SwipeableDrawer.defaultProps = {
   direction: "right",
@@ -82602,6 +82611,8 @@ SwipeableDrawer.defaultProps = {
   isFullPage: false,
   drawerSize: "12.5rem",
   size: "small",
+  unsetHeight: false,
+  unsetWidth: false,
   //-------------------------
   onClose: function onClose() {},
   onOpen: function onOpen() {},
@@ -82630,6 +82641,8 @@ SwipeableDrawer.propTypes = {
    * Determines whether drawer takes up the whole page
    */
   isFullPage: PropTypes.bool,
+  unsetHeight: PropTypes.bool,
+  unsetWidth: PropTypes.bool,
   //---------------------------------------------------------------
   onClose: PropTypes.func,
   onOpen: PropTypes.func,

package/lib/index.js

@@ -77263,7 +77263,7 @@ function reducer(state, action) {
 
 function noop$1() {}
 
-var _excluded$s = ["inputRef", "id", "disabled", "preventDefault", "acceptDropzone", "acceptInput", "multiple", "selectFileText", "control", "dndFileText", "showFileSize", "showDnD", "className", "style", "onChange", "onFocus", "onBlur", "onDropAccepted", "onDrop", "color", "size", "inputProps"];
+var _excluded$s = ["inputRef", "id", "disabled", "preventDefault", "acceptDropzone", "acceptInput", "multiple", "selectFileText", "control", "dndFileText", "showFileSize", "showDnD", "className", "style", "onChange", "onFocus", "onBlur", "onDropAccepted", "onDrop", "color", "size", "inputProps", "alwaysShowDropzone"];
 var _templateObject$o, _templateObject2$8, _templateObject3$5;
 var paddingBySize = {
   small: "0.5rem 0.813rem",
@@ -77311,6 +77311,7 @@ var DragAndDropFile = /*#__PURE__*/React__default["default"].forwardRef(function
     color = props.color,
     size = props.size,
     inputProps = props.inputProps,
+    alwaysShowDropzone = props.alwaysShowDropzone,
     rest = _objectWithoutProperties__default["default"](props, _excluded$s);
   var theme = useTheme$1();
   var _useState = React.useState(false),
@@ -77407,10 +77408,10 @@ var DragAndDropFile = /*#__PURE__*/React__default["default"].forwardRef(function
       if (_onBlur && !disabled) _onBlur(e);
     },
     onChange: handleOnChange
-  }, inputProps)), !isDragActive && !displayDnD && /*#__PURE__*/React__default["default"].createElement(PlusLabel, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }, inputProps)), !isDragActive && !displayDnD && !alwaysShowDropzone && /*#__PURE__*/React__default["default"].createElement(PlusLabel, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "plus",
     size: size
-  })), (isDragActive || displayDnD) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+  })), (isDragActive || displayDnD || alwaysShowDropzone) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "upload",
     size: size,
     className: "dnd-icon-lnc"
@@ -77425,6 +77426,7 @@ DragAndDropFile.defaultProps = {
   dndFileText: "Drag and drop file here or",
   showFileSize: false,
   showDnD: true,
+  alwaysShowDropzone: false,
   //------------------
   onChange: function onChange() {},
   onFocus: function onFocus() {},
@@ -77467,6 +77469,7 @@ DragAndDropFile.propTypes = {
    * }
   */
   showDnD: PropTypes__default["default"].bool,
+  alwaysShowDropzone: PropTypes__default["default"].bool,
   //-------------------------
   onChange: PropTypes__default["default"].func,
   onFocus: PropTypes__default["default"].func,
@@ -82462,24 +82465,26 @@ NestedDropdownItem.propTypes = {
   __TYPE__: PropTypes__default["default"].string
 };
 
-var _excluded$4 = ["direction", "open", "duration", "enableOverlay", "zIndex", "closeOnClickOutside", "closeOnSwipe", "isFullPage", "onClose", "onOpen", "className", "style", "color", "overlayColor", "size", "drawerSize", "children"];
+var _excluded$4 = ["direction", "open", "duration", "enableOverlay", "zIndex", "closeOnClickOutside", "closeOnSwipe", "isFullPage", "unsetHeight", "unsetWidth", "onClose", "onOpen", "className", "style", "color", "overlayColor", "size", "drawerSize", "children"];
 var _templateObject$4, _templateObject2;
-var getHeight = function getHeight(direction, isOpen, isFullPage, drawerSize) {
-  if (direction === "right" || direction === "left") return "100%";
-  if (isOpen && isFullPage) return "100%";
-  if (isOpen) return drawerSize;
-  return 0;
+var getHeight = function getHeight(direction, isOpen, isFullPage, drawerSize, unsetHeight) {
+  if (direction === "right" || direction === "left") return "height: 100%;";
+  if (isOpen && isFullPage) return "height: 100%;";
+  if (isOpen && unsetHeight === true) return;
+  if (isOpen) return "height: " + drawerSize + ";";
+  return "height: 0;";
 };
-var getWidth = function getWidth(direction, isOpen, isFullPage, drawerSize) {
-  if (direction === "top" || direction === "bottom") return "100%";
-  if (isOpen && isFullPage) return "100%";
-  if (isOpen) return drawerSize;
-  return 0;
+var getWidth = function getWidth(direction, isOpen, isFullPage, drawerSize, unsetWidth) {
+  if (direction === "top" || direction === "bottom") return "width: 100%;";
+  if (isOpen && isFullPage) return "width: 100%;";
+  if (isOpen && unsetWidth === true) return;
+  if (isOpen) return "width: " + drawerSize + ";";
+  return "width: 0;";
 };
-var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default["default"](["\n  touch-action: none;\n  overflow: auto;\n  max-height: \"100vh\";\n  height: ", ";\n  max-width: \"100vw\";\n  width: ", ";\n  position: fixed;\n  z-index: ", ";\n  ", ";\n  ", ";\n  -webkit-transition: ", ";\n  -moz-transition: ", ";\n  -ms-transition: ", ";\n  -o-transition: ", ";\n  transition: ", ";\n  padding: ", ";\n\n  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);\n\n  background-color: ", ";\n  color: ", ";\n  ", ";\n"])), function (props) {
-  return getHeight(props.direction, props.isOpen, props.isFullPage, props.drawerSize);
+var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default["default"](["\n  touch-action: none;\n  overflow: auto;\n  max-height: \"100vh\";\n  ", "\n  max-width: \"100vw\";\n  ", "\n  position: fixed;\n  z-index: ", ";\n  ", ";\n  ", ";\n  -webkit-transition: ", ";\n  -moz-transition: ", ";\n  -ms-transition: ", ";\n  -o-transition: ", ";\n  transition: ", ";\n  padding: ", ";\n\n  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);\n\n  background-color: ", ";\n  color: ", ";\n  ", ";\n"])), function (props) {
+  return getHeight(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetHeight);
 }, function (props) {
-  return getWidth(props.direction, props.isOpen, props.isFullPage, props.drawerSize);
+  return getWidth(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetWidth);
 }, function (props) {
   return props.zIndex;
 }, function (props) {
@@ -82523,6 +82528,8 @@ var SwipeableDrawer = /*#__PURE__*/React__default["default"].forwardRef(function
     closeOnClickOutside = props.closeOnClickOutside,
     closeOnSwipe = props.closeOnSwipe,
     isFullPage = props.isFullPage,
+    unsetHeight = props.unsetHeight,
+    unsetWidth = props.unsetWidth,
     onClose = props.onClose,
     onOpen = props.onOpen,
     className = props.className,
@@ -82628,6 +82635,8 @@ var SwipeableDrawer = /*#__PURE__*/React__default["default"].forwardRef(function
     isOpen: _isOpen,
     direction: direction,
     isFullPage: isFullPage,
+    unsetHeight: unsetHeight,
+    unsetWidth: unsetWidth,
     duration: duration,
     color: color,
     theme: theme,
@@ -82637,7 +82646,7 @@ var SwipeableDrawer = /*#__PURE__*/React__default["default"].forwardRef(function
     drawerSize: drawerSize,
     onTouchStart: handleTouchStart,
     onTouchMove: handleTouchMove
-  }, rest), children)));
+  }, rest), children, "askldjflkasjdflkasj ajdklfjals", /*#__PURE__*/React__default["default"].createElement("div", null, "jsldfjlaskdjf"), /*#__PURE__*/React__default["default"].createElement("div", null, "asdjkfaklsdjfkl"))));
 });
 SwipeableDrawer.defaultProps = {
   direction: "right",
@@ -82651,6 +82660,8 @@ SwipeableDrawer.defaultProps = {
   isFullPage: false,
   drawerSize: "12.5rem",
   size: "small",
+  unsetHeight: false,
+  unsetWidth: false,
   //-------------------------
   onClose: function onClose() {},
   onOpen: function onOpen() {},
@@ -82679,6 +82690,8 @@ SwipeableDrawer.propTypes = {
    * Determines whether drawer takes up the whole page
    */
   isFullPage: PropTypes__default["default"].bool,
+  unsetHeight: PropTypes__default["default"].bool,
+  unsetWidth: PropTypes__default["default"].bool,
   //---------------------------------------------------------------
   onClose: PropTypes__default["default"].func,
   onOpen: PropTypes__default["default"].func,

package/package.json

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