@salutejs/plasma-new-hope 0.174.0-canary.1505.11485998091.0 → 0.174.0-canary.1505.11503860288.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +9 -5
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +9 -5
- package/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js.map +1 -1
- package/cjs/components/Select/utils/initialItemsTransform.js +6 -7
- package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +1 -1
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +2 -2
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +2 -2
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -1
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -1
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -1
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +9 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
- package/emotion/cjs/components/Select/utils/initialItemsTransform.js +6 -7
- package/emotion/cjs/components/TextArea/TextArea.js +2 -2
- package/emotion/cjs/components/TextArea/TextArea.styles.js +20 -20
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.styles.js +24 -24
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -1
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -1
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -1
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +9 -5
- package/emotion/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
- package/emotion/es/components/Select/utils/initialItemsTransform.js +6 -7
- package/emotion/es/components/TextArea/TextArea.js +2 -2
- package/emotion/es/components/TextArea/TextArea.styles.js +20 -20
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.styles.js +24 -24
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +9 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +9 -5
- package/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js.map +1 -1
- package/es/components/Select/utils/initialItemsTransform.js +6 -7
- package/es/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/es/components/TextArea/TextArea.js +1 -1
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +2 -2
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +2 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +9 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
- package/styled-components/cjs/components/Select/utils/initialItemsTransform.js +6 -7
- package/styled-components/cjs/components/TextArea/TextArea.js +1 -1
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +2 -2
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.styles.js +2 -2
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -1
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -1
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -1
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +9 -5
- package/styled-components/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
- package/styled-components/es/components/Select/utils/initialItemsTransform.js +6 -7
- package/styled-components/es/components/TextArea/TextArea.js +1 -1
- package/styled-components/es/components/TextArea/TextArea.styles.js +2 -2
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.styles.js +2 -2
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +7 -2
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/utils/initialItemsTransform.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +4 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -1
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +12 -0
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +12 -0
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { FormEventHandler, ChangeEventHandler, KeyboardEvent, ChangeEvent, MouseEventHandler } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps, TextFieldRootProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport { base as hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport {\n Input,\n InputContainer,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n StyledIndicator,\n StyledOptionalText,\n InputPlaceholder,\n OuterLabelWrapper,\n TitleCaption,\n StyledHintWrapper,\n StyledIndicatorWrapper,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\nimport { HintComponent } from './ui/Hint/Hint';\n\nconst optionalText = 'optional';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n`;\n\nconst HINT_DEFAULT_OFFSET: [number, number] = [0, 0];\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldRootProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n requiredPlacement = 'right',\n titleCaption,\n\n // hint\n hintTrigger = 'hover',\n hintText,\n hintView = 'default',\n hintSize = 'm',\n hintTargetIcon,\n hintPlacement = 'auto',\n hintHasArrow,\n hintOffset = HINT_DEFAULT_OFFSET,\n hintWidth,\n hintContentLeft,\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n required = false,\n clear = false,\n optional,\n hasDivider,\n\n // controlled\n value: outerValue,\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [hasValue, setHasValue] = useState(\n Boolean(outerValue) || Boolean(inputRef?.current?.value) || Boolean(rest?.defaultValue),\n );\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n const [isHintVisible, setIsHintVisible] = useState(false);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isDefaultView = view === 'default' || readOnly || disabled;\n\n const isChipEnumeration = enumerationType === 'chip';\n const isChipsVisible = isChipEnumeration && Boolean(chips?.length);\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n\n const hasLabelValue = Boolean(label);\n const hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;\n const hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;\n const hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;\n\n const innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;\n const innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;\n\n const innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;\n const placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;\n\n const clearClass = clear ? classes.clear : undefined;\n const hasDividerClass = hasDivider ? classes.hasDivider : undefined;\n const hasHintClass = hintText ? classes.hasHint : undefined;\n const requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;\n const labelPlacementClass = innerLabelPlacementValue\n ? classes[`${innerLabelPlacementValue}LabelPlacement` as keyof typeof classes]\n : undefined;\n const hasValueClass = hasValue ? classes.hasValue : undefined;\n\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const hintRef = useOutsideClick<HTMLDivElement>(() => {\n setIsHintVisible(false);\n });\n const hintInnerRef = useRef<HTMLDivElement>(null);\n const hintForkRef = useForkRef(hintRef, hintInnerRef);\n\n const handleInput: FormEventHandler<HTMLInputElement> = (event) => {\n setHasValue(Boolean((event.target as HTMLInputElement).value));\n };\n\n const handleHintShow = () => setIsHintVisible(true);\n const handleHintHide = () => setIsHintVisible(false);\n const handleHintClick: MouseEventHandler = (event) => {\n if (!hintText || hintTrigger !== 'click') {\n return;\n }\n\n event.stopPropagation();\n const targetIsPopover = event.target === hintInnerRef.current;\n const rootHasTarget = hintInnerRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n setIsHintVisible(true);\n }\n };\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n onEnterDisabled: (rest as any).onEnterDisabled,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n useEffect(() => {\n setHasValue(Boolean(rest?.defaultValue));\n }, [rest.defaultValue]);\n\n useEffect(() => {\n setHasValue(Boolean(outerValue) || Boolean(inputRef?.current?.value));\n }, [outerValue, inputRef?.current?.value]);\n\n const innerOptional = Boolean(required ? false : optional);\n const hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n clear={clear}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(\n labelPlacementClass,\n clearClass,\n hasDividerClass,\n hasHintClass,\n classes.textFieldGroupItem,\n className,\n )}\n style={style}\n {...(hintText && { hintView, hintSize })}\n >\n {(hasOuterLabel || titleCaption) && (\n <OuterLabelWrapper isInnnerLabel={labelPlacement === 'inner'}>\n {hasOuterLabel && (\n <StyledIndicatorWrapper>\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n\n {hintText && (\n <StyledHintWrapper>\n <HintComponent\n ref={hintForkRef}\n hintText={hintText}\n hintTrigger={hintTrigger}\n isHintVisible={isHintVisible}\n hintTargetIcon={hintTargetIcon}\n hintPlacement={hintPlacement}\n hintHasArrow={hintHasArrow}\n hintOffset={hintOffset}\n hintWidth={hintWidth}\n hintContentLeft={hintContentLeft}\n handleHintShow={handleHintShow}\n handleHintHide={handleHintHide}\n handleHintClick={handleHintClick}\n />\n </StyledHintWrapper>\n )}\n {required && (\n <StyledIndicator\n className={cx(\n classes.outerLabelPlacement,\n requiredPlacementClass,\n hasHintClass,\n )}\n />\n )}\n {optionalTextNode}\n </StyledIndicatorWrapper>\n )}\n {titleCaption && <TitleCaption>{titleCaption}</TitleCaption>}\n </OuterLabelWrapper>\n )}\n <InputWrapper\n // Ref для внутреннего использования. Не отдается наружу.\n ref={(rest as any).inputWrapperRef}\n className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}\n >\n {!hasOuterLabel && (\n <>\n {required && (\n <StyledIndicator\n className={cx(classes.innerLabelPlacement, requiredPlacementClass)}\n />\n )}\n {hintText && (\n <StyledHintWrapper className={classes.innerLabelPlacement}>\n <HintComponent\n ref={hintForkRef}\n hintText={hintText}\n hintTrigger={hintTrigger}\n isHintVisible={isHintVisible}\n hintTargetIcon={hintTargetIcon}\n hintPlacement={hintPlacement}\n hintHasArrow={hintHasArrow}\n hintOffset={hintOffset}\n hintWidth={hintWidth}\n hintContentLeft={hintContentLeft}\n handleHintShow={handleHintShow}\n handleHintHide={handleHintHide}\n handleHintClick={handleHintClick}\n />\n </StyledHintWrapper>\n )}\n </>\n )}\n {contentLeft && (\n <StyledContentLeft isClear={clear} isDefaultView={isDefaultView}>\n {contentLeft}\n </StyledContentLeft>\n )}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <InputContainer>\n <Input\n ref={inputForkRef}\n id={innerId}\n value={outerValue}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n className={cx(hasValueClass)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onInput={handleInput}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {hasInnerLabel && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n {placeholderShown && !hasValue && (\n <InputPlaceholder>\n {innerPlaceholderValue}\n {hasPlaceholderOptional && optionalTextNode}\n </InputPlaceholder>\n )}\n </InputContainer>\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n clear: {\n css: clearCSS,\n attrs: true,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n hintView: {\n css: hintViewCSS,\n },\n hintSize: {\n css: hintSizeCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["optionalText","base","HINT_DEFAULT_OFFSET","textFieldRoot","Root","forwardRef","_ref","ref","_inputRef$current","_inputRef$current3","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","_ref$requiredPlacemen","requiredPlacement","titleCaption","_ref$hintTrigger","hintTrigger","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","hintTargetIcon","_ref$hintPlacement","hintPlacement","hintHasArrow","_ref$hintOffset","hintOffset","hintWidth","hintContentLeft","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$required","required","_ref$clear","clear","optional","hasDivider","outerValue","value","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","Boolean","current","defaultValue","_useState2","_slicedToArray","hasValue","setHasValue","_useState3","_useState4","setChips","_useState5","_useState6","isHintVisible","setIsHintVisible","uniqId","safeUseId","innerId","labelId","helperTextId","isDefaultView","isChipEnumeration","isChipsVisible","length","withHasChips","classes","hasChips","undefined","hasLabelValue","hasInnerLabel","hasOuterLabel","hasPlaceholder","innerLabelValue","innerLabelPlacementValue","innerPlaceholderValue","placeholderShown","clearClass","hasDividerClass","hasHintClass","hasHint","requiredPlacementClass","requiredAlignRight","labelPlacementClass","concat","hasValueClass","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","hintRef","useOutsideClick","hintInnerRef","hintForkRef","handleInput","event","target","handleHintShow","handleHintHide","handleHintClick","_hintInnerRef$current","stopPropagation","targetIsPopover","rootHasTarget","contains","handleChange","_event$target","maxLength","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","onEnterDisabled","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","handleInputFocus","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","_inputRef$current2","innerOptional","hasPlaceholderOptional","optionalTextNode","React","createElement","StyledOptionalText","_extends","onClick","cx","textFieldGroupItem","OuterLabelWrapper","isInnnerLabel","StyledIndicatorWrapper","Label","htmlFor","StyledHintWrapper","HintComponent","StyledIndicator","outerLabelPlacement","TitleCaption","InputWrapper","inputWrapperRef","Fragment","innerLabelPlacement","StyledContentLeft","isClear","InputLabelWrapper","tabIndex","StyledTextBefore","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","InputContainer","Input","onInput","InputPlaceholder","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","clearCSS","attrs","disabledCSS","readOnlyCSS","labelPlacementCSS","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { FormEventHandler, ChangeEventHandler, KeyboardEvent, ChangeEvent, MouseEventHandler } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps, TextFieldRootProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport { base as hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport {\n Input,\n InputContainer,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n StyledIndicator,\n StyledOptionalText,\n InputPlaceholder,\n OuterLabelWrapper,\n TitleCaption,\n StyledHintWrapper,\n StyledIndicatorWrapper,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\nimport { HintComponent } from './ui/Hint/Hint';\n\nconst optionalText = 'optional';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n`;\n\nconst HINT_DEFAULT_OFFSET: [number, number] = [0, 0];\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldRootProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n requiredPlacement = 'right',\n titleCaption,\n\n // hint\n hintTrigger = 'hover',\n hintText,\n hintView = 'default',\n hintSize = 'm',\n hintTargetIcon,\n hintPlacement = 'auto',\n hintHasArrow,\n hintOffset = HINT_DEFAULT_OFFSET,\n hintWidth,\n hintContentLeft,\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n required = false,\n clear = false,\n optional,\n hasDivider,\n\n // controlled\n value: outerValue,\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [hasValue, setHasValue] = useState(\n Boolean(outerValue) || Boolean(inputRef?.current?.value) || Boolean(rest?.defaultValue),\n );\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n const [isHintVisible, setIsHintVisible] = useState(false);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isDefaultView = view === 'default' || readOnly || disabled;\n\n const isChipEnumeration = enumerationType === 'chip';\n const isChipsVisible = isChipEnumeration && Boolean(chips?.length);\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n\n const hasLabelValue = Boolean(label);\n const hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;\n const hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;\n const hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;\n\n const innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;\n const innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;\n\n const innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;\n const placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;\n\n const clearClass = clear ? classes.clear : undefined;\n const hasDividerClass = hasDivider ? classes.hasDivider : undefined;\n const hasHintClass = hintText ? classes.hasHint : undefined;\n const requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;\n const labelPlacementClass = innerLabelPlacementValue\n ? classes[`${innerLabelPlacementValue}LabelPlacement` as keyof typeof classes]\n : undefined;\n const hasValueClass = hasValue ? classes.hasValue : undefined;\n\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const hintRef = useOutsideClick<HTMLDivElement>(() => {\n setIsHintVisible(false);\n });\n const hintInnerRef = useRef<HTMLDivElement>(null);\n const hintForkRef = useForkRef(hintRef, hintInnerRef);\n\n const handleInput: FormEventHandler<HTMLInputElement> = (event) => {\n setHasValue(Boolean((event.target as HTMLInputElement).value));\n };\n\n const handleHintShow = () => setIsHintVisible(true);\n const handleHintHide = () => setIsHintVisible(false);\n const handleHintClick: MouseEventHandler = (event) => {\n if (!hintText || hintTrigger !== 'click') {\n return;\n }\n\n event.stopPropagation();\n const targetIsPopover = event.target === hintInnerRef.current;\n const rootHasTarget = hintInnerRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n setIsHintVisible(true);\n }\n };\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n onEnterDisabled: (rest as any).onEnterDisabled,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n useEffect(() => {\n setHasValue(Boolean(rest?.defaultValue));\n }, [rest.defaultValue]);\n\n useEffect(() => {\n setHasValue(Boolean(outerValue) || Boolean(inputRef?.current?.value));\n }, [outerValue, inputRef?.current?.value]);\n\n const innerOptional = Boolean(required ? false : optional);\n const hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n clear={clear}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(\n labelPlacementClass,\n clearClass,\n hasDividerClass,\n hasHintClass,\n classes.textFieldGroupItem,\n className,\n )}\n style={style}\n {...(hintText && { hintView, hintSize })}\n >\n {(hasOuterLabel || titleCaption) && (\n <OuterLabelWrapper isInnerLabel={labelPlacement === 'inner'}>\n {hasOuterLabel && (\n <StyledIndicatorWrapper>\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n\n {hintText && (\n <StyledHintWrapper>\n <HintComponent\n ref={hintForkRef}\n hintText={hintText}\n hintTrigger={hintTrigger}\n isHintVisible={isHintVisible}\n hintTargetIcon={hintTargetIcon}\n hintPlacement={hintPlacement}\n hintHasArrow={hintHasArrow}\n hintOffset={hintOffset}\n hintWidth={hintWidth}\n hintContentLeft={hintContentLeft}\n handleHintShow={handleHintShow}\n handleHintHide={handleHintHide}\n handleHintClick={handleHintClick}\n />\n </StyledHintWrapper>\n )}\n {required && (\n <StyledIndicator\n className={cx(\n classes.outerLabelPlacement,\n requiredPlacementClass,\n hasHintClass,\n )}\n />\n )}\n {optionalTextNode}\n </StyledIndicatorWrapper>\n )}\n {titleCaption && <TitleCaption>{titleCaption}</TitleCaption>}\n </OuterLabelWrapper>\n )}\n <InputWrapper\n // Ref для внутреннего использования. Не отдается наружу.\n ref={(rest as any).inputWrapperRef}\n className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}\n >\n {!hasOuterLabel && (\n <>\n {required && (\n <StyledIndicator\n className={cx(classes.innerLabelPlacement, requiredPlacementClass)}\n />\n )}\n {hintText && (\n <StyledHintWrapper className={classes.innerLabelPlacement}>\n <HintComponent\n ref={hintForkRef}\n hintText={hintText}\n hintTrigger={hintTrigger}\n isHintVisible={isHintVisible}\n hintTargetIcon={hintTargetIcon}\n hintPlacement={hintPlacement}\n hintHasArrow={hintHasArrow}\n hintOffset={hintOffset}\n hintWidth={hintWidth}\n hintContentLeft={hintContentLeft}\n handleHintShow={handleHintShow}\n handleHintHide={handleHintHide}\n handleHintClick={handleHintClick}\n />\n </StyledHintWrapper>\n )}\n </>\n )}\n {contentLeft && (\n <StyledContentLeft isClear={clear} isDefaultView={isDefaultView}>\n {contentLeft}\n </StyledContentLeft>\n )}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <InputContainer>\n <Input\n ref={inputForkRef}\n id={innerId}\n value={outerValue}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n className={cx(hasValueClass)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onInput={handleInput}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {hasInnerLabel && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n {placeholderShown && !hasValue && (\n <InputPlaceholder>\n {innerPlaceholderValue}\n {hasPlaceholderOptional && optionalTextNode}\n </InputPlaceholder>\n )}\n </InputContainer>\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n clear: {\n css: clearCSS,\n attrs: true,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n hintView: {\n css: hintViewCSS,\n },\n hintSize: {\n css: hintSizeCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["optionalText","base","HINT_DEFAULT_OFFSET","textFieldRoot","Root","forwardRef","_ref","ref","_inputRef$current","_inputRef$current3","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","_ref$requiredPlacemen","requiredPlacement","titleCaption","_ref$hintTrigger","hintTrigger","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","hintTargetIcon","_ref$hintPlacement","hintPlacement","hintHasArrow","_ref$hintOffset","hintOffset","hintWidth","hintContentLeft","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$required","required","_ref$clear","clear","optional","hasDivider","outerValue","value","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","Boolean","current","defaultValue","_useState2","_slicedToArray","hasValue","setHasValue","_useState3","_useState4","setChips","_useState5","_useState6","isHintVisible","setIsHintVisible","uniqId","safeUseId","innerId","labelId","helperTextId","isDefaultView","isChipEnumeration","isChipsVisible","length","withHasChips","classes","hasChips","undefined","hasLabelValue","hasInnerLabel","hasOuterLabel","hasPlaceholder","innerLabelValue","innerLabelPlacementValue","innerPlaceholderValue","placeholderShown","clearClass","hasDividerClass","hasHintClass","hasHint","requiredPlacementClass","requiredAlignRight","labelPlacementClass","concat","hasValueClass","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","hintRef","useOutsideClick","hintInnerRef","hintForkRef","handleInput","event","target","handleHintShow","handleHintHide","handleHintClick","_hintInnerRef$current","stopPropagation","targetIsPopover","rootHasTarget","contains","handleChange","_event$target","maxLength","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","onEnterDisabled","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","handleInputFocus","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","_inputRef$current2","innerOptional","hasPlaceholderOptional","optionalTextNode","React","createElement","StyledOptionalText","_extends","onClick","cx","textFieldGroupItem","OuterLabelWrapper","isInnerLabel","StyledIndicatorWrapper","Label","htmlFor","StyledHintWrapper","HintComponent","StyledIndicator","outerLabelPlacement","TitleCaption","InputWrapper","inputWrapperRef","Fragment","innerLabelPlacement","StyledContentLeft","isClear","InputLabelWrapper","tabIndex","StyledTextBefore","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","InputContainer","Input","onInput","InputPlaceholder","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","clearCSS","attrs","disabledCSS","readOnlyCSS","labelPlacementCSS","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}
|
@@ -46,8 +46,8 @@ var InputPlaceholder = /*#__PURE__*/styled('div')({
|
|
46
46
|
});
|
47
47
|
var _exp8 = function _exp8() {
|
48
48
|
return function (_ref) {
|
49
|
-
var
|
50
|
-
return
|
49
|
+
var isInnerLabel = _ref.isInnerLabel;
|
50
|
+
return isInnerLabel ? "var(".concat(tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(tokens.labelOffset, ")");
|
51
51
|
};
|
52
52
|
};
|
53
53
|
var OuterLabelWrapper = /*#__PURE__*/styled('div')({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { tooltipConfig } from '../Tooltip';\n\nimport { classes, tokens } from './TextField.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const Hint = styled(Tooltip)``;\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipGap});\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: 100%;\n z-index: 1;\n\n &::placeholder {\n opacity: 0;\n }\n`;\n\nexport const InputContainer = styled.div`\n position: relative;\n flex: 1;\n min-width: 60%;\n`;\n\nexport const InputPlaceholder = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 0;\n white-space: nowrap;\n\n pointer-events: none;\n user-select: none;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n\n color: var(${tokens.placeholderColor});\n`;\n\nexport const OuterLabelWrapper = styled.div<{ isInnnerLabel: boolean }>`\n display: flex;\n align-items: center;\n\n margin-bottom: ${({ isInnnerLabel }) =>\n isInnnerLabel ? `var(${tokens.titleCaptionInnerLabelOffset})` : `var(${tokens.labelOffset})`};\n`;\n\nexport const TitleCaption = styled.div`\n display: inline-block;\n margin-left: auto;\n`;\n\nexport const StyledIndicatorWrapper = styled.div`\n position: relative;\n display: inline-flex;\n align-items: center;\n`;\n\nexport const Label = styled.label`\n display: inline-flex;\n`;\n\nconst StyledContentSlot = styled.div<{ isDefaultView: boolean; isClear: boolean }>`\n color: ${({ isDefaultView, isClear }) =>\n !isDefaultView && isClear ? `var(${tokens.clearColor})` : `var(${tokens.contentSlotColor})`};\n line-height: 0;\n`;\n\nexport const StyledContentLeft = styled(StyledContentSlot)`\n margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n\n margin: var(${tokens.rightContentMargin});\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledHintWrapper = styled.div`\n display: inline-block;\n line-height: 0;\n\n &.${classes.innerLabelPlacement} {\n position: absolute;\n margin: 0;\n inset: var(${tokens.hintInnerLabelPlacementOffset});\n }\n`;\n\nexport const HintTargetWrapper = styled.div`\n color: var(${tokens.hintIconColor});\n\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const HintIconWrapper = styled.div``;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n\n &.${classes.hasHint} {\n right: calc(-1 * var(${tokens.indicatorSizeOuter}));\n }\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","_exp","Hint","styled","name","class","propsAsIs","InputWrapper","InputLabelWrapper","StyledChips","Input","InputContainer","InputPlaceholder","_exp8","_ref","isInnnerLabel","concat","tokens","titleCaptionInnerLabelOffset","labelOffset","OuterLabelWrapper","vars","TitleCaption","StyledIndicatorWrapper","Label","_exp9","_ref2","isDefaultView","isClear","clearColor","contentSlotColor","StyledContentSlot","_exp10","StyledContentLeft","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledHintWrapper","HintTargetWrapper","HintIconWrapper","StyledIndicator"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { tooltipConfig } from '../Tooltip';\n\nimport { classes, tokens } from './TextField.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const Hint = styled(Tooltip)``;\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipGap});\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: 100%;\n z-index: 1;\n\n &::placeholder {\n opacity: 0;\n }\n`;\n\nexport const InputContainer = styled.div`\n position: relative;\n flex: 1;\n min-width: 60%;\n`;\n\nexport const InputPlaceholder = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 0;\n white-space: nowrap;\n\n pointer-events: none;\n user-select: none;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n\n color: var(${tokens.placeholderColor});\n`;\n\nexport const OuterLabelWrapper = styled.div<{ isInnerLabel: boolean }>`\n display: flex;\n align-items: center;\n\n margin-bottom: ${({ isInnerLabel }) =>\n isInnerLabel ? `var(${tokens.titleCaptionInnerLabelOffset})` : `var(${tokens.labelOffset})`};\n`;\n\nexport const TitleCaption = styled.div`\n display: inline-block;\n margin-left: auto;\n`;\n\nexport const StyledIndicatorWrapper = styled.div`\n position: relative;\n display: inline-flex;\n align-items: center;\n`;\n\nexport const Label = styled.label`\n display: inline-flex;\n`;\n\nconst StyledContentSlot = styled.div<{ isDefaultView: boolean; isClear: boolean }>`\n color: ${({ isDefaultView, isClear }) =>\n !isDefaultView && isClear ? `var(${tokens.clearColor})` : `var(${tokens.contentSlotColor})`};\n line-height: 0;\n`;\n\nexport const StyledContentLeft = styled(StyledContentSlot)`\n margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n\n margin: var(${tokens.rightContentMargin});\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledHintWrapper = styled.div`\n display: inline-block;\n line-height: 0;\n\n &.${classes.innerLabelPlacement} {\n position: absolute;\n margin: 0;\n inset: var(${tokens.hintInnerLabelPlacementOffset});\n }\n`;\n\nexport const HintTargetWrapper = styled.div`\n color: var(${tokens.hintIconColor});\n\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const HintIconWrapper = styled.div``;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n\n &.${classes.hasHint} {\n right: calc(-1 * var(${tokens.indicatorSizeOuter}));\n }\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","_exp","Hint","styled","name","class","propsAsIs","InputWrapper","InputLabelWrapper","StyledChips","Input","InputContainer","InputPlaceholder","_exp8","_ref","isInnerLabel","concat","tokens","titleCaptionInnerLabelOffset","labelOffset","OuterLabelWrapper","vars","TitleCaption","StyledIndicatorWrapper","Label","_exp9","_ref2","isDefaultView","isClear","clearColor","contentSlotColor","StyledContentSlot","_exp10","StyledContentLeft","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledHintWrapper","HintTargetWrapper","HintIconWrapper","StyledIndicator"],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.174.0-canary.1505.
|
3
|
+
"version": "0.174.0-canary.1505.11503860288.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -127,5 +127,5 @@
|
|
127
127
|
"sideEffects": [
|
128
128
|
"*.css"
|
129
129
|
],
|
130
|
-
"gitHead": "
|
130
|
+
"gitHead": "820ea1d4c44abb4646acadb7ce37b4f88318a9b6"
|
131
131
|
}
|
@@ -96,6 +96,9 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
|
|
96
96
|
}
|
97
97
|
onHoverDay === null || onHoverDay === void 0 || onHoverDay(selectedDate);
|
98
98
|
}, [getSelectedDate, onHoverDay, value]);
|
99
|
+
var handleMouseOutGrid = function handleMouseOutGrid() {
|
100
|
+
return onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(undefined);
|
101
|
+
};
|
99
102
|
var getRefs = function getRefs(element, isDayInCurrentMonth, i, j) {
|
100
103
|
if (isDayInCurrentMonth) {
|
101
104
|
outerRefs.current[i + offset][j] = element;
|
@@ -110,7 +113,8 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
|
|
110
113
|
return /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledCalendarDays, {
|
111
114
|
role: "grid",
|
112
115
|
"aria-labelledby": "id-grid-label",
|
113
|
-
onKeyDown: onKeyDown
|
116
|
+
onKeyDown: onKeyDown,
|
117
|
+
onMouseLeave: handleMouseOutGrid
|
114
118
|
}, _StyledCalendarDaysHi || (_StyledCalendarDaysHi = /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledCalendarDaysHint, {
|
115
119
|
id: "withShift"
|
116
120
|
}, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledFlex, {
|
@@ -99,6 +99,9 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
|
|
99
99
|
}
|
100
100
|
onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(selectedDate);
|
101
101
|
}, [getSelectedDate, onHoverMonth, value]);
|
102
|
+
var handleMouseOutGrid = function handleMouseOutGrid() {
|
103
|
+
return onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
|
104
|
+
};
|
102
105
|
var getRefs = (0, _react.useCallback)(function (element, i, j) {
|
103
106
|
outerRefs.current[i + offset][j] = element;
|
104
107
|
}, [offset, outerRefs]);
|
@@ -111,7 +114,8 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
|
|
111
114
|
return /*#__PURE__*/_react["default"].createElement(_CalendarMonths.StyledCalendarMonths, {
|
112
115
|
role: "grid",
|
113
116
|
"aria-labelledby": "id-grid-label",
|
114
|
-
onKeyDown: onKeyDown
|
117
|
+
onKeyDown: onKeyDown,
|
118
|
+
onMouseLeave: handleMouseOutGrid
|
115
119
|
}, months.map(function (month, i) {
|
116
120
|
return /*#__PURE__*/_react["default"].createElement(_CalendarMonths.StyledFlex, {
|
117
121
|
role: "row",
|
@@ -97,6 +97,9 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
|
|
97
97
|
}
|
98
98
|
onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(selectedDate);
|
99
99
|
}, [getSelectedDate, onHoverQuarter, value]);
|
100
|
+
var handleMouseOutGrid = function handleMouseOutGrid() {
|
101
|
+
return onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
|
102
|
+
};
|
100
103
|
var getRefs = (0, _react.useCallback)(function (element, i, j) {
|
101
104
|
outerRefs.current[i + offset][j] = element;
|
102
105
|
}, [offset, outerRefs]);
|
@@ -109,7 +112,8 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
|
|
109
112
|
return /*#__PURE__*/_react["default"].createElement(_CalendarQuarters.StyledCalendarQuarters, {
|
110
113
|
role: "grid",
|
111
114
|
"aria-labelledby": "id-grid-label",
|
112
|
-
onKeyDown: onKeyDown
|
115
|
+
onKeyDown: onKeyDown,
|
116
|
+
onMouseLeave: handleMouseOutGrid
|
113
117
|
}, quarters.map(function (quarter, i) {
|
114
118
|
return /*#__PURE__*/_react["default"].createElement(_CalendarQuarters.StyledFlex, {
|
115
119
|
role: "row",
|
@@ -99,6 +99,9 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
|
|
99
99
|
}
|
100
100
|
onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
|
101
101
|
}, [getSelectedDate, onHoverYear, value]);
|
102
|
+
var handleMouseOutGrid = function handleMouseOutGrid() {
|
103
|
+
return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
|
104
|
+
};
|
102
105
|
var getRefs = (0, _react.useCallback)(function (element, i, j) {
|
103
106
|
outerRefs.current[i + offset][j] = element;
|
104
107
|
}, [outerRefs]);
|
@@ -111,7 +114,8 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
|
|
111
114
|
return /*#__PURE__*/_react["default"].createElement(_CalendarYears.StyledCalendarYears, {
|
112
115
|
role: "grid",
|
113
116
|
"aria-labelledby": "id-grid-label",
|
114
|
-
onKeyDown: onKeyDown
|
117
|
+
onKeyDown: onKeyDown,
|
118
|
+
onMouseLeave: handleMouseOutGrid
|
115
119
|
}, years.map(function (year, i) {
|
116
120
|
return /*#__PURE__*/_react["default"].createElement(_CalendarYears.StyledFlex, {
|
117
121
|
role: "row",
|
@@ -20,7 +20,7 @@ var _getPathMaps = /*#__PURE__*/require("./hooks/getPathMaps");
|
|
20
20
|
var _Combobox2 = /*#__PURE__*/require("./Combobox.styles");
|
21
21
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
22
22
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
23
|
-
var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect"];
|
23
|
+
var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
|
24
24
|
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); }
|
25
25
|
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; }
|
26
26
|
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); }
|
@@ -71,6 +71,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
71
71
|
alwaysOpened = _props$alwaysOpened === void 0 ? false : _props$alwaysOpened,
|
72
72
|
filter = props.filter,
|
73
73
|
outerCloseAfterSelect = props.closeAfterSelect,
|
74
|
+
renderValue = props.renderValue,
|
74
75
|
rest = _objectWithoutProperties(props, _excluded);
|
75
76
|
// Создаем структуры для быстрой работы с деревом
|
76
77
|
var _useMemo = (0, _react.useMemo)(function () {
|
@@ -285,14 +286,17 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
285
286
|
}
|
286
287
|
};
|
287
288
|
var getChips = function getChips() {
|
288
|
-
if (multiple) {
|
289
|
+
if (multiple && Array.isArray(value)) {
|
289
290
|
if (value.length === 0) return [];
|
290
291
|
if (isTargetAmount) {
|
291
292
|
return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length)];
|
292
293
|
}
|
293
|
-
|
294
|
-
return valueToItemMap.get(
|
295
|
-
})
|
294
|
+
var mapper = renderValue && function (stringValue) {
|
295
|
+
return renderValue(valueToItemMap.get(stringValue));
|
296
|
+
} || function (stringValue) {
|
297
|
+
return valueToItemMap.get(stringValue).label;
|
298
|
+
};
|
299
|
+
return value.map(mapper);
|
296
300
|
}
|
297
301
|
return [];
|
298
302
|
};
|
package/styled-components/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js
CHANGED
@@ -1,17 +1,31 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
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); }
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
4
5
|
value: true
|
5
6
|
});
|
6
7
|
exports.initialItemsTransform = void 0;
|
8
|
+
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; }
|
9
|
+
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; }
|
10
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
11
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
12
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
13
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
14
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
15
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
16
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
17
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
18
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
7
19
|
// Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.
|
8
20
|
// Дает возможность прохода к корневому элементу (снизу вверх).
|
21
|
+
// На выходе получаем глубокую копию исходного массива items.
|
9
22
|
var initialItemsTransform = exports.initialItemsTransform = function initialItemsTransform(items, parent) {
|
10
|
-
items.
|
11
|
-
|
12
|
-
|
13
|
-
|
23
|
+
return _toConsumableArray(items).map(function (item) {
|
24
|
+
var itemCopy = _objectSpread({}, item);
|
25
|
+
itemCopy.parent = parent;
|
26
|
+
if (itemCopy.items) {
|
27
|
+
itemCopy.items = initialItemsTransform(itemCopy.items, itemCopy);
|
14
28
|
}
|
29
|
+
return itemCopy;
|
15
30
|
});
|
16
|
-
return items;
|
17
31
|
};
|
@@ -20,13 +20,12 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
20
20
|
// Дает возможность прохода к корневому элементу (снизу вверх).
|
21
21
|
// На выходе получаем глубокую копию исходного массива items.
|
22
22
|
var initialItemsTransform = exports.initialItemsTransform = function initialItemsTransform(items, parent) {
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
item.items = initialItemsTransform(item.items, item);
|
23
|
+
return _toConsumableArray(items).map(function (item) {
|
24
|
+
var itemCopy = _objectSpread({}, item);
|
25
|
+
itemCopy.parent = parent;
|
26
|
+
if (itemCopy.items) {
|
27
|
+
itemCopy.items = initialItemsTransform(itemCopy.items, itemCopy);
|
29
28
|
}
|
29
|
+
return itemCopy;
|
30
30
|
});
|
31
|
-
return newItems;
|
32
31
|
};
|
@@ -250,7 +250,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
250
250
|
hintView: hintView,
|
251
251
|
hintSize: hintSize
|
252
252
|
}), (hasOuterLabel || titleCaption) && /*#__PURE__*/_react["default"].createElement(_TextArea.OuterLabelWrapper, {
|
253
|
-
|
253
|
+
isInnerLabel: labelPlacement === 'inner'
|
254
254
|
}, hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledIndicatorWrapper, null, /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLabel, null, label), hintText && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHintWrapper, null, /*#__PURE__*/_react["default"].createElement(_Hint.HintComponent, {
|
255
255
|
ref: hintForkRef,
|
256
256
|
hintText: hintText,
|
@@ -18,8 +18,8 @@ var Hint = exports.Hint = /*#__PURE__*/(0, _styledComponents["default"])(Tooltip
|
|
18
18
|
var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
19
|
componentId: "plasma-new-hope__sc-pxxv3p-1"
|
20
20
|
})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
|
21
|
-
var
|
22
|
-
return
|
21
|
+
var isInnerLabel = _ref.isInnerLabel;
|
22
|
+
return isInnerLabel ? "var(".concat(_TextArea.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextArea.tokens.labelMarginBottom, ")");
|
23
23
|
});
|
24
24
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
25
25
|
componentId: "plasma-new-hope__sc-pxxv3p-2"
|
@@ -254,7 +254,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
254
254
|
hintView: hintView,
|
255
255
|
hintSize: hintSize
|
256
256
|
}), (hasOuterLabel || titleCaption) && /*#__PURE__*/_react["default"].createElement(_TextField.OuterLabelWrapper, {
|
257
|
-
|
257
|
+
isInnerLabel: labelPlacement === 'inner'
|
258
258
|
}, hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_TextField.StyledIndicatorWrapper, null, /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
|
259
259
|
id: labelId,
|
260
260
|
htmlFor: id
|
@@ -35,8 +35,8 @@ var InputPlaceholder = exports.InputPlaceholder = /*#__PURE__*/_styledComponents
|
|
35
35
|
var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
36
36
|
componentId: "plasma-new-hope__sc-g4vxbb-7"
|
37
37
|
})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
|
38
|
-
var
|
39
|
-
return
|
38
|
+
var isInnerLabel = _ref.isInnerLabel;
|
39
|
+
return isInnerLabel ? "var(".concat(_TextField.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextField.tokens.labelOffset, ")");
|
40
40
|
});
|
41
41
|
var TitleCaption = exports.TitleCaption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
42
42
|
componentId: "plasma-new-hope__sc-g4vxbb-8"
|
@@ -88,6 +88,9 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
88
88
|
}
|
89
89
|
onHoverDay === null || onHoverDay === void 0 || onHoverDay(selectedDate);
|
90
90
|
}, [getSelectedDate, onHoverDay, value]);
|
91
|
+
var handleMouseOutGrid = function handleMouseOutGrid() {
|
92
|
+
return onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(undefined);
|
93
|
+
};
|
91
94
|
var getRefs = function getRefs(element, isDayInCurrentMonth, i, j) {
|
92
95
|
if (isDayInCurrentMonth) {
|
93
96
|
outerRefs.current[i + offset][j] = element;
|
@@ -102,7 +105,8 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
102
105
|
return /*#__PURE__*/React.createElement(StyledCalendarDays, {
|
103
106
|
role: "grid",
|
104
107
|
"aria-labelledby": "id-grid-label",
|
105
|
-
onKeyDown: onKeyDown
|
108
|
+
onKeyDown: onKeyDown,
|
109
|
+
onMouseLeave: handleMouseOutGrid
|
106
110
|
}, _StyledCalendarDaysHi || (_StyledCalendarDaysHi = /*#__PURE__*/React.createElement(StyledCalendarDaysHint, {
|
107
111
|
id: "withShift"
|
108
112
|
}, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/React.createElement(StyledFlex, {
|
@@ -92,6 +92,9 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
92
92
|
}
|
93
93
|
onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(selectedDate);
|
94
94
|
}, [getSelectedDate, onHoverMonth, value]);
|
95
|
+
var handleMouseOutGrid = function handleMouseOutGrid() {
|
96
|
+
return onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
|
97
|
+
};
|
95
98
|
var getRefs = useCallback(function (element, i, j) {
|
96
99
|
outerRefs.current[i + offset][j] = element;
|
97
100
|
}, [offset, outerRefs]);
|
@@ -104,7 +107,8 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
104
107
|
return /*#__PURE__*/React.createElement(StyledCalendarMonths, {
|
105
108
|
role: "grid",
|
106
109
|
"aria-labelledby": "id-grid-label",
|
107
|
-
onKeyDown: onKeyDown
|
110
|
+
onKeyDown: onKeyDown,
|
111
|
+
onMouseLeave: handleMouseOutGrid
|
108
112
|
}, months.map(function (month, i) {
|
109
113
|
return /*#__PURE__*/React.createElement(StyledFlex, {
|
110
114
|
role: "row",
|
@@ -90,6 +90,9 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
|
|
90
90
|
}
|
91
91
|
onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(selectedDate);
|
92
92
|
}, [getSelectedDate, onHoverQuarter, value]);
|
93
|
+
var handleMouseOutGrid = function handleMouseOutGrid() {
|
94
|
+
return onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
|
95
|
+
};
|
93
96
|
var getRefs = useCallback(function (element, i, j) {
|
94
97
|
outerRefs.current[i + offset][j] = element;
|
95
98
|
}, [offset, outerRefs]);
|
@@ -102,7 +105,8 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
|
|
102
105
|
return /*#__PURE__*/React.createElement(StyledCalendarQuarters, {
|
103
106
|
role: "grid",
|
104
107
|
"aria-labelledby": "id-grid-label",
|
105
|
-
onKeyDown: onKeyDown
|
108
|
+
onKeyDown: onKeyDown,
|
109
|
+
onMouseLeave: handleMouseOutGrid
|
106
110
|
}, quarters.map(function (quarter, i) {
|
107
111
|
return /*#__PURE__*/React.createElement(StyledFlex, {
|
108
112
|
role: "row",
|
@@ -92,6 +92,9 @@ export var CalendarYears = function CalendarYears(_ref) {
|
|
92
92
|
}
|
93
93
|
onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
|
94
94
|
}, [getSelectedDate, onHoverYear, value]);
|
95
|
+
var handleMouseOutGrid = function handleMouseOutGrid() {
|
96
|
+
return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
|
97
|
+
};
|
95
98
|
var getRefs = useCallback(function (element, i, j) {
|
96
99
|
outerRefs.current[i + offset][j] = element;
|
97
100
|
}, [outerRefs]);
|
@@ -104,7 +107,8 @@ export var CalendarYears = function CalendarYears(_ref) {
|
|
104
107
|
return /*#__PURE__*/React.createElement(StyledCalendarYears, {
|
105
108
|
role: "grid",
|
106
109
|
"aria-labelledby": "id-grid-label",
|
107
|
-
onKeyDown: onKeyDown
|
110
|
+
onKeyDown: onKeyDown,
|
111
|
+
onMouseLeave: handleMouseOutGrid
|
108
112
|
}, years.map(function (year, i) {
|
109
113
|
return /*#__PURE__*/React.createElement(StyledFlex, {
|
110
114
|
role: "row",
|