@megafon/ui-shared 4.1.2 → 4.2.1

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.2.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.2.0...@megafon/ui-shared@4.2.1) (2022-10-17)
+
+**Note:** Version bump only for package @megafon/ui-shared
+
+
+
+
+
+# [4.2.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.1.2...@megafon/ui-shared@4.2.0) (2022-10-13)
+
+
+### Bug Fixes
+
+* **card:** add tests for button onClick; fix propTypes; ([148ca04](https://github.com/MegafonWebLab/megafon-ui/commit/148ca04afb9194eff52421ca228dd4de5e094323))
+
+
+### Features
+
+* **card:** add button onClick property ([766c66f](https://github.com/MegafonWebLab/megafon-ui/commit/766c66f609ee5a20b86322acd5a40dfc14cee223))
+
+
+
+
+
 ## [4.1.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.1.1...@megafon/ui-shared@4.1.2) (2022-10-10)
 
 **Note:** Version bump only for package @megafon/ui-shared

package/dist/es/components/AccordionBox/AccordionBox.js

@@ -19,6 +19,7 @@ import { Grid, GridColumn, Accordion } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./AccordionBox.css";
+import { getColumnConfig } from "../../helpers/getColumnConfig";
 var cn = cnCreate('mfui-accordion-box');
 
 var AccordionBox = function AccordionBox(_a) {
@@ -28,16 +29,11 @@ var AccordionBox = function AccordionBox(_a) {
       isFullWidth = _a$isFullWidth === void 0 ? false : _a$isFullWidth,
       restProps = __rest(_a, ["hCenterAlignWide", "isFullWidth"]);
 
-  var renderAccordionWithGrid = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn()
-    }, /*#__PURE__*/React.createElement(Grid, {
-      hAlign: hCenterAlignWide ? 'center' : 'left'
-    }, /*#__PURE__*/React.createElement(GridColumn, {
-      wide: "8"
-    }, /*#__PURE__*/React.createElement(Accordion, restProps))));
-  }, [restProps, hCenterAlignWide]);
-  return isFullWidth ? /*#__PURE__*/React.createElement(Accordion, restProps) : renderAccordionWithGrid();
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn()
+  }, /*#__PURE__*/React.createElement(Grid, {
+    hAlign: hCenterAlignWide ? 'center' : 'left'
+  }, /*#__PURE__*/React.createElement(GridColumn, getColumnConfig(isFullWidth), /*#__PURE__*/React.createElement(Accordion, restProps))));
 };
 
 AccordionBox.propTypes = {

package/dist/es/components/Card/Card.d.ts

@@ -7,9 +7,10 @@ export declare const Target: {
 declare type TargetType = typeof Target[keyof typeof Target];
 interface IButton {
     title: string;
-    href: string;
+    href?: string;
     target?: TargetType;
     download?: boolean;
+    onClick?: () => void;
 }
 interface ILink {
     title: string;

package/dist/es/components/Card/Card.js

@@ -101,7 +101,8 @@ var Card = function Card(_ref) {
     var btnHref = button.href,
         btnTitle = button.title,
         btnTarget = button.target,
-        buttonDownload = button.download;
+        btnDownload = button.download,
+        btnOnClick = button.onClick;
     return /*#__PURE__*/React.createElement(Button, {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -109,7 +110,8 @@ var Card = function Card(_ref) {
       className: cn('button', [classes.button]),
       href: btnHref,
       target: btnTarget,
-      download: buttonDownload
+      download: btnDownload,
+      onClick: btnOnClick
     }, btnTitle);
   }, [button, isCardLink, classes, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button]);
   var renderBtnsWrapper = React.useCallback(function () {
@@ -167,9 +169,10 @@ Card.propTypes = {
   text: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   button: PropTypes.shape({
     title: PropTypes.string.isRequired,
-    href: PropTypes.string.isRequired,
+    href: PropTypes.string,
     target: PropTypes.oneOf(Object.values(Target)),
-    download: PropTypes.bool
+    download: PropTypes.bool,
+    onClick: PropTypes.func
   }),
   link: PropTypes.shape({
     title: PropTypes.string.isRequired,

package/dist/es/components/Property/Property.js

@@ -7,6 +7,7 @@ import { Header, Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import "./Property.css";
+import { getColumnConfig } from "../../helpers/getColumnConfig";
 import PropertyDescription from "./PropertyDescription";
 var cn = cnCreate('mfui-property');
 
@@ -57,22 +58,12 @@ var Property = function Property(_ref) {
       }));
     });
   }, [classes.openedDescription, classes.toggleDescription, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink]);
-  var getColumnConfig = React.useCallback(function () {
-    return fullWidth ? {
-      all: '12'
-    } : {
-      wide: '8',
-      desktop: '10',
-      tablet: '12',
-      mobile: '12'
-    };
-  }, [fullWidth]);
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       'border-bottom': borderBottom
     }, [className]),
     ref: rootRef
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(GridColumn, getColumnConfig(), /*#__PURE__*/React.createElement("div", {
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(GridColumn, getColumnConfig(fullWidth), /*#__PURE__*/React.createElement("div", {
     className: cn('wrapper')
   }, badge && /*#__PURE__*/React.createElement("div", {
     className: cn('badge-wrapper')

package/dist/es/helpers/getColumnConfig.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const getColumnConfig: (isFullWidth: boolean) => Pick<React.PropsWithChildren<import("@megafon/ui-core/dist/lib/components/Grid/GridColumn").IGridColumn>, "all" | "wide" | "mobile" | "desktop" | "tablet">;

package/dist/es/helpers/getColumnConfig.js

@@ -0,0 +1,10 @@
+export var getColumnConfig = function getColumnConfig(isFullWidth) {
+  return isFullWidth ? {
+    all: '12'
+  } : {
+    wide: '8',
+    desktop: '10',
+    tablet: '12',
+    mobile: '12'
+  };
+};

package/dist/lib/components/AccordionBox/AccordionBox.js

@@ -19,6 +19,8 @@ var _uiHelpers = require("@megafon/ui-helpers");
 
 var PropTypes = _interopRequireWildcard(require("prop-types"));
 
+var _getColumnConfig = require("../../helpers/getColumnConfig");
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -45,16 +47,11 @@ var AccordionBox = function AccordionBox(_a) {
       isFullWidth = _a$isFullWidth === void 0 ? false : _a$isFullWidth,
       restProps = __rest(_a, ["hCenterAlignWide", "isFullWidth"]);
 
-  var renderAccordionWithGrid = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn()
-    }, /*#__PURE__*/React.createElement(_uiCore.Grid, {
-      hAlign: hCenterAlignWide ? 'center' : 'left'
-    }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
-      wide: "8"
-    }, /*#__PURE__*/React.createElement(_uiCore.Accordion, restProps))));
-  }, [restProps, hCenterAlignWide]);
-  return isFullWidth ? /*#__PURE__*/React.createElement(_uiCore.Accordion, restProps) : renderAccordionWithGrid();
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn()
+  }, /*#__PURE__*/React.createElement(_uiCore.Grid, {
+    hAlign: hCenterAlignWide ? 'center' : 'left'
+  }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _getColumnConfig.getColumnConfig)(isFullWidth), /*#__PURE__*/React.createElement(_uiCore.Accordion, restProps))));
 };
 
 AccordionBox.propTypes = {

package/dist/lib/components/Card/Card.d.ts

@@ -7,9 +7,10 @@ export declare const Target: {
 declare type TargetType = typeof Target[keyof typeof Target];
 interface IButton {
     title: string;
-    href: string;
+    href?: string;
     target?: TargetType;
     download?: boolean;
+    onClick?: () => void;
 }
 interface ILink {
     title: string;

package/dist/lib/components/Card/Card.js

@@ -121,7 +121,8 @@ var Card = function Card(_ref) {
     var btnHref = button.href,
         btnTitle = button.title,
         btnTarget = button.target,
-        buttonDownload = button.download;
+        btnDownload = button.download,
+        btnOnClick = button.onClick;
     return /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -129,7 +130,8 @@ var Card = function Card(_ref) {
       className: cn('button', [classes.button]),
       href: btnHref,
       target: btnTarget,
-      download: buttonDownload
+      download: btnDownload,
+      onClick: btnOnClick
     }, btnTitle);
   }, [button, isCardLink, classes, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button]);
 
@@ -189,9 +191,10 @@ Card.propTypes = {
   text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),
   button: _propTypes["default"].shape({
     title: _propTypes["default"].string.isRequired,
-    href: _propTypes["default"].string.isRequired,
+    href: _propTypes["default"].string,
     target: _propTypes["default"].oneOf(Object.values(Target)),
-    download: _propTypes["default"].bool
+    download: _propTypes["default"].bool,
+    onClick: _propTypes["default"].func
   }),
   link: _propTypes["default"].shape({
     title: _propTypes["default"].string.isRequired,

package/dist/lib/components/Property/Property.js

@@ -21,6 +21,8 @@ var _uiHelpers = require("@megafon/ui-helpers");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _getColumnConfig = require("../../helpers/getColumnConfig");
+
 var _PropertyDescription = _interopRequireDefault(require("./PropertyDescription"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -77,23 +79,12 @@ var Property = function Property(_ref) {
     });
   }, [classes.openedDescription, classes.toggleDescription, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink]);
 
-  var getColumnConfig = _react["default"].useCallback(function () {
-    return fullWidth ? {
-      all: '12'
-    } : {
-      wide: '8',
-      desktop: '10',
-      tablet: '12',
-      mobile: '12'
-    };
-  }, [fullWidth]);
-
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: cn({
       'border-bottom': borderBottom
     }, [className]),
     ref: rootRef
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/_react["default"].createElement(_uiCore.Grid, null, /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, getColumnConfig(), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/_react["default"].createElement(_uiCore.Grid, null, /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, (0, _getColumnConfig.getColumnConfig)(fullWidth), /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('wrapper')
   }, badge && /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('badge-wrapper')

package/dist/lib/helpers/getColumnConfig.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const getColumnConfig: (isFullWidth: boolean) => Pick<React.PropsWithChildren<import("@megafon/ui-core/dist/lib/components/Grid/GridColumn").IGridColumn>, "all" | "wide" | "mobile" | "desktop" | "tablet">;

package/dist/lib/helpers/getColumnConfig.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColumnConfig = void 0;
+
+var getColumnConfig = function getColumnConfig(isFullWidth) {
+  return isFullWidth ? {
+    all: '12'
+  } : {
+    wide: '8',
+    desktop: '10',
+    tablet: '12',
+    mobile: '12'
+  };
+};
+
+exports.getColumnConfig = getColumnConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.1.2",
+  "version": "4.2.1",
   "files": [
     "dist"
   ],
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.4.0",
+    "@megafon/ui-core": "^4.5.0",
     "@megafon/ui-helpers": "^2.2.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "ab68c8392f13f494977b7a6e44104f9ae1b1f64b"
+  "gitHead": "1767b434f1650a100aa2aca6f5c795f8b549a184"
 }