@salutejs/plasma-new-hope 0.186.0-canary.1541.11711445984.0 → 0.186.0-canary.1542.11716355955.0

package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx

@@ -1,11 +1,12 @@
-import React, { useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { WithTheme } from '../../../_helpers';
 import { IconDone } from '../../../../components/_Icon';
+import { createEvent } from '../../../../components/Combobox/ComboboxNew/utils/syntheticEvent';
 
-import { Combobox } from './Combobox';
+import { Combobox, ComboboxWithForm } from './Combobox';
 
 type StorySelectProps = ComponentProps<typeof Combobox> & {
     enableContentLeft?: boolean;
@@ -356,7 +357,7 @@ const SingleStory = (args: StorySelectProps) => {
 
     return (
         <div style={{ width: '400px' }}>
-            <Combobox
+            <ComboboxWithForm
                 {...args}
                 items={items}
                 value={value}
@@ -367,6 +368,24 @@ const SingleStory = (args: StorySelectProps) => {
     );
 };
 
+const SingleFormStory = (args: StorySelectProps) => {
+    const handleChange = (event) => {
+        console.log(event);
+    };
+
+    return (
+        <div style={{ width: '400px' }}>
+            <ComboboxWithForm
+                {...args}
+                items={items}
+                formType
+                onChange={handleChange}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
+            />
+        </div>
+    );
+};
+
 export const Single: StoryObj<StorySelectProps> = {
     render: (args) => <SingleStory {...args} />,
     args: {
@@ -379,14 +398,27 @@ export const Single: StoryObj<StorySelectProps> = {
     },
 };
 
+export const SingleForm: StoryObj<StorySelectProps> = {
+    render: (args) => <SingleFormStory {...args} />,
+    args: {
+        closeAfterSelect: true,
+    },
+    parameters: {
+        controls: {
+            exclude: ['isTargetAmount'],
+        },
+    },
+};
+
 const MultipleStory = (args: StorySelectProps) => {
     const [value, setValue] = useState([]);
 
     return (
         <div style={{ width: '400px' }}>
-            <Combobox
+            <ComboboxWithForm
                 {...args}
                 multiple
+                formType={false}
                 items={items}
                 value={value}
                 onChange={setValue}
@@ -396,9 +428,35 @@ const MultipleStory = (args: StorySelectProps) => {
     );
 };
 
+const MultipleStoryForm = (args: StorySelectProps) => {
+    const handleChange = (event) => {
+        console.log(event);
+    };
+
+    return (
+        <div style={{ width: '400px' }}>
+            <ComboboxWithForm
+                {...args}
+                multiple
+                formType
+                onChange={handleChange}
+                items={items}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
+            />
+        </div>
+    );
+};
+
 export const Multiple: StoryObj<StorySelectProps> = {
     render: (args) => <MultipleStory {...args} />,
     args: {
         closeAfterSelect: false,
     },
 };
+
+export const MultipleForm: StoryObj<StorySelectProps> = {
+    render: (args) => <MultipleStoryForm {...args} />,
+    args: {
+        closeAfterSelect: false,
+    },
+};

package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -171,7 +171,6 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: Sto
 
     return (
         <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '70%', margin: '0 auto' }}>
-            <div>{text}</div>
             <TextField
                 {...rest}
                 enumerationType="plain"

package/es/components/Combobox/ComboboxNew/Combobox.boundler.js

@@ -0,0 +1,18 @@
+import React from 'react';
+
+var boundCombobox = function boundCombobox(_ref) {
+  var ComboboxBase = _ref.base,
+    ComboboxBaseForm = _ref.baseForm;
+  return function (rest) {
+    if (rest.formType) {
+      return /*#__PURE__*/React.createElement(ComboboxBaseForm, rest);
+    }
+    if (!rest.formType) {
+      return /*#__PURE__*/React.createElement(ComboboxBase, rest);
+    }
+    return null;
+  };
+};
+
+export { boundCombobox };
+//# sourceMappingURL=Combobox.boundler.js.map

package/es/components/Combobox/ComboboxNew/Combobox.boundler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.boundler.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.boundler.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ComboboxBoundlerProps, ComboboxBoundlerPropsComponent } from './Combobox.types';\n\nexport const boundCombobox: (args: ComboboxBoundlerProps) => React.FC<ComboboxBoundlerPropsComponent> = ({\n    base: ComboboxBase,\n    baseForm: ComboboxBaseForm,\n}) => (rest) => {\n    if (rest.formType) {\n        return <ComboboxBaseForm {...rest} />;\n    }\n\n    if (!rest.formType) {\n        return <ComboboxBase {...rest} />;\n    }\n\n    return null;\n};\n"],"names":["boundCombobox","_ref","ComboboxBase","base","ComboboxBaseForm","baseForm","rest","formType","React","createElement"],"mappings":";;IAIaA,aAAwF,GAAG,SAA3FA,aAAwFA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC3FC,YAAY,GAAAD,IAAA,CAAlBE,IAAI;IACMC,gBAAgB,GAAAH,IAAA,CAA1BI,QAAQ,CAAA;EAAA,OACN,UAACC,IAAI,EAAK;IACZ,IAAIA,IAAI,CAACC,QAAQ,EAAE;AACf,MAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,gBAAgB,EAAKE,IAAO,CAAC,CAAA;AACzC,KAAA;AAEA,IAAA,IAAI,CAACA,IAAI,CAACC,QAAQ,EAAE;AAChB,MAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACP,YAAY,EAAKI,IAAO,CAAC,CAAA;AACrC,KAAA;AAEA,IAAA,OAAO,IAAI,CAAA;GACd,CAAA;AAAA;;;;"}

package/es/components/TextField/TextField.js

@@ -3,7 +3,6 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import { useForkRef, safeUseId } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
-import { createEvent } from '../../utils/syntheticEvent.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$3 } from './variations/_clear/base.js';
@@ -216,21 +215,11 @@ var textFieldRoot = function textFieldRoot(Root) {
       setChips(newChips);
     }, [isChipEnumeration, values]);
     useEffect(function () {
-      console.log('Init Value');
       setHasValue(Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
-      var event = createEvent(inputRef);
-      if (event) {
-        handleChange(event);
-      }
     }, [rest.defaultValue]);
     useEffect(function () {
       var _inputRef$current2;
-      console.log('Set Value');
       setHasValue(Boolean(outerValue) || Boolean(inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value));
-      var event = createEvent(inputRef);
-      if (event) {
-        handleChange(event);
-      }
     }, [outerValue, inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value]);
     var innerOptional = Boolean(required ? false : optional);
     var hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;

package/es/components/TextField/TextField.js.map

@@ -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';\nimport { createEvent } from '../../utils/syntheticEvent';\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                console.log('Init Value');\n                setHasValue(Boolean(rest?.defaultValue));\n                const event = createEvent(inputRef);\n                if (event) {\n                    handleChange(event);\n                }\n            }, [rest.defaultValue]);\n\n            useEffect(() => {\n                console.log('Set Value');\n                setHasValue(Boolean(outerValue) || Boolean(inputRef?.current?.value));\n                const event = createEvent(inputRef);\n                if (event) {\n                    handleChange(event);\n                }\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","console","log","createEvent","_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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"}
+{"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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"}

package/es/index.js

@@ -159,6 +159,7 @@ export { ComboboxTarget } from './components/Combobox/ComboboxOld/ui/ComboboxTar
 export { classes as comboboxOldClasses, tokens as comboboxOldTokens } from './components/Combobox/ComboboxOld/Combobox.tokens.js';
 export { tokens as comboboxNewTokens } from './components/Combobox/ComboboxNew/Combobox.tokens.js';
 export { comboboxConfig as comboboxNewConfig, comboboxRoot as comboboxNewRoot } from './components/Combobox/ComboboxNew/Combobox.js';
+export { boundCombobox } from './components/Combobox/ComboboxNew/Combobox.boundler.js';
 export { indicatorConfig, indicatorRoot } from './components/Indicator/Indicator.js';
 export { tokens as indicatorTokens } from './components/Indicator/Indicator.tokens.js';
 export { gridConfig, gridRoot } from './components/Grid/Grid.js';

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.186.0-canary.1541.11711445984.0",
+  "version": "0.186.0-canary.1542.11716355955.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -128,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "4cee30093dbcc0d3ec6a6d54550521b7b94931b0"
+  "gitHead": "26b528aaa0040df1c7a450a3b023bb7847a03078"
 }

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.boundler.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.boundCombobox = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var boundCombobox = exports.boundCombobox = function boundCombobox(_ref) {
+  var ComboboxBase = _ref.base,
+    ComboboxBaseForm = _ref.baseForm;
+  return function (rest) {
+    if (rest.formType) {
+      return /*#__PURE__*/_react["default"].createElement(ComboboxBaseForm, rest);
+    }
+    if (!rest.formType) {
+      return /*#__PURE__*/_react["default"].createElement(ComboboxBase, rest);
+    }
+    return null;
+  };
+};

package/styled-components/cjs/components/Combobox/ComboboxNew/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "boundCombobox", {
+  enumerable: true,
+  get: function get() {
+    return _Combobox3.boundCombobox;
+  }
+});
 Object.defineProperty(exports, "comboboxConfig", {
   enumerable: true,
   get: function get() {
@@ -22,4 +28,5 @@ Object.defineProperty(exports, "comboboxTokens", {
   }
 });
 var _Combobox = /*#__PURE__*/require("./Combobox");
-var _Combobox2 = /*#__PURE__*/require("./Combobox.tokens");
+var _Combobox2 = /*#__PURE__*/require("./Combobox.tokens");
+var _Combobox3 = /*#__PURE__*/require("./Combobox.boundler");

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getForm.js

@@ -0,0 +1,90 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFormComponentGenerator = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _syntheticEvent = /*#__PURE__*/require("./syntheticEvent");
+var _excluded = ["onChange", "component"],
+  _excluded2 = ["onChange", "component"]; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+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); }
+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; }
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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); }
+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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SingleForm = function SingleForm(args) {
+  var onChange = args.onChange,
+    Component = args.component,
+    rest = _objectWithoutProperties(args, _excluded);
+  var _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var selectRef = (0, _react.useRef)(null);
+  var handleChange = function handleChange(value) {
+    setValue(value);
+  };
+  (0, _react.useEffect)(function () {
+    var event = (0, _syntheticEvent.createEvent)(selectRef);
+    onChange && onChange(event);
+  }, [value]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("select", {
+    ref: selectRef,
+    value: value,
+    hidden: true
+  }, /*#__PURE__*/_react["default"].createElement("option", {
+    value: value
+  }, value)), /*#__PURE__*/_react["default"].createElement(Component, _extends({}, rest, {
+    value: value,
+    onChange: handleChange
+  })));
+};
+var MultipleForm = function MultipleForm(args) {
+  var onChange = args.onChange,
+    Component = args.component,
+    rest = _objectWithoutProperties(args, _excluded2);
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    values = _useState4[0],
+    setValues = _useState4[1];
+  var selectRef = (0, _react.useRef)(null);
+  var handleChange = function handleChange(value) {
+    setValues(value);
+  };
+  (0, _react.useEffect)(function () {
+    var event = (0, _syntheticEvent.createEvent)(selectRef);
+    onChange && onChange(event);
+  }, [values]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("select", {
+    ref: selectRef,
+    value: values,
+    multiple: true,
+    hidden: true
+  }, values.map(function (value) {
+    return /*#__PURE__*/_react["default"].createElement("option", {
+      key: value,
+      value: value
+    }, value);
+  })), /*#__PURE__*/_react["default"].createElement(Component, _extends({}, rest, {
+    value: values,
+    onChange: handleChange
+  })));
+};
+var getFormComponentGenerator = exports.getFormComponentGenerator = function getFormComponentGenerator(Component) {
+  return function (args) {
+    return args.multiple ? /*#__PURE__*/_react["default"].createElement(MultipleForm, _extends({}, args, {
+      component: Component
+    })) : /*#__PURE__*/_react["default"].createElement(SingleForm, _extends({}, args, {
+      component: Component
+    }));
+  };
+};

