@sima-land/ui-nucleons 43.1.0 → 44.0.1

package/select/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/side-page/index.d.ts

@@ -46,7 +46,9 @@ export declare const SidePage: {
         displayName: string;
     };
     Footer: {
-        (props: import("../bottom-bar").BottomBarProps): JSX.Element;
+        ({ padded, ...props }: import("../bottom-bar").BottomBarProps & {
+            padded?: boolean | undefined;
+        }): JSX.Element;
         displayName: string;
     };
 };

package/side-page/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/side-page/side-page.module.scss

@@ -42,7 +42,9 @@ $overlay-color: rgba(0, 0, 0, 0.24);
 .footer {
   flex-shrink: 0;
   width: 100%;
-  padding: 0 40px;
+  &.padded {
+    padding: 0 40px;
+  }
 }
 
 // transitions

package/side-page/slots.d.ts

@@ -27,6 +27,8 @@ export declare const SidePageBody: {
  * @return Элемент.
  */
 export declare const SidePageFooter: {
-    (props: BottomBarProps): JSX.Element;
+    ({ padded, ...props }: BottomBarProps & {
+        padded?: boolean | undefined;
+    }): JSX.Element;
     displayName: string;
 };

package/side-page/slots.js

@@ -21,6 +21,7 @@ const bottom_bar_1 = require("../bottom-bar");
 const cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/cross"));
 const arrow_left_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-left"));
 const side_page_module_scss_1 = __importDefault(require("./side-page.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
 /**
  * @param props Свойства.
  * @return Элемент.
@@ -54,6 +55,10 @@ exports.SidePageBody.displayName = 'SidePage.Body';
  * @param props Свойства.
  * @return Элемент.
  */
-const SidePageFooter = (props) => (react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, props, { size: 'm', className: side_page_module_scss_1.default.footer })));
+const SidePageFooter = (_a) => {
+    var { padded = true } = _a, // @todo по умолчанию true для обратной совместимости - убрать true в ближайшем мажоре
+    props = __rest(_a, ["padded"]);
+    return (react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, props, { size: 'l', className: (0, classnames_1.default)(side_page_module_scss_1.default.footer, padded && side_page_module_scss_1.default.padded) })));
+};
 exports.SidePageFooter = SidePageFooter;
 exports.SidePageFooter.displayName = 'SidePage.Footer';

package/stepper/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/stroked-svg/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/tabs/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/text/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/text-field/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/timer/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/toggle/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/tooltip/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/unknown-content/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/with-hint/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/with-hint/positioning-hint.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/with-tooltip/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/with-tooltip/positioning-tooltip.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/helpers/intersection-observer.d.ts

@@ -1,40 +0,0 @@
-import 'intersection-observer';
-interface ObserverContainer {
-    registry: Map<Element, any>;
-    observer: IntersectionObserver;
-}
-export declare type Callback = (target: HTMLElement) => void;
-/**
- * Вызывает onIntersection у подписанного компонента при появлении его в области видимости.
- * @param container Контейнер с обсервером и списком подписантов.
- * @param entries Массив с появившимися DOM-элементами.
- */
-export declare const observerHandle: ({ registry }: ObserverContainer, entries: IntersectionObserverEntry[]) => void;
-/**
- * Подписывает компонент и добавляет его в массив подписавшихся.
- * @param container Контейнер с обсервером и списком подписантов.
- * @param target HTML-элемент Компонента.
- * @param onIntersection Функция, которую необходимо вызвать при срабатывании.
- */
-export declare const addObserve: ({ observer, registry }: ObserverContainer, target: HTMLElement, onIntersection: Callback) => void;
-/**
- * Пробрасывает контейнер с экземпляром обсервера в функцию для подписки.
- * @param container Контейнер с обсервером и списком подписантов.
- * @param addObserveFunc Функция подписки компонента на обсервер.
- * @return Функция подиски на обсервер.
- */
-export declare const wrapAddObserve: (container: ObserverContainer, addObserveFunc: (c: ObserverContainer, t: HTMLElement, cb: Callback) => void) => (target: HTMLElement, onIntersection: Callback) => void;
-/**
- * Пробрасывает контейнер с экземпляром обсервера в обработчик события обсервера.
- * @param container Контейнер с обсервером и списком подписантов.
- * @param handler Обработчик, в который нужно добавить контейнер.
- * @return Функция обработчик события обсервера.
- */
-export declare const wrapObserverHandle: (container: ObserverContainer, handler: (c: ObserverContainer, es: IntersectionObserverEntry[]) => void) => (entries: IntersectionObserverEntry[]) => void;
-/**
- * Создает экземпляр IntersectionObserver и возвращает функцию подписки на него.
- * @param options Настройки для создания IntersectionObserver.
- * @return Функция подписки на созданный экземпляр IntersectionObserver.
- */
-declare const initAddObserve: (options?: {}) => (target: HTMLElement, onIntersection: Callback) => void;
-export default initAddObserve;

