@lanaco/lnc-react-ui 3.9.0 → 3.10.0

package/lib/index.esm.js

@@ -82432,8 +82432,12 @@ var getWidth = function getWidth(direction, isOpen, isFullPage, drawerSize, unse
   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  ", "\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) {
+var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  touch-action: none;\n  overflow: auto;\n  max-height: ", ";\n  ", "\n  max-width: ", ";\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 (p) {
+  return p.isOpen || p.unsetHeight === false ? "100vh" : 0;
+}, function (props) {
   return getHeight(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetHeight);
+}, function (p) {
+  return p.isOpen || p.unsetWidth === false ? "100vw" : 0;
 }, function (props) {
   return getWidth(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetWidth);
 }, function (props) {
@@ -82597,7 +82601,7 @@ var SwipeableDrawer = /*#__PURE__*/React__default.forwardRef(function (props, re
     drawerSize: drawerSize,
     onTouchStart: handleTouchStart,
     onTouchMove: handleTouchMove
-  }, rest), children, "askldjflkasjdflkasj ajdklfjals", /*#__PURE__*/React__default.createElement("div", null, "jsldfjlaskdjf"), /*#__PURE__*/React__default.createElement("div", null, "asdjkfaklsdjfkl"))));
+  }, rest), children)));
 });
 SwipeableDrawer.defaultProps = {
   direction: "right",
@@ -82611,7 +82615,15 @@ SwipeableDrawer.defaultProps = {
   isFullPage: false,
   drawerSize: "12.5rem",
   size: "small",
+  /**
+   * used to fit size of the drawer to the size of its child
+   * when position is top or bottom
+   */
   unsetHeight: false,
+  /**
+   * used to fit size of the drawer to the size of its child
+   * when position is right or left
+   */
   unsetWidth: false,
   //-------------------------
   onClose: function onClose() {},

package/lib/index.js

@@ -82481,8 +82481,12 @@ var getWidth = function getWidth(direction, isOpen, isFullPage, drawerSize, unse
   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  ", "\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) {
+var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default["default"](["\n  touch-action: none;\n  overflow: auto;\n  max-height: ", ";\n  ", "\n  max-width: ", ";\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 (p) {
+  return p.isOpen || p.unsetHeight === false ? "100vh" : 0;
+}, function (props) {
   return getHeight(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetHeight);
+}, function (p) {
+  return p.isOpen || p.unsetWidth === false ? "100vw" : 0;
 }, function (props) {
   return getWidth(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetWidth);
 }, function (props) {
@@ -82646,7 +82650,7 @@ var SwipeableDrawer = /*#__PURE__*/React__default["default"].forwardRef(function
     drawerSize: drawerSize,
     onTouchStart: handleTouchStart,
     onTouchMove: handleTouchMove
-  }, rest), children, "askldjflkasjdflkasj ajdklfjals", /*#__PURE__*/React__default["default"].createElement("div", null, "jsldfjlaskdjf"), /*#__PURE__*/React__default["default"].createElement("div", null, "asdjkfaklsdjfkl"))));
+  }, rest), children)));
 });
 SwipeableDrawer.defaultProps = {
   direction: "right",
@@ -82660,7 +82664,15 @@ SwipeableDrawer.defaultProps = {
   isFullPage: false,
   drawerSize: "12.5rem",
   size: "small",
+  /**
+   * used to fit size of the drawer to the size of its child
+   * when position is top or bottom
+   */
   unsetHeight: false,
+  /**
+   * used to fit size of the drawer to the size of its child
+   * when position is right or left
+   */
   unsetWidth: false,
   //-------------------------
   onClose: function onClose() {},

package/package.json

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