@panneau/core 3.0.140 → 3.0.142

package/es/contexts.js

@@ -265,7 +265,7 @@ var button = PropTypes.shape({
 });
 PropTypes.arrayOf(button);
 PropTypes.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
-PropTypes.oneOf(['lg', 'sm', null]);
+PropTypes.oneOf(['lg', 'md', 'sm', null]);
 PropTypes.oneOf(['button', 'submit']);
 PropTypes.oneOf(['start', 'end']);
 PropTypes.oneOf(['lg', 'sm', null]);

package/es/index.js

@@ -41,7 +41,7 @@ var button = PropTypes$1.shape({
 });
 var buttons = PropTypes$1.arrayOf(button);
 var buttonTheme = PropTypes$1.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
-var buttonSize = PropTypes$1.oneOf(['lg', 'sm', null]);
+var buttonSize = PropTypes$1.oneOf(['lg', 'md', 'sm', null]);
 var buttonType = PropTypes$1.oneOf(['button', 'submit']);
 var dropdownAlign = PropTypes$1.oneOf(['start', 'end']);
 var controlSize = PropTypes$1.oneOf(['lg', 'sm', null]);

package/lib/contexts.js

@@ -286,7 +286,7 @@ var button = PropTypes.shape({
 });
 PropTypes.arrayOf(button);
 PropTypes.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
-PropTypes.oneOf(['lg', 'sm', null]);
+PropTypes.oneOf(['lg', 'md', 'sm', null]);
 PropTypes.oneOf(['button', 'submit']);
 PropTypes.oneOf(['start', 'end']);
 PropTypes.oneOf(['lg', 'sm', null]);
@@ -1229,7 +1229,7 @@ if (typeof history !== "undefined" && typeof window[patchKey] === "undefined") {
   });
 }
 
-var _excluded3 = ["to", "href", "onClick", "asChild", "children", "replace", "state"];
+var _excluded3 = ["to", "href", "onClick", "asChild", "children", "className", "replace", "state"];
 
 /*
  * Transforms `path` into its relative `base` version
@@ -1272,7 +1272,11 @@ var defaultRouter = {
   base: "",
   // this option is used to override the current location during SSR
   ssrPath: undefined,
-  ssrSearch: undefined
+  ssrSearch: undefined,
+  // customizes how `href` props are transformed for <Link />
+  hrefs: function hrefs(x) {
+    return x;
+  }
 };
 var RouterCtx = React.createContext(defaultRouter);
 
@@ -1314,13 +1318,15 @@ React.forwardRef(function (props, ref) {
   var router = useRouter();
   var _useLocationFromRoute3 = useLocationFromRouter(router),
     _useLocationFromRoute4 = _slicedToArray(_useLocationFromRoute3, 2),
+    path = _useLocationFromRoute4[0],
     navigate = _useLocationFromRoute4[1];
   var to = props.to,
     _props$href = props.href,
     _href = _props$href === void 0 ? to : _props$href,
     _onClick = props.onClick,
     asChild = props.asChild,
-    children = props.children;
+    children = props.children,
+    cls = props.className;
     props.replace;
     props.state;
     var restProps = _objectWithoutProperties(props, _excluded3);
@@ -1328,7 +1334,7 @@ React.forwardRef(function (props, ref) {
     // ignores the navigation when clicked using right mouse button or
     // by holding a special modifier key: ctrl, command, win, alt, shift
     if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey || event.button !== 0) return;
-    _onClick && _onClick(event); // TODO: is it safe to use _onClick?.(event)
+    _onClick === null || _onClick === void 0 || _onClick(event);
     if (!event.defaultPrevented) {
       event.preventDefault();
       navigate(_href, props);
@@ -1336,13 +1342,16 @@ React.forwardRef(function (props, ref) {
   });
 
   // handle nested routers and absolute paths
-  var href = _href[0] === "~" ? _href.slice(1) : router.base + _href;
+  var href = router.hrefs(_href[0] === "~" ? _href.slice(1) : router.base + _href, router // pass router as a second argument for convinience
+  );
   return asChild && React.isValidElement(children) ? React.cloneElement(children, {
-    href: href,
-    onClick: onClick
+    onClick: onClick,
+    href: href
   }) : React.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
-    href: href,
     onClick: onClick,
+    href: href,
+    // `className` can be a function to apply the class if this link is active
+    className: cls !== null && cls !== void 0 && cls.call ? cls(path === href) : cls,
     children: children,
     ref: ref
   }));

package/lib/index.js

@@ -43,7 +43,7 @@ var button = PropTypes$1.shape({
 });
 var buttons = PropTypes$1.arrayOf(button);
 var buttonTheme = PropTypes$1.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
-var buttonSize = PropTypes$1.oneOf(['lg', 'sm', null]);
+var buttonSize = PropTypes$1.oneOf(['lg', 'md', 'sm', null]);
 var buttonType = PropTypes$1.oneOf(['button', 'submit']);
 var dropdownAlign = PropTypes$1.oneOf(['start', 'end']);
 var controlSize = PropTypes$1.oneOf(['lg', 'sm', null]);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/core",
-    "version": "3.0.140",
+    "version": "3.0.142",
     "description": "",
     "keywords": [
         "javascript"
@@ -93,7 +93,7 @@
         "classnames": "^2.5.1",
         "css-mediaquery": "^0.1.2",
         "dayjs": "^1.10.4",
-        "debug": "^4.3.1",
+        "debug": "^4.3.4",
         "flat": "^5.0.2",
         "hoist-non-react-statics": "^3.3.2",
         "lodash": "^4.17.21",
@@ -106,10 +106,10 @@
         "tinycolor2": "^1.4.2",
         "webfontloader": "^1.6.28",
         "wolfy87-eventemitter": "^5.2.9",
-        "wouter": "^3.0.0"
+        "wouter": "^3.1.0"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "f148a421cabe2dfa529d2df1eaae42d0f4bb32c5"
+    "gitHead": "293308a0e1b7175dcc56128f6dbc1416845d0b15"
 }