@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

package/modal/cssm/desktop/Component.desktop.js

@@ -1,38 +1,23 @@
-import React, { forwardRef } from 'react';
-import { Modal } from '../Component.js';
-import { Content } from '../components/content/Component.js';
-import { Controls } from '../components/controls/Component.js';
-import { Footer } from '../components/footer/Component.js';
-import { Header } from '../components/header/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../base-modal/cssm';
-import '../consts.js';
-import '../ResponsiveContext.js';
-import './desktop.module.css';
-import '../mobile/mobile.module.css';
-import '../transitions.module.css';
-import '../../../shared/cssm';
-import '../Context.js';
-import '../components/content/desktop.module.css';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/desktop.module.css';
-import '../components/footer/index.module.css';
-import '../components/footer/mobile.module.css';
-import '../../../navigation-bar/cssm';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));
-const ModalDesktop = Object.assign(ModalDesktopComponent, {
-    Content,
-    Header: Header,
-    Footer,
-    Controls: Controls,
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('../Component.js');
+var components_content_Component = require('../components/content/Component.js');
+var components_controls_Component = require('../components/controls/Component.js');
+var components_footer_Component = require('../components/footer/Component.js');
+var components_header_Component = require('../components/header/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ModalDesktopComponent = React.forwardRef(function (props, ref) { return (React__default.default.createElement(Component.Modal, tslib.__assign({}, props, { ref: ref, view: 'desktop' }))); });
+var ModalDesktop = Object.assign(ModalDesktopComponent, {
+    Content: components_content_Component.Content,
+    Header: components_header_Component.Header,
+    Footer: components_footer_Component.Footer,
+    Controls: components_controls_Component.Controls,
 });
 
-export { ModalDesktop };
+exports.ModalDesktop = ModalDesktop;

package/modal/cssm/desktop/index.js

@@ -1,29 +1,7 @@
-export { ModalDesktop } from './Component.desktop.js';
-import 'react';
-import '../Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../base-modal/cssm';
-import '../consts.js';
-import '../ResponsiveContext.js';
-import './desktop.module.css';
-import '../mobile/mobile.module.css';
-import '../transitions.module.css';
-import '../components/content/Component.js';
-import '../../../shared/cssm';
-import '../Context.js';
-import '../components/content/desktop.module.css';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/controls/Component.js';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/Component.js';
-import '../components/footer/desktop.module.css';
-import '../components/footer/index.module.css';
-import '../components/footer/mobile.module.css';
-import '../components/header/Component.js';
-import '../../../navigation-bar/cssm';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.ModalDesktop = desktop_Component_desktop.ModalDesktop;

package/modal/cssm/index.js

@@ -1,30 +1,7 @@
-export { ModalResponsive as Modal } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import './components/content/Component.js';
-import 'classnames';
-import '../../shared/cssm';
-import './consts.js';
-import './Context.js';
-import '../../base-modal/cssm';
-import './ResponsiveContext.js';
-import './components/content/desktop.module.css';
-import './components/content/index.module.css';
-import './components/content/mobile.module.css';
-import './components/controls/Component.js';
-import './components/footer/layout.module.css';
-import './components/controls/index.module.css';
-import './components/footer/Component.js';
-import './components/footer/desktop.module.css';
-import './components/footer/index.module.css';
-import './components/footer/mobile.module.css';
-import './components/header/Component.js';
-import '../../navigation-bar/cssm';
-import './components/header/desktop.module.css';
-import './components/header/index.module.css';
-import './components/header/mobile.module.css';
-import './Component.js';
-import 'react-merge-refs';
-import './desktop/desktop.module.css';
-import './mobile/mobile.module.css';
-import './transitions.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.Modal = Component_responsive.ModalResponsive;

package/modal/cssm/mobile/Component.mobile.js

@@ -1,38 +1,23 @@
-import React, { forwardRef } from 'react';
-import { Modal } from '../Component.js';
-import { Content } from '../components/content/Component.js';
-import { Controls } from '../components/controls/Component.js';
-import { Footer } from '../components/footer/Component.js';
-import { Header } from '../components/header/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../base-modal/cssm';
-import '../consts.js';
-import '../ResponsiveContext.js';
-import '../desktop/desktop.module.css';
-import './mobile.module.css';
-import '../transitions.module.css';
-import '../../../shared/cssm';
-import '../Context.js';
-import '../components/content/desktop.module.css';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/desktop.module.css';
-import '../components/footer/index.module.css';
-import '../components/footer/mobile.module.css';
-import '../../../navigation-bar/cssm';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));
-const ModalMobile = Object.assign(ModalMobileComponent, {
-    Content,
-    Header,
-    Footer,
-    Controls: Controls,
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('../Component.js');
+var components_content_Component = require('../components/content/Component.js');
+var components_controls_Component = require('../components/controls/Component.js');
+var components_footer_Component = require('../components/footer/Component.js');
+var components_header_Component = require('../components/header/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ModalMobileComponent = React.forwardRef(function (props, ref) { return (React__default.default.createElement(Component.Modal, tslib.__assign({}, props, { ref: ref, view: 'mobile' }))); });
+var ModalMobile = Object.assign(ModalMobileComponent, {
+    Content: components_content_Component.Content,
+    Header: components_header_Component.Header,
+    Footer: components_footer_Component.Footer,
+    Controls: components_controls_Component.Controls,
 });
 
-export { ModalMobile };
+exports.ModalMobile = ModalMobile;

package/modal/cssm/mobile/index.js

@@ -1,29 +1,7 @@
-export { ModalMobile } from './Component.mobile.js';
-import 'react';
-import '../Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../base-modal/cssm';
-import '../consts.js';
-import '../ResponsiveContext.js';
-import '../desktop/desktop.module.css';
-import './mobile.module.css';
-import '../transitions.module.css';
-import '../components/content/Component.js';
-import '../../../shared/cssm';
-import '../Context.js';
-import '../components/content/desktop.module.css';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/controls/Component.js';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/Component.js';
-import '../components/footer/desktop.module.css';
-import '../components/footer/index.module.css';
-import '../components/footer/mobile.module.css';
-import '../components/header/Component.js';
-import '../../../navigation-bar/cssm';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.ModalMobile = mobile_Component_mobile.ModalMobile;

package/modal/cssm/shared/index.js

@@ -1,4 +1,9 @@
-export { ModalContext } from '../Context.js';
-export { getModalTestIds } from '../utils.js';
-import '../../../base-modal/cssm';
-import '../../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Context = require('../Context.js');
+var utils = require('../utils.js');
+
+
+
+exports.ModalContext = Context.ModalContext;
+exports.getModalTestIds = utils.getModalTestIds;

package/modal/cssm/utils.js

@@ -1,16 +1,18 @@
-import { getDataTestId } from '../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../../shared/cssm');
 
 function getModalTestIds(dataTestId) {
     return {
         modal: dataTestId,
-        content: getDataTestId(dataTestId, 'content'),
-        footer: getDataTestId(dataTestId, 'footer'),
-        controls: getDataTestId(dataTestId, 'controls'),
-        header: getDataTestId(dataTestId, 'header'),
-        title: getDataTestId(dataTestId, 'header-title'),
-        closer: getDataTestId(dataTestId, 'header-closer'),
-        backButton: getDataTestId(dataTestId, 'header-back-button'),
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        controls: coreComponentsShared.getDataTestId(dataTestId, 'controls'),
+        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
+        title: coreComponentsShared.getDataTestId(dataTestId, 'header-title'),
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
+        backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
     };
 }
 
-export { getModalTestIds };
+exports.getModalTestIds = getModalTestIds;

package/mq/cssm/Component.js

@@ -1,21 +1,27 @@
-import React, { useEffect, Fragment } from 'react';
-import { useMatchMedia } from './useMatchMedia.js';
-import { isPointerEventsSupported, isTouchSupported } from './utils.js';
-import '@alfalab/hooks';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const IS_BROWSER = typeof window !== 'undefined';
-const SUPPORTS_TOUCH = IS_BROWSER && (isPointerEventsSupported() || isTouchSupported());
-const Mq = ({ children, query = '', touch, onMatchChange }) => {
-    const [queryMatches] = useMatchMedia(query);
-    const touchPass = touch === undefined ? true : touch === SUPPORTS_TOUCH;
-    const matches = touchPass && (!query || queryMatches);
-    useEffect(() => {
+var React = require('react');
+var useMatchMedia = require('./useMatchMedia.js');
+var utils = require('./utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var IS_BROWSER = typeof window !== 'undefined';
+var SUPPORTS_TOUCH = IS_BROWSER && (utils.isPointerEventsSupported() || utils.isTouchSupported());
+var Mq = function (_a) {
+    var children = _a.children, _b = _a.query, query = _b === void 0 ? '' : _b, touch = _a.touch, onMatchChange = _a.onMatchChange;
+    var queryMatches = useMatchMedia.useMatchMedia(query)[0];
+    var touchPass = touch === undefined ? true : touch === SUPPORTS_TOUCH;
+    var matches = touchPass && (!query || queryMatches);
+    React.useEffect(function () {
         if (onMatchChange) {
             onMatchChange(matches);
         }
     }, [matches, onMatchChange]);
     // eslint-disable-next-line react/jsx-no-useless-fragment
-    return React.createElement(Fragment, null, matches && IS_BROWSER ? children : null);
+    return React__default.default.createElement(React.Fragment, null, matches && IS_BROWSER ? children : null);
 };
 
-export { Mq };
+exports.Mq = Mq;

package/mq/cssm/index.js

@@ -1,5 +1,9 @@
-export { Mq } from './Component.js';
-export { useMatchMedia } from './useMatchMedia.js';
-import 'react';
-import './utils.js';
-import '@alfalab/hooks';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+var useMatchMedia = require('./useMatchMedia.js');
+
+
+
+exports.Mq = Component.Mq;
+exports.useMatchMedia = useMatchMedia.useMatchMedia;

package/mq/cssm/useMatchMedia.js

@@ -1,17 +1,20 @@
-import { useState } from 'react';
-import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-import { getMatchMedia, releaseMatchMedia } from './utils.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@alfalab/hooks');
+var utils = require('./utils.js');
 
 /**
  * Хук для медиа запросов.
  * @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
  * @param defaultValue Значение по-умолчанию.
  */
-const useMatchMedia = (query, defaultValue = false) => {
-    const [matches, setMatches] = useState(defaultValue);
-    useLayoutEffect_SAFE_FOR_SSR(() => {
-        const mql = getMatchMedia(query);
-        const handleMatchChange = () => setMatches(mql.matches);
+var useMatchMedia = function (query, defaultValue) {
+    if (defaultValue === void 0) { defaultValue = false; }
+    var _a = React.useState(defaultValue), matches = _a[0], setMatches = _a[1];
+    hooks.useLayoutEffect_SAFE_FOR_SSR(function () {
+        var mql = utils.getMatchMedia(query);
+        var handleMatchChange = function () { return setMatches(mql.matches); };
         handleMatchChange();
         if (mql.addListener) {
             mql.addListener(handleMatchChange);
@@ -19,17 +22,17 @@ const useMatchMedia = (query, defaultValue = false) => {
         else {
             mql.addEventListener('change', handleMatchChange);
         }
-        return () => {
+        return function () {
             if (mql.removeListener) {
                 mql.removeListener(handleMatchChange);
             }
             else {
                 mql.removeEventListener('change', handleMatchChange);
             }
-            releaseMatchMedia(query);
+            utils.releaseMatchMedia(query);
         };
     }, [query]);
     return [matches];
 };
 
-export { useMatchMedia };
+exports.useMatchMedia = useMatchMedia;

package/mq/cssm/utils.js

@@ -1,4 +1,6 @@
-const MqList = {
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MqList = {
 	"--mobile-xs": "(min-width: 320px)",
 	"--mobile-s": "(min-width: 360px)",
 	"--mobile-m": "(min-width: 375px)",
@@ -15,15 +17,15 @@ const MqList = {
 };
 
 // TODO: перенести в alfalab/utils
-const pool = {};
-const refCounters = {};
+var pool = {};
+var refCounters = {};
 /**
  * Возвращает MediaQueryList для заданного media-выражения.
  *
  * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
  */
 function getMatchMedia(queryProp) {
-    const query = MqList[queryProp] || queryProp;
+    var query = MqList[queryProp] || queryProp;
     if (pool[query]) {
         refCounters[query] += 1;
     }
@@ -39,7 +41,7 @@ function getMatchMedia(queryProp) {
  * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
  */
 function releaseMatchMedia(queryProp) {
-    const query = MqList[queryProp] || queryProp;
+    var query = MqList[queryProp] || queryProp;
     refCounters[query] -= 1;
     if (pool[query] && refCounters[query] === 0) {
         delete pool[query];
@@ -62,4 +64,7 @@ function isTouchSupported() {
         window.navigator.msMaxTouchPoints > 0);
 }
 
-export { getMatchMedia, isPointerEventsSupported, isTouchSupported, releaseMatchMedia };
+exports.getMatchMedia = getMatchMedia;
+exports.isPointerEventsSupported = isPointerEventsSupported;
+exports.isTouchSupported = isTouchSupported;
+exports.releaseMatchMedia = releaseMatchMedia;