@arcblock/ux 2.5.58 → 2.5.59

package/lib/NavMenu/nav-menu.js

@@ -4,77 +4,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
-
 var _style = require("./style");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["items", "mode", "children", "activeId", "textColor", "activeTextColor", "bgColor", "onSelected"],
-      _excluded2 = ["id", "icon", "label", "active", "onClick"],
-      _excluded3 = ["id", "icon", "label", "children", "expandIcon"];
-
+  _excluded2 = ["id", "icon", "label", "active", "onClick"],
+  _excluded3 = ["id", "icon", "label", "children", "expandIcon"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const NavMenuContext = /*#__PURE__*/(0, _react.createContext)();
 
-const NavMenuContext = /*#__PURE__*/(0, _react.createContext)(); // 过滤 children 中的 Item/Sub, 忽略其它类型的 element
-
+// 过滤 children 中的 Item/Sub, 忽略其它类型的 element
 function filterItems(children) {
   if (children) {
     return _react.Children.toArray(children).filter(child => child.type === Item || child.type === Sub);
   }
-
   return null;
 }
-
 function useUniqueId(id) {
   const _id = (0, _react.useRef)(id || "navmenu-item-id-".concat(Math.random().toString(36).slice(2)));
-
   return _id.current;
 }
+
 /**
  * NavMenu, 导航组件, 可用于 header/footer/sidebar
  */
-
-
 function NavMenu(_ref) {
   var _children;
-
   let {
-    items,
-    mode,
-    children,
-    activeId,
-    textColor,
-    activeTextColor,
-    bgColor,
-    onSelected
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      items,
+      mode,
+      children,
+      activeId,
+      textColor,
+      activeTextColor,
+      bgColor,
+      onSelected
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   // eslint-disable-next-line no-param-reassign
   children = filterItems(children);
-
   if (!(items !== null && items !== void 0 && items.length) && !((_children = children) !== null && _children !== void 0 && _children.length)) {
     throw new Error("One of 'items' or 'children' is required by NavMenu component.");
   }
-
   const [state, setState] = (0, _react.useState)({
     activeId,
     openedIds: []
@@ -113,7 +94,6 @@ function NavMenu(_ref) {
     }
   }, [activeId]);
   const classes = (0, _clsx.default)('navmenu', "navmenu--".concat(mode), rest.className);
-
   const renderItem = (item, index) => {
     if (item.children) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(Sub, {
@@ -123,7 +103,6 @@ function NavMenu(_ref) {
         children: item.children.map(renderItem)
       }, index);
     }
-
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/no-array-index-key
@@ -135,7 +114,6 @@ function NavMenu(_ref) {
       }, index)
     );
   };
-
   const StyledRoot = mode === 'inline' ? _style.InlineStyle : _style.HorizontalStyle;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavMenuContext.Provider, {
     value: contextValue,
@@ -151,7 +129,6 @@ function NavMenu(_ref) {
     }))
   });
 }
