@alfalab/core-components-picker-button 6.2.4 → 7.1.1

package/CHANGELOG.md

@@ -3,6 +3,73 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.1.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-picker-button@7.1.0...@alfalab/core-components-picker-button@7.1.1) (2021-12-08)
+
+**Note:** Version bump only for package @alfalab/core-components-picker-button
+
+
+
+
+
+# [7.1.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-picker-button@7.0.0...@alfalab/core-components-picker-button@7.1.0) (2021-12-01)
+
+
+### Features
+
+* **popover:** add availableHieght prop, update related snapshots ([43b4ebd](https://github.com/alfa-laboratory/core-components/commit/43b4ebd6ba092f22d0dfc845f3f0113b390317dc)), closes [#758](https://github.com/alfa-laboratory/core-components/issues/758)
+
+
+
+
+
+# [7.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-picker-button@6.2.5...@alfalab/core-components-picker-button@7.0.0) (2021-11-26)
+
+
+### Features
+
+* **button:** добавлена кнопка размера 40px, изменены скругления ([#886](https://github.com/alfa-laboratory/core-components/issues/886)) ([88e657a](https://github.com/alfa-laboratory/core-components/commit/88e657a9f0f68b8b58f6e9437053954ee984f83c)), closes [#890](https://github.com/alfa-laboratory/core-components/issues/890)
+
+
+### BREAKING CHANGES
+
+* **button:** Кнопка размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
+заменить размер  на xxs. Можно воспользоваться codemod.
+
+* feat(codemod): add button xs to xxs transformer
+
+* feat(tag): добавлен тэг размера 40px, изменены отступы
+
+Добавлен тэг размером 40px, изменены отступы. Тем, кто использовал размер xs, надо заменить размер
+на xxs.
+* **button:** Тэг размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
+заменить размер на xxs. Можно воспользоваться codemod.
+
+* test: update screenshots
+
+* test: update screenshots
+
+* feat(button): linter fix
+
+* feat(button): fix min-width
+
+* feat(tag): remove vertical paddings
+
+* feat(tag): remove vertical paddings
+
+* feat(button): updates
+
+
+
+
+
+## [6.2.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-picker-button@6.2.4...@alfalab/core-components-picker-button@6.2.5) (2021-11-16)
+
+**Note:** Version bump only for package @alfalab/core-components-picker-button
+
+
+
+
+
 ## [6.2.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-picker-button@6.2.3...@alfalab/core-components-picker-button@6.2.4) (2021-11-08)
 
 **Note:** Version bump only for package @alfalab/core-components-picker-button

package/dist/{Component-63eabf0e.d.ts → Component-9a3d00b9.d.ts}

@@ -65,6 +65,10 @@ type PopoverProps = {
      * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
      */
     preventOverflow?: boolean;
+    /**
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
+     */
+    availableHeight?: boolean;
     /**
      * Если `true`, будет отрисована стрелочка
      */

package/dist/{Component-63eabf0e.js → Component-9a3d00b9.js}

@@ -50,7 +50,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"iconContainer":"picker-button__iconContainer_8ixop","open":"picker-button__open_8ixop"};
+var styles = {"iconContainer":"picker-button__iconContainer_19ca1","open":"picker-button__open_19ca1"};
 require('./field/index.css')
 
 var Field = function (_a) {

package/dist/Component.d.ts

@@ -9,7 +9,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
      */
     size?: PickerButtonSize;
 };
-declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
+declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "preventFlip" | "open" | "options" | "fieldClassName" | "error" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
     /**
      * Размер кнопки
      */

package/dist/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('./Component-63eabf0e.js');
+var field_Component = require('./Component-9a3d00b9.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('@alfalab/core-components-select');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"container":"picker-button__container_1fhuc"};
+var styles = {"container":"picker-button__container_1im51"};
 require('./index.css')
 
 var PickerButton = React.forwardRef(function (_a, ref) {

package/dist/cssm/Component-c7d52094.d.ts

@@ -65,6 +65,10 @@ type PopoverProps = {
      * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
      */
     preventOverflow?: boolean;
+    /**
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
+     */
+    availableHeight?: boolean;
     /**
      * Если `true`, будет отрисована стрелочка
      */

package/dist/esm/{Component-d46d35db.d.ts → Component-472f5680.d.ts}

@@ -65,6 +65,10 @@ type PopoverProps = {
      * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
      */
     preventOverflow?: boolean;
+    /**
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
+     */
+    availableHeight?: boolean;
     /**
      * Если `true`, будет отрисована стрелочка
      */

package/dist/esm/{Component-d46d35db.js → Component-472f5680.js}

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"iconContainer":"picker-button__iconContainer_8ixop","open":"picker-button__open_8ixop"};
+var styles = {"iconContainer":"picker-button__iconContainer_19ca1","open":"picker-button__open_19ca1"};
 require('./field/index.css')
 
 var Field = function (_a) {

package/dist/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, F as Field } from './Component-d46d35db.js';
+import { _ as __rest, a as __assign, F as Field } from './Component-472f5680.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/dist/esm';
@@ -6,7 +6,7 @@ import '@alfalab/core-components-button/dist/esm';
 import '@alfalab/icons-classic/ArrowDownMIcon';
 import '@alfalab/icons-classic/ArrowDownSIcon';
 
-var styles = {"container":"picker-button__container_1fhuc"};
+var styles = {"container":"picker-button__container_1im51"};
 require('./index.css')
 
 var PickerButton = forwardRef(function (_a, ref) {

package/dist/esm/field/Component.js

@@ -1,4 +1,4 @@
-export { F as Field } from '../Component-d46d35db.js';
+export { F as Field } from '../Component-472f5680.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-button/dist/esm';

package/dist/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 8ixop */
+/* hash: 10pv6 */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_8ixop {
+.picker-button__iconContainer_19ca1 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_8ixop {
+.picker-button__open_19ca1 {
     transform: var(--arrow-transform);
 }

package/dist/esm/field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-d46d35db";
+export * from "../Component-472f5680";

package/dist/esm/field/index.js

@@ -1,4 +1,4 @@
-export { F as Field } from '../Component-d46d35db.js';
+export { F as Field } from '../Component-472f5680.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-button/dist/esm';

package/dist/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1fhuc */
-.picker-button__container_1fhuc {
+/* hash: 1gnob */
+.picker-button__container_1im51 {
     min-width: auto;
 }

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import './Component-d46d35db.js';
+import './Component-472f5680.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-select/dist/esm';

package/dist/field/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('../Component-63eabf0e.js');
+var field_Component = require('../Component-9a3d00b9.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-button');

package/dist/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 8ixop */
+/* hash: 10pv6 */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_8ixop {
+.picker-button__iconContainer_19ca1 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_8ixop {
+.picker-button__open_19ca1 {
     transform: var(--arrow-transform);
 }

package/dist/field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-63eabf0e";
+export * from "../Component-9a3d00b9";

package/dist/field/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('../Component-63eabf0e.js');
+var field_Component = require('../Component-9a3d00b9.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-button');

package/dist/index.css

@@ -1,4 +1,4 @@
-/* hash: 1fhuc */
-.picker-button__container_1fhuc {
+/* hash: 1gnob */
+.picker-button__container_1im51 {
     min-width: auto;
 }

package/dist/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-63eabf0e.js');
+require('./Component-9a3d00b9.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-select');

package/dist/modern/Component.js

@@ -6,7 +6,7 @@ import '@alfalab/icons-classic/ArrowDownMIcon';
 import '@alfalab/icons-classic/ArrowDownSIcon';
 import { Field } from './field/Component.js';
 
-var styles = {"container":"picker-button__container_1fhuc"};
+var styles = {"container":"picker-button__container_1im51"};
 require('./index.css')
 
 const PickerButton = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', className, leftAddons, ...restProps }, ref) => (React.createElement(BaseSelect, Object.assign({}, restProps, { ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {

package/dist/modern/field/Component.d.ts

@@ -34,6 +34,10 @@ type PopoverProps = {
      * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
      */
     preventOverflow?: boolean;
+    /**
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
+     */
+    availableHeight?: boolean;
     /**
      * Если `true`, будет отрисована стрелочка
      */

package/dist/modern/field/Component.js

@@ -4,7 +4,7 @@ import { Button } from '@alfalab/core-components-button/dist/modern';
 import { ArrowDownMIcon } from '@alfalab/icons-classic/ArrowDownMIcon';
 import { ArrowDownSIcon } from '@alfalab/icons-classic/ArrowDownSIcon';
 
-var styles = {"iconContainer":"picker-button__iconContainer_8ixop","open":"picker-button__open_8ixop"};
+var styles = {"iconContainer":"picker-button__iconContainer_19ca1","open":"picker-button__open_19ca1"};
 require('./index.css')
 
 const Field = ({ buttonSize = 'm', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, ...restProps }) => {

package/dist/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 8ixop */
+/* hash: 10pv6 */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_8ixop {
+.picker-button__iconContainer_19ca1 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_8ixop {
+.picker-button__open_19ca1 {
     transform: var(--arrow-transform);
 }

package/dist/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1fhuc */
-.picker-button__container_1fhuc {
+/* hash: 1gnob */
+.picker-button__container_1im51 {
     min-width: auto;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-picker-button",
-    "version": "6.2.4",
+    "version": "7.1.1",
     "description": "Picker button component",
     "keywords": [],
     "license": "MIT",
@@ -19,11 +19,11 @@
         "react-dom": "^16.9.0 || ^17.0.1"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^4.4.0",
-        "@alfalab/core-components-select": "^10.1.0",
-        "@alfalab/icons-classic": "^1.74.0",
-        "@alfalab/icons-glyph": "^1.150.0",
+        "@alfalab/core-components-button": "^5.0.1",
+        "@alfalab/core-components-select": "^10.2.1",
+        "@alfalab/icons-classic": "^1.76.0",
+        "@alfalab/icons-glyph": "^1.190.0",
         "classnames": "^2.2.6"
     },
-    "gitHead": "703f07772c3d9263eafd90b083bd02bc3f5872a0"
+    "gitHead": "19a2d088b6c18a127940199cfd6e6fc4e8639ec5"
 }