@occmundial/occ-atomic 3.0.0-beta.63 → 3.0.0-beta.65

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+# [3.0.0-beta.65](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.64...v3.0.0-beta.65) (2024-10-04)
+
+
+### Bug Fixes
+
+* Menu items dense prop ([c8cbfac](https://github.com/occmundial/occ-atomic/commit/c8cbfac53fc263ce87e6f36ea9b6b853eb8e832e))
+* NavAvatar button props and adjusment to documentation ([e963e9e](https://github.com/occmundial/occ-atomic/commit/e963e9e0088126499b419f2e27451b8276d28b7c))
+* Renoved menu default padding ([abb3bcb](https://github.com/occmundial/occ-atomic/commit/abb3bcbc0e2dca02a92e629d736c00b2f5bf5888))
+* Spacing classes incorrect generation ([0f3bc9e](https://github.com/occmundial/occ-atomic/commit/0f3bc9eb8d380d48a66b17b5771f56aed31ff0e6))
+
+# [3.0.0-beta.64](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.63...v3.0.0-beta.64) (2024-10-03)
+
+
+### Features
+
+* Added NavAvatarButton documetation and made some small adjustments ([24abd49](https://github.com/occmundial/occ-atomic/commit/24abd49f6c64a963f44a16f9b9a0f69bdd7d381d))
+
 # [3.0.0-beta.63](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.62...v3.0.0-beta.63) (2024-09-30)
 
 

package/build/Menu/styles.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _colors = _interopRequireDefault(require("../tokens/colors.json"));
 
-var _spacing = _interopRequireDefault(require("../tokens/spacing.json"));
-
 var _borderRadius = _interopRequireDefault(require("../tokens/borderRadius.json"));
 
 var _shadows = _interopRequireDefault(require("../tokens/shadows.json"));
@@ -21,7 +19,6 @@ var _default = {
     backgroundColor: _colors["default"].bg.surface["default"],
     borderRadius: _borderRadius["default"]['br-sm'],
     border: "1px solid ".concat(_colors["default"].border["default"]["default"]),
-    padding: _spacing["default"]['size-2'],
     boxShadow: _shadows["default"]['elevation-elevation-5']
   }
 };

package/build/MenuItemBase/MenuItemBase.js

@@ -9,8 +9,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _MenuListProvider = require("../Provider/MenuListProvider");
-
 var _excluded = ["classes", "alignItems", "className", "nonActivatable", "dense", "disablePadding", "disableGutters", "children", "selected", "component"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -43,11 +41,9 @@ function MenuItemBase(_ref, ref) {
       component = _ref$component === void 0 ? 'div' : _ref$component,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var listContext = (0, _MenuListProvider.useMenuListContext)();
-  var isDense = typeof dense === 'undefined' ? listContext.dense : dense;
   var classNames = classes.root;
   classNames += className ? " ".concat(className) : '';
-  classNames += !disablePadding ? isDense ? " ".concat(classes.paddingVerticalDense) : " ".concat(classes.paddingVertical) : '';
+  classNames += !disablePadding ? dense ? " ".concat(classes.paddingVerticalDense) : " ".concat(classes.paddingVertical) : '';
   classNames += !disablePadding && !disableGutters ? " ".concat(classes.paddingHorizontal) : '';
   classNames += alignItems === 'center' ? " ".concat(classes.alignItemsCenter) : " ".concat(classes.alignItemsStart);
   classNames += component === 'a' ? " ".concat(classes.containerAnchor) : '';

package/build/MenuList/styles.js

@@ -30,10 +30,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function generateSpacingClasses() {
   var spacingClasses = {};
 
-  for (var _i = 0, _Object$values = Object.values(_spacing["default"]); _i < _Object$values.length; _i++) {
-    var _Object$values$_i = _slicedToArray(_Object$values[_i], 2),
-        key = _Object$values$_i[0],
-        value = _Object$values$_i[1];
+  for (var _i = 0, _Object$entries = Object.entries(_spacing["default"]); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
 
     spacingClasses[key] = {
       padding: value

package/build/MenuUser/MenuUser.js

@@ -68,7 +68,6 @@ function MenuUser(_ref, ref) {
   }, subtitleTextProps), subtitle);
   return /*#__PURE__*/_react["default"].createElement(_MenuItemBase["default"], _extends({
     className: className && className.root,
-    dense: isDense,
     component: component,
     ref: ref,
     style: style && style.root

package/build/NavAvatarButton/NavAvatarButton.js

@@ -13,62 +13,72 @@ var _Avatar = _interopRequireDefault(require("../Avatar"));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
-var _excluded = ["classes", "name", "disabled", "theme", "dense", "photo", "className"];
+var _excluded = ["classes", "style", "name", "disabled", "darkMode", "noCompact", "theme", "photo", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 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; }
 
-function NavButton(_ref) {
+/** Button with avatar designed to be used with the NavTab component */
+function NavAvatarButton(_ref) {
   var classes = _ref.classes,
+      style = _ref.style,
       name = _ref.name,
       disabled = _ref.disabled,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? 'ghostWhite' : _ref$theme,
-      dense = _ref.dense,
+      _ref$darkMode = _ref.darkMode,
+      darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
+      noCompact = _ref.noCompact,
+      theme = _ref.theme,
       photo = _ref.photo,
       className = _ref.className,
       buttonProps = _objectWithoutProperties(_ref, _excluded);
 
   var buttonClasses = classes.avatarButton;
-  buttonClasses += dense ? " ".concat(classes.mini) : '';
-  buttonClasses += className ? " ".concat(className) : '';
+  buttonClasses += !noCompact ? " ".concat(classes.mini) : '';
+  buttonClasses += className && className.button ? " ".concat(className.button) : '';
   return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
     iconRight: "chevron-down",
-    theme: theme,
+    theme: theme ? theme : darkMode ? 'ghostWhite' : 'ghostGrey',
     disabled: disabled
   }, buttonProps, {
-    className: buttonClasses
+    className: buttonClasses,
+    style: style && style.button
   }), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
+    className: className && className.avatar ? " ".concat(className.avatar) : '',
     photo: photo,
     name: name,
-    disabled: disabled
+    disabled: disabled,
+    style: style && style.avatar
   }));
 }
 
-NavButton.propTypes = _defineProperty({
+NavAvatarButton.propTypes = {
   classes: _propTypes["default"].object.isRequired,
 
   /** Button`s container ids */
   id: _propTypes["default"].string,
 
   /** Button`s container classname */
-  className: _propTypes["default"].string,
+  className: _propTypes["default"].exact({
+    button: _propTypes["default"].string,
+    avatar: _propTypes["default"].string
+  }),
 
   /** Button`s container style */
-  style: _propTypes["default"].object,
+  style: _propTypes["default"].exact({
+    button: _propTypes["default"].object,
+    avatar: _propTypes["default"].object
+  }),
 
-  /** Mini variant  */
-  dense: _propTypes["default"].bool,
+  /** If true sets button ghostGrey theme otherwise sets ghostWhite theme. This props is ignored is theme is set.  */
+  darkMode: _propTypes["default"].bool,
 
-  /** The content of the component. */
-  children: _propTypes["default"].node,
+  /** Restores button default paddings  */
+  noCompact: _propTypes["default"].bool,
 
   /** There are four themes available: main, secondary, white, blue, flat. */
   theme: _propTypes["default"].oneOf(['primary', 'secondary', 'tertiary', 'tertiaryWhite', 'ghostPink', 'ghostGrey', 'ghostWhite']),
@@ -76,21 +86,12 @@ NavButton.propTypes = _defineProperty({
   /** The button has three different sizes: sm, md, lg. */
   size: _propTypes["default"].oneOf(['sm', 'md', 'lg']),
 
-  /** The block property lets the button expand to ocupy the whole width of its parent. */
-  block: _propTypes["default"].bool,
+  /** Adds content to the body of NavAside. */
+  children: _propTypes["default"].node,
 
   /** It disables the button and shows it with the proper theme. */
   disabled: _propTypes["default"].bool,
 
-  /** Use the name of any of the icons available in the library. */
-  icon: _propTypes["default"].string,
-
-  /** Use the name of any of the icons available in the library. The icon will be rendered on the right side of the button. */
-  iconRight: _propTypes["default"].string,
-
-  /** Property to make the button round when it only has an icon. */
-  round: _propTypes["default"].bool,
-
   /** The loading property disables the button and shows a loading icon spinning. */
   loading: _propTypes["default"].bool,
 
@@ -123,6 +124,6 @@ NavButton.propTypes = _defineProperty({
 
   /** Pass a name to show two initials. */
   name: _propTypes["default"].string
-}, "size", _propTypes["default"].number);
-var _default = NavButton;
+};
+var _default = NavAvatarButton;
 exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "3.0.0-beta.63",
+  "version": "3.0.0-beta.65",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",