@salutejs/plasma-new-hope 0.115.0-canary.1335.10199765951.0 → 0.115.0-canary.1336.10206396549.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/Combobox.js +13 -16
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/Select/Select.js +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.js +3 -3
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -4
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Sheet/Sheet.js +6 -8
- package/cjs/components/Sheet/Sheet.js.map +1 -1
- package/cjs/components/Sheet/hooks/useOverflow.js +3 -3
- package/cjs/components/Sheet/hooks/useOverflow.js.map +1 -1
- package/cjs/components/Sheet/utils/handleTransition.js.map +1 -1
- package/emotion/cjs/components/Accordion/Accordion.template-doc.mdx +1 -1
- package/emotion/cjs/components/Combobox/Combobox.js +13 -16
- package/emotion/cjs/components/Select/Select.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +3 -3
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -4
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +14 -14
- package/emotion/cjs/components/Sheet/Sheet.js +6 -8
- package/emotion/cjs/components/Sheet/Sheet.template-doc.mdx +6 -6
- package/emotion/cjs/components/Sheet/hooks/useOverflow.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
- package/emotion/es/components/Accordion/Accordion.template-doc.mdx +1 -1
- package/emotion/es/components/Combobox/Combobox.js +13 -16
- package/emotion/es/components/Select/Select.js +1 -1
- package/emotion/es/components/Select/ui/Target/Target.js +3 -3
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +14 -14
- package/emotion/es/components/Sheet/Sheet.js +6 -8
- package/emotion/es/components/Sheet/Sheet.template-doc.mdx +6 -6
- package/emotion/es/components/Sheet/hooks/useOverflow.js +3 -3
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
- package/es/components/Combobox/Combobox.js +13 -16
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/ui/Target/Target.js +3 -3
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Sheet/Sheet.js +6 -8
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Sheet/hooks/useOverflow.js +3 -3
- package/es/components/Sheet/hooks/useOverflow.js.map +1 -1
- package/es/components/Sheet/utils/handleTransition.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Accordion/Accordion.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Combobox/Combobox.js +13 -16
- package/styled-components/cjs/components/Select/Select.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +3 -3
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +4 -4
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
- package/styled-components/cjs/components/Sheet/Sheet.js +6 -8
- package/styled-components/cjs/components/Sheet/Sheet.template-doc.mdx +6 -6
- package/styled-components/cjs/components/Sheet/hooks/useOverflow.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
- package/styled-components/es/components/Accordion/Accordion.template-doc.mdx +1 -1
- package/styled-components/es/components/Combobox/Combobox.js +13 -16
- package/styled-components/es/components/Select/Select.js +1 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +3 -3
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -6
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
- package/styled-components/es/components/Sheet/Sheet.js +6 -8
- package/styled-components/es/components/Sheet/Sheet.template-doc.mdx +6 -6
- package/styled-components/es/components/Sheet/hooks/useOverflow.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +5 -5
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +5 -5
- package/types/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/Combobox.types.d.ts +0 -7
- package/types/components/Combobox/Combobox.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -2
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Sheet/Sheet.d.ts.map +1 -1
- package/types/components/Sheet/Sheet.types.d.ts +3 -5
- package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
- package/types/components/Sheet/hooks/useOverflow.d.ts +1 -1
- package/types/components/Sheet/utils/handleTransition.d.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { isEmpty } from '../../../../../../utils';\nimport { applyEllipsis, addFocus } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const TextfieldWrapper = styled.div<{
|
|
1
|
+
{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { isEmpty } from '../../../../../../utils';\nimport { applyEllipsis, addFocus } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const TextfieldWrapper = styled.div<{ opened: boolean; value: SelectProps['value'] }>`\n display: inline;\n\n .${classes.textfieldTarget} {\n background: ${({ opened }) =>\n opened\n ? `var(${tokens.targetTextfieldBackgroundColorOpened})`\n : `var(${tokens.targetTextfieldBackgroundColor})`};\n padding: ${({ value }) =>\n Array.isArray(value) && !isEmpty(value)\n ? `0 var(${tokens.targetTextfieldChipPadding})`\n : `0 var(${tokens.targetTextfieldPadding})`};\n }\n\n .${classes.selectWithoutBoxShadow}::before {\n box-shadow: none !important;\n }\n`;\n\nexport const StyledButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${constants.textfieldTargetColor});\n ${buttonTokens.buttonColorHover}: var(${constants.textfieldTargetColor});\n ${buttonTokens.buttonColorActive}: var(${constants.textfieldTargetColor});\n ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n ${buttonTokens.buttonWidth}: 100%;\n ${buttonTokens.buttonPadding}: var(${tokens.targetTextfieldPadding});\n ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.fontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n box-shadow: inset 0 0 0 ${constants.textfieldBorderSize} var(${tokens.targetTextfieldBorderColor});\n\n ${addFocus({\n outlineOffset: constants.textfieldBorderSize,\n outlineSize: constants.focusSize,\n outlineRadius: `calc(var(${tokens.borderRadius}) - ${constants.textfieldBorderSize})`,\n outlineColor: `var(${constants.focusColor})`,\n })}\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n margin: var(${tokens.targetTextfieldArrowMargin});\n color: var(${tokens.targetTextfieldArrowColor});\n\n &:hover {\n color: var(${tokens.targetTextfieldArrowColorHover});\n }\n\n &:active {\n color: var(${tokens.targetTextfieldArrowColorActive});\n }\n`;\n\nexport const Wrapper = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n`;\n\nexport const ChipWrapper = styled.div`\n width: 100%;\n display: flex;\n min-width: 0;\n padding: calc(${constants.focusSize} + var(${tokens.focusOffset}));\n gap: 0.25rem;\n overflow-x: scroll;\n border-top-right-radius: var(${tokens.chipBorderRadius});\n border-bottom-right-radius: var(${tokens.chipBorderRadius});\n\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nexport const Label = styled.label`\n color: var(${constants.textfieldInnerLabelColor});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const Placeholder = styled.div`\n color: var(${constants.textfieldPlaceholderColor});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabelWrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: start;\n row-gap: var(${tokens.innerLabelGap});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabel = styled.label`\n color: var(${constants.textfieldInnerLabelColor});\n font-family: var(${constants.fontFamily});\n font-size: var(${constants.fontSize});\n font-style: var(${constants.fontStyle});\n font-weight: var(${constants.fontWeight});\n letter-spacing: var(${constants.fontLetterSpacing});\n line-height: var(${constants.fontLineHeight});\n text-align: left;\n`;\n\nexport const ContentLeftWrapper = styled.div`\n flex: none;\n margin-left: -0.125rem;\n margin-right: 0.375rem;\n line-height: 0;\n`;\n\nexport const Value = styled.span`\n ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","opened","concat","tokens","targetTextfieldBackgroundColorOpened","targetTextfieldBackgroundColor","_exp3","_ref2","value","Array","isArray","isEmpty","targetTextfieldChipPadding","targetTextfieldPadding","TextfieldWrapper","styled","name","class","propsAsIs","vars","_exp5","StyledButton","_exp38","IconDisclosureDownCentered","StyledArrow","IconArrowWrapper","Wrapper","ChipWrapper","Label","Placeholder","InnerLabelWrapper","InnerLabel","ContentLeftWrapper","Value"],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ var Sheet_styles = require('./Sheet.styles.js');
|
|
|
13
13
|
var base = require('./variations/_view/base.js');
|
|
14
14
|
var index$1 = require('./utils/index.js');
|
|
15
15
|
|
|
16
|
-
var _excluded = ["opened", "
|
|
16
|
+
var _excluded = ["opened", "children", "onClose", "hasHandle", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
|
|
17
17
|
|
|
18
18
|
/**
|
|
19
19
|
* Открывает окно-шторку поверх основного экрана.
|
|
@@ -22,7 +22,6 @@ var _excluded = ["opened", "isOpen", "children", "onClose", "hasHandle", "conten
|
|
|
22
22
|
var sheetRoot = function sheetRoot(Root) {
|
|
23
23
|
return /*#__PURE__*/React.forwardRef(function (_ref, rootRef) {
|
|
24
24
|
var opened = _ref.opened,
|
|
25
|
-
isOpen = _ref.isOpen,
|
|
26
25
|
children = _ref.children,
|
|
27
26
|
onClose = _ref.onClose,
|
|
28
27
|
_ref$hasHandle = _ref.hasHandle,
|
|
@@ -43,12 +42,11 @@ var sheetRoot = function sheetRoot(Root) {
|
|
|
43
42
|
className = _ref.className,
|
|
44
43
|
view = _ref.view,
|
|
45
44
|
restProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
46
|
-
var innerIsOpen = opened || isOpen;
|
|
47
45
|
var contentWrapperRef = React.useRef(null);
|
|
48
46
|
var contentRef = React.useRef(null);
|
|
49
47
|
var handleRef = React.useRef(null);
|
|
50
48
|
useOverflow.useOverflow({
|
|
51
|
-
|
|
49
|
+
opened: opened
|
|
52
50
|
});
|
|
53
51
|
useSheetSwipe.useSheetSwipe({
|
|
54
52
|
contentWrapperRef: contentWrapperRef,
|
|
@@ -59,15 +57,15 @@ var sheetRoot = function sheetRoot(Root) {
|
|
|
59
57
|
});
|
|
60
58
|
var hasHeader = Boolean(contentHeader);
|
|
61
59
|
var hasFooter = Boolean(contentFooter);
|
|
62
|
-
var closedClass =
|
|
60
|
+
var closedClass = opened ? undefined : "".concat(Sheet_tokens.classes.closed);
|
|
63
61
|
var overlayBackgroundToken = withBlur ? "var(".concat(Sheet_tokens.tokens.sheetOverlayWithBlurColor, ")") : "var(".concat(Sheet_tokens.tokens.sheetOverlayColor, ")");
|
|
64
62
|
return /*#__PURE__*/React.createElement(Root, {
|
|
65
|
-
|
|
63
|
+
opened: opened,
|
|
66
64
|
onClose: onClose,
|
|
67
65
|
view: view,
|
|
68
66
|
ref: rootRef
|
|
69
67
|
}, /*#__PURE__*/React.createElement(Sheet_styles.StyledContentWrapper, _rollupPluginBabelHelpers.extends({
|
|
70
|
-
|
|
68
|
+
opened: opened,
|
|
71
69
|
withTransition: withTransition,
|
|
72
70
|
className: index.cx(closedClass, className),
|
|
73
71
|
ref: contentWrapperRef
|
|
@@ -81,7 +79,7 @@ var sheetRoot = function sheetRoot(Root) {
|
|
|
81
79
|
isHeaderFixed: isHeaderFixed
|
|
82
80
|
}, contentHeader), /*#__PURE__*/React.createElement(Sheet_styles.StyledSheetBody, null, children), hasFooter && /*#__PURE__*/React.createElement(Sheet_styles.StyledSheetFooter, {
|
|
83
81
|
isFooterFixed: isFooterFixed
|
|
84
|
-
}, contentFooter))), withOverlay &&
|
|
82
|
+
}, contentFooter))), withOverlay && opened && /*#__PURE__*/React.createElement(Overlay.Overlay, {
|
|
85
83
|
zIndex: index$1.DEFAULT_Z_INDEX,
|
|
86
84
|
backgroundColorProperty: overlayBackgroundToken,
|
|
87
85
|
withBlur: withBlur,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n
|
|
1
|
+
{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
|
|
@@ -5,18 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
|
|
7
7
|
var useOverflow = function useOverflow(_ref) {
|
|
8
|
-
var
|
|
8
|
+
var opened = _ref.opened;
|
|
9
9
|
var overflow = React.useRef(document.body.style.overflowY);
|
|
10
10
|
|
|
11
11
|
// linaria не поддерживает динамический global
|
|
12
12
|
React.useEffect(function () {
|
|
13
|
-
if (
|
|
13
|
+
if (opened) {
|
|
14
14
|
overflow.current = document.body.style.overflowY;
|
|
15
15
|
document.body.style.overflowY = 'hidden';
|
|
16
16
|
return;
|
|
17
17
|
}
|
|
18
18
|
document.body.style.overflowY = overflow.current;
|
|
19
|
-
}, [
|
|
19
|
+
}, [opened]);
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
exports.useOverflow = useOverflow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOverflow.js","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { SheetHookArgs } from '../Sheet.types';\n\nexport const useOverflow = ({
|
|
1
|
+
{"version":3,"file":"useOverflow.js","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { SheetHookArgs } from '../Sheet.types';\n\nexport const useOverflow = ({ opened }: SheetHookArgs) => {\n const overflow = useRef<string>(document.body.style.overflowY);\n\n // linaria не поддерживает динамический global\n useEffect(() => {\n if (opened) {\n overflow.current = document.body.style.overflowY;\n document.body.style.overflowY = 'hidden';\n return;\n }\n\n document.body.style.overflowY = overflow.current;\n }, [opened]);\n};\n"],"names":["useOverflow","_ref","opened","overflow","useRef","document","body","style","overflowY","useEffect","current"],"mappings":";;;;;;IAIaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAkC;AAAA,EAAA,IAA5BC,MAAM,GAAAD,IAAA,CAANC,MAAM,CAAA;EAChC,IAAMC,QAAQ,GAAGC,YAAM,CAASC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAC,CAAA;;AAE9D;AACAC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAIP,MAAM,EAAE;MACRC,QAAQ,CAACO,OAAO,GAAGL,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAA;AAChDH,MAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,QAAQ,CAAA;AACxC,MAAA,OAAA;AACJ,KAAA;IAEAH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAGL,QAAQ,CAACO,OAAO,CAAA;AACpD,GAAC,EAAE,CAACR,MAAM,CAAC,CAAC,CAAA;AAChB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"handleTransition.js","sources":["../../../../src/components/Sheet/utils/handleTransition.ts"],"sourcesContent":["import { CommonProps } from '../Sheet.types';\n\ntype HandleTransitionProps = Omit<CommonProps, '
|
|
1
|
+
{"version":3,"file":"handleTransition.js","sources":["../../../../src/components/Sheet/utils/handleTransition.ts"],"sourcesContent":["import { CommonProps } from '../Sheet.types';\n\ntype HandleTransitionProps = Omit<CommonProps, 'opened'>;\n\nexport const handleTransition = (transition: string) => (props: HandleTransitionProps): string => {\n const { withTransition } = props;\n\n return !withTransition ? 'unset' : transition;\n};\n"],"names":["handleTransition","transition","props","withTransition"],"mappings":";;;;IAIaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAkB,EAAA;EAAA,OAAK,UAACC,KAA4B,EAAa;AAC9F,IAAA,IAAQC,cAAc,GAAKD,KAAK,CAAxBC,cAAc,CAAA;AAEtB,IAAA,OAAO,CAACA,cAAc,GAAG,OAAO,GAAGF,UAAU,CAAA;GAChD,CAAA;AAAA;;;;"}
|
|
@@ -15,7 +15,7 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
|
|
|
15
15
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
|
16
16
|
var _ui = /*#__PURE__*/require("./ui");
|
|
17
17
|
var _Combobox = /*#__PURE__*/require("./Combobox.styles");
|
|
18
|
-
var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "
|
|
18
|
+
var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "placement", "onToggle", "onKeyDown", "filterFunction"];
|
|
19
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
21
|
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); }
|
|
@@ -52,15 +52,12 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
|
52
52
|
enumerationType = _ref$enumerationType === void 0 ? 'comma' : _ref$enumerationType,
|
|
53
53
|
_ref$opened = _ref.opened,
|
|
54
54
|
opened = _ref$opened === void 0 ? false : _ref$opened,
|
|
55
|
-
_ref$isOpen = _ref.isOpen,
|
|
56
|
-
isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
|
|
57
55
|
_ref$placement = _ref.placement,
|
|
58
56
|
placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
|
|
59
57
|
onToggle = _ref.onToggle,
|
|
60
58
|
onKeyDown = _ref.onKeyDown,
|
|
61
59
|
filterFunction = _ref.filterFunction,
|
|
62
60
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
63
|
-
var innerIsOpen = opened || isOpen;
|
|
64
61
|
var forceUpdate = (0, _hooks.useForceUpdate)();
|
|
65
62
|
var uniqId = (0, _plasmaCore.safeUseId)();
|
|
66
63
|
var innerId = id || uniqId;
|
|
@@ -85,10 +82,10 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
|
85
82
|
itemsRefs: itemsRefs,
|
|
86
83
|
inputRef: inputRef
|
|
87
84
|
};
|
|
88
|
-
var _useState3 = (0, _react.useState)(
|
|
85
|
+
var _useState3 = (0, _react.useState)(opened),
|
|
89
86
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
90
|
-
|
|
91
|
-
|
|
87
|
+
innerOpened = _useState4[0],
|
|
88
|
+
setInnerOpened = _useState4[1];
|
|
92
89
|
var _useState5 = (0, _react.useState)(''),
|
|
93
90
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
94
91
|
search = _useState6[0],
|
|
@@ -111,11 +108,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
|
111
108
|
if (disabled || readOnly) {
|
|
112
109
|
return;
|
|
113
110
|
}
|
|
114
|
-
|
|
115
|
-
}, [
|
|
111
|
+
setInnerOpened(opened);
|
|
112
|
+
}, [opened, disabled, readOnly]);
|
|
116
113
|
(0, _react.useEffect)(function () {
|
|
117
114
|
// INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
|
|
118
|
-
if (
|
|
115
|
+
if (opened) {
|
|
119
116
|
setFilterValue('');
|
|
120
117
|
}
|
|
121
118
|
}, []);
|
|
@@ -125,14 +122,14 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
|
125
122
|
}
|
|
126
123
|
|
|
127
124
|
// INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
|
|
128
|
-
if (!
|
|
125
|
+
if (!innerOpened) {
|
|
129
126
|
setFilterValue('');
|
|
130
127
|
}
|
|
131
128
|
if (onToggle) {
|
|
132
129
|
onToggle(openValue, event);
|
|
133
130
|
return;
|
|
134
131
|
}
|
|
135
|
-
|
|
132
|
+
setInnerOpened(openValue);
|
|
136
133
|
};
|
|
137
134
|
var closedWithoutChanges = (0, _react.useRef)(true);
|
|
138
135
|
var updateValue = function updateValue(item, event) {
|
|
@@ -164,7 +161,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
|
164
161
|
};
|
|
165
162
|
var _useKeyNavigation = (0, _hooks2.useKeyNavigation)({
|
|
166
163
|
controlledRefs: controlledRefs,
|
|
167
|
-
opened:
|
|
164
|
+
opened: innerOpened,
|
|
168
165
|
enumerationType: enumerationType,
|
|
169
166
|
valueType: valueType,
|
|
170
167
|
componentType: 'combobox',
|
|
@@ -184,7 +181,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
|
184
181
|
var onSearch = function onSearch(newSearch, newOpened) {
|
|
185
182
|
setSearch(newSearch);
|
|
186
183
|
setFilterValue(newSearch);
|
|
187
|
-
|
|
184
|
+
setInnerOpened(newOpened !== null && newOpened !== void 0 ? newOpened : true);
|
|
188
185
|
};
|
|
189
186
|
var onKeyDownHandle = function onKeyDownHandle(event) {
|
|
190
187
|
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
|
|
@@ -203,10 +200,10 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
|
203
200
|
disabled: disabled || readOnly
|
|
204
201
|
}), /*#__PURE__*/_react["default"].createElement(_Combobox.StyledPopover, {
|
|
205
202
|
role: role,
|
|
206
|
-
isOpen:
|
|
203
|
+
isOpen: innerOpened,
|
|
207
204
|
onToggle: onInnerToggle,
|
|
208
205
|
target: /*#__PURE__*/_react["default"].createElement(_ui.ComboboxTarget, _extends({
|
|
209
|
-
opened:
|
|
206
|
+
opened: innerOpened,
|
|
210
207
|
values: values,
|
|
211
208
|
label: label,
|
|
212
209
|
placeholder: placeholder,
|
|
@@ -252,7 +252,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
|
252
252
|
onToggle: handleToggle,
|
|
253
253
|
trigger: "click",
|
|
254
254
|
target: /*#__PURE__*/_react["default"].createElement(_ui.Target, {
|
|
255
|
-
|
|
255
|
+
opened: isCurrentListOpen,
|
|
256
256
|
target: target,
|
|
257
257
|
value: value,
|
|
258
258
|
isTargetAmount: isTargetAmount,
|
|
@@ -12,7 +12,7 @@ var Target = exports.Target = function Target(_ref) {
|
|
|
12
12
|
multiselect = _ref.multiselect,
|
|
13
13
|
isTargetAmount = _ref.isTargetAmount,
|
|
14
14
|
target = _ref.target,
|
|
15
|
-
|
|
15
|
+
opened = _ref.opened,
|
|
16
16
|
valueToItemMap = _ref.valueToItemMap,
|
|
17
17
|
onChipClick = _ref.onChipClick,
|
|
18
18
|
label = _ref.label,
|
|
@@ -27,7 +27,7 @@ var Target = exports.Target = function Target(_ref) {
|
|
|
27
27
|
focusedPath = _ref.focusedPath,
|
|
28
28
|
focusedToValueMap = _ref.focusedToValueMap;
|
|
29
29
|
return target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
|
30
|
-
|
|
30
|
+
opened: opened,
|
|
31
31
|
value: value,
|
|
32
32
|
isTargetAmount: isTargetAmount,
|
|
33
33
|
multiselect: multiselect,
|
|
@@ -40,7 +40,7 @@ var Target = exports.Target = function Target(_ref) {
|
|
|
40
40
|
focusedPath: focusedPath,
|
|
41
41
|
focusedToValueMap: focusedToValueMap
|
|
42
42
|
}) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
|
|
43
|
-
|
|
43
|
+
opened: opened,
|
|
44
44
|
value: value,
|
|
45
45
|
isTargetAmount: isTargetAmount,
|
|
46
46
|
multiselect: multiselect,
|
|
@@ -11,7 +11,7 @@ var _utils2 = /*#__PURE__*/require("../../../../utils");
|
|
|
11
11
|
var _Button = /*#__PURE__*/require("./Button.styles");
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
var Button = exports.Button = function Button(_ref) {
|
|
14
|
-
var
|
|
14
|
+
var opened = _ref.opened,
|
|
15
15
|
value = _ref.value,
|
|
16
16
|
isTargetAmount = _ref.isTargetAmount,
|
|
17
17
|
multiselect = _ref.multiselect,
|
|
@@ -23,7 +23,7 @@ var Button = exports.Button = function Button(_ref) {
|
|
|
23
23
|
renderValue = _ref.renderValue,
|
|
24
24
|
focusedPath = _ref.focusedPath,
|
|
25
25
|
focusedToValueMap = _ref.focusedToValueMap;
|
|
26
|
-
var withArrowInverse =
|
|
26
|
+
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
|
27
27
|
var getActiveDescendant = function getActiveDescendant() {
|
|
28
28
|
var _focusedToValueMap$ge;
|
|
29
29
|
var focusedPathAsString = focusedPath.reduce(function (acc, n) {
|
|
@@ -34,7 +34,7 @@ var Button = exports.Button = function Button(_ref) {
|
|
|
34
34
|
return /*#__PURE__*/_react["default"].createElement(_Button.ButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(_Button.StyledButton, {
|
|
35
35
|
stretching: "filled",
|
|
36
36
|
onKeyDown: onKeyDown,
|
|
37
|
-
className:
|
|
37
|
+
className: opened ? _Select.classes.selectWithoutBoxShadow : undefined,
|
|
38
38
|
disabled: disabled,
|
|
39
39
|
contentRight: /*#__PURE__*/_react["default"].createElement(_Button.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Button.StyledArrow, {
|
|
40
40
|
size: (0, _utils2.sizeToIconSize)(size),
|
|
@@ -43,7 +43,7 @@ var Button = exports.Button = function Button(_ref) {
|
|
|
43
43
|
})),
|
|
44
44
|
role: "combobox",
|
|
45
45
|
"aria-controls": "tree_level_1",
|
|
46
|
-
"aria-expanded":
|
|
46
|
+
"aria-expanded": opened,
|
|
47
47
|
"aria-activedescendant": getActiveDescendant(),
|
|
48
48
|
"aria-label": label
|
|
49
49
|
}, /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
|
|
@@ -55,7 +55,6 @@ var getLabel = function getLabel(_ref) {
|
|
|
55
55
|
};
|
|
56
56
|
var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
57
57
|
var opened = _ref2.opened,
|
|
58
|
-
isOpen = _ref2.isOpen,
|
|
59
58
|
value = _ref2.value,
|
|
60
59
|
isTargetAmount = _ref2.isTargetAmount,
|
|
61
60
|
multiselect = _ref2.multiselect,
|
|
@@ -72,8 +71,7 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
|
72
71
|
renderValue = _ref2.renderValue,
|
|
73
72
|
focusedPath = _ref2.focusedPath,
|
|
74
73
|
focusedToValueMap = _ref2.focusedToValueMap;
|
|
75
|
-
var
|
|
76
|
-
var withArrowInverse = innerIsOpen ? _Select.classes.arrowInverse : undefined;
|
|
74
|
+
var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
|
|
77
75
|
var getActiveDescendant = function getActiveDescendant() {
|
|
78
76
|
var _focusedToValueMap$ge;
|
|
79
77
|
var focusedPathAsString = focusedPath.reduce(function (acc, n) {
|
|
@@ -82,16 +80,16 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
|
82
80
|
return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
|
|
83
81
|
};
|
|
84
82
|
return /*#__PURE__*/_react["default"].createElement(_Textfield.TextfieldWrapper, {
|
|
85
|
-
|
|
83
|
+
opened: opened,
|
|
86
84
|
value: value
|
|
87
85
|
}, /*#__PURE__*/_react["default"].createElement(_Textfield.StyledButton, {
|
|
88
86
|
stretching: "filled",
|
|
89
|
-
className: (0, _utils.cx)(_Select.classes.textfieldTarget,
|
|
87
|
+
className: (0, _utils.cx)(_Select.classes.textfieldTarget, opened || focusedChipIndex !== null ? _Select.classes.selectWithoutBoxShadow : undefined),
|
|
90
88
|
onKeyDown: onKeyDown,
|
|
91
89
|
disabled: disabled,
|
|
92
90
|
role: "combobox",
|
|
93
91
|
"aria-controls": "tree_level_1",
|
|
94
|
-
"aria-expanded":
|
|
92
|
+
"aria-expanded": opened,
|
|
95
93
|
"aria-activedescendant": getActiveDescendant(),
|
|
96
94
|
"aria-label": label
|
|
97
95
|
}, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, contentLeft && (!multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
|