-
 NavMenu.propTypes = {
   items: _propTypes.default.array,
   // 默认水平方向布局,
@@ -174,20 +151,19 @@ NavMenu.defaultProps = {
   bgColor: '#fff',
   onSelected: null
 };
+
 /**
  * Item
  */
-
 function Item(_ref2) {
   let {
-    id: _id,
-    icon,
-    label,
-    active,
-    onClick
-  } = _ref2,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
+      id: _id,
+      icon,
+      label,
+      active,
+      onClick
+    } = _ref2,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
   const id = useUniqueId(_id);
   const {
     activeId,
@@ -199,15 +175,13 @@ function Item(_ref2) {
   (0, _react.useEffect)(() => {
     if (active) {
       activate(id);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [active]);
-
   const handleClick = () => {
     onClick === null || onClick === void 0 ? void 0 : onClick();
     activate(id);
   };
-
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
@@ -224,7 +198,6 @@ function Item(_ref2) {
     }))
   );
 }
-
 Item.propTypes = {
   id: _propTypes.default.string,
   icon: _propTypes.default.element,
@@ -239,20 +212,19 @@ Item.defaultProps = {
   active: false,
   onClick: null
 };
+
 /**
  * Sub
  */
-
 function Sub(_ref3) {
   let {
-    id: _id,
-    icon,
-    label,
-    children,
-    expandIcon
-  } = _ref3,
-      rest = _objectWithoutProperties(_ref3, _excluded3);
-
+      id: _id,
+      icon,
+      label,
+      children,
+      expandIcon
+    } = _ref3,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
   const id = useUniqueId(_id);
   const {
     openedIds,
@@ -264,15 +236,15 @@ function Sub(_ref3) {
   const classes = (0, _clsx.default)('navmenu-sub', {
     'navmenu-sub--opened': isOpen
   }, rest.className);
-  const isInlineMode = mode === 'inline'; // inline mode 时使用 click 事件控制收缩/伸展子菜单
-
+  const isInlineMode = mode === 'inline';
+  // inline mode 时使用 click 事件控制收缩/伸展子菜单
   const props = isInlineMode ? {
     onClick: () => openedIds.includes(id) ? close(id) : open(id)
   } : {
     onMouseEnter: () => open(id),
     onMouseLeave: () => close(id)
-  }; // inline mode, 避免点击子菜单项时触发父菜单的 open/close
-
+  };
+  // inline mode, 避免点击子菜单项时触发父菜单的 open/close
   const containerProps = isInlineMode ? {
     onClick: e => e.stopPropagation()
   } : {};
@@ -300,7 +272,6 @@ function Sub(_ref3) {
     }))]
   }));
 }
