@salutejs/plasma-new-hope 0.71.0-canary.1161.8576288835.0 → 0.71.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/Combobox.css +10 -10
- package/cjs/components/Combobox/Combobox.styles.js +5 -5
- package/cjs/components/Combobox/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/{Combobox.styles_dw6hnk.css → Combobox.styles_17ei5vn.css} +1 -1
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
- package/cjs/components/Dropdown/Dropdown.css +4 -4
- package/cjs/components/Dropdown/Dropdown.js +1 -0
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +4 -4
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
- package/cjs/components/Popover/Popover.css +4 -4
- package/cjs/components/Popover/Popover.js +43 -33
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/Popover.styles.js +1 -1
- package/cjs/components/Popover/Popover.styles.js.map +1 -1
- package/cjs/components/Popover/{Popover.styles_1ggb66y.css → Popover.styles_1rk9t6z.css} +1 -1
- package/cjs/components/Select/Select.css +4 -4
- package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
- package/cjs/index.css +33 -33
- package/cjs/index.js +4 -39
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js +1 -13
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/react.js +2 -12
- package/cjs/utils/react.js.map +1 -1
- package/es/components/Combobox/Combobox.css +10 -10
- package/es/components/Combobox/Combobox.styles.js +5 -5
- package/es/components/Combobox/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/{Combobox.styles_dw6hnk.css → Combobox.styles_17ei5vn.css} +1 -1
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
- package/es/components/Dropdown/Dropdown.css +4 -4
- package/es/components/Dropdown/Dropdown.js +1 -0
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Pagination/Pagination.css +4 -4
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
- package/es/components/Popover/Popover.css +4 -4
- package/es/components/Popover/Popover.js +43 -33
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popover/Popover.styles.js +1 -1
- package/es/components/Popover/Popover.styles.js.map +1 -1
- package/es/components/Popover/{Popover.styles_1ggb66y.css → Popover.styles_1rk9t6z.css} +1 -1
- package/es/components/Select/Select.css +4 -4
- package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
- package/es/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
- package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
- package/es/index.css +33 -33
- package/es/index.js +0 -13
- package/es/index.js.map +1 -1
- package/es/utils/index.js +2 -11
- package/es/utils/index.js.map +1 -1
- package/es/utils/react.js +2 -9
- package/es/utils/react.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/Combobox.styles.js +1 -1
- package/styled-components/cjs/components/Dropdown/Dropdown.js +1 -0
- package/styled-components/cjs/components/Popover/Popover.js +43 -33
- package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
- package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Chip/Chip.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +7 -0
- package/styled-components/cjs/examples/plasma_web/components/Chip/Chip.config.js +2 -2
- package/styled-components/cjs/index.js +0 -22
- package/styled-components/es/components/Combobox/Combobox.styles.js +1 -1
- package/styled-components/es/components/Dropdown/Dropdown.js +1 -0
- package/styled-components/es/components/Popover/Popover.js +43 -33
- package/styled-components/es/components/Popover/Popover.styles.js +1 -1
- package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Chip/Chip.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +7 -0
- package/styled-components/es/examples/plasma_web/components/Chip/Chip.config.js +2 -2
- package/styled-components/es/index.js +0 -2
- package/types/components/Chip/Chip.d.ts +2 -26
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Chip/Chip.types.d.ts +5 -6
- package/types/components/Chip/Chip.types.d.ts.map +1 -1
- package/types/components/Combobox/Combobox.styles.d.ts +8 -2
- package/types/components/Combobox/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts +1 -13
- package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +7 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Indicator/Indicator.d.ts +2 -2
- package/types/components/Popover/Popover.d.ts +2 -2
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +19 -12
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +8 -2
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts +1 -13
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map +1 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Chip/Chip.d.ts +2 -14
- package/types/examples/plasma_b2c/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Indicator/Indicator.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Popover/Popover.d.ts +7 -1
- package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Chip/Chip.config.d.ts +1 -1
- package/types/examples/plasma_web/components/Chip/Chip.d.ts +2 -14
- package/types/examples/plasma_web/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Indicator/Indicator.d.ts +2 -2
- package/types/examples/plasma_web/components/Popover/Popover.d.ts +7 -1
- package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts +1 -13
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts +7 -1
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
- package/types/index.d.ts +0 -2
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +0 -23
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +0 -40
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -12
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +0 -23
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +0 -40
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -12
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +0 -23
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +0 -40
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -12
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +0 -23
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +0 -40
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -12
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.css +0 -23
- package/es/components/Select/ui/SelectDivider/SelectDivider.js +0 -35
- package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -7
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.css +0 -23
- package/es/components/Select/ui/SelectFooter/SelectFooter.js +0 -35
- package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -7
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.css +0 -23
- package/es/components/Select/ui/SelectGroup/SelectGroup.js +0 -35
- package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -7
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.css +0 -23
- package/es/components/Select/ui/SelectHeader/SelectHeader.js +0 -35
- package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -7
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
@@ -4,7 +4,7 @@ import { popoverClasses, popoverConfig } from '../Popover';
|
|
4
4
|
import { tokens } from './Combobox.tokens';
|
5
5
|
export var StyledRoot = /*#__PURE__*/styled.div.withConfig({
|
6
6
|
componentId: "plasma-new-hope__sc-gt7m6a-0"
|
7
|
-
})(["width:100%;position:relative
|
7
|
+
})(["width:100%;position:relative;"]);
|
8
8
|
export var StyledCombobox = /*#__PURE__*/styled.div.withConfig({
|
9
9
|
componentId: "plasma-new-hope__sc-gt7m6a-1"
|
10
10
|
})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");padding:var(", ") var(", ") var(", ") var(", ");"], tokens.background, tokens.boxShadow, tokens.borderRadius, tokens.width, tokens.height, tokens.paddingTop, tokens.paddingRight, tokens.paddingBottom, tokens.paddingLeft);
|
@@ -62,6 +62,7 @@ export var dropdownRoot = function dropdownRoot(Root) {
|
|
62
62
|
placement: getPlacements(placement),
|
63
63
|
trigger: trigger,
|
64
64
|
closeOnOverlayClick: closeOnOverlayClick,
|
65
|
+
closeOnBeyondTargetHover: false,
|
65
66
|
closeOnEsc: closeOnEsc,
|
66
67
|
isFocusTrapped: isFocusTrapped,
|
67
68
|
frame: frame
|
@@ -1,5 +1,5 @@
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
-
var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"
|
2
|
+
var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"];
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
@@ -30,34 +30,41 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
|
|
30
30
|
* и вызова по клику либо ховеру.
|
31
31
|
*/
|
32
32
|
export var popoverRoot = function popoverRoot(Root) {
|
33
|
-
return /*#__PURE__*/forwardRef(function (
|
33
|
+
return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
|
34
34
|
var _placement$;
|
35
|
-
var target =
|
36
|
-
children =
|
37
|
-
isOpen =
|
38
|
-
|
39
|
-
trigger =
|
40
|
-
hasArrow =
|
41
|
-
|
42
|
-
frame =
|
43
|
-
className =
|
44
|
-
|
45
|
-
placement =
|
46
|
-
|
47
|
-
offset =
|
48
|
-
zIndex =
|
49
|
-
|
50
|
-
isFocusTrapped =
|
51
|
-
|
52
|
-
closeOnEsc =
|
53
|
-
|
54
|
-
preventOverflow =
|
55
|
-
|
56
|
-
usePortal =
|
57
|
-
view =
|
58
|
-
onToggle =
|
59
|
-
|
60
|
-
|
35
|
+
var target = props.target,
|
36
|
+
children = props.children,
|
37
|
+
isOpen = props.isOpen,
|
38
|
+
_props$trigger = props.trigger,
|
39
|
+
trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
|
40
|
+
hasArrow = props.hasArrow,
|
41
|
+
_props$frame = props.frame,
|
42
|
+
frame = _props$frame === void 0 ? 'document' : _props$frame,
|
43
|
+
className = props.className,
|
44
|
+
_props$placement = props.placement,
|
45
|
+
placement = _props$placement === void 0 ? 'auto' : _props$placement,
|
46
|
+
_props$offset = props.offset,
|
47
|
+
offset = _props$offset === void 0 ? [0, 0] : _props$offset,
|
48
|
+
zIndex = props.zIndex,
|
49
|
+
_props$isFocusTrapped = props.isFocusTrapped,
|
50
|
+
isFocusTrapped = _props$isFocusTrapped === void 0 ? true : _props$isFocusTrapped,
|
51
|
+
_props$closeOnEsc = props.closeOnEsc,
|
52
|
+
closeOnEsc = _props$closeOnEsc === void 0 ? true : _props$closeOnEsc,
|
53
|
+
_props$preventOverflo = props.preventOverflow,
|
54
|
+
preventOverflow = _props$preventOverflo === void 0 ? true : _props$preventOverflo,
|
55
|
+
_props$usePortal = props.usePortal,
|
56
|
+
usePortal = _props$usePortal === void 0 ? false : _props$usePortal,
|
57
|
+
view = props.view,
|
58
|
+
onToggle = props.onToggle,
|
59
|
+
rest = _objectWithoutProperties(props, _excluded);
|
60
|
+
var closeOnOverlayClick = true;
|
61
|
+
var closeOnBeyondTargetHover = true;
|
62
|
+
if (props.trigger === 'click' && props.closeOnOverlayClick === false) {
|
63
|
+
closeOnOverlayClick = false;
|
64
|
+
}
|
65
|
+
if (props.trigger === 'hover' && props.closeOnBeyondTargetHover === false) {
|
66
|
+
closeOnBeyondTargetHover = false;
|
67
|
+
}
|
61
68
|
var rootRef = useRef(null);
|
62
69
|
var popoverRef = useRef(null);
|
63
70
|
var handleRef = useForkRef(rootRef, outerRootRef);
|
@@ -157,7 +164,7 @@ export var popoverRoot = function popoverRoot(Root) {
|
|
157
164
|
return function () {
|
158
165
|
return document.removeEventListener('click', onDocumentClick);
|
159
166
|
};
|
160
|
-
}, [isOpen, onToggle]);
|
167
|
+
}, [closeOnOverlayClick, isOpen, onToggle]);
|
161
168
|
useEffect(function () {
|
162
169
|
window.addEventListener('keydown', onEscape);
|
163
170
|
return function () {
|
@@ -204,19 +211,22 @@ export var popoverRoot = function popoverRoot(Root) {
|
|
204
211
|
Promise.resolve().then(forceUpdate);
|
205
212
|
}, [isOpen, children, forceUpdate]);
|
206
213
|
return /*#__PURE__*/React.createElement(StyledWrapper, {
|
207
|
-
className: classes.wrapper
|
208
|
-
onMouseEnter: onMouseEnter,
|
209
|
-
onMouseLeave: onMouseLeave
|
214
|
+
className: classes.wrapper
|
210
215
|
}, /*#__PURE__*/React.createElement(StyledRoot, {
|
211
216
|
ref: handleRef,
|
212
217
|
onClick: onClick,
|
218
|
+
onMouseEnter: onMouseEnter,
|
219
|
+
onMouseLeave: onMouseLeave,
|
213
220
|
onFocus: onFocus,
|
214
221
|
onBlur: onBlur,
|
215
222
|
className: cx(className, classes.target)
|
216
223
|
}, target), children && portalRef.current && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Root, _extends({
|
217
224
|
view: view,
|
218
225
|
className: className
|
219
|
-
}, rest
|
226
|
+
}, rest, {
|
227
|
+
onMouseEnter: closeOnBeyondTargetHover ? undefined : onMouseEnter,
|
228
|
+
onMouseLeave: closeOnBeyondTargetHover ? undefined : onMouseEnter
|
229
|
+
}), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
|
220
230
|
className: classes.root,
|
221
231
|
ref: popoverForkRef,
|
222
232
|
style: _objectSpread(_objectSpread(_objectSpread({}, styles.popper), {
|
@@ -3,7 +3,7 @@ import { DEFAULT_Z_INDEX } from '../Popup/utils';
|
|
3
3
|
import { classes, tokens } from './Popover.tokens';
|
4
4
|
export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
|
5
5
|
componentId: "plasma-new-hope__sc-tnpyex-0"
|
6
|
-
})(["
|
6
|
+
})([""]);
|
7
7
|
export var StyledRoot = /*#__PURE__*/styled.div.withConfig({
|
8
8
|
componentId: "plasma-new-hope__sc-tnpyex-1"
|
9
9
|
})(["display:inline-flex;box-sizing:border-box;position:relative;"]);
|
@@ -111,8 +111,7 @@ export var SelectTarget = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
111
111
|
"aria-label": label,
|
112
112
|
className: cx(withInnerLabelUp, withHasChips, withNoFocus, selectTarget),
|
113
113
|
onWheel: onWheel,
|
114
|
-
onKeyDown: onKeyDown
|
115
|
-
stretching: "filled"
|
114
|
+
onKeyDown: onKeyDown
|
116
115
|
}), hasText && (enumerationType === 'comma' || target === 'button-like' ? /*#__PURE__*/React.createElement(StyledText, {
|
117
116
|
className: selectTargeText
|
118
117
|
}, textContent) : /*#__PURE__*/React.createElement(StyledChipsWrapper, {
|
@@ -2,13 +2,13 @@ import { css } from 'styled-components';
|
|
2
2
|
import { chipTokens } from '../../../../components/Chip';
|
3
3
|
export var config = {
|
4
4
|
defaults: {
|
5
|
-
view: '
|
5
|
+
view: 'default',
|
6
6
|
focused: 'true',
|
7
7
|
size: 'm'
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
|
11
|
+
"default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
12
12
|
secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
13
13
|
positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-positive) 85% );", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-positive) 85%);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
|
14
14
|
},
|
@@ -33,6 +33,12 @@ const meta: Meta<typeof Popover> = {
|
|
33
33
|
},
|
34
34
|
table: { defaultValue: { summary: true } },
|
35
35
|
},
|
36
|
+
closeOnBeyondTargetHover: {
|
37
|
+
control: {
|
38
|
+
type: 'boolean',
|
39
|
+
},
|
40
|
+
table: { defaultValue: { summary: true } },
|
41
|
+
},
|
36
42
|
closeOnEsc: {
|
37
43
|
control: {
|
38
44
|
type: 'boolean',
|
@@ -62,6 +68,7 @@ const meta: Meta<typeof Popover> = {
|
|
62
68
|
placement: 'bottom',
|
63
69
|
trigger: 'click',
|
64
70
|
closeOnOverlayClick: true,
|
71
|
+
closeOnBeyondTargetHover: true,
|
65
72
|
closeOnEsc: true,
|
66
73
|
isFocusTrapped: true,
|
67
74
|
skidding: 0,
|
@@ -2,13 +2,13 @@ import { css } from 'styled-components';
|
|
2
2
|
import { chipTokens } from '../../../../components/Chip';
|
3
3
|
export var config = {
|
4
4
|
defaults: {
|
5
|
-
view: '
|
5
|
+
view: 'default',
|
6
6
|
focused: 'true',
|
7
7
|
size: 'm'
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
|
11
|
+
"default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
12
12
|
secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
13
13
|
positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-positive) 85% );", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-positive) 85%);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
|
14
14
|
},
|
@@ -3,7 +3,6 @@
|
|
3
3
|
export * from './mixins';
|
4
4
|
export * from './engines';
|
5
5
|
export * from './hooks';
|
6
|
-
export * from './utils';
|
7
6
|
export * from './components/Button';
|
8
7
|
export * from './components/ButtonGroup';
|
9
8
|
export * from './components/Chip';
|
@@ -43,6 +42,5 @@ export * from './components/Indicator';
|
|
43
42
|
export * from './components/ButtonBase';
|
44
43
|
export * from './components/Grid';
|
45
44
|
export * from './components/Progress';
|
46
|
-
export * from './components/Select';
|
47
45
|
export * from './components/Divider';
|
48
46
|
export * from './components/Toolbar';
|
@@ -1,35 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import type { RootProps } from '../../engines';
|
3
3
|
import type { ChipProps } from './Chip.types';
|
4
|
-
export declare const chipRoot: (Root: RootProps<HTMLButtonElement, ChipProps>) => React.ForwardRefExoticComponent<React.
|
5
|
-
text?: string | undefined;
|
6
|
-
contentLeft?: React.ReactNode;
|
7
|
-
contentRight?: React.ReactNode;
|
8
|
-
contentClearButton?: React.ReactNode;
|
9
|
-
disabled?: boolean | undefined;
|
10
|
-
readOnly?: boolean | undefined;
|
11
|
-
size?: ("m" | "s" | "xs" | "l") | undefined;
|
12
|
-
view?: ("secondary" | "default" | "positive") | undefined;
|
13
|
-
onClear?: (() => void) | undefined;
|
14
|
-
} & {
|
15
|
-
children?: React.ReactNode;
|
16
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
4
|
+
export declare const chipRoot: (Root: RootProps<HTMLButtonElement, ChipProps>) => React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
|
17
5
|
export declare const chipConfig: {
|
18
6
|
name: string;
|
19
7
|
tag: string;
|
20
|
-
layout: (Root: RootProps<HTMLButtonElement, ChipProps>) => React.ForwardRefExoticComponent<React.
|
21
|
-
text?: string | undefined;
|
22
|
-
contentLeft?: React.ReactNode;
|
23
|
-
contentRight?: React.ReactNode;
|
24
|
-
contentClearButton?: React.ReactNode;
|
25
|
-
disabled?: boolean | undefined;
|
26
|
-
readOnly?: boolean | undefined;
|
27
|
-
size?: ("m" | "s" | "xs" | "l") | undefined;
|
28
|
-
view?: ("secondary" | "default" | "positive") | undefined;
|
29
|
-
onClear?: (() => void) | undefined;
|
30
|
-
} & {
|
31
|
-
children?: React.ReactNode;
|
32
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
8
|
+
layout: (Root: RootProps<HTMLButtonElement, ChipProps>) => React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
|
33
9
|
base: import("@linaria/core").LinariaClassName;
|
34
10
|
variations: {
|
35
11
|
view: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC,wFAsDhE,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAxDQ,UAAU,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CAoFrE,CAAC"}
|
@@ -1,6 +1,4 @@
|
|
1
1
|
import type { ButtonHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
|
2
|
-
declare type ChipSize = 'l' | 'm' | 's' | 'xs';
|
3
|
-
declare type ChipView = 'default' | 'secondary' | 'positive';
|
4
2
|
declare type CustomChipProps = {
|
5
3
|
/**
|
6
4
|
* Текстовая надпись
|
@@ -35,18 +33,19 @@ declare type CustomChipProps = {
|
|
35
33
|
* @default
|
36
34
|
* m
|
37
35
|
*/
|
38
|
-
size?:
|
36
|
+
size?: string;
|
39
37
|
/**
|
40
38
|
* Вид Chip
|
41
39
|
* @default
|
42
|
-
*
|
40
|
+
* primary
|
43
41
|
*/
|
44
|
-
view?:
|
42
|
+
view?: string;
|
45
43
|
/**
|
46
44
|
* Коллбек при взаимодействии с элементом
|
47
45
|
*/
|
48
46
|
onClear?: () => void;
|
49
47
|
} & PropsWithChildren;
|
50
|
-
export
|
48
|
+
export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement>, CustomChipProps {
|
49
|
+
}
|
51
50
|
export {};
|
52
51
|
//# sourceMappingURL=Chip.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF,aAAK,
|
1
|
+
{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,GAAG,iBAAiB,CAAC;AAEtB,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,eAAe;CAAG"}
|
@@ -3,11 +3,17 @@ export declare const StyledRoot: import("@linaria/react").StyledComponent<import
|
|
3
3
|
export declare const StyledCombobox: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
4
|
export declare const StyledPopover: import("@linaria/react").StyledComponent<{
|
5
5
|
selectWidth?: number | undefined;
|
6
|
-
} & import("../../engines/types").PropsType<{
|
6
|
+
} & (import("../../engines/types").PropsType<{
|
7
7
|
view: {
|
8
8
|
css: import("@linaria/core").LinariaClassName;
|
9
9
|
};
|
10
|
-
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps &
|
10
|
+
}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
|
11
|
+
trigger?: "click" | undefined;
|
12
|
+
closeOnOverlayClick?: boolean | undefined;
|
13
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
|
14
|
+
trigger?: "hover" | undefined;
|
15
|
+
closeOnBeyondTargetHover?: boolean | undefined;
|
16
|
+
} & import("react").RefAttributes<HTMLDivElement>)))>;
|
11
17
|
export declare const ComboboxItemNotFound: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
12
18
|
export declare const StyledNativeSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
|
13
19
|
//# sourceMappingURL=Combobox.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU,
|
1
|
+
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;;;;;;;qDAMzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAUhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAY9B,CAAC"}
|
@@ -1,15 +1,3 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").
|
3
|
-
text?: string | undefined;
|
4
|
-
contentLeft?: import("react").ReactNode;
|
5
|
-
contentRight?: import("react").ReactNode;
|
6
|
-
contentClearButton?: import("react").ReactNode;
|
7
|
-
disabled?: boolean | undefined;
|
8
|
-
readOnly?: boolean | undefined;
|
9
|
-
size?: ("m" | "s" | "xs" | "l") | undefined;
|
10
|
-
view?: ("secondary" | "default" | "positive") | undefined;
|
11
|
-
onClear?: (() => void) | undefined;
|
12
|
-
} & {
|
13
|
-
children?: import("react").ReactNode;
|
14
|
-
} & import("react").RefAttributes<HTMLButtonElement>>;
|
2
|
+
export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("../../../Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
|
15
3
|
//# sourceMappingURL=ComboboxChip.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ComboboxChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU
|
1
|
+
{"version":3,"file":"ComboboxChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU,6PAwCtB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKA8DtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAhEQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAiF1E,CAAC"}
|
@@ -3,6 +3,12 @@ export declare const StyledPopover: import("@linaria/react").StyledMeta & import
|
|
3
3
|
view: {
|
4
4
|
css: import("@linaria/core").LinariaClassName;
|
5
5
|
};
|
6
|
-
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps &
|
6
|
+
}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
|
7
|
+
trigger?: "click" | undefined;
|
8
|
+
closeOnOverlayClick?: boolean | undefined;
|
9
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
|
10
|
+
trigger?: "hover" | undefined;
|
11
|
+
closeOnBeyondTargetHover?: boolean | undefined;
|
12
|
+
} & import("react").RefAttributes<HTMLDivElement>))>;
|
7
13
|
export declare const StyledDropdown: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
8
14
|
//# sourceMappingURL=Dropdown.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa
|
1
|
+
{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa;;;;;;;;;;oDAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}
|
@@ -3,14 +3,14 @@ import { RootProps } from '../../engines';
|
|
3
3
|
import { IndicatorProps } from './Indicator.types';
|
4
4
|
export declare const indicatorRoot: (Root: RootProps<HTMLDivElement, IndicatorProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
5
5
|
size: "m" | "s" | "l";
|
6
|
-
view: "accent" | "black" | "white" | "default" | "inactive" | "
|
6
|
+
view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
|
7
7
|
} & React.RefAttributes<HTMLDivElement>>;
|
8
8
|
export declare const indicatorConfig: {
|
9
9
|
name: string;
|
10
10
|
tag: string;
|
11
11
|
layout: (Root: RootProps<HTMLDivElement, IndicatorProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
12
12
|
size: "m" | "s" | "l";
|
13
|
-
view: "accent" | "black" | "white" | "default" | "inactive" | "
|
13
|
+
view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
|
14
14
|
} & React.RefAttributes<HTMLDivElement>>;
|
15
15
|
base: import("@linaria/core").LinariaClassName;
|
16
16
|
variations: {
|
@@ -7,11 +7,11 @@ export declare const POPOVER_PORTAL_ID = "plasma-popover-root";
|
|
7
7
|
* Всплывающее окно с возможностью позиционирования
|
8
8
|
* и вызова по клику либо ховеру.
|
9
9
|
*/
|
10
|
-
export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<
|
10
|
+
export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
|
11
11
|
export declare const popoverConfig: {
|
12
12
|
name: string;
|
13
13
|
tag: string;
|
14
|
-
layout: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<
|
14
|
+
layout: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
|
15
15
|
base: string;
|
16
16
|
variations: {
|
17
17
|
view: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,wFAsQnE,CAAC;AAEP,eAAO,MAAM,aAAa;;;mBAxQQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CAqRxE,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,aAAa,
|
1
|
+
{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,aAAa,qKAAe,CAAC;AAC1C,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,2KA8DzB,CAAC"}
|
@@ -2,18 +2,11 @@ import { Placement, ComputedPlacement } from '@popperjs/core';
|
|
2
2
|
import type { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
|
3
3
|
export declare type PopoverPlacementBasic = ComputedPlacement;
|
4
4
|
export declare type PopoverPlacement = Placement;
|
5
|
-
export declare type PopoverTrigger = 'hover' | 'click';
|
6
5
|
export declare type CustomPopoverProps = {
|
7
6
|
/**
|
8
7
|
* Всплывающее окно раскрыто или нет.
|
9
8
|
*/
|
10
9
|
isOpen?: boolean;
|
11
|
-
/**
|
12
|
-
* Способ открытия всплывающего окна - наведение или клик мышью.
|
13
|
-
* @default
|
14
|
-
* click
|
15
|
-
*/
|
16
|
-
trigger?: PopoverTrigger;
|
17
10
|
/**
|
18
11
|
* Сторона открытия окна относительно target элемента.
|
19
12
|
* @default
|
@@ -66,10 +59,6 @@ export declare type CustomPopoverProps = {
|
|
66
59
|
* true
|
67
60
|
*/
|
68
61
|
closeOnEsc?: boolean;
|
69
|
-
/**
|
70
|
-
* Закрывать окно при нажатии вне области окна. (Если trigger === 'click')
|
71
|
-
*/
|
72
|
-
closeOnOverlayClick?: boolean;
|
73
62
|
/**
|
74
63
|
* Находится ли в портале.
|
75
64
|
* @default
|
@@ -78,5 +67,23 @@ export declare type CustomPopoverProps = {
|
|
78
67
|
usePortal?: boolean;
|
79
68
|
view?: string;
|
80
69
|
};
|
81
|
-
export declare type
|
70
|
+
export declare type PopoverTrigger = {
|
71
|
+
/**
|
72
|
+
* Способ открытия всплывающего окна - наведение или клик мышью.
|
73
|
+
* @default
|
74
|
+
* click
|
75
|
+
*/
|
76
|
+
trigger?: 'click';
|
77
|
+
/**
|
78
|
+
* Закрывать окно при нажатии вне области окна. (Если trigger === 'click')
|
79
|
+
*/
|
80
|
+
closeOnOverlayClick?: boolean;
|
81
|
+
} | {
|
82
|
+
trigger?: 'hover';
|
83
|
+
/**
|
84
|
+
* Закрывать окно при наведении вне области target-элемента. (Если trigger === 'hover')
|
85
|
+
*/
|
86
|
+
closeOnBeyondTargetHover?: boolean;
|
87
|
+
};
|
88
|
+
export declare type PopoverProps = HTMLAttributes<HTMLDivElement> & CustomPopoverProps & PopoverTrigger;
|
82
89
|
//# sourceMappingURL=Popover.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;AACtD,oBAAY,gBAAgB,GAAG,SAAS,CAAC;AAEzC,oBAAY,
|
1
|
+
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;AACtD,oBAAY,gBAAgB,GAAG,SAAS,CAAC;AAEzC,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,cAAc,GACpB;IACI;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC,GACD;IACI,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAER,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,GAAG,cAAc,CAAC"}
|
@@ -3,10 +3,16 @@ export declare const StyledRoot: import("@linaria/react").StyledComponent<import
|
|
3
3
|
export declare const StyledSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
4
|
export declare const StyledPopover: import("@linaria/react").StyledComponent<{
|
5
5
|
selectWidth?: number | undefined;
|
6
|
-
} & import("../../engines/types").PropsType<{
|
6
|
+
} & (import("../../engines/types").PropsType<{
|
7
7
|
view: {
|
8
8
|
css: import("@linaria/core").LinariaClassName;
|
9
9
|
};
|
10
|
-
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps &
|
10
|
+
}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
|
11
|
+
trigger?: "click" | undefined;
|
12
|
+
closeOnOverlayClick?: boolean | undefined;
|
13
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
|
14
|
+
trigger?: "hover" | undefined;
|
15
|
+
closeOnBeyondTargetHover?: boolean | undefined;
|
16
|
+
} & import("react").RefAttributes<HTMLDivElement>)))>;
|
11
17
|
export declare const StyledNativeSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
|
12
18
|
//# sourceMappingURL=Select.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,UAAU,qKAOtB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAaxB,CAAC;AAKF,eAAO,MAAM,aAAa
|
1
|
+
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,UAAU,qKAOtB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAaxB,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;;;;;;;qDAMzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAwB9B,CAAC"}
|
@@ -1,15 +1,3 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").
|
3
|
-
text?: string | undefined;
|
4
|
-
contentLeft?: import("react").ReactNode;
|
5
|
-
contentRight?: import("react").ReactNode;
|
6
|
-
contentClearButton?: import("react").ReactNode;
|
7
|
-
disabled?: boolean | undefined;
|
8
|
-
readOnly?: boolean | undefined;
|
9
|
-
size?: ("m" | "s" | "xs" | "l") | undefined;
|
10
|
-
view?: ("secondary" | "default" | "positive") | undefined;
|
11
|
-
onClear?: (() => void) | undefined;
|
12
|
-
} & {
|
13
|
-
children?: import("react").ReactNode;
|
14
|
-
} & import("react").RefAttributes<HTMLButtonElement>>;
|
2
|
+
export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("../../../Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
|
15
3
|
//# sourceMappingURL=SelectChip.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SelectChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectChip/SelectChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU
|
1
|
+
{"version":3,"file":"SelectChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectChip/SelectChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU,6PAwCtB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SelectTarget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAa9D;;GAEG;AACH,eAAO,MAAM,YAAY,
|
1
|
+
{"version":3,"file":"SelectTarget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAa9D;;GAEG;AACH,eAAO,MAAM,YAAY,6FAuIxB,CAAC"}
|
@@ -6,7 +6,7 @@ export declare const config: {
|
|
6
6
|
};
|
7
7
|
variations: {
|
8
8
|
view: {
|
9
|
-
|
9
|
+
default: import("@linaria/core").LinariaClassName;
|
10
10
|
secondary: import("@linaria/core").LinariaClassName;
|
11
11
|
positive: import("@linaria/core").LinariaClassName;
|
12
12
|
};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
export declare const Chip: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
3
|
view: {
|
4
|
-
|
4
|
+
default: import("@linaria/core").LinariaClassName;
|
5
5
|
secondary: import("@linaria/core").LinariaClassName;
|
6
6
|
positive: import("@linaria/core").LinariaClassName;
|
7
7
|
};
|
@@ -17,17 +17,5 @@ export declare const Chip: import("react").FunctionComponent<import("../../../..
|
|
17
17
|
focused: {
|
18
18
|
true: import("@linaria/core").LinariaClassName;
|
19
19
|
};
|
20
|
-
}> & import("react").
|
21
|
-
text?: string | undefined;
|
22
|
-
contentLeft?: import("react").ReactNode;
|
23
|
-
contentRight?: import("react").ReactNode;
|
24
|
-
contentClearButton?: import("react").ReactNode;
|
25
|
-
disabled?: boolean | undefined;
|
26
|
-
readOnly?: boolean | undefined;
|
27
|
-
size?: ("m" | "s" | "xs" | "l") | undefined;
|
28
|
-
view?: ("secondary" | "default" | "positive") | undefined;
|
29
|
-
onClear?: (() => void) | undefined;
|
30
|
-
} & {
|
31
|
-
children?: import("react").ReactNode;
|
32
|
-
} & import("react").RefAttributes<HTMLButtonElement>>;
|
20
|
+
}> & import("../../../../components/Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
|
33
21
|
//# sourceMappingURL=Chip.d.ts.map
|