package/{emotion/cjs → styled-components/cjs/components/Combobox/ComboboxNew}/utils/syntheticEvent.js

@@ -14,7 +14,6 @@ var createEvent = exports.createEvent = function createEvent(ref) {
       value: ref.current
     });
     var syntheticEvent = createSyntheticEvent(event);
-    console.log(syntheticEvent);
     return syntheticEvent;
   }
   return null;

package/styled-components/cjs/components/Combobox/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "ComboboxTarget", {
     return _ComboboxOld.ComboboxTarget;
   }
 });
+Object.defineProperty(exports, "boundCombobox", {
+  enumerable: true,
+  get: function get() {
+    return _ComboboxNew.boundCombobox;
+  }
+});
 Object.defineProperty(exports, "comboboxDividerConfig", {
   enumerable: true,
   get: function get() {

package/styled-components/cjs/components/TextField/TextField.js

@@ -10,7 +10,6 @@ var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _utils = /*#__PURE__*/require("../../utils");
 var _hooks = /*#__PURE__*/require("../../hooks");
-var _syntheticEvent = /*#__PURE__*/require("../../utils/syntheticEvent");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_clear/base");
@@ -232,21 +231,11 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       setChips(newChips);
     }, [isChipEnumeration, values]);
     (0, _react.useEffect)(function () {
-      console.log('Init Value');
       setHasValue(Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
-      var event = (0, _syntheticEvent.createEvent)(inputRef);
-      if (event) {
-        handleChange(event);
-      }
     }, [rest.defaultValue]);
     (0, _react.useEffect)(function () {
       var _inputRef$current2;
-      console.log('Set Value');
       setHasValue(Boolean(outerValue) || Boolean(inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value));
-      var event = (0, _syntheticEvent.createEvent)(inputRef);
-      if (event) {
-        handleChange(event);
-      }
     }, [outerValue, inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value]);
     var innerOptional = Boolean(required ? false : optional);
     var hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;

package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js

@@ -3,10 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Combobox = void 0;
+exports.ComboboxWithForm = exports.Combobox = void 0;
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _ = /*#__PURE__*/require("../../../..");
+var _getForm = /*#__PURE__*/require("../../../../components/Combobox/ComboboxNew/utils/getForm");
 var _Combobox = /*#__PURE__*/require("./Combobox.config");
 var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_.comboboxNewConfig, _Combobox.config);
 var ComboboxComponent = /*#__PURE__*/(0, _engines.component)(mergedConfig);
-var Combobox = exports.Combobox = ComboboxComponent;
+var Combobox = exports.Combobox = ComboboxComponent;
+var ComboboxWithForm = exports.ComboboxWithForm = /*#__PURE__*/(0, _.boundCombobox)({
+  base: ComboboxComponent,
+  baseForm: /*#__PURE__*/(0, _getForm.getFormComponentGenerator)(ComboboxComponent)
+});