npm - @vkontakte/vkui - Versions diffs - 7.1.3 → 7.2.1 - Mend

@vkontakte/vkui 7.1.3 → 7.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1202) hide show

package/dist/components/CellButtonGroup/CellButtonGroup.d.ts ADDED Viewed

@@ -0,0 +1,300 @@
+import * as React from 'react';
+import { type HTMLAttributesWithRootRef } from '../../types';
+export type CellButtonGroupProps = HTMLAttributesWithRootRef<HTMLDivElement>;
+/**
+ * @since 7.2.0
+ *
+ * @see https://vkcom.github.io/VKUI/#/CellButtonGroup
+ */
+export declare const CellButtonGroup: {
+    (props: CellButtonGroupProps): React.ReactNode;
+    displayName: string;
+    Separator: {
+        ({ className, ...restProps }: {
+            slot?: string | undefined | undefined;
+            style?: React.CSSProperties | undefined;
+            title?: string | undefined | undefined;
+            defaultChecked?: boolean | undefined | undefined;
+            defaultValue?: string | number | readonly string[] | undefined;
+            suppressContentEditableWarning?: boolean | undefined | undefined;
+            suppressHydrationWarning?: boolean | undefined | undefined;
+            accessKey?: string | undefined | undefined;
+            autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+            autoFocus?: boolean | undefined | undefined;
+            className?: string | undefined | undefined;
+            contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+            contextMenu?: string | undefined | undefined;
+            dir?: string | undefined | undefined;
+            draggable?: (boolean | "false" | "true") | undefined;
+            enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+            hidden?: boolean | undefined | undefined;
+            id?: string | undefined | undefined;
+            lang?: string | undefined | undefined;
+            nonce?: string | undefined | undefined;
+            spellCheck?: (boolean | "false" | "true") | undefined;
+            tabIndex?: number | undefined | undefined;
+            translate?: "yes" | "no" | undefined | undefined;
+            radioGroup?: string | undefined | undefined;
+            role?: React.AriaRole | undefined;
+            about?: string | undefined | undefined;
+            content?: string | undefined | undefined;
+            datatype?: string | undefined | undefined;
+            inlist?: any;
+            prefix?: string | undefined | undefined;
+            property?: string | undefined | undefined;
+            rel?: string | undefined | undefined;
+            resource?: string | undefined | undefined;
+            rev?: string | undefined | undefined;
+            typeof?: string | undefined | undefined;
+            vocab?: string | undefined | undefined;
+            autoCorrect?: string | undefined | undefined;
+            autoSave?: string | undefined | undefined;
+            color?: string | undefined | undefined;
+            itemProp?: string | undefined | undefined;
+            itemScope?: boolean | undefined | undefined;
+            itemType?: string | undefined | undefined;
+            itemID?: string | undefined | undefined;
+            itemRef?: string | undefined | undefined;
+            results?: number | undefined | undefined;
+            security?: string | undefined | undefined;
+            unselectable?: "on" | "off" | undefined | undefined;
+            popover?: "" | "auto" | "manual" | undefined | undefined;
+            popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+            popoverTarget?: string | undefined | undefined;
+            inert?: boolean | undefined | undefined;
+            inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+            is?: string | undefined | undefined;
+            "aria-activedescendant"?: string | undefined | undefined;
+            "aria-atomic"?: (boolean | "false" | "true") | undefined;
+            "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+            "aria-braillelabel"?: string | undefined | undefined;
+            "aria-brailleroledescription"?: string | undefined | undefined;
+            "aria-busy"?: (boolean | "false" | "true") | undefined;
+            "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+            "aria-colcount"?: number | undefined | undefined;
+            "aria-colindex"?: number | undefined | undefined;
+            "aria-colindextext"?: string | undefined | undefined;
+            "aria-colspan"?: number | undefined | undefined;
+            "aria-controls"?: string | undefined | undefined;
+            "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+            "aria-describedby"?: string | undefined | undefined;
+            "aria-description"?: string | undefined | undefined;
+            "aria-details"?: string | undefined | undefined;
+            "aria-disabled"?: (boolean | "false" | "true") | undefined;
+            "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+            "aria-errormessage"?: string | undefined | undefined;
+            "aria-expanded"?: (boolean | "false" | "true") | undefined;
+            "aria-flowto"?: string | undefined | undefined;
+            "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+            "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+            "aria-hidden"?: (boolean | "false" | "true") | undefined;
+            "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+            "aria-keyshortcuts"?: string | undefined | undefined;
+            "aria-label"?: string | undefined | undefined;
+            "aria-labelledby"?: string | undefined | undefined;
+            "aria-level"?: number | undefined | undefined;
+            "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+            "aria-modal"?: (boolean | "false" | "true") | undefined;
+            "aria-multiline"?: (boolean | "false" | "true") | undefined;
+            "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+            "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+            "aria-owns"?: string | undefined | undefined;
+            "aria-placeholder"?: string | undefined | undefined;
+            "aria-posinset"?: number | undefined | undefined;
+            "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+            "aria-readonly"?: (boolean | "false" | "true") | undefined;
+            "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+            "aria-required"?: (boolean | "false" | "true") | undefined;
+            "aria-roledescription"?: string | undefined | undefined;
+            "aria-rowcount"?: number | undefined | undefined;
+            "aria-rowindex"?: number | undefined | undefined;
+            "aria-rowindextext"?: string | undefined | undefined;
+            "aria-rowspan"?: number | undefined | undefined;
+            "aria-selected"?: (boolean | "false" | "true") | undefined;
+            "aria-setsize"?: number | undefined | undefined;
+            "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+            "aria-valuemax"?: number | undefined | undefined;
+            "aria-valuemin"?: number | undefined | undefined;
+            "aria-valuenow"?: number | undefined | undefined;
+            "aria-valuetext"?: string | undefined | undefined;
+            children?: React.ReactNode;
+            dangerouslySetInnerHTML?: {
+                __html: string | TrustedHTML;
+            } | undefined | undefined;
+            onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+            onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+            onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+            onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+            onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+            onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+            onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+            onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+            onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+            onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+            onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+            onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+            onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
+            onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+            onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
+            onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+            onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+            onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+            onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+            onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+            onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+            onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+            onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+            onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+            onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+            onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+            onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
+            onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+            onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
+            onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+            onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
+            onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+            onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
+            onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+            onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+            onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
+            onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
+            onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
+            onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
+            onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+            onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+            onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+            onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+            onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+            onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+            onToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
+            onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
+            onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+            onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+            onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+            onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+            onTransitionRun?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+            onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+            onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+            onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+            size?: import("../../lib/spacings/sizes").SpacingSizeProp | undefined;
+            getRootRef?: React.Ref<HTMLDivElement> | undefined;
+            align?: "start" | "center" | "end" | undefined;
+            appearance?: "primary" | "secondary" | "primary-alpha" | undefined;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+//# sourceMappingURL=CellButtonGroup.d.ts.map

package/dist/components/CellButtonGroup/CellButtonGroup.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CellButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CellButtonGroup/CellButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAE7E;;;;GAIG;AACH,eAAO,MAAM,eAAe;YAAW,oBAAoB,GAAG,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAE5E,CAAC"}

package/dist/components/CellButtonGroup/CellButtonGroup.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ButtonGroup } from "../ButtonGroup/ButtonGroup.js";
+import { CellButtonGroupSeparator } from "./CellButtonGroupSeparator/CellButtonGroupSeparator.js";
+/**
+ * @since 7.2.0
+ *
+ * @see https://vkcom.github.io/VKUI/#/CellButtonGroup
+ */ export const CellButtonGroup = (props)=>{
+    return /*#__PURE__*/ _jsx(ButtonGroup, _object_spread({
+        gap: "none",
+        stretched: true
+    }, props));
+};
+CellButtonGroup.displayName = 'CellButtonGroup';
+CellButtonGroup.Separator = CellButtonGroupSeparator;
+CellButtonGroup.Separator.displayName = 'CellButtonGroup.Separator';
+//# sourceMappingURL=CellButtonGroup.js.map

package/dist/components/CellButtonGroup/CellButtonGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/components/CellButtonGroup/CellButtonGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type HTMLAttributesWithRootRef } from '../../types';\nimport { ButtonGroup } from '../ButtonGroup/ButtonGroup';\nimport { CellButtonGroupSeparator } from './CellButtonGroupSeparator/CellButtonGroupSeparator';\n\nexport type CellButtonGroupProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/**\n * @since 7.2.0\n *\n * @see https://vkcom.github.io/VKUI/#/CellButtonGroup\n */\nexport const CellButtonGroup = (props: CellButtonGroupProps): React.ReactNode => {\n return <ButtonGroup gap=\"none\" stretched {...props} />;\n};\n\nCellButtonGroup.displayName = 'CellButtonGroup';\n\nCellButtonGroup.Separator = CellButtonGroupSeparator;\nCellButtonGroup.Separator.displayName = 'CellButtonGroup.Separator';\n"],"names":["React","ButtonGroup","CellButtonGroupSeparator","CellButtonGroup","props","gap","stretched","displayName","Separator"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,wBAAwB,QAAQ,yDAAsD;AAI/F;;;;CAIC,GACD,OAAO,MAAMC,kBAAkB,CAACC;IAC9B,qBAAO,KAACH;QAAYI,KAAI;QAAOC,SAAS;OAAKF;AAC/C,EAAE;AAEFD,gBAAgBI,WAAW,GAAG;AAE9BJ,gBAAgBK,SAAS,GAAGN;AAC5BC,gBAAgBK,SAAS,CAACD,WAAW,GAAG"}

package/dist/components/CellButtonGroup/CellButtonGroupSeparator/CellButtonGroupSeparator.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { type SeparatorProps } from '../../Separator/Separator';
+type CellButtonGroupSeparatorProps = Omit<SeparatorProps, 'direction' | 'padding'>;
+export declare const CellButtonGroupSeparator: {
+    ({ className, ...restProps }: CellButtonGroupSeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=CellButtonGroupSeparator.d.ts.map

package/dist/components/CellButtonGroup/CellButtonGroupSeparator/CellButtonGroupSeparator.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"CellButtonGroupSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/CellButtonGroup/CellButtonGroupSeparator/CellButtonGroupSeparator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3E,KAAK,6BAA6B,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,SAAS,CAAC,CAAC;AAEnF,eAAO,MAAM,wBAAwB;kCAGlC,6BAA6B;;CAS/B,CAAC"}

package/dist/components/CellButtonGroup/CellButtonGroupSeparator/CellButtonGroupSeparator.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "@vkontakte/vkjs";
+import { Separator } from "../../Separator/Separator.js";
+export const CellButtonGroupSeparator = (_param)=>{
+    var { className } = _param, restProps = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Separator, _object_spread_props(_object_spread({
+        className: classNames("vkuiCellButtonGroupSeparator__root", className)
+    }, restProps), {
+        direction: "vertical",
+        padding: true
+    }));
+};
+CellButtonGroupSeparator.displayName = 'CellButtonGroupSeparator';
+//# sourceMappingURL=CellButtonGroupSeparator.js.map

package/dist/components/CellButtonGroup/CellButtonGroupSeparator/CellButtonGroupSeparator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/CellButtonGroup/CellButtonGroupSeparator/CellButtonGroupSeparator.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Separator, type SeparatorProps } from '../../Separator/Separator';\nimport styles from './CellButtonGroupSeparator.module.css';\n\ntype CellButtonGroupSeparatorProps = Omit<SeparatorProps, 'direction' | 'padding'>;\n\nexport const CellButtonGroupSeparator = ({\n className,\n ...restProps\n}: CellButtonGroupSeparatorProps) => {\n return (\n <Separator\n className={classNames(styles.root, className)}\n {...restProps}\n direction=\"vertical\"\n padding\n />\n );\n};\n\nCellButtonGroupSeparator.displayName = 'CellButtonGroupSeparator';\n"],"names":["classNames","Separator","CellButtonGroupSeparator","className","restProps","direction","padding","displayName"],"mappings":";;;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,SAAS,QAA6B,+BAA4B;AAK3E,OAAO,MAAMC,2BAA2B;QAAC,EACvCC,SAAS,EAEqB,WAD3BC;QADHD;;IAGA,qBACE,KAACF;QACCE,WAAWH,iDAAwBG;OAC/BC;QACJC,WAAU;QACVC,OAAO;;AAGb,EAAE;AAEFJ,yBAAyBK,WAAW,GAAG"}

package/dist/components/ChipsInput/ChipsInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChipsInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,UAAU,CACxD,SAAQ,mBAAmB,CAAC,MAAM,CAAC,EACjC,kBAAkB,CAAC,MAAM,CAAC,EAC1B,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;IAC5E;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,UAAU,~~4PAmBjD~~,eAAe,CAAC,MAAM,CAAC,KAAG,KAAK,CAAC,SA4ClC,CAAC"}
1	+ {"version":3,"file":"ChipsInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInput/ChipsInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,UAAU,CACxD,SAAQ,mBAAmB,CAAC,MAAM,CAAC,EACjC,kBAAkB,CAAC,MAAM,CAAC,EAC1B,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;IAC5E;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,UAAU,EAAE,0PAmBnD,eAAe,CAAC,MAAM,CAAC,KAAG,KAAK,CAAC,SA4ClC,CAAC"}

package/dist/components/ChipsInput/useChipsInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useChipsInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInput/useChipsInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAsB,KAAK,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AASzF,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,~~SAC1C~~,CAAC,EAAE,~~kBACM~~,cAAc,CAAC,CAAC,CAAC,~~kBACjB~~,cAAc,CAAC,CAAC,CAAC,KAChC,KAAK,CACN,CAAC,GAAG;IACF,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC;CACxB,CAME,CAAC;AAON,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CACnE,SAAQ,sBAAsB,CAAC,CAAC,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,~~2KAgB/C~~,kBAAkB,CAAC,CAAC,CAAC,KAAG;IACzB,KAAK,EAAE,KAAK,CACV,CAAC,GAAG;QACF,KAAK,EAAE,eAAe,CAAC;QACvB,KAAK,EAAE,eAAe,CAAC;KACxB,CACF,CAAC;IACF,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,eAAe,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,gBAAgB,GAAG,6BAA6B,CAAC,GAAG,IAAI,CAAC,CAAC;IACrF,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC;IAC/D,UAAU,EAAE,MAAM,IAAI,CAAC;CA0FxB,CAAC"}
1	+ {"version":3,"file":"useChipsInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInput/useChipsInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAsB,KAAK,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AASzF,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,EACjD,OAAO,CAAC,EAAE,EACV,gBAAgB,cAAc,CAAC,CAAC,CAAC,EACjC,gBAAgB,cAAc,CAAC,CAAC,CAAC,KAChC,KAAK,CACN,CAAC,GAAG;IACF,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC;CACxB,CAME,CAAC;AAON,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CACnE,SAAQ,sBAAsB,CAAC,CAAC,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,EAAE,yKAgBjD,kBAAkB,CAAC,CAAC,CAAC,KAAG;IACzB,KAAK,EAAE,KAAK,CACV,CAAC,GAAG;QACF,KAAK,EAAE,eAAe,CAAC;QACvB,KAAK,EAAE,eAAe,CAAC;KACxB,CACF,CAAC;IACF,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,eAAe,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,gBAAgB,GAAG,6BAA6B,CAAC,GAAG,IAAI,CAAC,CAAC;IACrF,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC;IAC/D,UAAU,EAAE,MAAM,IAAI,CAAC;CA0FxB,CAAC"}

package/dist/components/ChipsInputBase/Chip/Chip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipsInputBase/Chip/Chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAQ1C;;GAEG;AACH,eAAO,MAAM,IAAI,~~2KAed~~,SAAS,KAAG,KAAK,CAAC,SA+DpB,CAAC"}
1	+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/ChipsInputBase/Chip/Chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAQ1C;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,wKAelB,SAAS,KAAG,KAAK,CAAC,SA+DpB,CAAC"}

package/dist/components/ChipsInputBase/ChipsInputBase.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChipsInputBase.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,UAAU,EAAmB,0BAA0B,EAAc,MAAM,SAAS,CAAC;AAQnG,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,~~wUAkChD~~,0BAA0B,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,~~SAoOxC~~,CAAC"}
1	+ {"version":3,"file":"ChipsInputBase.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,UAAU,EAAmB,0BAA0B,EAAc,MAAM,SAAS,CAAC;AAQnG,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,EAAE,sUAkClD,0BAA0B,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,SAqOxC,CAAC"}

package/dist/components/ChipsInputBase/ChipsInputBase.js CHANGED Viewed

@@ -212,6 +212,7 @@ export const ChipsInputBase = (_param)=>{
                             // чтобы можно было легче найти этот чип в DOM
                             'data-index': index,
                             'data-value': option.value,
+                            'data-value-type': typeof option.value,
                             // для a11y
                             'tabIndex': lastFocusedChipOptionIndex === index ? 0 : -1,
                             'role': 'option',

package/dist/components/ChipsInputBase/ChipsInputBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { getHorizontalFocusGoTo, Keys } from '../../lib/accessibility';\nimport {\n contains as checkTargetIsInputEl,\n contains,\n getActiveElementByAnotherElement,\n} from '../../lib/dom';\nimport { FormField } from '../FormField/FormField';\nimport { FormFieldClearButton } from '../FormFieldClearButton/FormFieldClearButton';\nimport { Text } from '../Typography/Text/Text';\nimport { DEFAULT_INPUT_VALUE, DEFAULT_VALUE, renderChipDefault } from './constants';\nimport {\n getChipOptionIndexByHTMLElement,\n getChipOptionIndexByValueProp,\n getChipOptionValueByHTMLElement,\n getNextChipOptionIndexByNavigateToProp,\n isInputValueEmpty,\n} from './helpers';\nimport type { ChipOption, ChipOptionValue, ChipsInputBasePrivateProps, NavigateTo } from './types';\nimport styles from './ChipsInputBase.module.css';\n\nconst sizeYClassNames = {\n none: styles.sizeYNone,\n compact: styles.sizeYCompact,\n} as const;\n\nexport const ChipsInputBase = <O extends ChipOption>({\n // FormFieldProps\n getRootRef,\n style,\n className,\n before,\n after,\n status,\n mode,\n maxHeight,\n\n // option\n value = DEFAULT_VALUE,\n onAddChipOption,\n onRemoveChipOption: onRemoveChipOptionProp,\n renderChip = renderChipDefault,\n\n // input\n getRef,\n id: idProp,\n inputValue = DEFAULT_INPUT_VALUE,\n placeholder,\n disabled,\n readOnly,\n addOnBlur,\n onBlur,\n onInputChange,\n\n // clear\n ClearButton = FormFieldClearButton,\n clearButtonShown,\n clearButtonTestId,\n onClear,\n ...restProps\n}: ChipsInputBasePrivateProps<O>): React.ReactNode => {\n const { sizeY = 'none' } = useAdaptivity();\n const idGenerated = React.useId();\n const inputRef = useExternRef(getRef);\n const listboxRef = React.useRef<HTMLDivElement>(null);\n\n const valueLength = value.length;\n const withPlaceholder = valueLength === 0;\n const [lastFocusedChipOptionIndex, setLastFocusedChipOptionIndex] = React.useState(0);\n\n const resetChipOptionFocusToInputEl = (inputEl: HTMLInputElement) => {\n setLastFocusedChipOptionIndex(0);\n inputEl.focus();\n };\n\n const moveFocusToChipOption = (\n currentIndex: number,\n navigateTo: NavigateTo,\n listboxEl: HTMLElement,\n ) => {\n const index = getNextChipOptionIndexByNavigateToProp(currentIndex, navigateTo, valueLength);\n // eslint-disable-next-line no-restricted-properties\n const foundEl = listboxEl.querySelector<HTMLElement>(`[data-index=\"${index}\"]`);\n\n if (foundEl) {\n setLastFocusedChipOptionIndex(index);\n foundEl.focus();\n }\n };\n\n const removeChipOption = (o: O \| ChipOptionValue, index: number) => {\n /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) /\n if (!inputRef.current \|\| !listboxRef.current) {\n return;\n }\n\n if (valueLength > 1) {\n if (index === valueLength - 1) {\n moveFocusToChipOption(index, 'prev', listboxRef.current);\n } else {\n moveFocusToChipOption(index, 'next', listboxRef.current);\n }\n } else {\n resetChipOptionFocusToInputEl(inputRef.current);\n }\n\n onRemoveChipOptionProp(o);\n };\n\n const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n const targetEl = event.target;\n / istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n if (event.defaultPrevented \|\| !listboxRef.current \|\| !isHTMLElement(targetEl)) {\n return;\n }\n\n switch (event.key) {\n case Keys.ENTER: {\n if (\n !readOnly &&\n checkTargetIsInputEl(targetEl, inputRef.current) &&\n inputRef.current &&\n !isInputValueEmpty(inputRef.current)\n ) {\n event.preventDefault();\n onAddChipOption(inputRef.current.value);\n }\n break;\n }\n case Keys.DELETE:\n case Keys.BACKSPACE: {\n if (!readOnly && valueLength > 0) {\n if (!checkTargetIsInputEl(targetEl, inputRef.current)) {\n event.preventDefault();\n removeChipOption(\n getChipOptionValueByHTMLElement(targetEl),\n getChipOptionIndexByHTMLElement(targetEl),\n );\n } else if (event.key === Keys.BACKSPACE && isInputValueEmpty(inputRef.current)) {\n event.preventDefault();\n moveFocusToChipOption(\n getChipOptionIndexByHTMLElement(targetEl),\n 'last',\n listboxRef.current,\n );\n }\n }\n break;\n }\n case Keys.ARROW_UP:\n case Keys.ARROW_LEFT:\n case Keys.ARROW_DOWN:\n case Keys.ARROW_RIGHT: {\n if (valueLength !== 0 && !checkTargetIsInputEl(targetEl, inputRef.current)) {\n event.preventDefault();\n moveFocusToChipOption(\n getChipOptionIndexByHTMLElement(targetEl),\n getHorizontalFocusGoTo(event.key),\n listboxRef.current,\n );\n }\n break;\n }\n }\n };\n\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (onBlur) {\n onBlur(event);\n }\n\n if (addOnBlur && !event.defaultPrevented && inputRef.current) {\n onAddChipOption(inputRef.current.value);\n }\n };\n\n const handleChipRemove = (event: React.MouseEvent, v: ChipOptionValue) => {\n event.preventDefault();\n event.stopPropagation();\n removeChipOption(v, getChipOptionIndexByValueProp(v, value));\n };\n\n const handleRootClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (\n event.defaultPrevented \|\|\n contains(event.currentTarget, getActiveElementByAnotherElement(event.currentTarget))\n ) {\n return;\n }\n\n if (inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n const clearButton = React.useMemo(() => {\n if (clearButtonShown) {\n return <ClearButton onClick={onClear} disabled={disabled} data-testid={clearButtonTestId} />;\n }\n return undefined;\n }, [ClearButton, clearButtonShown, clearButtonTestId, disabled, onClear]);\n\n const afterItems = React.useMemo(() => {\n if (clearButton \|\| after) {\n return (\n <>\n {clearButton}\n {after}\n </>\n );\n }\n return undefined;\n }, [after, clearButton]);\n\n return (\n <FormField\n Component=\"div\"\n getRootRef={getRootRef}\n style={style}\n disabled={disabled}\n before={before}\n after={afterItems}\n status={status}\n mode={mode}\n className={className}\n maxHeight={maxHeight}\n onClick={disabled ? undefined : handleRootClick}\n >\n <div\n className={classNames(\n styles.host,\n sizeY !== 'regular' && sizeYClassNames[sizeY],\n withPlaceholder && styles.hasPlaceholder,\n )}\n // для a11y\n ref={listboxRef}\n role=\"listbox\"\n aria-orientation=\"horizontal\"\n aria-disabled={disabled}\n aria-readonly={readOnly}\n onKeyDown={disabled ? undefined : handleListboxKeyDown}\n >\n {value.map((option, index) => (\n <React.Fragment key={`${typeof option.value}-${option.value}`}>\n {renderChip(\n {\n 'Component': 'div',\n 'value': option.value,\n 'label': option.label,\n 'disabled': option.disabled \|\| disabled,\n 'readOnly': option.readOnly \|\| readOnly,\n 'className': styles.chip,\n 'onRemove': handleChipRemove,\n // чтобы можно было легче найти этот чип в DOM\n 'data-index': index,\n 'data-value': option.value,\n // для a11y\n 'tabIndex': lastFocusedChipOptionIndex === index ? 0 : -1,\n 'role': 'option',\n 'aria-selected': true,\n 'aria-posinset': index + 1,\n 'aria-setsize': valueLength,\n },\n option,\n )}\n </React.Fragment>\n ))}\n <Text\n autoCapitalize=\"none\"\n autoComplete=\"off\"\n autoCorrect=\"off\"\n spellCheck={false}\n {...restProps}\n Component=\"input\"\n type=\"text\"\n id={idProp \|\| `chips-input-base-generated-id-${idGenerated}`}\n getRootRef={inputRef}\n className={styles.el}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={withPlaceholder ? placeholder : undefined}\n value={inputValue}\n onChange={onInputChange}\n onBlur={handleInputBlur}\n />\n </div>\n </FormField>\n );\n};\n"],"names":["React","classNames","isHTMLElement","useAdaptivity","useExternRef","getHorizontalFocusGoTo","Keys","contains","checkTargetIsInputEl","getActiveElementByAnotherElement","FormField","FormFieldClearButton","Text","DEFAULT_INPUT_VALUE","DEFAULT_VALUE","renderChipDefault","getChipOptionIndexByHTMLElement","getChipOptionIndexByValueProp","getChipOptionValueByHTMLElement","getNextChipOptionIndexByNavigateToProp","isInputValueEmpty","sizeYClassNames","none","compact","ChipsInputBase","getRootRef","style","className","before","after","status","mode","maxHeight","value","onAddChipOption","onRemoveChipOption","onRemoveChipOptionProp","renderChip","getRef","id","idProp","inputValue","placeholder","disabled","readOnly","addOnBlur","onBlur","onInputChange","ClearButton","clearButtonShown","clearButtonTestId","onClear","restProps","sizeY","idGenerated","useId","inputRef","listboxRef","useRef","valueLength","length","withPlaceholder","lastFocusedChipOptionIndex","setLastFocusedChipOptionIndex","useState","resetChipOptionFocusToInputEl","inputEl","focus","moveFocusToChipOption","currentIndex","navigateTo","listboxEl","index","foundEl","querySelector","removeChipOption","o","current","handleListboxKeyDown","event","targetEl","target","defaultPrevented","key","ENTER","preventDefault","DELETE","BACKSPACE","ARROW_UP","ARROW_LEFT","ARROW_DOWN","ARROW_RIGHT","handleInputBlur","handleChipRemove","v","stopPropagation","handleRootClick","currentTarget","clearButton","useMemo","onClick","data-testid","undefined","afterItems","Component","div","ref","role","aria-orientation","aria-disabled","aria-readonly","onKeyDown","map","option","Fragment","label","autoCapitalize","autoComplete","autoCorrect","spellCheck","type","onChange"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { getHorizontalFocusGoTo, Keys } from '../../lib/accessibility';\nimport {\n contains as checkTargetIsInputEl,\n contains,\n getActiveElementByAnotherElement,\n} from '../../lib/dom';\nimport { FormField } from '../FormField/FormField';\nimport { FormFieldClearButton } from '../FormFieldClearButton/FormFieldClearButton';\nimport { Text } from '../Typography/Text/Text';\nimport { DEFAULT_INPUT_VALUE, DEFAULT_VALUE, renderChipDefault } from './constants';\nimport {\n getChipOptionIndexByHTMLElement,\n getChipOptionIndexByValueProp,\n getChipOptionValueByHTMLElement,\n getNextChipOptionIndexByNavigateToProp,\n isInputValueEmpty,\n} from './helpers';\nimport type { ChipOption, ChipOptionValue, ChipsInputBasePrivateProps, NavigateTo } from './types';\nimport styles from './ChipsInputBase.module.css';\n\nconst sizeYClassNames = {\n none: styles.sizeYNone,\n compact: styles.sizeYCompact,\n} as const;\n\nexport const ChipsInputBase = <O extends ChipOption>({\n // FormFieldProps\n getRootRef,\n style,\n className,\n before,\n after,\n status,\n mode,\n maxHeight,\n\n // option\n value = DEFAULT_VALUE,\n onAddChipOption,\n onRemoveChipOption: onRemoveChipOptionProp,\n renderChip = renderChipDefault,\n\n // input\n getRef,\n id: idProp,\n inputValue = DEFAULT_INPUT_VALUE,\n placeholder,\n disabled,\n readOnly,\n addOnBlur,\n onBlur,\n onInputChange,\n\n // clear\n ClearButton = FormFieldClearButton,\n clearButtonShown,\n clearButtonTestId,\n onClear,\n ...restProps\n}: ChipsInputBasePrivateProps<O>): React.ReactNode => {\n const { sizeY = 'none' } = useAdaptivity();\n const idGenerated = React.useId();\n const inputRef = useExternRef(getRef);\n const listboxRef = React.useRef<HTMLDivElement>(null);\n\n const valueLength = value.length;\n const withPlaceholder = valueLength === 0;\n const [lastFocusedChipOptionIndex, setLastFocusedChipOptionIndex] = React.useState(0);\n\n const resetChipOptionFocusToInputEl = (inputEl: HTMLInputElement) => {\n setLastFocusedChipOptionIndex(0);\n inputEl.focus();\n };\n\n const moveFocusToChipOption = (\n currentIndex: number,\n navigateTo: NavigateTo,\n listboxEl: HTMLElement,\n ) => {\n const index = getNextChipOptionIndexByNavigateToProp(currentIndex, navigateTo, valueLength);\n // eslint-disable-next-line no-restricted-properties\n const foundEl = listboxEl.querySelector<HTMLElement>(`[data-index=\"${index}\"]`);\n\n if (foundEl) {\n setLastFocusedChipOptionIndex(index);\n foundEl.focus();\n }\n };\n\n const removeChipOption = (o: O \| ChipOptionValue, index: number) => {\n /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) /\n if (!inputRef.current \|\| !listboxRef.current) {\n return;\n }\n\n if (valueLength > 1) {\n if (index === valueLength - 1) {\n moveFocusToChipOption(index, 'prev', listboxRef.current);\n } else {\n moveFocusToChipOption(index, 'next', listboxRef.current);\n }\n } else {\n resetChipOptionFocusToInputEl(inputRef.current);\n }\n\n onRemoveChipOptionProp(o);\n };\n\n const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n const targetEl = event.target;\n / istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n if (event.defaultPrevented \|\| !listboxRef.current \|\| !isHTMLElement(targetEl)) {\n return;\n }\n\n switch (event.key) {\n case Keys.ENTER: {\n if (\n !readOnly &&\n checkTargetIsInputEl(targetEl, inputRef.current) &&\n inputRef.current &&\n !isInputValueEmpty(inputRef.current)\n ) {\n event.preventDefault();\n onAddChipOption(inputRef.current.value);\n }\n break;\n }\n case Keys.DELETE:\n case Keys.BACKSPACE: {\n if (!readOnly && valueLength > 0) {\n if (!checkTargetIsInputEl(targetEl, inputRef.current)) {\n event.preventDefault();\n removeChipOption(\n getChipOptionValueByHTMLElement(targetEl),\n getChipOptionIndexByHTMLElement(targetEl),\n );\n } else if (event.key === Keys.BACKSPACE && isInputValueEmpty(inputRef.current)) {\n event.preventDefault();\n moveFocusToChipOption(\n getChipOptionIndexByHTMLElement(targetEl),\n 'last',\n listboxRef.current,\n );\n }\n }\n break;\n }\n case Keys.ARROW_UP:\n case Keys.ARROW_LEFT:\n case Keys.ARROW_DOWN:\n case Keys.ARROW_RIGHT: {\n if (valueLength !== 0 && !checkTargetIsInputEl(targetEl, inputRef.current)) {\n event.preventDefault();\n moveFocusToChipOption(\n getChipOptionIndexByHTMLElement(targetEl),\n getHorizontalFocusGoTo(event.key),\n listboxRef.current,\n );\n }\n break;\n }\n }\n };\n\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (onBlur) {\n onBlur(event);\n }\n\n if (addOnBlur && !event.defaultPrevented && inputRef.current) {\n onAddChipOption(inputRef.current.value);\n }\n };\n\n const handleChipRemove = (event: React.MouseEvent, v: ChipOptionValue) => {\n event.preventDefault();\n event.stopPropagation();\n removeChipOption(v, getChipOptionIndexByValueProp(v, value));\n };\n\n const handleRootClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (\n event.defaultPrevented \|\|\n contains(event.currentTarget, getActiveElementByAnotherElement(event.currentTarget))\n ) {\n return;\n }\n\n if (inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n const clearButton = React.useMemo(() => {\n if (clearButtonShown) {\n return <ClearButton onClick={onClear} disabled={disabled} data-testid={clearButtonTestId} />;\n }\n return undefined;\n }, [ClearButton, clearButtonShown, clearButtonTestId, disabled, onClear]);\n\n const afterItems = React.useMemo(() => {\n if (clearButton \|\| after) {\n return (\n <>\n {clearButton}\n {after}\n </>\n );\n }\n return undefined;\n }, [after, clearButton]);\n\n return (\n <FormField\n Component=\"div\"\n getRootRef={getRootRef}\n style={style}\n disabled={disabled}\n before={before}\n after={afterItems}\n status={status}\n mode={mode}\n className={className}\n maxHeight={maxHeight}\n onClick={disabled ? undefined : handleRootClick}\n >\n <div\n className={classNames(\n styles.host,\n sizeY !== 'regular' && sizeYClassNames[sizeY],\n withPlaceholder && styles.hasPlaceholder,\n )}\n // для a11y\n ref={listboxRef}\n role=\"listbox\"\n aria-orientation=\"horizontal\"\n aria-disabled={disabled}\n aria-readonly={readOnly}\n onKeyDown={disabled ? undefined : handleListboxKeyDown}\n >\n {value.map((option, index) => (\n <React.Fragment key={`${typeof option.value}-${option.value}`}>\n {renderChip(\n {\n 'Component': 'div',\n 'value': option.value,\n 'label': option.label,\n 'disabled': option.disabled \|\| disabled,\n 'readOnly': option.readOnly \|\| readOnly,\n 'className': styles.chip,\n 'onRemove': handleChipRemove,\n // чтобы можно было легче найти этот чип в DOM\n 'data-index': index,\n 'data-value': option.value,\n 'data-value-type': typeof option.value,\n // для a11y\n 'tabIndex': lastFocusedChipOptionIndex === index ? 0 : -1,\n 'role': 'option',\n 'aria-selected': true,\n 'aria-posinset': index + 1,\n 'aria-setsize': valueLength,\n },\n option,\n )}\n </React.Fragment>\n ))}\n <Text\n autoCapitalize=\"none\"\n autoComplete=\"off\"\n autoCorrect=\"off\"\n spellCheck={false}\n {...restProps}\n Component=\"input\"\n type=\"text\"\n id={idProp \|\| `chips-input-base-generated-id-${idGenerated}`}\n getRootRef={inputRef}\n className={styles.el}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={withPlaceholder ? placeholder : undefined}\n value={inputValue}\n onChange={onInputChange}\n onBlur={handleInputBlur}\n />\n </div>\n </FormField>\n );\n};\n"],"names":["React","classNames","isHTMLElement","useAdaptivity","useExternRef","getHorizontalFocusGoTo","Keys","contains","checkTargetIsInputEl","getActiveElementByAnotherElement","FormField","FormFieldClearButton","Text","DEFAULT_INPUT_VALUE","DEFAULT_VALUE","renderChipDefault","getChipOptionIndexByHTMLElement","getChipOptionIndexByValueProp","getChipOptionValueByHTMLElement","getNextChipOptionIndexByNavigateToProp","isInputValueEmpty","sizeYClassNames","none","compact","ChipsInputBase","getRootRef","style","className","before","after","status","mode","maxHeight","value","onAddChipOption","onRemoveChipOption","onRemoveChipOptionProp","renderChip","getRef","id","idProp","inputValue","placeholder","disabled","readOnly","addOnBlur","onBlur","onInputChange","ClearButton","clearButtonShown","clearButtonTestId","onClear","restProps","sizeY","idGenerated","useId","inputRef","listboxRef","useRef","valueLength","length","withPlaceholder","lastFocusedChipOptionIndex","setLastFocusedChipOptionIndex","useState","resetChipOptionFocusToInputEl","inputEl","focus","moveFocusToChipOption","currentIndex","navigateTo","listboxEl","index","foundEl","querySelector","removeChipOption","o","current","handleListboxKeyDown","event","targetEl","target","defaultPrevented","key","ENTER","preventDefault","DELETE","BACKSPACE","ARROW_UP","ARROW_LEFT","ARROW_DOWN","ARROW_RIGHT","handleInputBlur","handleChipRemove","v","stopPropagation","handleRootClick","currentTarget","clearButton","useMemo","onClick","data-testid","undefined","afterItems","Component","div","ref","role","aria-orientation","aria-disabled","aria-readonly","onKeyDown","map","option","Fragment","label","autoCapitalize","autoComplete","autoCorrect","spellCheck","type","onChange"],"mappings":"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"}

package/dist/components/ChipsInputBase/helpers.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@ export declare const getChipOptionIndexByHTMLElement: (el: HTMLElement | null) =
 /**
  * @private
  */
-export declare const getChipOptionValueByHTMLElement: (el: HTMLElement | null) => string | -1;
+export declare const getChipOptionValueByHTMLElement: (el: HTMLElement | null) => ChipOptionValue | -1;
 /**
  * @private
  */

package/dist/components/ChipsInputBase/helpers.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInputBase/helpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,UAAU,~~KAAK~~,CAAC,GAAG,eAAe,KAAG,CAAC,IAAI,CACzD,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,iBAAiB,~~UAAW~~,gBAAgB,GAAG,IAAI,KAAG,OACf,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,UAAU,~~cACpD~~,CAAC,GAAG,eAAe,~~aACpB~~,CAAC,EAAE,KACb,MAGF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,~~OAAQ~~,WAAW,GAAG,IAAI,KAAG,MAGxE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,~~OAAQ~~,WAAW,GAAG,IAAI,KAAG,~~MAAM~~,GAAG,CAAC,~~CAGlF~~,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sCAAsC,~~iBACnC~~,MAAM,~~cACR~~,UAAU,~~UACd~~,MAAM,KACb,MAeF,CAAC"}
1	+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInputBase/helpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,UAAU,EAAE,GAAG,CAAC,GAAG,eAAe,KAAG,CAAC,IAAI,CACzD,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,gBAAgB,GAAG,IAAI,KAAG,OACf,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,UAAU,EAChE,YAAY,CAAC,GAAG,eAAe,EAC/B,WAAW,CAAC,EAAE,KACb,MAGF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,GAAI,IAAI,WAAW,GAAG,IAAI,KAAG,MAGxE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,GAAI,IAAI,WAAW,GAAG,IAAI,KAAG,eAAe,GAAG,CAAC,CAO3F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sCAAsC,GACjD,cAAc,MAAM,EACpB,YAAY,UAAU,EACtB,QAAQ,MAAM,KACb,MAeF,CAAC"}

package/dist/components/ChipsInputBase/helpers.js CHANGED Viewed

@@ -21,6 +21,10 @@ import { DEFAULT_INPUT_VALUE } from "./constants.js";
  * @private
  */ export const getChipOptionValueByHTMLElement = (el)=>{
     const value = el && el.dataset.value;
+    const valueType = el && el.dataset.valueType;
+    if (valueType === 'number') {
+        return Number(value);
+    }
     return typeof value === 'string' ? value : -1;
 };
 /**

package/dist/components/ChipsInputBase/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ChipsInputBase/helpers.ts"],"sourcesContent":["import { DEFAULT_INPUT_VALUE } from './constants';\nimport type { ChipOption, ChipOptionValue, NavigateTo } from './types';\n\n/*\n @private\n /\nexport const isValueLikeChipOptionObject = <O extends ChipOption>(v: O \| ChipOptionValue): v is O =>\n typeof v === 'object' && 'value' in v;\n\n/\n @private\n /\nexport const isInputValueEmpty = (input: HTMLInputElement \| null): boolean =>\n input ? input.value === DEFAULT_INPUT_VALUE : true;\n\n/\n @private\n /\nexport const getChipOptionIndexByValueProp = <O extends ChipOption>(\n optionProp: O \| ChipOptionValue,\n valueProp: O[],\n): number => {\n const value = isValueLikeChipOptionObject(optionProp) ? optionProp.value : optionProp;\n return valueProp.findIndex((option) => option.value === value);\n};\n\n/\n @private\n /\nexport const getChipOptionIndexByHTMLElement = (el: HTMLElement \| null): number => {\n const value = el && el.dataset.index;\n return typeof value === 'string' ? Number(value) : -1;\n};\n\n/\n @private\n /\nexport const getChipOptionValueByHTMLElement = (el: HTMLElement \| null): ~~string~~ \| -1 => {\n const value = el && el.dataset.value;\n return typeof value === 'string' ? value : -1;\n};\n\n/\n @private\n /\nexport const getNextChipOptionIndexByNavigateToProp = (\n currentIndex: number,\n navigateTo: NavigateTo,\n length: number,\n): number => {\n const LAST_INDEX = length - 1;\n switch (navigateTo) {\n case 'prev':\n const prevIndex = currentIndex - 1;\n return prevIndex < 0 ? LAST_INDEX : prevIndex;\n case 'next':\n const nextIndex = currentIndex + 1;\n return nextIndex > LAST_INDEX ? 0 : nextIndex;\n case 'last':\n return LAST_INDEX;\n default:\n / istanbul ignore next */\n return -1;\n }\n};\n"],"names":["DEFAULT_INPUT_VALUE","isValueLikeChipOptionObject","v","isInputValueEmpty","input","value","getChipOptionIndexByValueProp","optionProp","valueProp","findIndex","option","getChipOptionIndexByHTMLElement","el","dataset","index","Number","getChipOptionValueByHTMLElement","getNextChipOptionIndexByNavigateToProp","currentIndex","navigateTo","length","LAST_INDEX","prevIndex","nextIndex"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,iBAAc;AAGlD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAAuBC,IAChE,OAAOA,MAAM,YAAY,WAAWA,EAAE;AAExC;;CAEC,GACD,OAAO,MAAMC,oBAAoB,CAACC,QAChCA,QAAQA,MAAMC,KAAK,KAAKL,sBAAsB,KAAK;AAErD;;CAEC,GACD,OAAO,MAAMM,gCAAgC,CAC3CC,YACAC;IAEA,MAAMH,QAAQJ,4BAA4BM,cAAcA,WAAWF,KAAK,GAAGE;IAC3E,OAAOC,UAAUC,SAAS,CAAC,CAACC,SAAWA,OAAOL,KAAK,KAAKA;AAC1D,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMM,kCAAkC,CAACC;IAC9C,MAAMP,QAAQO,MAAMA,GAAGC,OAAO,CAACC,KAAK;IACpC,OAAO,OAAOT,UAAU,WAAWU,OAAOV,SAAS,CAAC;AACtD,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMW,kCAAkC,CAACJ;IAC9C,MAAMP,QAAQO,MAAMA,GAAGC,OAAO,CAACR,KAAK;IACpC,OAAO,OAAOA,UAAU,WAAWA,QAAQ,CAAC;AAC9C,EAAE;AAEF;;CAEC,GACD,OAAO,~~MAAMY~~,yCAAyC,CACpDC,cACAC,YACAC;IAEA,MAAMC,aAAaD,SAAS;IAC5B,OAAQD;QACN,KAAK;YACH,MAAMG,YAAYJ,eAAe;YACjC,OAAOI,YAAY,IAAID,aAAaC;QACtC,KAAK;YACH,MAAMC,YAAYL,eAAe;YACjC,OAAOK,YAAYF,aAAa,IAAIE;QACtC,KAAK;YACH,OAAOF;QACT;YACE,wBAAwB,GACxB,OAAO,CAAC;IACZ;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/ChipsInputBase/helpers.ts"],"sourcesContent":["import { DEFAULT_INPUT_VALUE } from './constants';\nimport type { ChipOption, ChipOptionValue, NavigateTo } from './types';\n\n/*\n @private\n /\nexport const isValueLikeChipOptionObject = <O extends ChipOption>(v: O \| ChipOptionValue): v is O =>\n typeof v === 'object' && 'value' in v;\n\n/\n @private\n /\nexport const isInputValueEmpty = (input: HTMLInputElement \| null): boolean =>\n input ? input.value === DEFAULT_INPUT_VALUE : true;\n\n/\n @private\n /\nexport const getChipOptionIndexByValueProp = <O extends ChipOption>(\n optionProp: O \| ChipOptionValue,\n valueProp: O[],\n): number => {\n const value = isValueLikeChipOptionObject(optionProp) ? optionProp.value : optionProp;\n return valueProp.findIndex((option) => option.value === value);\n};\n\n/\n @private\n /\nexport const getChipOptionIndexByHTMLElement = (el: HTMLElement \| null): number => {\n const value = el && el.dataset.index;\n return typeof value === 'string' ? Number(value) : -1;\n};\n\n/\n @private\n /\nexport const getChipOptionValueByHTMLElement = (el: HTMLElement \| null): ChipOptionValue \| -1 => {\n const value = el && el.dataset.value;\n const valueType = el && el.dataset.valueType;\n if (valueType === 'number') {\n return Number(value);\n }\n return typeof value === 'string' ? value : -1;\n};\n\n/\n @private\n /\nexport const getNextChipOptionIndexByNavigateToProp = (\n currentIndex: number,\n navigateTo: NavigateTo,\n length: number,\n): number => {\n const LAST_INDEX = length - 1;\n switch (navigateTo) {\n case 'prev':\n const prevIndex = currentIndex - 1;\n return prevIndex < 0 ? LAST_INDEX : prevIndex;\n case 'next':\n const nextIndex = currentIndex + 1;\n return nextIndex > LAST_INDEX ? 0 : nextIndex;\n case 'last':\n return LAST_INDEX;\n default:\n / istanbul ignore next */\n return -1;\n }\n};\n"],"names":["DEFAULT_INPUT_VALUE","isValueLikeChipOptionObject","v","isInputValueEmpty","input","value","getChipOptionIndexByValueProp","optionProp","valueProp","findIndex","option","getChipOptionIndexByHTMLElement","el","dataset","index","Number","getChipOptionValueByHTMLElement","valueType","getNextChipOptionIndexByNavigateToProp","currentIndex","navigateTo","length","LAST_INDEX","prevIndex","nextIndex"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,iBAAc;AAGlD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAAuBC,IAChE,OAAOA,MAAM,YAAY,WAAWA,EAAE;AAExC;;CAEC,GACD,OAAO,MAAMC,oBAAoB,CAACC,QAChCA,QAAQA,MAAMC,KAAK,KAAKL,sBAAsB,KAAK;AAErD;;CAEC,GACD,OAAO,MAAMM,gCAAgC,CAC3CC,YACAC;IAEA,MAAMH,QAAQJ,4BAA4BM,cAAcA,WAAWF,KAAK,GAAGE;IAC3E,OAAOC,UAAUC,SAAS,CAAC,CAACC,SAAWA,OAAOL,KAAK,KAAKA;AAC1D,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMM,kCAAkC,CAACC;IAC9C,MAAMP,QAAQO,MAAMA,GAAGC,OAAO,CAACC,KAAK;IACpC,OAAO,OAAOT,UAAU,WAAWU,OAAOV,SAAS,CAAC;AACtD,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMW,kCAAkC,CAACJ;IAC9C,MAAMP,QAAQO,MAAMA,GAAGC,OAAO,CAACR,KAAK;IACpC,MAAMY,YAAYL,MAAMA,GAAGC,OAAO,CAACI,SAAS;IAC5C,IAAIA,cAAc,UAAU;QAC1B,OAAOF,OAAOV;IAChB;IACA,OAAO,OAAOA,UAAU,WAAWA,QAAQ,CAAC;AAC9C,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMa,yCAAyC,CACpDC,cACAC,YACAC;IAEA,MAAMC,aAAaD,SAAS;IAC5B,OAAQD;QACN,KAAK;YACH,MAAMG,YAAYJ,eAAe;YACjC,OAAOI,YAAY,IAAID,aAAaC;QACtC,KAAK;YACH,MAAMC,YAAYL,eAAe;YACjC,OAAOK,YAAYF,aAAa,IAAIE;QACtC,KAAK;YACH,OAAOF;QACT;YACE,wBAAwB,GACxB,OAAO,CAAC;IACZ;AACF,EAAE"}

package/dist/components/ChipsInputBase/types.d.ts CHANGED Viewed

@@ -60,7 +60,7 @@ export interface ChipsInputBaseProps<O extends ChipOption = ChipOption> extends
      *
      * @default Используется [Chip](#/Chip)
      */
-    renderChip?: RenderChip;
+    renderChip?: RenderChip<O>;
     /**
      * Показывать ли кнопку для очистки значения
      */

package/dist/components/ChipsInputBase/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInputBase/types.ts"],"names":[],"mappings":"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~~IACxB~~;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;CAC9D;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAC3E,SAAQ,mBAAmB,CAAC,CAAC,CAAC,EAC5B,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,kBAAkB,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,eAAe,KAAK,IAAI,CAAC;CAC1D"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ChipsInputBase/types.ts"],"names":[],"mappings":"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"}

package/dist/components/ChipsInputBase/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ChipsInputBase/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type {\n HasAlign,\n HasComponent,\n HasDataAttribute,\n HasRef,\n HTMLAttributesWithRootRef,\n} from '../../types';\nimport { type FormFieldProps } from '../FormField/FormField';\nimport { type FormFieldClearButtonProps } from '../FormFieldClearButton/FormFieldClearButton';\n\nexport type NavigateTo = 'prev' \| 'next' \| 'last';\n\nexport type ChipOptionValue = string \| number;\n\nexport type ChipOptionLabel = React.ReactElement \| string \| number;\n\nexport type ChipOption = {\n value: ChipOptionValue;\n label: ChipOptionLabel;\n disabled?: boolean;\n [index: string]: any;\n};\n\nexport interface ChipProps\n extends HasComponent,\n HasDataAttribute,\n HTMLAttributesWithRootRef<HTMLElement> {\n value?: ChipOptionValue;\n removable?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n removeLabel?: string;\n before?: React.ReactNode;\n after?: React.ReactNode;\n onRemove?: (event: React.MouseEvent, value: ChipOptionValue) => void;\n}\n\nexport interface RenderChipProps extends ChipProps {\n label: ChipOptionLabel;\n}\n\nexport type RenderChip<O extends ChipOption = ChipOption> = (\n props: RenderChipProps,\n option: O,\n) => React.ReactNode;\n\nexport type GetOptionValue<O extends ChipOption = ChipOption> = (option: O) => ChipOptionValue;\n\nexport type GetOptionLabel<O extends ChipOption = ChipOption> = (option: O) => ChipOptionLabel;\n\nexport type GetNewOptionData<O extends ChipOption = ChipOption> = (\n value: ChipOptionValue,\n label: ChipOptionLabel,\n) => O;\n\nexport type OnChange<O extends ChipOption = ChipOption> = (value: O[]) => void;\n\nexport type OnInputChange = (event: React.ChangeEvent<HTMLInputElement>) => void;\n\n/*\n @public\n /\nexport interface UseChipsInputBaseProps<O extends ChipOption = ChipOption> {\n disabled?: boolean;\n\n value?: O[];\n defaultValue?: O[];\n onChange?: OnChange<O>;\n\n inputValue?: string;\n defaultInputValue?: string;\n onInputChange?: OnInputChange;\n}\n\n/\n @private\n /\ntype UseChipsInputBaseOnlyNeededProps<O extends ChipOption = ChipOption> = Omit<\n UseChipsInputBaseProps<O>,\n 'onChange' \| 'defaultValue' \| 'defaultInputValue'\n>;\n\n/\n @public\n /\nexport interface ChipsInputBaseProps<O extends ChipOption = ChipOption>\n extends UseChipsInputBaseOnlyNeededProps<O>,\n Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n keyof UseChipsInputBaseProps<O> \| 'defaultChecked'\n >,\n HasRef<HTMLInputElement>,\n HasAlign {\n getRootRef?: React.Ref<HTMLDivElement>;\n /\n Добавляет значение в список на событие `onBlur`\n /\n addOnBlur?: boolean;\n /\n Render prop функция для возврата своего компонента.\n \n @default Используется [Chip](#/Chip)\n /\n renderChip?: RenderChip;\n /\n Показывать ли кнопку для очистки значения\n /\n clearButtonShown?: boolean;\n /\n (e2e) testId кнопки очистки\n /\n clearButtonTestId?: string;\n /\n Кастомная кнопка для очистки значения.\n * Должна принимать обязательное свойство `onClick`\n /\n ClearButton?: React.ComponentType<FormFieldClearButtonProps>;\n}\n\n/\n @private\n */\nexport interface ChipsInputBasePrivateProps<O extends ChipOption = ChipOption>\n extends ChipsInputBaseProps<O>,\n Pick<FormFieldProps, 'mode' \| 'status' \| 'before' \| 'after' \| 'maxHeight'> {\n onClear: () => void;\n onAddChipOption: (value: string) => void;\n onRemoveChipOption: (value: O \| ChipOptionValue) => void;\n}\n"],"names":[],"mappings":"AAwHA;;CAEC,GACD,WAMC"}
1	+ {"version":3,"sources":["../../../src/components/ChipsInputBase/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type {\n HasAlign,\n HasComponent,\n HasDataAttribute,\n HasRef,\n HTMLAttributesWithRootRef,\n} from '../../types';\nimport { type FormFieldProps } from '../FormField/FormField';\nimport { type FormFieldClearButtonProps } from '../FormFieldClearButton/FormFieldClearButton';\n\nexport type NavigateTo = 'prev' \| 'next' \| 'last';\n\nexport type ChipOptionValue = string \| number;\n\nexport type ChipOptionLabel = React.ReactElement \| string \| number;\n\nexport type ChipOption = {\n value: ChipOptionValue;\n label: ChipOptionLabel;\n disabled?: boolean;\n [index: string]: any;\n};\n\nexport interface ChipProps\n extends HasComponent,\n HasDataAttribute,\n HTMLAttributesWithRootRef<HTMLElement> {\n value?: ChipOptionValue;\n removable?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n removeLabel?: string;\n before?: React.ReactNode;\n after?: React.ReactNode;\n onRemove?: (event: React.MouseEvent, value: ChipOptionValue) => void;\n}\n\nexport interface RenderChipProps extends ChipProps {\n label: ChipOptionLabel;\n}\n\nexport type RenderChip<O extends ChipOption = ChipOption> = (\n props: RenderChipProps,\n option: O,\n) => React.ReactNode;\n\nexport type GetOptionValue<O extends ChipOption = ChipOption> = (option: O) => ChipOptionValue;\n\nexport type GetOptionLabel<O extends ChipOption = ChipOption> = (option: O) => ChipOptionLabel;\n\nexport type GetNewOptionData<O extends ChipOption = ChipOption> = (\n value: ChipOptionValue,\n label: ChipOptionLabel,\n) => O;\n\nexport type OnChange<O extends ChipOption = ChipOption> = (value: O[]) => void;\n\nexport type OnInputChange = (event: React.ChangeEvent<HTMLInputElement>) => void;\n\n/*\n @public\n /\nexport interface UseChipsInputBaseProps<O extends ChipOption = ChipOption> {\n disabled?: boolean;\n\n value?: O[];\n defaultValue?: O[];\n onChange?: OnChange<O>;\n\n inputValue?: string;\n defaultInputValue?: string;\n onInputChange?: OnInputChange;\n}\n\n/\n @private\n /\ntype UseChipsInputBaseOnlyNeededProps<O extends ChipOption = ChipOption> = Omit<\n UseChipsInputBaseProps<O>,\n 'onChange' \| 'defaultValue' \| 'defaultInputValue'\n>;\n\n/\n @public\n /\nexport interface ChipsInputBaseProps<O extends ChipOption = ChipOption>\n extends UseChipsInputBaseOnlyNeededProps<O>,\n Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n keyof UseChipsInputBaseProps<O> \| 'defaultChecked'\n >,\n HasRef<HTMLInputElement>,\n HasAlign {\n getRootRef?: React.Ref<HTMLDivElement>;\n /\n Добавляет значение в список на событие `onBlur`\n /\n addOnBlur?: boolean;\n /\n Render prop функция для возврата своего компонента.\n \n @default Используется [Chip](#/Chip)\n /\n renderChip?: RenderChip<O>;\n /\n Показывать ли кнопку для очистки значения\n /\n clearButtonShown?: boolean;\n /\n (e2e) testId кнопки очистки\n /\n clearButtonTestId?: string;\n /\n Кастомная кнопка для очистки значения.\n * Должна принимать обязательное свойство `onClick`\n /\n ClearButton?: React.ComponentType<FormFieldClearButtonProps>;\n}\n\n/\n @private\n */\nexport interface ChipsInputBasePrivateProps<O extends ChipOption = ChipOption>\n extends ChipsInputBaseProps<O>,\n Pick<FormFieldProps, 'mode' \| 'status' \| 'before' \| 'after' \| 'maxHeight'> {\n onClear: () => void;\n onAddChipOption: (value: string) => void;\n onRemoveChipOption: (value: O \| ChipOptionValue) => void;\n}\n"],"names":[],"mappings":"AAwHA;;CAEC,GACD,WAMC"}