-
 Sub.propTypes = {
   id: _propTypes.default.string,
   icon: _propTypes.default.element,

package/lib/NavMenu/style.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineStyle = exports.HorizontalStyle = void 0;
-
 var _Theme = require("../Theme");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 const NavMenuBase = (0, _Theme.styled)('nav')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  font-size: 16px;\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .navmenu-item,\n  .navmenu-sub {\n    display: flex;\n    align-items: center;\n  }\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n  /* active/hover */\n  .navmenu-item,\n  .navmenu-sub {\n    color: ", ";\n  }\n  .navmenu-item--active,\n  .navmenu-item:hover,\n  .navmenu-sub--opened {\n    color: ", ";\n  }\n\n  .navmenu-item {\n    position: relative;\n    cursor: pointer;\n    transition: color 0.2s ease-in-out;\n    a {\n      white-space: nowrap;\n    }\n    a::before {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background-color: transparent;\n      content: '';\n    }\n  }\n\n  .navmenu-sub {\n    position: relative;\n    cursor: pointer;\n  }\n  /* icon & expand icon */\n  .navmenu-item-icon,\n  .navmenu-sub-icon,\n  .navmenu-sub-expand-icon {\n    display: flex;\n    line-height: 1;\n  }\n  .navmenu-item-icon,\n  .navmenu-sub-icon {\n    margin-right: 4px;\n  }\n  .navmenu-item-icon > *,\n  .navmenu-sub-icon > * {\n    width: auto;\n    height: 22px;\n    max-height: 22px;\n    font-size: 1.5em;\n  }\n  .navmenu-sub-expand-icon {\n    margin-left: 8px;\n    > * {\n      width: 0.8em;\n      height: 0.8em;\n      transition: transform 0.2s ease-in-out;\n    }\n  }\n"])), props => props.$bgColor, props => props.$textColor, props => props.$activeTextColor);
 const HorizontalStyle = (0, _Theme.styled)(NavMenuBase)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 16px;\n  .navmenu-root {\n    display: flex;\n    align-items: center;\n  }\n  /* \u9876\u7EA7\u83DC\u5355\u95F4\u9694 */\n  .navmenu-root > .navmenu-item,\n  .navmenu-root > .navmenu-sub {\n    margin-left: 24px;\n  }\n  .navmenu-root > .navmenu-item:first-of-type,\n  .navmenu-root > .navmenu-sub:first-of-type {\n    margin-left: 0;\n  }\n\n  /* \u5B50\u7EA7\u5217\u8868 */\n  .navmenu-sub-container {\n    display: none;\n    position: absolute;\n    top: 100%;\n  }\n  .navmenu-sub-list {\n    padding: 16px;\n    border-radius: 4px;\n    background: #fff;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n    .navmenu-item + .navmenu-item {\n      margin-top: 8px;\n    }\n  }\n  /* \u4E8C\u7EA7 sub menu */\n  .navmenu-root > .navmenu-sub {\n    > .navmenu-sub-container {\n      left: 50%;\n      transform: translateX(-50%);\n      padding-top: 16px;\n    }\n    &.navmenu-sub--opened > .navmenu-sub-container {\n      display: block;\n    }\n  }\n"])));
-/* inline mode */
 
+/* inline mode */
 exports.HorizontalStyle = HorizontalStyle;
 const InlineStyle = (0, _Theme.styled)(NavMenuBase)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  .navmenu-root {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .navmenu-item,\n  .navmenu-sub {\n    padding: 0 16px;\n  }\n  & .navmenu-sub {\n    flex-wrap: wrap;\n  }\n  /* \u9876\u7EA7 */\n  .navmenu-root > .navmenu-item,\n  .navmenu-root > .navmenu-sub {\n    line-height: 48px;\n    border-bottom: 1px solid #eee;\n  }\n  /* icon */\n  .navmenu-item-icon,\n  .navmenu-sub-icon {\n    width: 30px;\n    margin: 0;\n  }\n  .navmenu-sub-expand-icon {\n    margin-left: auto;\n  }\n  /* \u5B50\u7EA7\u5217\u8868 */\n  .navmenu-sub-container {\n    display: none;\n    flex: 1 0 100%;\n    margin: 0 -16px;\n    padding-bottom: 8px;\n    .navmenu-item,\n    .navmenu-sub {\n      line-height: 32px;\n    }\n  }\n  .navmenu-sub-list {\n    padding-left: 16px;\n    .navmenu-item,\n    .navmenu-sub {\n      padding-left: 30px;\n      font-size: 13px;\n    }\n  }\n  /* \u4E8C\u7EA7 menu */\n  .navmenu-sub--opened > .navmenu-sub-container {\n    display: block;\n  }\n"])));
 exports.InlineStyle = InlineStyle;

package/lib/PageScroller/index.js

@@ -4,31 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _isNull = _interopRequireDefault(require("lodash/isNull"));
-
 var _usePrevValue = _interopRequireDefault(require("./usePrevValue"));
-
 var _deprecate = require("../Util/deprecate");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 const Events = {
   TOUCHMOVE: 'touchmove',
   KEYDOWN: 'keydown'
@@ -49,7 +38,6 @@ let isMounted = false;
 let isBodyScrollEnabled = true;
 let isTransitionAfterComponentsToRenderChanged = false;
 const containers = [];
-
 function PageScroller(_ref) {
   let {
     animationTimer,
@@ -70,19 +58,15 @@ function PageScroller(_ref) {
   const pageContainer = (0, _react.useRef)(null);
   const addNextComponent = (0, _react.useCallback)(componentsToRenderOnMountLength => {
     let tempComponentsToRenderLength = 0;
-
     if (!(0, _isNil.default)(componentsToRenderOnMountLength)) {
       tempComponentsToRenderLength = componentsToRenderOnMountLength;
     }
-
     tempComponentsToRenderLength = Math.max(tempComponentsToRenderLength, componentsToRenderLength);
-
     if (tempComponentsToRenderLength <= componentIndex + 1) {
       if (!(0, _isNil.default)(children[componentIndex + 1])) {
         tempComponentsToRenderLength++;
       }
     }
-
     setComponentsToRenderLength(tempComponentsToRenderLength);
   }, [children, componentIndex, componentsToRenderLength]);
   const checkRenderOnMount = (0, _react.useCallback)(() => {
@@ -114,7 +98,6 @@ function PageScroller(_ref) {
   const setRenderComponents = (0, _react.useCallback)(() => {
     const newComponentsToRender = [];
     let i = 0;
-
     while (i < componentsToRenderLength && !(0, _isNil.default)(children[i])) {
       containers[i] = true;
       newComponentsToRender.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -126,7 +109,6 @@ function PageScroller(_ref) {
       }, i));
       i++;
     }
-
     return newComponentsToRender;
   }, [children, componentsToRenderLength]);
   const scrollWindowDown = (0, _react.useCallback)(() => {
@@ -143,7 +125,6 @@ function PageScroller(_ref) {
         }, animationTimer + ANIMATION_TIMER_BUFFER);
       } else {
         enableDocumentScroll();
-
         if (onScrollUnavailable) {
           onScrollUnavailable();
         }
@@ -164,7 +145,6 @@ function PageScroller(_ref) {
         }, animationTimer + ANIMATION_TIMER_BUFFER);
       } else {
         enableDocumentScroll();
-
         if (onScrollUnavailable) {
           onScrollUnavailable();
         }
@@ -193,7 +173,6 @@ function PageScroller(_ref) {
     if ((0, _isEqual.default)(event.keyCode, KEY_UP)) {
       scrollWindowUp();
     }
-
     if ((0, _isEqual.default)(event.keyCode, KEY_DOWN)) {
       scrollWindowDown();
     }
@@ -203,10 +182,9 @@ function PageScroller(_ref) {
     pageContainer.current.addEventListener(Events.KEYDOWN, keyPress);
     return () => {
       var _pageContainer$curren;
-
       if ((_pageContainer$curren = pageContainer.current) !== null && _pageContainer$curren !== void 0 && _pageContainer$curren.removeEventListener) {
-        pageContainer.current.removeEventListener(Events.TOUCHMOVE, touchMove); // eslint-disable-next-line react-hooks/exhaustive-deps
-
+        pageContainer.current.removeEventListener(Events.TOUCHMOVE, touchMove);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
         pageContainer.current.removeEventListener(Events.KEYDOWN, keyPress);
       }
     };
@@ -216,12 +194,12 @@ function PageScroller(_ref) {
     checkRenderOnMount();
     return () => {
       isMounted = false;
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   (0, _react.useEffect)(() => {
     isScrolling = false;
     previousTouchMove = null;
-
     if (componentIndex > prevComponentIndex) {
       addNextComponent();
     }
@@ -234,16 +212,13 @@ function PageScroller(_ref) {
   (0, _react.useEffect)(() => {
     if (!(0, _isNil.default)(customPageNumber) && !(0, _isEqual.default)(customPageNumber, componentIndex)) {
       let newComponentsToRenderLength = componentsToRenderLength;
-
       if (!(0, _isEqual.default)(componentIndex, customPageNumber)) {
         if (!(0, _isNil.default)(containers[customPageNumber]) && !isScrolling) {
           isScrolling = true;
           pageContainer.current.style.transform = "translate3d(0, ".concat(customPageNumber * -100, "%, 0)");
-
           if ((0, _isNil.default)(containers[customPageNumber]) && !(0, _isNil.default)(children[customPageNumber])) {
             newComponentsToRenderLength++;
           }
-
           setTimeout(() => {
             setComponentIndex(customPageNumber);
             setComponentsToRenderLength(newComponentsToRenderLength);
@@ -252,18 +227,16 @@ function PageScroller(_ref) {
           for (let i = componentsToRenderLength; i <= customPageNumber; i++) {
             newComponentsToRenderLength++;
           }
-
           if (!(0, _isNil.default)(children[customPageNumber])) {
             newComponentsToRenderLength++;
           }
-
           isScrolling = true;
           isTransitionAfterComponentsToRenderChanged = true;
           setComponentsToRenderLength(newComponentsToRenderLength);
         }
       }
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [customPageNumber]);
   (0, _react.useEffect)(() => {
     if (isTransitionAfterComponentsToRenderChanged) {
@@ -294,7 +267,6 @@ function PageScroller(_ref) {
     })
   });
 }
-
 PageScroller.propTypes = {
   animationTimer: _propTypes.default.number,
   blockScrollDown: _propTypes.default.bool,
@@ -320,9 +292,7 @@ PageScroller.defaultProps = {
   renderAllPagesOnFirstRender: false,
   customPageNumber: undefined
 };
-
 var _default = (0, _deprecate.withDeprecated)(PageScroller, {
   name: 'PageScroller'
 });
-
 exports.default = _default;

package/lib/PageScroller/story/FifthComponent.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FifthComponent;
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function FifthComponent() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "component fifth-component",

package/lib/PageScroller/story/FirstComponent.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FirstComponent;
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function FirstComponent() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "component first-component",

package/lib/PageScroller/story/FourthComponent.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FourthComponent;
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function FourthComponent() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "component fourth-component",

package/lib/PageScroller/story/FullPage.js

@@ -4,34 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FullPage;
-
 var _react = require("react");
-
 var _Button = _interopRequireDefault(require("../../Button"));
-
 var _ = _interopRequireDefault(require(".."));
-
 var _FirstComponent = _interopRequireDefault(require("./FirstComponent"));
-
 var _SecondComponent = _interopRequireDefault(require("./SecondComponent"));
-
 var _ThirdComponent = _interopRequireDefault(require("./ThirdComponent"));
-
 var _FourthComponent = _interopRequireDefault(require("./FourthComponent"));
-
 var _FifthComponent = _interopRequireDefault(require("./FifthComponent"));
-
 require("./index.css");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable jsx-a11y/control-has-associated-label */
+
 function FullPage() {
   const [current, setCurrent] = (0, _react.useState)(0);
   const pageNumbers = [];
-
   for (let i = 0; i < 5; i++) {
     pageNumbers.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       variant: i === current ? 'contained' : 'outlined',
@@ -41,7 +29,6 @@ function FullPage() {
       children: i + 1
     }, i));
   }
-
   const progress = current / (5 - 1) * 100;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "demo-page-full",

package/lib/PageScroller/story/PageContain.js

@@ -4,34 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FullPage;
-
 var _react = require("react");
-
 var _Button = _interopRequireDefault(require("../../Button"));
-
 var _ = _interopRequireDefault(require(".."));
-
 var _FirstComponent = _interopRequireDefault(require("./FirstComponent"));
-
 var _SecondComponent = _interopRequireDefault(require("./SecondComponent"));
-
 var _ThirdComponent = _interopRequireDefault(require("./ThirdComponent"));
-
 var _FourthComponent = _interopRequireDefault(require("./FourthComponent"));
-
 var _FifthComponent = _interopRequireDefault(require("./FifthComponent"));
-
 require("./index.css");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable jsx-a11y/control-has-associated-label */
+
 function FullPage() {
   const [current, setCurrent] = (0, _react.useState)(0);
   const pageNumbers = [];
-
   for (let i = 0; i < 5; i++) {
     pageNumbers.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       variant: i === current ? 'contained' : 'outlined',
@@ -41,7 +29,6 @@ function FullPage() {
       children: i + 1
     }, i));
   }
-
   const progress = current / (5 - 1) * 100;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "demo-page-contain",

package/lib/PageScroller/story/SecondComponent.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SecondComponent;
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function SecondComponent() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "component second-component",

package/lib/PageScroller/story/ThirdComponent.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ThirdComponent;
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function ThirdComponent() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "component third-component",

package/lib/PageScroller/usePrevValue.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = usePrevious;
-
 var _react = require("react");
-
 // eslint-disable-next-line no-unused-vars
+
 function usePrevious(value) {
   const ref = (0, _react.useRef)({});
   (0, _react.useEffect)(() => {

package/lib/PricingTable/PricingPlan.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Card = _interopRequireDefault(require("@mui/material/Card"));
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function PricingPlan(_ref) {
   let {
     plan
@@ -72,7 +61,6 @@ function PricingPlan(_ref) {
     })]
   });
 }
-
 var _default = PricingPlan;
 exports.default = _default;
 PricingPlan.propTypes = {