package/helpers/intersection-observer.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrapObserverHandle = exports.wrapAddObserve = exports.addObserve = exports.observerHandle = void 0;
-const lodash_1 = require("lodash");
-require("intersection-observer");
-/**
- * Вызывает onIntersection у подписанного компонента при появлении его в области видимости.
- * @param container Контейнер с обсервером и списком подписантов.
- * @param entries Массив с появившимися DOM-элементами.
- */
-const observerHandle = ({ registry }, entries) => {
-    entries.forEach(entry => {
-        const onIntersection = registry.get(entry.target);
-        entry.isIntersecting && (0, lodash_1.isFunction)(onIntersection) && onIntersection();
-    });
-};
-exports.observerHandle = observerHandle;
-/**
- * Подписывает компонент и добавляет его в массив подписавшихся.
- * @param container Контейнер с обсервером и списком подписантов.
- * @param target HTML-элемент Компонента.
- * @param onIntersection Функция, которую необходимо вызвать при срабатывании.
- */
-const addObserve = ({ observer, registry }, target, onIntersection) => {
-    if (observer && (0, lodash_1.isFunction)(observer.observe)) {
-        observer.observe(target);
-        registry.set(target, onIntersection);
-    }
-};
-exports.addObserve = addObserve;
-/**
- * Пробрасывает контейнер с экземпляром обсервера в функцию для подписки.
- * @param container Контейнер с обсервером и списком подписантов.
- * @param addObserveFunc Функция подписки компонента на обсервер.
- * @return Функция подиски на обсервер.
- */
-const wrapAddObserve = (container, addObserveFunc) => (target, onIntersection) => addObserveFunc(container, target, onIntersection);
-exports.wrapAddObserve = wrapAddObserve;
-/**
- * Пробрасывает контейнер с экземпляром обсервера в обработчик события обсервера.
- * @param container Контейнер с обсервером и списком подписантов.
- * @param handler Обработчик, в который нужно добавить контейнер.
- * @return Функция обработчик события обсервера.
- */
-const wrapObserverHandle = (container, handler) => (entries) => handler(container, entries);
-exports.wrapObserverHandle = wrapObserverHandle;
-/**
- * Создает экземпляр IntersectionObserver и возвращает функцию подписки на него.
- * @param options Настройки для создания IntersectionObserver.
- * @return Функция подписки на созданный экземпляр IntersectionObserver.
- */
-const initAddObserve = (options = {}) => {
-    const container = {};
-    if (typeof window !== 'undefined') {
-        container.registry = new Map();
-        container.observer = new window.IntersectionObserver((0, exports.wrapObserverHandle)(container, exports.observerHandle), options);
-    }
-    return (0, exports.wrapAddObserve)(container, exports.addObserve);
-};
-exports.default = initAddObserve;

package/with-in-viewport-observer/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-/**
- * Создает компонент высшего порядка совершающий подписку на появление в области видимости.
- * @param observersDataList Массив с данными объявленных Intersection Observer.
- * @return Функция, создающая компонент высшего порядка.
- */
-export declare function makeInViewportObserverHOC(observersDataList: any): <T, K extends string>(Component: React.ComponentType<T>, options?: IntersectionObserverInit, propName?: K) => React.FC<Omit<T, K> & { [key in K]?: any; }>;
-declare const withInViewportObserver: <T, K extends string>(Component: React.ComponentType<T>, options?: IntersectionObserverInit, propName?: K) => React.FC<Omit<T, K> & { [key in K]?: any; }>;
-export default withInViewportObserver;

package/with-in-viewport-observer/index.js

@@ -1,43 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeInViewportObserverHOC = void 0;
-const react_1 = __importDefault(require("react"));
-const lodash_1 = require("lodash");
-const intersection_observer_1 = __importDefault(require("../helpers/intersection-observer"));
-/**
- * Создает компонент высшего порядка совершающий подписку на появление в области видимости.
- * @param observersDataList Массив с данными объявленных Intersection Observer.
- * @return Функция, создающая компонент высшего порядка.
- */
-function makeInViewportObserverHOC(observersDataList) {
-    return function HOC(Component, options = {}, propName = 'addObserve') {
-        let addObserve;
-        observersDataList.forEach(({ add, options: observeOptions }) => {
-            if ((0, lodash_1.isEqual)(observeOptions, options)) {
-                addObserve = add;
-            }
-        });
-        if (!addObserve) {
-            addObserve = (0, intersection_observer_1.default)(options);
-            observersDataList.push({
-                options,
-                add: addObserve,
-            });
-        }
-        /**
-         * Компонент-обертка.
-         * @param props Свойства для оборачиваемого компонента.
-         * @return Компонент высшего порядка.
-         */
-        const Wrapper = (props) => (react_1.default.createElement(Component, Object.assign({}, { [propName]: addObserve }, props)));
-        Wrapper.displayName = `withInViewportObserver(${Component.displayName || Component.name})`;
-        return Wrapper;
-    };
-}
-exports.makeInViewportObserverHOC = makeInViewportObserverHOC;
-const observersList = [];
-const withInViewportObserver = makeInViewportObserverHOC(observersList);
-exports.default = withInViewportObserver;