npm - @consta/uikit - Versions diffs - 5.19.1 → 5.20.0 - Mend

@consta/uikit 5.19.1 → 5.20.0

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 (919) hide show

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.css CHANGED Viewed

	@@ -1 +1 @@
1	- .FieldArrayValueInlineControl{display:flex;flex-wrap:wrap;gap:var(--field-array-value-inline-control-items-gap);min-height:var(--field-control-layout-slot-height);padding:calc(var(--field-array-value-inline-control-vertical-padding) - var(--field-control-layout-border-width)) 0;position:relative}.FieldArrayValueInlineControl-Input{background:transparent;border:none;color:var(--field-control-layout-input-color);display:block;flex:1;font-size:var(--field-control-layout-text-size);height:var(--field-array-value-inline-control-input-height);line-height:1;line-height:var(--field-array-value-inline-control-input-height);min-width:min(max(var(--field-array-value-inline-control-input-min-width),var(--field-control-layout-space)),var(--field-control-layout-children-width));outline:none}.FieldArrayValueInlineControl-Input_disabled{pointer-events:none;position:absolute;width:100%}.FieldArrayValueInlineControl-Input:-webkit-autofill,.FieldArrayValueInlineControl-Input:-webkit-autofill:focus,.FieldArrayValueInlineControl-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--field-control-layout-input-color)}.FieldArrayValueInlineControl-Input::-moz-placeholder{color:var(--field-control-layout-placeholder-color)}.FieldArrayValueInlineControl-Input::placeholder{color:var(--field-control-layout-placeholder-color)}.FieldArrayValueInlineControl-HelperInputFakeElement{display:inline-block;font-size:var(--field-control-layout-text-size);height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap}
1	+ .FieldArrayValueInlineControl{display:flex;flex-wrap:wrap;gap:var(--field-array-value-inline-control-items-gap);min-height:var(--field-control-layout-slot-height);padding:calc(var(--field-array-value-inline-control-vertical-padding) - var(--field-control-layout-border-width)) 0;position:relative}.FieldArrayValueInlineControl-Input{background:transparent;border:none;color:var(--field-control-layout-input-color);display:block;flex:1;font-size:var(--field-control-layout-text-size);height:var(--field-array-value-inline-control-input-height);line-height:1;line-height:var(--field-array-value-inline-control-input-height);min-width:min(max(var(--field-array-value-inline-control-input-min-width),var(--field-control-layout-space)),var(--field-control-layout-children-width));outline:none}.FieldArrayValueInlineControl-Input_disabled{opacity:0;pointer-events:none;position:absolute;width:100%}.FieldArrayValueInlineControl-Input:-webkit-autofill,.FieldArrayValueInlineControl-Input:-webkit-autofill:focus,.FieldArrayValueInlineControl-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--field-control-layout-input-color)}.FieldArrayValueInlineControl-Input::-moz-placeholder{color:var(--field-control-layout-placeholder-color)}.FieldArrayValueInlineControl-Input::placeholder{color:var(--field-control-layout-placeholder-color)}.FieldArrayValueInlineControl-HelperInputFakeElement{display:inline-block;font-size:var(--field-control-layout-text-size);height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap}

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["valueAtom","inputMinWidthAtom"],_excluded2=["children","className","inputMinWidthAtom","size","style"],_excluded3=["className","inputRef","inputMaxLength","value","inputValue","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","disableInput"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useAction,useAtom,useUpdate}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{usePropAtom,useSendToAtom,withCtx}from"../../../utils/state";import{useCreateAtom}from"../../../utils/state/useCreateAtom";import{cnFieldArrayValueInlineControl}from"./cnFieldArrayValueInlineControl";var gapMap={l:"calc(var(--space-3xs) + var(--space-2xs))",m:"var(--space-2xs)",s:"var(--space-3xs)",xs:"var(--space-3xs)"},verticalPaddingMap={l:"var(--space-xs)",m:"calc(var(--space-xs) - var(--space-3xs))",s:"var(--space-2xs)",xs:"var(--space-3xs)"},inputHeightMap={l:"var(--space-2xl)",m:"calc(var(--space-2xl) - var(--space-2xs))",s:"var(--space-xl)",xs:"var(--space-l)"},InputFakeElement=forwardRef(function(a,b){var c=a.valueAtom,d=a.inputMinWidthAtom,e=_objectWithoutProperties(a,_excluded),f=useAtom(c),g=_slicedToArray(f,1),h=g[0],i=useRef(null),j=useComponentSize(i),k=j.width;return useUpdate(function(a,b){d(a,b)},[k]),React.createElement("div",Object.assign({},e,{ref:useForkRef([b,i])}),h)}),Root=forwardRef(function(a,b){var c,d=a.children,e=a.className,f=a.inputMinWidthAtom,g=a.size,h=void 0===g?"m":g,i=a.style,j=_objectWithoutProperties(a,_excluded2),k=useAtom(f),l=_slicedToArray(k,1),m=l[0];return React.createElement("div",Object.assign({},j,{className:cnFieldArrayValueInlineControl(null,[e]),ref:b,style:_objectSpread(_objectSpread({},i),{},(c={},_defineProperty(c,"--field-array-value-inline-control-items-gap",gapMap[h]),_defineProperty(c,"--field-array-value-inline-control-input-min-width","".concat(m,"px")),_defineProperty(c,"--field-array-value-inline-control-vertical-padding","".concat(verticalPaddingMap[h])),_defineProperty(c,"--field-array-value-inline-control-input-height","".concat(inputHeightMap[h])),c))}),d)}),FieldArrayValueInlineControlRender=function(a,b){var c=a.className,d=a.inputRef,e=a.inputMaxLength,f=a.value,g=void 0===f?[]:f,h=a.inputValue,i=a.inputDefaultValue,j=void 0===i?"":i,k=a.renderValue,l=a.onFocus,m=a.onBlur,n=a.autoFocus,o=a.inputTabIndex,p=a.inputAriaLabel,q=a.disabled,r=a.size,s=void 0===r?"m":r,t=a.placeholder,u=a.onKeyDown,v=a.onKeyDownCapture,w=a.onChange,x=a.onKeyUp,y=a.onKeyUpCapture,z=a.onCopy,A=a.onCopyCapture,B=a.onCut,C=a.onCutCapture,D=a.onPaste,E=a.onPasteCapture,F=a.onWheel,G=a.disableInput,H=_objectWithoutProperties(a,_excluded3),I=useSendToAtom(a),J=usePropAtom(I,"inputValue"),K=usePropAtom(I,"value"),L=useCreateAtom(h||j||""),M=useCreateAtom(j),N=useCreateAtom(0),O=useRef(null),P=useRef(null),Q=useAction(function(a,b){L(a,b.target.value);var c=a.get(I),d=c.onChange;d&&d(b)},[]),R=useAtom(function(a){var b=a.spy(K),c=a.get(I),d=c.renderValue;return d(b||[])}),S=_slicedToArray(R,1),T=S[0];return useAtom(function(a){var b=a.spy(J),c=a.get(M);c?M(a,""):(P.current&&(P.current.value=b||""),L(a,b||""))}),React.createElement(Root,Object.assign({},H,{className:cnFieldArrayValueInlineControl(null,[c]),ref:b,size:s,inputMinWidthAtom:N}),T,React.createElement("input",{className:cnFieldArrayValueInlineControl("Input",{disabled:G}),onChange:Q,ref:useForkRef([P,d]),maxLength:e,onFocus:l,onBlur:m,autoFocus:n,tabIndex:o,"aria-label":p,onKeyDown:u,onKeyDownCapture:v,onKeyUp:x,onKeyUpCapture:y,disabled:q,type:"text",placeholder:g.length?void 0:t,onCopy:z,onCopyCapture:A,onCut:B,onCutCapture:C,onPaste:D,onPasteCapture:E,onWheel:F,defaultValue:j,readOnly:G}),React.createElement(InputFakeElement,{ref:O,className:cnFieldArrayValueInlineControl("HelperInputFakeElement"),valueAtom:L,inputMinWidthAtom:N}))};export var FieldArrayValueInlineControl=withCtx(forwardRef(FieldArrayValueInlineControlRender));
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["valueAtom","inputMinWidthAtom"],_excluded2=["children","className","inputMinWidthAtom","size","style"],_excluded3=["className","inputRef","inputMaxLength","value","inputValue","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","disableInput"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useAction,useAtom,useUpdate}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{usePropAtom,useSendToAtom,withCtx}from"../../../utils/state";import{useCreateAtom}from"../../../utils/state/useCreateAtom";import{cnFieldArrayValueInlineControl}from"./cnFieldArrayValueInlineControl";var gapMap={l:"calc(var(--space-3xs) + var(--space-2xs))",m:"var(--space-2xs)",s:"var(--space-3xs)",xs:"var(--space-3xs)"},verticalPaddingMap={l:"var(--space-xs)",m:"calc(var(--space-xs) - var(--space-3xs))",s:"var(--space-2xs)",xs:"var(--space-3xs)"},inputHeightMap={l:"var(--space-2xl)",m:"calc(var(--space-2xl) - var(--space-2xs))",s:"var(--space-xl)",xs:"var(--space-l)"},InputFakeElement=forwardRef(function(a,b){var c=a.valueAtom,d=a.inputMinWidthAtom,e=_objectWithoutProperties(a,_excluded),f=useAtom(c),g=_slicedToArray(f,1),h=g[0],i=useRef(null),j=useComponentSize(i),k=j.width;return useUpdate(function(a,b){d(a,b)},[k]),React.createElement("div",Object.assign({},e,{ref:useForkRef([b,i])}),h)}),Root=forwardRef(function(a,b){var c,d=a.children,e=a.className,f=a.inputMinWidthAtom,g=a.size,h=void 0===g?"m":g,i=a.style,j=_objectWithoutProperties(a,_excluded2),k=useAtom(f),l=_slicedToArray(k,1),m=l[0];return React.createElement("div",Object.assign({},j,{className:cnFieldArrayValueInlineControl(null,[e]),ref:b,style:_objectSpread(_objectSpread({},i),{},(c={},_defineProperty(c,"--field-array-value-inline-control-items-gap",gapMap[h]),_defineProperty(c,"--field-array-value-inline-control-input-min-width","".concat(m,"px")),_defineProperty(c,"--field-array-value-inline-control-vertical-padding","".concat(verticalPaddingMap[h])),_defineProperty(c,"--field-array-value-inline-control-input-height","".concat(inputHeightMap[h])),c))}),d)}),FieldArrayValueInlineControlRender=function(a,b){var c=a.className,d=a.inputRef,e=a.inputMaxLength,f=a.value,g=void 0===f?[]:f,h=a.inputValue,i=a.inputDefaultValue,j=void 0===i?"":i,k=a.renderValue,l=a.onFocus,m=a.onBlur,n=a.autoFocus,o=a.inputTabIndex,p=a.inputAriaLabel,q=a.disabled,r=a.size,s=void 0===r?"m":r,t=a.placeholder,u=a.onKeyDown,v=a.onKeyDownCapture,w=a.onChange,x=a.onKeyUp,y=a.onKeyUpCapture,z=a.onCopy,A=a.onCopyCapture,B=a.onCut,C=a.onCutCapture,D=a.onPaste,E=a.onPasteCapture,F=a.onWheel,G=a.disableInput,H=_objectWithoutProperties(a,_excluded3),I=useSendToAtom(a),J=usePropAtom(I,"inputValue"),K=useCreateAtom(h||j||""),L=useCreateAtom(j),M=useCreateAtom(0),N=useRef(null),O=useRef(null),P=useAction(function(a,b){K(a,b.target.value);var c=a.get(I),d=c.onChange;d&&d(b)},[]);return useAtom(function(a){var b=a.spy(J),c=a.get(L);c?L(a,""):(O.current&&(O.current.value=b||""),K(a,b||""))}),React.createElement(Root,Object.assign({},H,{className:cnFieldArrayValueInlineControl(null,[c]),ref:b,size:s,inputMinWidthAtom:M}),k(g||[]),React.createElement("input",{className:cnFieldArrayValueInlineControl("Input",{disabled:G}),onChange:P,ref:useForkRef([O,d]),maxLength:e,onFocus:l,onBlur:m,autoFocus:n,tabIndex:o,"aria-label":p,onKeyDown:u,onKeyDownCapture:v,onKeyUp:x,onKeyUpCapture:y,disabled:q,type:"text",placeholder:g.length?void 0:t,onCopy:z,onCopyCapture:A,onCut:B,onCutCapture:C,onPaste:D,onPasteCapture:E,onWheel:F,defaultValue:j,readOnly:G}),React.createElement(InputFakeElement,{ref:N,className:cnFieldArrayValueInlineControl("HelperInputFakeElement"),valueAtom:K,inputMinWidthAtom:M}))};export var FieldArrayValueInlineControl=withCtx(forwardRef(FieldArrayValueInlineControlRender));
 //# sourceMappingURL=FieldArrayValueInlineControl.js.map

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldArrayValueInlineControl.js","names":["useAction","useAtom","useUpdate","React","forwardRef","useRef","useComponentSize","useForkRef","usePropAtom","useSendToAtom","withCtx","useCreateAtom","cnFieldArrayValueInlineControl","gapMap","l","m","s","xs","verticalPaddingMap","inputHeightMap","InputFakeElement","componentRef","valueAtom","inputMinWidthAtom","otherProps","value","ref","width","ctx","Root","children","className","size","style","inputMinWidth","FieldArrayValueInlineControlRender","props","inputRefProp","inputRef","inputMaxLength","inputValue","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","disableInput","propsAtom","inputValuePropAtom","inputValueAtom","inputDefaultValueAtom","fakeInputRef","handleChange","e","target","get","spy","valueNode","inputValueProp","current","length","FieldArrayValueInlineControl"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.tsx"],"sourcesContent":["import { AtomMut } from '@reatom/framework';\nimport { useAction, useAtom, useUpdate } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { usePropAtom, useSendToAtom, withCtx } from '##/utils/state';\nimport { useCreateAtom } from '##/utils/state/useCreateAtom';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\nimport { cnFieldArrayValueInlineControl } from './cnFieldArrayValueInlineControl';\nimport {\n FieldArrayValueInlineControlComponent,\n FieldArrayValueInlineControlProps,\n} from './types';\n\nconst gapMap: Record<FieldPropSize, string> = {\n l: 'calc(var(--space-3xs) + var(--space-2xs))',\n m: 'var(--space-2xs)',\n s: 'var(--space-3xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst verticalPaddingMap: Record<FieldPropSize, string> = {\n l: 'var(--space-xs)',\n m: 'calc(var(--space-xs) - var(--space-3xs))',\n s: 'var(--space-2xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst inputHeightMap: Record<FieldPropSize, string> = {\n l: 'var(--space-2xl)',\n m: 'calc(var(--space-2xl) - var(--space-2xs))',\n s: 'var(--space-xl)',\n xs: 'var(--space-l)',\n};\n\nconst InputFakeElement = forwardRef<\n HTMLDivElement,\n PropsWithHTMLAttributes<\n {\n valueAtom: AtomMut<string>;\n inputMinWidthAtom: AtomMut<number>;\n },\n HTMLDivElement\n >\n>(({ valueAtom, inputMinWidthAtom, ...otherProps }, componentRef) => {\n const [value] = useAtom(valueAtom);\n const ref = useRef<HTMLDivElement>(null);\n\n const { width } = useComponentSize(ref);\n\n useUpdate(\n (ctx, width) => {\n inputMinWidthAtom(ctx, width);\n },\n [width],\n );\n\n return (\n <div {...otherProps} ref={useForkRef([componentRef, ref])}>\n {value}\n </div>\n );\n});\n\nconst Root = forwardRef<\n HTMLDivElement,\n PropsWithHTMLAttributes<\n {\n inputMinWidthAtom: AtomMut<number>;\n size: FieldArrayValueInlineControlProps<unknown>['size'];\n },\n HTMLDivElement\n >\n>(\n (\n {\n children,\n className,\n inputMinWidthAtom,\n size = 'm',\n style,\n ...otherProps\n },\n ref,\n ) => {\n const [inputMinWidth] = useAtom(inputMinWidthAtom);\n\n return (\n <div\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n style={{\n ...style,\n ['--field-array-value-inline-control-items-gap' as string]:\n gapMap[size],\n ['--field-array-value-inline-control-input-min-width' as string]: `${inputMinWidth}px`,\n ['--field-array-value-inline-control-vertical-padding' as string]: `${verticalPaddingMap[size]}`,\n ['--field-array-value-inline-control-input-height' as string]: `${inputHeightMap[size]}`,\n }}\n >\n {children}\n </div>\n );\n },\n);\n\nconst FieldArrayValueInlineControlRender = (\n props: FieldArrayValueInlineControlProps<unknown>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n className,\n inputRef: inputRefProp,\n inputMaxLength,\n value = [],\n inputValue,\n inputDefaultValue = '',\n renderValue,\n onFocus,\n onBlur,\n autoFocus,\n inputTabIndex,\n inputAriaLabel,\n disabled,\n size = 'm',\n placeholder,\n onKeyDown,\n onKeyDownCapture,\n onChange,\n onKeyUp,\n onKeyUpCapture,\n onCopy,\n onCopyCapture,\n onCut,\n onCutCapture,\n onPaste,\n onPasteCapture,\n onWheel,\n disableInput,\n ...otherProps\n } = props;\n\n const propsAtom = useSendToAtom(props);\n const inputValuePropAtom = usePropAtom(propsAtom, 'inputValue');\n const valueAtom = usePropAtom(propsAtom, 'value');\n const inputValueAtom = useCreateAtom(inputValue \|\| inputDefaultValue \|\| '');\n const inputDefaultValueAtom = useCreateAtom(inputDefaultValue);\n const inputMinWidthAtom = useCreateAtom(0);\n\n const fakeInputRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleChange = useAction(\n (ctx, e: React.ChangeEvent<HTMLInputElement>) => {\n inputValueAtom(ctx, e.target.value);\n const { onChange } = ctx.get(propsAtom);\n if (onChange) {\n onChange(e);\n }\n },\n [],\n );\n\n const [valueNode] = useAtom((ctx) => {\n const value = ctx.spy(valueAtom);\n const { renderValue } = ctx.get(propsAtom);\n return renderValue(value \|\| []);\n });\n\n useAtom((ctx) => {\n const inputValueProp = ctx.spy(inputValuePropAtom);\n const inputDefaultValue = ctx.get(inputDefaultValueAtom);\n if (inputDefaultValue) {\n inputDefaultValueAtom(ctx, '');\n } else {\n if (inputRef.current) {\n inputRef.current.value = inputValueProp \|\| '';\n }\n\n inputValueAtom(ctx, inputValueProp \|\| '');\n }\n });\n\n return (\n <Root\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n size={size}\n inputMinWidthAtom={inputMinWidthAtom}\n >\n {valueNode}\n <input\n className={cnFieldArrayValueInlineControl('Input', {\n disabled: disableInput,\n })}\n onChange={handleChange}\n ref={useForkRef([inputRef, inputRefProp])}\n maxLength={inputMaxLength}\n onFocus={onFocus}\n onBlur={onBlur}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n tabIndex={inputTabIndex}\n aria-label={inputAriaLabel}\n onKeyDown={onKeyDown}\n onKeyDownCapture={onKeyDownCapture}\n onKeyUp={onKeyUp}\n onKeyUpCapture={onKeyUpCapture}\n disabled={disabled}\n type=\"text\"\n placeholder={value.length ? undefined : placeholder}\n onCopy={onCopy}\n onCopyCapture={onCopyCapture}\n onCut={onCut}\n onCutCapture={onCutCapture}\n onPaste={onPaste}\n onPasteCapture={onPasteCapture}\n onWheel={onWheel}\n defaultValue={inputDefaultValue}\n readOnly={disableInput}\n />\n <InputFakeElement\n ref={fakeInputRef}\n className={cnFieldArrayValueInlineControl('HelperInputFakeElement')}\n valueAtom={inputValueAtom}\n inputMinWidthAtom={inputMinWidthAtom}\n />\n </Root>\n );\n};\n\nexport const FieldArrayValueInlineControl = withCtx(\n forwardRef(FieldArrayValueInlineControlRender),\n) as FieldArrayValueInlineControlComponent;\n"],"mappings":"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"}
1	+ {"version":3,"file":"FieldArrayValueInlineControl.js","names":["useAction","useAtom","useUpdate","React","forwardRef","useRef","useComponentSize","useForkRef","usePropAtom","useSendToAtom","withCtx","useCreateAtom","cnFieldArrayValueInlineControl","gapMap","l","m","s","xs","verticalPaddingMap","inputHeightMap","InputFakeElement","componentRef","valueAtom","inputMinWidthAtom","otherProps","value","ref","width","ctx","Root","children","className","size","style","inputMinWidth","FieldArrayValueInlineControlRender","props","inputRefProp","inputRef","inputMaxLength","inputValue","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","disableInput","propsAtom","inputValuePropAtom","inputValueAtom","inputDefaultValueAtom","fakeInputRef","handleChange","e","target","get","inputValueProp","spy","current","length","FieldArrayValueInlineControl"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.tsx"],"sourcesContent":["import { AtomMut } from '@reatom/framework';\nimport { useAction, useAtom, useUpdate } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { usePropAtom, useSendToAtom, withCtx } from '##/utils/state';\nimport { useCreateAtom } from '##/utils/state/useCreateAtom';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\nimport { cnFieldArrayValueInlineControl } from './cnFieldArrayValueInlineControl';\nimport {\n FieldArrayValueInlineControlComponent,\n FieldArrayValueInlineControlProps,\n} from './types';\n\nconst gapMap: Record<FieldPropSize, string> = {\n l: 'calc(var(--space-3xs) + var(--space-2xs))',\n m: 'var(--space-2xs)',\n s: 'var(--space-3xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst verticalPaddingMap: Record<FieldPropSize, string> = {\n l: 'var(--space-xs)',\n m: 'calc(var(--space-xs) - var(--space-3xs))',\n s: 'var(--space-2xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst inputHeightMap: Record<FieldPropSize, string> = {\n l: 'var(--space-2xl)',\n m: 'calc(var(--space-2xl) - var(--space-2xs))',\n s: 'var(--space-xl)',\n xs: 'var(--space-l)',\n};\n\nconst InputFakeElement = forwardRef<\n HTMLDivElement,\n PropsWithHTMLAttributes<\n {\n valueAtom: AtomMut<string>;\n inputMinWidthAtom: AtomMut<number>;\n },\n HTMLDivElement\n >\n>(({ valueAtom, inputMinWidthAtom, ...otherProps }, componentRef) => {\n const [value] = useAtom(valueAtom);\n const ref = useRef<HTMLDivElement>(null);\n\n const { width } = useComponentSize(ref);\n\n useUpdate(\n (ctx, width) => {\n inputMinWidthAtom(ctx, width);\n },\n [width],\n );\n\n return (\n <div {...otherProps} ref={useForkRef([componentRef, ref])}>\n {value}\n </div>\n );\n});\n\nconst Root = forwardRef<\n HTMLDivElement,\n PropsWithHTMLAttributes<\n {\n inputMinWidthAtom: AtomMut<number>;\n size: FieldArrayValueInlineControlProps<unknown>['size'];\n },\n HTMLDivElement\n >\n>(\n (\n {\n children,\n className,\n inputMinWidthAtom,\n size = 'm',\n style,\n ...otherProps\n },\n ref,\n ) => {\n const [inputMinWidth] = useAtom(inputMinWidthAtom);\n\n return (\n <div\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n style={{\n ...style,\n ['--field-array-value-inline-control-items-gap' as string]:\n gapMap[size],\n ['--field-array-value-inline-control-input-min-width' as string]: `${inputMinWidth}px`,\n ['--field-array-value-inline-control-vertical-padding' as string]: `${verticalPaddingMap[size]}`,\n ['--field-array-value-inline-control-input-height' as string]: `${inputHeightMap[size]}`,\n }}\n >\n {children}\n </div>\n );\n },\n);\n\nconst FieldArrayValueInlineControlRender = (\n props: FieldArrayValueInlineControlProps<unknown>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n className,\n inputRef: inputRefProp,\n inputMaxLength,\n value = [],\n inputValue,\n inputDefaultValue = '',\n renderValue,\n onFocus,\n onBlur,\n autoFocus,\n inputTabIndex,\n inputAriaLabel,\n disabled,\n size = 'm',\n placeholder,\n onKeyDown,\n onKeyDownCapture,\n onChange,\n onKeyUp,\n onKeyUpCapture,\n onCopy,\n onCopyCapture,\n onCut,\n onCutCapture,\n onPaste,\n onPasteCapture,\n onWheel,\n disableInput,\n ...otherProps\n } = props;\n\n const propsAtom = useSendToAtom(props);\n const inputValuePropAtom = usePropAtom(propsAtom, 'inputValue');\n // const valueAtom = usePropAtom(propsAtom, 'value');\n const inputValueAtom = useCreateAtom(inputValue \|\| inputDefaultValue \|\| '');\n const inputDefaultValueAtom = useCreateAtom(inputDefaultValue);\n const inputMinWidthAtom = useCreateAtom(0);\n\n const fakeInputRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleChange = useAction(\n (ctx, e: React.ChangeEvent<HTMLInputElement>) => {\n inputValueAtom(ctx, e.target.value);\n const { onChange } = ctx.get(propsAtom);\n if (onChange) {\n onChange(e);\n }\n },\n [],\n );\n\n // const [valueNode] = useAtom((ctx) => {\n // const value = ctx.spy(valueAtom);\n // const { renderValue } = ctx.get(propsAtom);\n // return renderValue(value \|\| []);\n // });\n\n useAtom((ctx) => {\n const inputValueProp = ctx.spy(inputValuePropAtom);\n const inputDefaultValue = ctx.get(inputDefaultValueAtom);\n if (inputDefaultValue) {\n inputDefaultValueAtom(ctx, '');\n } else {\n if (inputRef.current) {\n inputRef.current.value = inputValueProp \|\| '';\n }\n\n inputValueAtom(ctx, inputValueProp \|\| '');\n }\n });\n\n return (\n <Root\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n size={size}\n inputMinWidthAtom={inputMinWidthAtom}\n >\n {renderValue(value \|\| [])}\n <input\n className={cnFieldArrayValueInlineControl('Input', {\n disabled: disableInput,\n })}\n onChange={handleChange}\n ref={useForkRef([inputRef, inputRefProp])}\n maxLength={inputMaxLength}\n onFocus={onFocus}\n onBlur={onBlur}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n tabIndex={inputTabIndex}\n aria-label={inputAriaLabel}\n onKeyDown={onKeyDown}\n onKeyDownCapture={onKeyDownCapture}\n onKeyUp={onKeyUp}\n onKeyUpCapture={onKeyUpCapture}\n disabled={disabled}\n type=\"text\"\n placeholder={value.length ? undefined : placeholder}\n onCopy={onCopy}\n onCopyCapture={onCopyCapture}\n onCut={onCut}\n onCutCapture={onCutCapture}\n onPaste={onPaste}\n onPasteCapture={onPasteCapture}\n onWheel={onWheel}\n defaultValue={inputDefaultValue}\n readOnly={disableInput}\n />\n <InputFakeElement\n ref={fakeInputRef}\n className={cnFieldArrayValueInlineControl('HelperInputFakeElement')}\n valueAtom={inputValueAtom}\n inputMinWidthAtom={inputMinWidthAtom}\n />\n </Root>\n );\n};\n\nexport const FieldArrayValueInlineControl = withCtx(\n forwardRef(FieldArrayValueInlineControlRender),\n) as FieldArrayValueInlineControlComponent;\n"],"mappings":"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"}

package/__internal__/src/components/Popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","names":["React","forwardRef","useEffect","useLayoutEffect","useMemo","PortalWithTheme","usePortalContext","useTheme","useClickOutside","useComponentSize","useForkRef","cn","isRenderProp","isNumber","isString","getComputedPositionAndDirection","getPointPosition","getRenderPosition","usePopoverReposition","directionsStartCenter","directionsStartEdge","popoverPropOffset","directions","getOffset","ref","propOffset","current","cssVar","getComputedStyle","getPropertyValue","test","slice","length","fontSize","parseFloat","document","documentElement","rem","em","ContextConsumer","onClickOutside","children","ignoreClicksInsideRefs","refs","isActive","handler","cnPopover","Popover","props","componentRef","direction","passedDirection","offset","arrowOffset","possibleDirections","isInteractive","spareDirection","style","className","passedPosition","position","anchorRef","equalAnchorWidth","onSetDirection","viewportRef","container","window","body","otherProps","viewportElement","useRef","theme","useState","anchorClientRect","setAnchorClientRect","width","height","anchorSize","previousDirectionRef","bannedDirections","setBannedDirections","resetBannedDirections","state","updateAnchorClientRect","getBoundingClientRect","contentSize","viewportSize","clientWidth","clientHeight","x","left","y","top","scrollAnchorRef","onRequestReposition","includes","renderPosition","notVisible"],"sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import './Popover.css';\n\nimport React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';\n\nimport {\n PortalWithTheme,\n usePortalContext,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { ClickOutsideHandler, useClickOutside } from '##/hooks/useClickOutside';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\nimport { isNumber, isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport {\n getComputedPositionAndDirection,\n getPointPosition,\n getRenderPosition,\n} from './helpers';\nimport { usePopoverReposition } from './usePopoverReposition';\n\n/*\n Стороны упорядочены по приоритету:\n * Используется первая сторона, в которую смог вписаться поповер.\n /\nexport const directionsStartCenter = [\n 'downCenter',\n 'upCenter',\n\n 'downRight',\n 'downLeft',\n 'upRight',\n 'upLeft',\n\n 'leftUp',\n 'leftCenter',\n 'leftDown',\n\n 'rightUp',\n 'rightCenter',\n 'rightDown',\n] as const;\n\nexport const directionsStartEdge = [\n 'downStartLeft',\n 'upStartLeft',\n\n 'downStartRight',\n 'upStartRight',\n\n 'leftStartUp',\n 'leftStartDown',\n\n 'rightStartUp',\n 'rightStartDown',\n] as const;\n\nexport const popoverPropOffset = [\n '3xs',\n '2xs',\n 'xs',\n 's',\n 'm',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n '5xl',\n '6xl',\n] as const;\nexport type PopoverPropOffset = typeof popoverPropOffset[number] \| number;\n\nexport const directions = [...directionsStartCenter, ...directionsStartEdge];\n\nexport type Direction = typeof directions[number];\n\nexport type Position = { x: number; y: number } \| undefined;\n\nexport type PositioningProps =\n \| {\n anchorRef: React.RefObject<HTMLElement>;\n equalAnchorWidth?: boolean;\n position?: never;\n }\n \| {\n anchorRef?: never;\n equalAnchorWidth?: never;\n position: Position;\n };\n\ntype ChildrenRenderProp = (direction: Direction) => React.ReactNode;\n\nexport type PopoverProps = PropsWithJsxAttributes<\n {\n direction?: Direction;\n spareDirection?: Direction;\n offset?: PopoverPropOffset;\n arrowOffset?: number;\n possibleDirections?: readonly Direction[];\n isInteractive?: boolean;\n children: React.ReactNode \| ChildrenRenderProp;\n onClickOutside?: ClickOutsideHandler;\n onSetDirection?: (direction: Direction) => void;\n viewportRef?: React.RefObject<HTMLElement>;\n container?: Element;\n } & PositioningProps\n>;\n\nexport type Props = PopoverProps; // удалить при мажоре\n\nconst getOffset = (\n ref: React.RefObject<HTMLDivElement>,\n propOffset: PopoverPropOffset,\n) => {\n if (isNumber(propOffset)) {\n return propOffset;\n }\n\n if (isString(propOffset) && ref.current) {\n const cssVar = getComputedStyle(ref.current).getPropertyValue(\n `--space-${propOffset}`,\n );\n\n if (cssVar && /px$/.test(cssVar)) {\n return Number(cssVar.slice(0, cssVar.length - 2));\n }\n\n if (cssVar && /rem$/.test(cssVar)) {\n const fontSize = parseFloat(\n getComputedStyle(document.documentElement).fontSize,\n );\n const rem = Number(cssVar.slice(0, cssVar.length - 3));\n\n return fontSize rem;\n }\n\n if (cssVar && /em$/.test(cssVar)) {\n const fontSize = parseFloat(getComputedStyle(ref.current).fontSize);\n const em = Number(cssVar.slice(0, cssVar.length - 2));\n\n return fontSize * em;\n }\n\n return 0;\n }\n\n return 0;\n};\n\n/*\n Подписчик на PortalWithThemeProvider\n * получает рефы всех вложенных порталов во всплывающем окне\n * для дальнейшего исключения их из useClickOutside\n /\nconst ContextConsumer: React.FC<{\n onClickOutside?: (event: MouseEvent) => void;\n ignoreClicksInsideRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n children: React.ReactNode;\n}> = ({ onClickOutside, children, ignoreClicksInsideRefs }) => {\n const { refs } = usePortalContext();\n\n useClickOutside({\n isActive: !!onClickOutside,\n ignoreClicksInsideRefs: [\n ...(ignoreClicksInsideRefs \|\| []),\n ...(refs \|\| []),\n ],\n handler: onClickOutside,\n });\n\n return children as React.ReactElement;\n};\n\nconst cnPopover = cn('Popover');\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n (props, componentRef) => {\n const {\n children,\n direction: passedDirection = 'upCenter',\n offset: propOffset = 0,\n arrowOffset,\n possibleDirections = directions,\n isInteractive = true,\n onClickOutside,\n spareDirection = 'downStartLeft',\n style,\n className,\n position: passedPosition,\n anchorRef,\n equalAnchorWidth,\n onSetDirection,\n viewportRef,\n container = window.document.body,\n ...otherProps\n } = props;\n\n // console.log(viewportRef);\n\n const viewportElement = viewportRef?.current \|\| document.documentElement;\n\n const ref = React.useRef<HTMLDivElement>(null);\n const { theme } = useTheme();\n\n const [anchorClientRect, setAnchorClientRect] = React.useState<\n DOMRect \| undefined\n >();\n const { width, height } = useComponentSize(ref);\n const anchorSize = useComponentSize(anchorRef \|\| { current: null });\n const previousDirectionRef = React.useRef<Direction \| null>(null);\n const [bannedDirections, setBannedDirections] = React.useState<\n readonly Direction[]\n >([]);\n\n const resetBannedDirections = () => {\n setBannedDirections((state) => (state.length ? [] : state));\n previousDirectionRef.current = null;\n };\n\n const updateAnchorClientRect = () =>\n setAnchorClientRect(anchorRef?.current?.getBoundingClientRect());\n\n const offset = useMemo(\n () => getOffset(ref, propOffset),\n [propOffset, Boolean(ref.current)],\n );\n\n const { position, direction } = getComputedPositionAndDirection({\n contentSize: { width, height },\n viewportSize: {\n // Размер вьюпорта без скроллбаров\n width: viewportElement.clientWidth,\n height: viewportElement.clientHeight,\n },\n arrowOffset,\n offset,\n direction: passedDirection,\n possibleDirections,\n bannedDirections,\n position: getPointPosition(\n viewportElement,\n anchorClientRect\n ? { x: anchorClientRect.left, y: anchorClientRect.top }\n : passedPosition,\n !!viewportRef?.current,\n ),\n anchorSize,\n spareDirection,\n });\n\n useEffect(() => onSetDirection?.(direction), [direction]);\n\n useEffect(updateAnchorClientRect, [anchorSize]);\n\n usePopoverReposition({\n isActive: true,\n scrollAnchorRef: anchorRef \|\| { current: null },\n onRequestReposition: () => {\n resetBannedDirections();\n updateAnchorClientRect();\n },\n });\n\n /\n Может возникнуть ситуация, когда перерасчет поповера всегда будет выдавать 2 направления\n * и бесконечно зацикливать себя. Для избежания таких кейсов мы запоминаем стороны,\n * которые не подошли, чтобы не возвращаться к ним и предотвратить бесконечный ререндер.\n * См. PopoverBannedPositionsStory\n */\n\n useLayoutEffect(() => {\n if (previousDirectionRef.current !== direction) {\n if (\n previousDirectionRef.current &&\n !bannedDirections.includes(previousDirectionRef.current) &&\n !bannedDirections.includes(direction) &&\n direction !== spareDirection\n ) {\n setBannedDirections((state) =>\n previousDirectionRef.current\n ? [...state, previousDirectionRef.current]\n : state,\n );\n }\n previousDirectionRef.current = direction;\n }\n }, [direction]);\n\n // Сбрасываем при любом изменении пропсов, чтобы заново начать перебор направлений\n // Главное не сбрасывать при изменении размеров поповера, т.к. именно оно может вызвать бесконечный перебор\n\n useLayoutEffect(resetBannedDirections, [props]);\n\n const renderPosition = getRenderPosition(\n viewportElement,\n position,\n !!viewportRef?.current,\n width,\n height,\n );\n\n const notVisible = !renderPosition \|\| !height \|\| !width;\n\n return (\n <PortalWithTheme\n {...otherProps}\n preset={theme}\n className={cnPopover({ direction, notVisible }, [className])}\n container={container}\n ref={useForkRef([ref, componentRef])}\n style={{\n ...style,\n ...(notVisible\n ? {}\n : {\n ['--popover-left' as string]: `${renderPosition.x}px`,\n ['--popover-top' as string]: `${renderPosition.y}px`,\n [`--popover-width` as string]: equalAnchorWidth\n ? `${anchorSize.width}px`\n : undefined,\n [`--popover-pointer-events` as string]: isInteractive\n ? undefined\n : 'none',\n [`--popover-visibility` as string]: position\n ? undefined\n : 'hidden',\n }),\n }}\n >\n <ContextConsumer\n onClickOutside={onClickOutside}\n ignoreClicksInsideRefs={[ref, anchorRef \|\| { current: null }]}\n >\n {isRenderProp(children) ? children(direction) : children}\n </ContextConsumer>\n </PortalWithTheme>\n );\n },\n);\n"],"mappings":"knCAAA,sBAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,SAA5B,CAAuCC,eAAvC,CAAwDC,OAAxD,KAAuE,OAAvE,CAEA,OACEC,eADF,CAEEC,gBAFF,0BAIA,OAASC,QAAT,sBACA,OAA8BC,eAA9B,mCACA,OAASC,gBAAT,oCACA,OAASC,UAAT,8BACA,OAASC,EAAT,uBACA,OAASC,YAAT,gCACA,OAASC,QAAT,CAAmBC,QAAnB,+BAGA,OACEC,+BADF,CAEEC,gBAFF,CAGEC,iBAHF,iBAKA,OAASC,oBAAT,8BAMA,MAAO,IAAMC,sBAAqB,CAAG,CACnC,YADmC,CAEnC,UAFmC,CAInC,WAJmC,CAKnC,UALmC,CAMnC,SANmC,CAOnC,QAPmC,CASnC,QATmC,CAUnC,YAVmC,CAWnC,UAXmC,CAanC,SAbmC,CAcnC,aAdmC,CAenC,WAfmC,CAA9B,CAkBP,MAAO,IAAMC,oBAAmB,CAAG,CACjC,eADiC,CAEjC,aAFiC,CAIjC,gBAJiC,CAKjC,cALiC,CAOjC,aAPiC,CAQjC,eARiC,CAUjC,cAViC,CAWjC,gBAXiC,CAA5B,CAcP,MAAO,IAAMC,kBAAiB,CAAG,CAC/B,KAD+B,CAE/B,KAF+B,CAG/B,IAH+B,CAI/B,GAJ+B,CAK/B,GAL+B,CAM/B,GAN+B,CAO/B,IAP+B,CAQ/B,KAR+B,CAS/B,KAT+B,CAU/B,KAV+B,CAW/B,KAX+B,CAY/B,KAZ+B,CAA1B,CAgBP,MAAO,IAAMC,WAAU,WAAOH,qBAAP,CAAiCC,mBAAjC,CAAhB,C,GAsCDG,UAAS,CAAG,SAChBC,CADgB,CAEhBC,CAFgB,CAGb,CACH,GAAIZ,QAAQ,CAACY,CAAD,CAAZ,CACE,MAAOA,EAAP,CAGF,GAAIX,QAAQ,CAACW,CAAD,CAAR,EAAwBD,CAAG,CAACE,OAAhC,CAAyC,CACvC,GAAMC,EAAM,CAAGC,gBAAgB,CAACJ,CAAG,CAACE,OAAL,CAAhB,CAA8BG,gBAA9B,mBACFJ,CADE,EAAf,CAIA,GAAIE,CAAM,EAAI,MAAMG,IAAN,CAAWH,CAAX,CAAd,CACE,OAAcA,CAAM,CAACI,KAAP,CAAa,CAAb,CAAgBJ,CAAM,CAACK,MAAP,CAAgB,CAAhC,CAAd,CAGF,GAAIL,CAAM,EAAI,OAAOG,IAAP,CAAYH,CAAZ,CAAd,CAAmC,IAC3BM,EAAQ,CAAGC,UAAU,CACzBN,gBAAgB,CAACO,QAAQ,CAACC,eAAV,CAAhB,CAA2CH,QADlB,CADM,CAI3BI,CAAG,EAAUV,CAAM,CAACI,KAAP,CAAa,CAAb,CAAgBJ,CAAM,CAACK,MAAP,CAAgB,CAAhC,CAJc,CAMjC,MAAOC,EAAQ,CAAGI,CACnB,CAED,GAAIV,CAAM,EAAI,MAAMG,IAAN,CAAWH,CAAX,CAAd,CAAkC,IAC1BM,EAAQ,CAAGC,UAAU,CAACN,gBAAgB,CAACJ,CAAG,CAACE,OAAL,CAAhB,CAA8BO,QAA/B,CADK,CAE1BK,CAAE,EAAUX,CAAM,CAACI,KAAP,CAAa,CAAb,CAAgBJ,CAAM,CAACK,MAAP,CAAgB,CAAhC,CAFc,CAIhC,MAAOC,EAAQ,CAAGK,CACnB,CAED,MAAO,EACR,CAED,MAAO,EACR,C,CAOKC,eAIJ,CAAG,WAA0D,IAAvDC,EAAuD,GAAvDA,cAAuD,CAAvCC,CAAuC,GAAvCA,QAAuC,CAA7BC,CAA6B,GAA7BA,sBAA6B,GAC5CpC,gBAAgB,EAD4B,CACrDqC,CADqD,GACrDA,IADqD,CAY7D,MATAnC,gBAAe,CAAC,CACdoC,QAAQ,CAAE,CAAC,CAACJ,CADE,CAEdE,sBAAsB,8BAChBA,CAAsB,EAAI,EADV,qBAEhBC,CAAI,EAAI,EAFQ,EAFR,CAMdE,OAAO,CAAEL,CANK,CAAD,CASf,CAAOC,CACR,C,CAEKK,SAAS,CAAGnC,EAAE,CAAC,SAAD,C,CAEpB,MAAO,IAAMoC,QAAO,CAAG9C,UAAU,CAC/B,SAAC+C,CAAD,CAAQC,CAAR,CAAyB,OAErBR,CAFqB,CAmBnBO,CAnBmB,CAErBP,QAFqB,GAmBnBO,CAnBmB,CAGrBE,SAHqB,CAGVC,CAHU,YAGQ,UAHR,KAmBnBH,CAnBmB,CAIrBI,MAJqB,CAIb3B,CAJa,YAIA,CAJA,GAKrB4B,CALqB,CAmBnBL,CAnBmB,CAKrBK,WALqB,GAmBnBL,CAnBmB,CAMrBM,kBANqB,CAMrBA,CANqB,YAMAhC,UANA,KAmBnB0B,CAnBmB,CAOrBO,aAPqB,CAQrBf,CARqB,CAmBnBQ,CAnBmB,CAQrBR,cARqB,GAmBnBQ,CAnBmB,CASrBQ,cATqB,CASrBA,CATqB,YASJ,eATI,GAUrBC,CAVqB,CAmBnBT,CAnBmB,CAUrBS,KAVqB,CAWrBC,CAXqB,CAmBnBV,CAnBmB,CAWrBU,SAXqB,CAYXC,CAZW,CAmBnBX,CAnBmB,CAYrBY,QAZqB,CAarBC,CAbqB,CAmBnBb,CAnBmB,CAarBa,SAbqB,CAcrBC,CAdqB,CAmBnBd,CAnBmB,CAcrBc,gBAdqB,CAerBC,CAfqB,CAmBnBf,CAnBmB,CAerBe,cAfqB,CAgBrBC,CAhBqB,CAmBnBhB,CAnBmB,CAgBrBgB,WAhBqB,GAmBnBhB,CAnBmB,CAiBrBiB,SAjBqB,CAiBrBA,CAjBqB,YAiBTC,MAAM,CAAC/B,QAAP,CAAgBgC,IAjBP,GAkBlBC,CAlBkB,0BAmBnBpB,CAnBmB,YAuBjBqB,CAAe,CAAG,QAAAL,CAAW,WAAXA,CAAA,QAAAA,CAAW,CAAEtC,OAAb,GAAwBS,QAAQ,CAACC,eAvBlC,CAyBjBZ,CAAG,CAAGxB,KAAK,CAACsE,MAAN,CAA6B,IAA7B,CAzBW,GA0BL/D,QAAQ,EA1BH,CA0BfgE,CA1Be,GA0BfA,KA1Be,GA4ByBvE,KAAK,CAACwE,QAAN,EA5BzB,uBA4BhBC,CA5BgB,MA4BEC,CA5BF,QA+BGjE,gBAAgB,CAACe,CAAD,CA/BnB,CA+BfmD,CA/Be,GA+BfA,KA/Be,CA+BRC,CA/BQ,GA+BRA,MA/BQ,CAgCjBC,CAAU,CAAGpE,gBAAgB,CAACoD,CAAS,EAAI,CAAEnC,OAAO,CAAE,IAAX,CAAd,CAhCZ,CAiCjBoD,CAAoB,CAAG9E,KAAK,CAACsE,MAAN,CAA+B,IAA/B,CAjCN,GAkCyBtE,KAAK,CAACwE,QAAN,CAE9C,EAF8C,CAlCzB,uBAkChBO,CAlCgB,MAkCEC,CAlCF,MAsCjBC,CAAqB,CAAG,UAAM,CAClCD,CAAmB,CAAC,SAACE,CAAD,QAAYA,EAAK,CAAClD,MAAN,CAAe,EAAf,CAAoBkD,CAAhC,CAAD,CADe,CAElCJ,CAAoB,CAACpD,OAArB,CAA+B,IAChC,CAzCsB,CA2CjByD,CAAsB,CAAG,uBAC7BT,EAAmB,QAACb,CAAD,WAACA,CAAD,YAACA,CAAS,CAAEnC,OAAZ,qBAAC,EAAoB0D,qBAApB,EAAD,CADU,CA3CR,CA8CjBhC,CAAM,CAAGhD,OAAO,CACpB,iBAAMmB,UAAS,CAACC,CAAD,CAAMC,CAAN,CAAf,CADoB,CAEpB,CAACA,CAAD,GAAqBD,CAAG,CAACE,OAAzB,CAFoB,CA9CC,GAmDSX,+BAA+B,CAAC,CAC9DsE,WAAW,CAAE,CAAEV,KAAK,CAALA,CAAF,CAASC,MAAM,CAANA,CAAT,CADiD,CAE9DU,YAAY,CAAE,CAEZX,KAAK,CAAEN,CAAe,CAACkB,WAFX,CAGZX,MAAM,CAAEP,CAAe,CAACmB,YAHZ,CAFgD,CAO9DnC,WAAW,CAAXA,CAP8D,CAQ9DD,MAAM,CAANA,CAR8D,CAS9DF,SAAS,CAAEC,CATmD,CAU9DG,kBAAkB,CAAlBA,CAV8D,CAW9DyB,gBAAgB,CAAhBA,CAX8D,CAY9DnB,QAAQ,CAAE5C,gBAAgB,CACxBqD,CADwB,CAExBI,CAAgB,CACZ,CAAEgB,CAAC,CAAEhB,CAAgB,CAACiB,IAAtB,CAA4BC,CAAC,CAAElB,CAAgB,CAACmB,GAAhD,CADY,CAEZjC,CAJoB,CAKxB,CAAC,SAACK,CAAD,WAACA,CAAD,EAACA,CAAW,CAAEtC,OAAd,CALuB,CAZoC,CAmB9DmD,UAAU,CAAVA,CAnB8D,CAoB9DrB,cAAc,CAAdA,CApB8D,CAAD,CAnDxC,CAmDfI,CAnDe,GAmDfA,QAnDe,CAmDLV,CAnDK,GAmDLA,SAnDK,CA0EvBhD,SAAS,CAAC,yBAAM6D,CAAN,WAAMA,CAAN,QAAMA,CAAc,CAAGb,CAAH,CAApB,CAAD,CAAoC,CAACA,CAAD,CAApC,CA1Ec,CA4EvBhD,SAAS,CAACiF,CAAD,CAAyB,CAACN,CAAD,CAAzB,CA5Ec,CA8EvB3D,oBAAoB,CAAC,CACnB0B,QAAQ,GADW,CAEnBiD,eAAe,CAAEhC,CAAS,EAAI,CAAEnC,OAAO,CAAE,IAAX,CAFX,CAGnBoE,mBAAmB,CAAE,8BAAM,CACzBb,CAAqB,EADI,CAEzBE,CAAsB,EACvB,CANkB,CAAD,CA9EG,CA8FvBhF,eAAe,CAAC,UAAM,CAChB2E,CAAoB,CAACpD,OAArB,GAAiCwB,CADjB,GAGhB4B,CAAoB,CAACpD,OAArB,EACA,CAACqD,CAAgB,CAACgB,QAAjB,CAA0BjB,CAAoB,CAACpD,OAA/C,CADD,EAEA,CAACqD,CAAgB,CAACgB,QAAjB,CAA0B7C,CAA1B,CAFD,EAGAA,CAAS,GAAKM,CANE,EAQhBwB,CAAmB,CAAC,SAACE,CAAD,QAClBJ,EAAoB,CAACpD,OAArB,8BACQwD,CADR,GACeJ,CAAoB,CAACpD,OADpC,GAEIwD,CAHc,CAAD,CARH,CAclBJ,CAAoB,CAACpD,OAArB,CAA+BwB,CAdb,CAgBrB,CAhBc,CAgBZ,CAACA,CAAD,CAhBY,CA9FQ,CAmHvB/C,eAAe,CAAC8E,CAAD,CAAwB,CAACjC,CAAD,CAAxB,CAnHQ,IAqHjBgD,EAAc,CAAG/E,iBAAiB,CACtCoD,CADsC,CAEtCT,CAFsC,CAGtC,CAAC,SAACI,CAAD,WAACA,CAAD,EAACA,CAAW,CAAEtC,OAAd,CAHqC,CAItCiD,CAJsC,CAKtCC,CALsC,CArHjB,CA6HjBqB,CAAU,CAAG,CAACD,CAAD,EAAmB,CAACpB,CAApB,EAA8B,CAACD,CA7H3B,CA+HvB,MACE,qBAAC,eAAD,kBACMP,CADN,EAEE,MAAM,CAAEG,CAFV,CAGE,SAAS,CAAEzB,SAAS,CAAC,CAAEI,SAAS,CAATA,CAAF,CAAa+C,UAAU,CAAVA,CAAb,CAAD,CAA4B,CAACvC,CAAD,CAA5B,CAHtB,CAIE,SAAS,CAAEO,CAJb,CAKE,GAAG,CAAEvD,UAAU,CAAC,CAACc,CAAD,CAAMyB,CAAN,CAAD,CALjB,CAME,KAAK,gCACAQ,CADA,EAECwC,CAAU,CACV,EADU,yBAGP,gBAHO,WAGyBD,CAAc,CAACP,CAHxC,0BAIP,eAJO,WAIwBO,CAAc,CAACL,CAJvC,4CAKuB7B,CAAgB,WACxCe,CAAU,CAACF,KAD6B,aALvC,+CAQgC,wBAEpC,MAVI,2CAW4Bf,CAAQ,QAExC,QAbI,IAFX,CANP,GAyBE,oBAAC,eAAD,EACE,cAAc,CAAEpB,CADlB,CAEE,sBAAsB,CAAE,CAAChB,CAAD,CAAMqC,CAAS,EAAI,CAAEnC,OAAO,CAAE,IAAX,CAAnB,CAF1B,EAIGd,YAAY,CAAC6B,CAAD,CAAZ,CAAyBA,CAAQ,CAACS,CAAD,CAAjC,CAA+CT,CAJlD,CAzBF,CAiCH,CAlK8B,CAA1B"}
1	+ {"version":3,"file":"Popover.js","names":["React","forwardRef","useEffect","useLayoutEffect","useMemo","PortalWithTheme","usePortalContext","useTheme","useClickOutside","useComponentSize","useForkRef","cn","isRenderProp","isNumber","isString","getComputedPositionAndDirection","getPointPosition","getRenderPosition","usePopoverReposition","directionsStartCenter","directionsStartEdge","popoverPropOffset","directions","getOffset","ref","propOffset","current","cssVar","getComputedStyle","getPropertyValue","test","slice","length","fontSize","parseFloat","document","documentElement","rem","em","ContextConsumer","onClickOutside","children","ignoreClicksInsideRefs","refs","isActive","handler","cnPopover","Popover","props","componentRef","direction","passedDirection","offset","arrowOffset","possibleDirections","isInteractive","spareDirection","style","className","passedPosition","position","anchorRef","equalAnchorWidth","onSetDirection","viewportRef","container","window","body","otherProps","viewportElement","useRef","theme","useState","anchorClientRect","setAnchorClientRect","width","height","anchorSize","previousDirectionRef","bannedDirections","setBannedDirections","resetBannedDirections","state","updateAnchorClientRect","getBoundingClientRect","contentSize","viewportSize","clientWidth","clientHeight","x","left","y","top","scrollAnchorRef","onRequestReposition","includes","renderPosition","notVisible"],"sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import './Popover.css';\n\nimport React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';\n\nimport {\n PortalWithTheme,\n usePortalContext,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { ClickOutsideHandler, useClickOutside } from '##/hooks/useClickOutside';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\nimport { isNumber, isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport {\n getComputedPositionAndDirection,\n getPointPosition,\n getRenderPosition,\n} from './helpers';\nimport { usePopoverReposition } from './usePopoverReposition';\n\n/*\n Стороны упорядочены по приоритету:\n * Используется первая сторона, в которую смог вписаться поповер.\n /\nexport const directionsStartCenter = [\n 'downCenter',\n 'upCenter',\n\n 'downRight',\n 'downLeft',\n 'upRight',\n 'upLeft',\n\n 'leftUp',\n 'leftCenter',\n 'leftDown',\n\n 'rightUp',\n 'rightCenter',\n 'rightDown',\n] as const;\n\nexport const directionsStartEdge = [\n 'downStartLeft',\n 'upStartLeft',\n\n 'downStartRight',\n 'upStartRight',\n\n 'leftStartUp',\n 'leftStartDown',\n\n 'rightStartUp',\n 'rightStartDown',\n] as const;\n\nexport const popoverPropOffset = [\n '3xs',\n '2xs',\n 'xs',\n 's',\n 'm',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n '5xl',\n '6xl',\n] as const;\nexport type PopoverPropOffset = typeof popoverPropOffset[number] \| number;\n\nexport const directions = [...directionsStartCenter, ...directionsStartEdge];\n\nexport type Direction = typeof directions[number];\n\nexport type Position = { x: number; y: number } \| undefined;\n\nexport type PositioningProps =\n \| {\n anchorRef: React.RefObject<HTMLElement>;\n equalAnchorWidth?: boolean;\n position?: never;\n }\n \| {\n anchorRef?: never;\n equalAnchorWidth?: never;\n position: Position;\n };\n\ntype ChildrenRenderProp = (direction: Direction) => React.ReactNode;\n\nexport type PopoverProps = PropsWithJsxAttributes<\n {\n direction?: Direction;\n spareDirection?: Direction;\n offset?: PopoverPropOffset;\n arrowOffset?: number;\n possibleDirections?: readonly Direction[];\n isInteractive?: boolean;\n children: React.ReactNode \| ChildrenRenderProp;\n onClickOutside?: ClickOutsideHandler;\n onSetDirection?: (direction: Direction) => void;\n viewportRef?: React.RefObject<HTMLElement>;\n container?: Element;\n } & PositioningProps\n>;\n\nexport type Props = PopoverProps; // удалить при мажоре\n\nconst getOffset = (\n ref: React.RefObject<HTMLDivElement>,\n propOffset: PopoverPropOffset,\n) => {\n if (isNumber(propOffset)) {\n return propOffset;\n }\n\n if (isString(propOffset) && ref.current) {\n const cssVar = getComputedStyle(ref.current).getPropertyValue(\n `--space-${propOffset}`,\n );\n\n if (cssVar && /px$/.test(cssVar)) {\n return Number(cssVar.slice(0, cssVar.length - 2));\n }\n\n if (cssVar && /rem$/.test(cssVar)) {\n const fontSize = parseFloat(\n getComputedStyle(document.documentElement).fontSize,\n );\n const rem = Number(cssVar.slice(0, cssVar.length - 3));\n\n return fontSize rem;\n }\n\n if (cssVar && /em$/.test(cssVar)) {\n const fontSize = parseFloat(getComputedStyle(ref.current).fontSize);\n const em = Number(cssVar.slice(0, cssVar.length - 2));\n\n return fontSize * em;\n }\n\n return 0;\n }\n\n return 0;\n};\n\n/*\n Подписчик на PortalWithThemeProvider\n * получает рефы всех вложенных порталов во всплывающем окне\n * для дальнейшего исключения их из useClickOutside\n /\nconst ContextConsumer: React.FC<{\n onClickOutside?: (event: MouseEvent) => void;\n ignoreClicksInsideRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n children: React.ReactNode;\n}> = ({ onClickOutside, children, ignoreClicksInsideRefs }) => {\n const { refs } = usePortalContext();\n\n useClickOutside({\n isActive: !!onClickOutside,\n ignoreClicksInsideRefs: [\n ...(ignoreClicksInsideRefs \|\| []),\n ...(refs \|\| []),\n ],\n handler: onClickOutside,\n });\n\n return children as React.ReactElement;\n};\n\nconst cnPopover = cn('Popover');\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n (props, componentRef) => {\n const {\n children,\n direction: passedDirection = 'upCenter',\n offset: propOffset = 0,\n arrowOffset,\n possibleDirections = directions,\n isInteractive = true,\n onClickOutside,\n spareDirection = 'downStartLeft',\n style,\n className,\n position: passedPosition,\n anchorRef,\n equalAnchorWidth,\n onSetDirection,\n viewportRef,\n container = window.document.body,\n ...otherProps\n } = props;\n\n const viewportElement = viewportRef?.current \|\| document.documentElement;\n\n const ref = React.useRef<HTMLDivElement>(null);\n const { theme } = useTheme();\n\n const [anchorClientRect, setAnchorClientRect] = React.useState<\n DOMRect \| undefined\n >();\n const { width, height } = useComponentSize(ref);\n const anchorSize = useComponentSize(anchorRef \|\| { current: null });\n const previousDirectionRef = React.useRef<Direction \| null>(null);\n const [bannedDirections, setBannedDirections] = React.useState<\n readonly Direction[]\n >([]);\n\n const resetBannedDirections = () => {\n setBannedDirections((state) => (state.length ? [] : state));\n previousDirectionRef.current = null;\n };\n\n const updateAnchorClientRect = () =>\n setAnchorClientRect(anchorRef?.current?.getBoundingClientRect());\n\n const offset = useMemo(\n () => getOffset(ref, propOffset),\n [propOffset, Boolean(ref.current)],\n );\n\n const { position, direction } = getComputedPositionAndDirection({\n contentSize: { width, height },\n viewportSize: {\n // Размер вьюпорта без скроллбаров\n width: viewportElement.clientWidth,\n height: viewportElement.clientHeight,\n },\n arrowOffset,\n offset,\n direction: passedDirection,\n possibleDirections,\n bannedDirections,\n position: getPointPosition(\n viewportElement,\n anchorClientRect\n ? { x: anchorClientRect.left, y: anchorClientRect.top }\n : passedPosition,\n !!viewportRef?.current,\n ),\n anchorSize,\n spareDirection,\n });\n\n useEffect(() => onSetDirection?.(direction), [direction]);\n\n useEffect(updateAnchorClientRect, [anchorSize]);\n\n usePopoverReposition({\n isActive: true,\n scrollAnchorRef: anchorRef \|\| { current: null },\n onRequestReposition: () => {\n resetBannedDirections();\n updateAnchorClientRect();\n },\n });\n\n /\n Может возникнуть ситуация, когда перерасчет поповера всегда будет выдавать 2 направления\n * и бесконечно зацикливать себя. Для избежания таких кейсов мы запоминаем стороны,\n * которые не подошли, чтобы не возвращаться к ним и предотвратить бесконечный ререндер.\n * См. PopoverBannedPositionsStory\n */\n\n useLayoutEffect(() => {\n if (previousDirectionRef.current !== direction) {\n if (\n previousDirectionRef.current &&\n !bannedDirections.includes(previousDirectionRef.current) &&\n !bannedDirections.includes(direction) &&\n direction !== spareDirection\n ) {\n setBannedDirections((state) =>\n previousDirectionRef.current\n ? [...state, previousDirectionRef.current]\n : state,\n );\n }\n previousDirectionRef.current = direction;\n }\n }, [direction]);\n\n // Сбрасываем при любом изменении пропсов, чтобы заново начать перебор направлений\n // Главное не сбрасывать при изменении размеров поповера, т.к. именно оно может вызвать бесконечный перебор\n\n useLayoutEffect(resetBannedDirections, [props]);\n\n const renderPosition = getRenderPosition(\n viewportElement,\n position,\n !!viewportRef?.current,\n width,\n height,\n );\n\n const notVisible = !renderPosition \|\| !height \|\| !width;\n\n return (\n <PortalWithTheme\n {...otherProps}\n preset={theme}\n className={cnPopover({ direction, notVisible }, [className])}\n container={container}\n ref={useForkRef([ref, componentRef])}\n style={{\n ...style,\n ...(notVisible\n ? {}\n : {\n ['--popover-left' as string]: `${renderPosition.x}px`,\n ['--popover-top' as string]: `${renderPosition.y}px`,\n [`--popover-width` as string]: equalAnchorWidth\n ? `${anchorSize.width}px`\n : undefined,\n [`--popover-pointer-events` as string]: isInteractive\n ? undefined\n : 'none',\n [`--popover-visibility` as string]: position\n ? undefined\n : 'hidden',\n }),\n }}\n >\n <ContextConsumer\n onClickOutside={onClickOutside}\n ignoreClicksInsideRefs={[ref, anchorRef \|\| { current: null }]}\n >\n {isRenderProp(children) ? children(direction) : children}\n </ContextConsumer>\n </PortalWithTheme>\n );\n },\n);\n"],"mappings":"knCAAA,sBAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,SAA5B,CAAuCC,eAAvC,CAAwDC,OAAxD,KAAuE,OAAvE,CAEA,OACEC,eADF,CAEEC,gBAFF,0BAIA,OAASC,QAAT,sBACA,OAA8BC,eAA9B,mCACA,OAASC,gBAAT,oCACA,OAASC,UAAT,8BACA,OAASC,EAAT,uBACA,OAASC,YAAT,gCACA,OAASC,QAAT,CAAmBC,QAAnB,+BAGA,OACEC,+BADF,CAEEC,gBAFF,CAGEC,iBAHF,iBAKA,OAASC,oBAAT,8BAMA,MAAO,IAAMC,sBAAqB,CAAG,CACnC,YADmC,CAEnC,UAFmC,CAInC,WAJmC,CAKnC,UALmC,CAMnC,SANmC,CAOnC,QAPmC,CASnC,QATmC,CAUnC,YAVmC,CAWnC,UAXmC,CAanC,SAbmC,CAcnC,aAdmC,CAenC,WAfmC,CAA9B,CAkBP,MAAO,IAAMC,oBAAmB,CAAG,CACjC,eADiC,CAEjC,aAFiC,CAIjC,gBAJiC,CAKjC,cALiC,CAOjC,aAPiC,CAQjC,eARiC,CAUjC,cAViC,CAWjC,gBAXiC,CAA5B,CAcP,MAAO,IAAMC,kBAAiB,CAAG,CAC/B,KAD+B,CAE/B,KAF+B,CAG/B,IAH+B,CAI/B,GAJ+B,CAK/B,GAL+B,CAM/B,GAN+B,CAO/B,IAP+B,CAQ/B,KAR+B,CAS/B,KAT+B,CAU/B,KAV+B,CAW/B,KAX+B,CAY/B,KAZ+B,CAA1B,CAgBP,MAAO,IAAMC,WAAU,WAAOH,qBAAP,CAAiCC,mBAAjC,CAAhB,C,GAsCDG,UAAS,CAAG,SAChBC,CADgB,CAEhBC,CAFgB,CAGb,CACH,GAAIZ,QAAQ,CAACY,CAAD,CAAZ,CACE,MAAOA,EAAP,CAGF,GAAIX,QAAQ,CAACW,CAAD,CAAR,EAAwBD,CAAG,CAACE,OAAhC,CAAyC,CACvC,GAAMC,EAAM,CAAGC,gBAAgB,CAACJ,CAAG,CAACE,OAAL,CAAhB,CAA8BG,gBAA9B,mBACFJ,CADE,EAAf,CAIA,GAAIE,CAAM,EAAI,MAAMG,IAAN,CAAWH,CAAX,CAAd,CACE,OAAcA,CAAM,CAACI,KAAP,CAAa,CAAb,CAAgBJ,CAAM,CAACK,MAAP,CAAgB,CAAhC,CAAd,CAGF,GAAIL,CAAM,EAAI,OAAOG,IAAP,CAAYH,CAAZ,CAAd,CAAmC,IAC3BM,EAAQ,CAAGC,UAAU,CACzBN,gBAAgB,CAACO,QAAQ,CAACC,eAAV,CAAhB,CAA2CH,QADlB,CADM,CAI3BI,CAAG,EAAUV,CAAM,CAACI,KAAP,CAAa,CAAb,CAAgBJ,CAAM,CAACK,MAAP,CAAgB,CAAhC,CAJc,CAMjC,MAAOC,EAAQ,CAAGI,CACnB,CAED,GAAIV,CAAM,EAAI,MAAMG,IAAN,CAAWH,CAAX,CAAd,CAAkC,IAC1BM,EAAQ,CAAGC,UAAU,CAACN,gBAAgB,CAACJ,CAAG,CAACE,OAAL,CAAhB,CAA8BO,QAA/B,CADK,CAE1BK,CAAE,EAAUX,CAAM,CAACI,KAAP,CAAa,CAAb,CAAgBJ,CAAM,CAACK,MAAP,CAAgB,CAAhC,CAFc,CAIhC,MAAOC,EAAQ,CAAGK,CACnB,CAED,MAAO,EACR,CAED,MAAO,EACR,C,CAOKC,eAIJ,CAAG,WAA0D,IAAvDC,EAAuD,GAAvDA,cAAuD,CAAvCC,CAAuC,GAAvCA,QAAuC,CAA7BC,CAA6B,GAA7BA,sBAA6B,GAC5CpC,gBAAgB,EAD4B,CACrDqC,CADqD,GACrDA,IADqD,CAY7D,MATAnC,gBAAe,CAAC,CACdoC,QAAQ,CAAE,CAAC,CAACJ,CADE,CAEdE,sBAAsB,8BAChBA,CAAsB,EAAI,EADV,qBAEhBC,CAAI,EAAI,EAFQ,EAFR,CAMdE,OAAO,CAAEL,CANK,CAAD,CASf,CAAOC,CACR,C,CAEKK,SAAS,CAAGnC,EAAE,CAAC,SAAD,C,CAEpB,MAAO,IAAMoC,QAAO,CAAG9C,UAAU,CAC/B,SAAC+C,CAAD,CAAQC,CAAR,CAAyB,OAErBR,CAFqB,CAmBnBO,CAnBmB,CAErBP,QAFqB,GAmBnBO,CAnBmB,CAGrBE,SAHqB,CAGVC,CAHU,YAGQ,UAHR,KAmBnBH,CAnBmB,CAIrBI,MAJqB,CAIb3B,CAJa,YAIA,CAJA,GAKrB4B,CALqB,CAmBnBL,CAnBmB,CAKrBK,WALqB,GAmBnBL,CAnBmB,CAMrBM,kBANqB,CAMrBA,CANqB,YAMAhC,UANA,KAmBnB0B,CAnBmB,CAOrBO,aAPqB,CAQrBf,CARqB,CAmBnBQ,CAnBmB,CAQrBR,cARqB,GAmBnBQ,CAnBmB,CASrBQ,cATqB,CASrBA,CATqB,YASJ,eATI,GAUrBC,CAVqB,CAmBnBT,CAnBmB,CAUrBS,KAVqB,CAWrBC,CAXqB,CAmBnBV,CAnBmB,CAWrBU,SAXqB,CAYXC,CAZW,CAmBnBX,CAnBmB,CAYrBY,QAZqB,CAarBC,CAbqB,CAmBnBb,CAnBmB,CAarBa,SAbqB,CAcrBC,CAdqB,CAmBnBd,CAnBmB,CAcrBc,gBAdqB,CAerBC,CAfqB,CAmBnBf,CAnBmB,CAerBe,cAfqB,CAgBrBC,CAhBqB,CAmBnBhB,CAnBmB,CAgBrBgB,WAhBqB,GAmBnBhB,CAnBmB,CAiBrBiB,SAjBqB,CAiBrBA,CAjBqB,YAiBTC,MAAM,CAAC/B,QAAP,CAAgBgC,IAjBP,GAkBlBC,CAlBkB,0BAmBnBpB,CAnBmB,YAqBjBqB,CAAe,CAAG,QAAAL,CAAW,WAAXA,CAAA,QAAAA,CAAW,CAAEtC,OAAb,GAAwBS,QAAQ,CAACC,eArBlC,CAuBjBZ,CAAG,CAAGxB,KAAK,CAACsE,MAAN,CAA6B,IAA7B,CAvBW,GAwBL/D,QAAQ,EAxBH,CAwBfgE,CAxBe,GAwBfA,KAxBe,GA0ByBvE,KAAK,CAACwE,QAAN,EA1BzB,uBA0BhBC,CA1BgB,MA0BEC,CA1BF,QA6BGjE,gBAAgB,CAACe,CAAD,CA7BnB,CA6BfmD,CA7Be,GA6BfA,KA7Be,CA6BRC,CA7BQ,GA6BRA,MA7BQ,CA8BjBC,CAAU,CAAGpE,gBAAgB,CAACoD,CAAS,EAAI,CAAEnC,OAAO,CAAE,IAAX,CAAd,CA9BZ,CA+BjBoD,CAAoB,CAAG9E,KAAK,CAACsE,MAAN,CAA+B,IAA/B,CA/BN,GAgCyBtE,KAAK,CAACwE,QAAN,CAE9C,EAF8C,CAhCzB,uBAgChBO,CAhCgB,MAgCEC,CAhCF,MAoCjBC,CAAqB,CAAG,UAAM,CAClCD,CAAmB,CAAC,SAACE,CAAD,QAAYA,EAAK,CAAClD,MAAN,CAAe,EAAf,CAAoBkD,CAAhC,CAAD,CADe,CAElCJ,CAAoB,CAACpD,OAArB,CAA+B,IAChC,CAvCsB,CAyCjByD,CAAsB,CAAG,uBAC7BT,EAAmB,QAACb,CAAD,WAACA,CAAD,YAACA,CAAS,CAAEnC,OAAZ,qBAAC,EAAoB0D,qBAApB,EAAD,CADU,CAzCR,CA4CjBhC,CAAM,CAAGhD,OAAO,CACpB,iBAAMmB,UAAS,CAACC,CAAD,CAAMC,CAAN,CAAf,CADoB,CAEpB,CAACA,CAAD,GAAqBD,CAAG,CAACE,OAAzB,CAFoB,CA5CC,GAiDSX,+BAA+B,CAAC,CAC9DsE,WAAW,CAAE,CAAEV,KAAK,CAALA,CAAF,CAASC,MAAM,CAANA,CAAT,CADiD,CAE9DU,YAAY,CAAE,CAEZX,KAAK,CAAEN,CAAe,CAACkB,WAFX,CAGZX,MAAM,CAAEP,CAAe,CAACmB,YAHZ,CAFgD,CAO9DnC,WAAW,CAAXA,CAP8D,CAQ9DD,MAAM,CAANA,CAR8D,CAS9DF,SAAS,CAAEC,CATmD,CAU9DG,kBAAkB,CAAlBA,CAV8D,CAW9DyB,gBAAgB,CAAhBA,CAX8D,CAY9DnB,QAAQ,CAAE5C,gBAAgB,CACxBqD,CADwB,CAExBI,CAAgB,CACZ,CAAEgB,CAAC,CAAEhB,CAAgB,CAACiB,IAAtB,CAA4BC,CAAC,CAAElB,CAAgB,CAACmB,GAAhD,CADY,CAEZjC,CAJoB,CAKxB,CAAC,SAACK,CAAD,WAACA,CAAD,EAACA,CAAW,CAAEtC,OAAd,CALuB,CAZoC,CAmB9DmD,UAAU,CAAVA,CAnB8D,CAoB9DrB,cAAc,CAAdA,CApB8D,CAAD,CAjDxC,CAiDfI,CAjDe,GAiDfA,QAjDe,CAiDLV,CAjDK,GAiDLA,SAjDK,CAwEvBhD,SAAS,CAAC,yBAAM6D,CAAN,WAAMA,CAAN,QAAMA,CAAc,CAAGb,CAAH,CAApB,CAAD,CAAoC,CAACA,CAAD,CAApC,CAxEc,CA0EvBhD,SAAS,CAACiF,CAAD,CAAyB,CAACN,CAAD,CAAzB,CA1Ec,CA4EvB3D,oBAAoB,CAAC,CACnB0B,QAAQ,GADW,CAEnBiD,eAAe,CAAEhC,CAAS,EAAI,CAAEnC,OAAO,CAAE,IAAX,CAFX,CAGnBoE,mBAAmB,CAAE,8BAAM,CACzBb,CAAqB,EADI,CAEzBE,CAAsB,EACvB,CANkB,CAAD,CA5EG,CA4FvBhF,eAAe,CAAC,UAAM,CAChB2E,CAAoB,CAACpD,OAArB,GAAiCwB,CADjB,GAGhB4B,CAAoB,CAACpD,OAArB,EACA,CAACqD,CAAgB,CAACgB,QAAjB,CAA0BjB,CAAoB,CAACpD,OAA/C,CADD,EAEA,CAACqD,CAAgB,CAACgB,QAAjB,CAA0B7C,CAA1B,CAFD,EAGAA,CAAS,GAAKM,CANE,EAQhBwB,CAAmB,CAAC,SAACE,CAAD,QAClBJ,EAAoB,CAACpD,OAArB,8BACQwD,CADR,GACeJ,CAAoB,CAACpD,OADpC,GAEIwD,CAHc,CAAD,CARH,CAclBJ,CAAoB,CAACpD,OAArB,CAA+BwB,CAdb,CAgBrB,CAhBc,CAgBZ,CAACA,CAAD,CAhBY,CA5FQ,CAiHvB/C,eAAe,CAAC8E,CAAD,CAAwB,CAACjC,CAAD,CAAxB,CAjHQ,IAmHjBgD,EAAc,CAAG/E,iBAAiB,CACtCoD,CADsC,CAEtCT,CAFsC,CAGtC,CAAC,SAACI,CAAD,WAACA,CAAD,EAACA,CAAW,CAAEtC,OAAd,CAHqC,CAItCiD,CAJsC,CAKtCC,CALsC,CAnHjB,CA2HjBqB,CAAU,CAAG,CAACD,CAAD,EAAmB,CAACpB,CAApB,EAA8B,CAACD,CA3H3B,CA6HvB,MACE,qBAAC,eAAD,kBACMP,CADN,EAEE,MAAM,CAAEG,CAFV,CAGE,SAAS,CAAEzB,SAAS,CAAC,CAAEI,SAAS,CAATA,CAAF,CAAa+C,UAAU,CAAVA,CAAb,CAAD,CAA4B,CAACvC,CAAD,CAA5B,CAHtB,CAIE,SAAS,CAAEO,CAJb,CAKE,GAAG,CAAEvD,UAAU,CAAC,CAACc,CAAD,CAAMyB,CAAN,CAAD,CALjB,CAME,KAAK,gCACAQ,CADA,EAECwC,CAAU,CACV,EADU,yBAGP,gBAHO,WAGyBD,CAAc,CAACP,CAHxC,0BAIP,eAJO,WAIwBO,CAAc,CAACL,CAJvC,4CAKuB7B,CAAgB,WACxCe,CAAU,CAACF,KAD6B,aALvC,+CAQgC,wBAEpC,MAVI,2CAW4Bf,CAAQ,QAExC,QAbI,IAFX,CANP,GAyBE,oBAAC,eAAD,EACE,cAAc,CAAEpB,CADlB,CAEE,sBAAsB,CAAE,CAAChB,CAAD,CAAMqC,CAAS,EAAI,CAAEnC,OAAO,CAAE,IAAX,CAAnB,CAF1B,EAIGd,YAAY,CAAC6B,CAAD,CAAZ,CAAyBA,CAAQ,CAACS,CAAD,CAAjC,CAA+CT,CAJlD,CAzBF,CAiCH,CAhK8B,CAA1B"}

package/__internal__/src/components/SelectCanary/SelectDropdown/SelectDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectDropdown.js","names":["useAtom","React","Fragment","memo","useMemo","ListItem","ListLoader","mapVerticalSpace","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","forkRef","useForkRef","useVirtualScroll","cnMixScrollBar","cnMixSpace","cnCanary","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","SelectPopover","SelectRenderItem","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","length","index","element","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionActions","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","offset","offsetProp","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","highlightIndex","onCreate","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","otherProps","visibleItems","hasItems","isListMount","setIsListMount","getItemKey","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","scrollContainerRef","getIndex","getVirtualIndex","zIndex","pV","marginTop","map","key","virtualIndex","item"],"sources":["../../../../../../src/components/SelectCanary/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { Fragment, memo, useMemo } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport {\n ListItem,\n ListLoader,\n mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { PopoverPropOffset } from '##/components/Popover';\nimport {\n GetOptionPropsResult,\n isNotOptionForCreate,\n isOptionForCreate,\n isOptionForSelectAll,\n OptionForCreate,\n OptionProps,\n} from '##/components/SelectCanary/useSelect';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { SelectPopover } from '../SelectPopover';\nimport { SelectRenderItem } from '../SelectRenderItem';\nimport { CountedGroup } from '../types';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype RenderItemProps<ITEM> = {\n item: ITEM;\n active: boolean;\n hovered: boolean;\n onClick: (e: React.MouseEvent) => void;\n onMouseEnter: (e: React.MouseEvent) => void;\n ref: React.Ref<HTMLDivElement>;\n};\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n size: FieldPropSize;\n controlRef: React.MutableRefObject<HTMLDivElement \| null>;\n dropdownRef: React.Ref<HTMLDivElement>;\n getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;\n form: SelectDropdownPropForm;\n openAtom: AtomMut<boolean>;\n offset?: PopoverPropOffset \| 'none';\n isLoading?: boolean;\n renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode \| null;\n highlightedIndexAtom: AtomMut<number>;\n visibleItemsAtom: AtomMut<(OptionForCreate \| CountedGroup<ITEM, GROUP>)[]>;\n getGroupLabel?: (group: GROUP) => string;\n labelForCreate?:\n \| ((label: string \| undefined) => React.ReactNode)\n \| React.ReactNode;\n labelForNotFound?: string;\n labelForEmptyItems?: string;\n notFound?: boolean;\n hasItemsAtom: AtomMut<boolean>;\n itemsRefs: React.RefObject<HTMLDivElement>[];\n virtualScroll?: boolean;\n onScrollToBottom?: (length: number) => void;\n valueAtom: AtomMut<ITEM[]>;\n getItemKeyAtom: AtomMut<(item: ITEM) => string \| number>;\n onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;\n highlightIndex: (index: number) => void;\n onCreate: (e: React.SyntheticEvent) => void;\n onChange: (e: React.SyntheticEvent, item: ITEM) => void;\n inputValueAtom: AtomMut<string>;\n groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n dropdownZIndexAtom: AtomMut<number \| undefined>;\n selectAllLabel: string;\n}>;\n\ntype SelectDropdownComponent = <ITEM, GROUP>(\n props: Props<ITEM, GROUP>,\n) => React.ReactElement \| null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n elements: (\n \| OptionForCreate\n \| {\n items: Array<SelectAllItem \| ITEM>;\n key: string \| number;\n group?: GROUP;\n }\n )[],\n) => {\n let length = elements.length <= 1 ? 0 : elements.length;\n\n for (let index = 0; index < elements.length; index++) {\n const element = elements[index];\n\n if (isNotOptionForCreate(element) && element?.items?.length) {\n length += element.items.length;\n }\n }\n\n return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdownComponent = memo((props) => {\n const {\n controlRef,\n size,\n getOptionActions,\n dropdownRef: dropdownRefProp,\n labelForCreate,\n className,\n labelForNotFound,\n labelForEmptyItems,\n hasItemsAtom,\n form,\n openAtom,\n offset: offsetProp = 'none',\n renderItem,\n visibleItemsAtom,\n isLoading,\n getGroupLabel,\n notFound,\n itemsRefs,\n virtualScroll,\n onScrollToBottom,\n highlightedIndexAtom,\n valueAtom,\n getItemKeyAtom,\n highlightIndex,\n onCreate,\n onChange,\n onChangeAll,\n inputValueAtom,\n groupsCounterAtom,\n dropdownZIndexAtom,\n selectAllLabel,\n ...otherProps\n } = props;\n\n const [visibleItems] = useAtom(visibleItemsAtom);\n const [hasItems] = useAtom(hasItemsAtom);\n const [isListMount, setIsListMount] = useAtom(false);\n const [getItemKey] = useAtom(getItemKeyAtom);\n const indent = form === 'round' ? 'increased' : 'normal';\n\n const isListShowed = useMemo(() => {\n return (\n visibleItems.filter(\n (group) =>\n isOptionForCreate(group) \|\|\n (Array.isArray(group.items) && group.items.length > 0),\n ).length > 0\n );\n }, [visibleItems]);\n\n const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n const lengthForVirtualScroll = useMemo(\n () => getLengthElements(visibleItems),\n [visibleItems],\n );\n\n const {\n spaceTop,\n slice: sliceHookProp,\n listRefs,\n scrollElementRef,\n } = useVirtualScroll({\n length: lengthForVirtualScroll,\n isActive: virtualScroll && isListMount,\n onScrollToBottom,\n });\n\n const scrollContainerRef = useForkRef([scrollElementRef, dropdownRefProp]);\n\n const slice: [number, number] =\n sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n const getIndex = fabricIndex();\n const getVirtualIndex = fabricIndex();\n const [zIndex] = useAtom(dropdownZIndexAtom);\n\n return (\n <SelectPopover\n {...otherProps}\n anchorRef={controlRef}\n offset={offset}\n role=\"listbox\"\n className={cnSelectDropdown()}\n size={size}\n controlRef={controlRef}\n openAtom={openAtom}\n form={form}\n onMount={setIsListMount}\n style={{ zIndex }}\n >\n {isListMount && (\n <div\n className={cnSelectDropdown('ScrollContainer', [\n cnMixSpace({\n pV: mapVerticalSpace[size],\n }),\n cnMixScrollBar({ size: 'xs' }),\n ])}\n ref={scrollContainerRef}\n >\n {isLoading && !isListShowed && <SelectLoader />}\n <div\n className={cnSelectDropdown('List')}\n key={cnSelectDropdown('List')}\n style={{ marginTop: spaceTop }}\n >\n {visibleItems.map((group) => {\n if (isOptionForCreate(group)) {\n const index = getIndex();\n return (\n <SelectCreateButton\n size={size}\n key={cnSelectDropdown('List', { key: 'CreateButton' })}\n labelForCreate={labelForCreate}\n indent={indent}\n ref={itemsRefs[index]}\n onClick={onCreate}\n highlightedIndexAtom={highlightedIndexAtom}\n inputValueAtom={inputValueAtom}\n highlightIndex={highlightIndex}\n index={index}\n />\n );\n }\n\n const virtualIndex =\n visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n return (\n <Fragment key={group.key}>\n {group.group &&\n getGroupLabel &&\n isVisible(slice, virtualIndex) && (\n <SelectGroupLabel\n label={getGroupLabel(group.group)}\n size={size}\n indent={indent}\n ref={listRefs[virtualIndex]}\n key={`group-${group.key}-Label`}\n />\n )}\n {group.items.map((item) => {\n if (isOptionForSelectAll(item)) {\n const virtualIndex = getVirtualIndex();\n const index = getIndex();\n\n if (isVisible(slice, virtualIndex)) {\n return (\n <SelectItemAll\n label={selectAllLabel}\n groupId={group.key}\n highlightedIndexAtom={highlightedIndexAtom}\n groupsCounterAtom={groupsCounterAtom}\n key={cnSelectDropdown('SelectItemAll', {\n group: group.key,\n })}\n ref={forkRef([\n listRefs[virtualIndex],\n itemsRefs[index],\n ])}\n indent={indent}\n size={size}\n {...getOptionActions({\n index,\n item,\n })}\n index={index}\n />\n );\n }\n } else {\n const virtualIndex = getVirtualIndex();\n const index = getIndex();\n if (isVisible(slice, virtualIndex)) {\n return (\n <SelectRenderItem\n key={cnSelectDropdown('SelectRenderItem', {\n group: group.key,\n item: getItemKey(item),\n })}\n getItemKeyAtom={getItemKeyAtom}\n highlightedIndexAtom={highlightedIndexAtom}\n rootRef={forkRef([\n listRefs[virtualIndex],\n itemsRefs[index],\n ])}\n renderItem={renderItem}\n item={item}\n {...getOptionActions({\n index,\n item,\n })}\n index={index}\n valueAtom={valueAtom}\n />\n );\n }\n }\n })}\n </Fragment>\n );\n })}\n {isLoading && isListShowed && (\n <ListLoader size={size} innerOffset={indent} />\n )}\n </div>\n {!isLoading && !hasItems && labelForEmptyItems && (\n <ListItem\n size={size}\n label={labelForEmptyItems}\n innerOffset={indent}\n >\n {labelForEmptyItems}\n </ListItem>\n )}\n </div>\n )}\n </SelectPopover>\n );\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"SelectDropdown.js","names":["useAtom","React","Fragment","memo","useMemo","ListItem","ListLoader","mapVerticalSpace","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","forkRef","useForkRef","useVirtualScroll","cnMixScrollBar","cnMixSpace","cnCanary","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","SelectPopover","SelectRenderItem","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","length","index","element","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionActions","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","offset","offsetProp","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","highlightIndex","onCreate","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","otherProps","visibleItems","hasItems","isListMount","setIsListMount","getItemKey","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","scrollContainerRef","getIndex","getVirtualIndex","zIndex","pV","marginTop","map","key","virtualIndex","item"],"sources":["../../../../../../src/components/SelectCanary/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { Fragment, memo, useMemo } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport {\n ListItem,\n ListLoader,\n mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { PopoverPropOffset } from '##/components/Popover';\nimport {\n GetOptionPropsResult,\n isNotOptionForCreate,\n isOptionForCreate,\n isOptionForSelectAll,\n OptionForCreate,\n OptionProps,\n} from '##/components/SelectCanary/useSelect';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { SelectPopover } from '../SelectPopover';\nimport { SelectRenderItem } from '../SelectRenderItem';\nimport { CountedGroup } from '../types';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype RenderItemProps<ITEM> = {\n item: ITEM;\n active: boolean;\n hovered: boolean;\n onClick: (e: React.MouseEvent) => void;\n onMouseEnter: (e: React.MouseEvent) => void;\n ref: React.Ref<HTMLDivElement>;\n};\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n size: FieldPropSize;\n controlRef: React.MutableRefObject<HTMLDivElement \| null>;\n dropdownRef: React.Ref<HTMLDivElement>;\n getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;\n form: SelectDropdownPropForm;\n openAtom: AtomMut<boolean>;\n offset?: PopoverPropOffset \| 'none';\n isLoading?: boolean;\n renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode \| null;\n highlightedIndexAtom: AtomMut<number>;\n visibleItemsAtom: AtomMut<(OptionForCreate \| CountedGroup<ITEM, GROUP>)[]>;\n getGroupLabel?: (group: GROUP) => string;\n labelForCreate?:\n \| ((label: string \| undefined) => React.ReactNode)\n \| React.ReactNode;\n labelForNotFound?: string;\n labelForEmptyItems?: string;\n notFound?: boolean;\n hasItemsAtom: AtomMut<boolean>;\n itemsRefs: React.RefObject<HTMLDivElement>[];\n virtualScroll?: boolean;\n onScrollToBottom?: (length: number) => void;\n valueAtom: AtomMut<ITEM[]>;\n getItemKeyAtom: AtomMut<(item: ITEM) => string \| number>;\n onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;\n highlightIndex: (index: number) => void;\n onCreate: (e: React.SyntheticEvent) => void;\n onChange: (e: React.SyntheticEvent, item: ITEM) => void;\n inputValueAtom: AtomMut<string>;\n groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n dropdownZIndexAtom: AtomMut<number \| undefined>;\n selectAllLabel: string;\n}>;\n\ntype SelectDropdownComponent = <ITEM, GROUP>(\n props: Props<ITEM, GROUP>,\n) => React.ReactElement \| null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n elements: (\n \| OptionForCreate\n \| {\n items: Array<SelectAllItem \| ITEM>;\n key: string \| number;\n group?: GROUP;\n }\n )[],\n) => {\n let length = elements.length <= 1 ? 0 : elements.length;\n\n for (let index = 0; index < elements.length; index++) {\n const element = elements[index];\n\n if (isNotOptionForCreate(element) && element?.items?.length) {\n length += element.items.length;\n }\n }\n\n return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdownComponent = memo((props) => {\n const {\n controlRef,\n size,\n getOptionActions,\n dropdownRef: dropdownRefProp,\n labelForCreate,\n className,\n labelForNotFound,\n labelForEmptyItems,\n hasItemsAtom,\n form,\n openAtom,\n offset: offsetProp = 'none',\n renderItem,\n visibleItemsAtom,\n isLoading,\n getGroupLabel,\n notFound,\n itemsRefs,\n virtualScroll,\n onScrollToBottom,\n highlightedIndexAtom,\n valueAtom,\n getItemKeyAtom,\n highlightIndex,\n onCreate,\n onChange,\n onChangeAll,\n inputValueAtom,\n groupsCounterAtom,\n dropdownZIndexAtom,\n selectAllLabel,\n ...otherProps\n } = props;\n\n const [visibleItems] = useAtom(visibleItemsAtom);\n\n const [hasItems] = useAtom(hasItemsAtom);\n const [isListMount, setIsListMount] = useAtom(false);\n const [getItemKey] = useAtom(getItemKeyAtom);\n const indent = form === 'round' ? 'increased' : 'normal';\n\n const isListShowed = useMemo(() => {\n return (\n visibleItems.filter(\n (group) =>\n isOptionForCreate(group) \|\|\n (Array.isArray(group.items) && group.items.length > 0),\n ).length > 0\n );\n }, [visibleItems]);\n\n const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n const lengthForVirtualScroll = useMemo(\n () => getLengthElements(visibleItems),\n [visibleItems],\n );\n\n const {\n spaceTop,\n slice: sliceHookProp,\n listRefs,\n scrollElementRef,\n } = useVirtualScroll({\n length: lengthForVirtualScroll,\n isActive: virtualScroll && isListMount,\n onScrollToBottom,\n });\n\n const scrollContainerRef = useForkRef([scrollElementRef, dropdownRefProp]);\n\n const slice: [number, number] =\n sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n const getIndex = fabricIndex();\n const getVirtualIndex = fabricIndex();\n const [zIndex] = useAtom(dropdownZIndexAtom);\n\n return (\n <SelectPopover\n {...otherProps}\n anchorRef={controlRef}\n offset={offset}\n role=\"listbox\"\n className={cnSelectDropdown()}\n size={size}\n controlRef={controlRef}\n openAtom={openAtom}\n form={form}\n onMount={setIsListMount}\n style={{ zIndex }}\n >\n {isListMount && (\n <div\n className={cnSelectDropdown('ScrollContainer', [\n cnMixSpace({\n pV: mapVerticalSpace[size],\n }),\n cnMixScrollBar({ size: 'xs' }),\n ])}\n ref={scrollContainerRef}\n >\n {isLoading && !isListShowed && <SelectLoader />}\n <div\n className={cnSelectDropdown('List')}\n key={cnSelectDropdown('List')}\n style={{ marginTop: spaceTop }}\n >\n {visibleItems.map((group) => {\n if (isOptionForCreate(group)) {\n const index = getIndex();\n return (\n <SelectCreateButton\n size={size}\n key={cnSelectDropdown('List', { key: 'CreateButton' })}\n labelForCreate={labelForCreate}\n indent={indent}\n ref={itemsRefs[index]}\n onClick={onCreate}\n highlightedIndexAtom={highlightedIndexAtom}\n inputValueAtom={inputValueAtom}\n highlightIndex={highlightIndex}\n index={index}\n />\n );\n }\n\n const virtualIndex =\n visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n return (\n <Fragment key={group.key}>\n {group.group &&\n getGroupLabel &&\n isVisible(slice, virtualIndex) && (\n <SelectGroupLabel\n label={getGroupLabel(group.group)}\n size={size}\n indent={indent}\n ref={listRefs[virtualIndex]}\n key={`group-${group.key}-Label`}\n />\n )}\n {group.items.map((item) => {\n if (isOptionForSelectAll(item)) {\n const virtualIndex = getVirtualIndex();\n const index = getIndex();\n\n if (isVisible(slice, virtualIndex)) {\n return (\n <SelectItemAll\n label={selectAllLabel}\n groupId={group.key}\n highlightedIndexAtom={highlightedIndexAtom}\n groupsCounterAtom={groupsCounterAtom}\n key={cnSelectDropdown('SelectItemAll', {\n group: group.key,\n })}\n ref={forkRef([\n listRefs[virtualIndex],\n itemsRefs[index],\n ])}\n indent={indent}\n size={size}\n {...getOptionActions({\n index,\n item,\n })}\n index={index}\n />\n );\n }\n } else {\n const virtualIndex = getVirtualIndex();\n const index = getIndex();\n if (isVisible(slice, virtualIndex)) {\n return (\n <SelectRenderItem\n key={cnSelectDropdown('SelectRenderItem', {\n group: group.key,\n item: getItemKey(item),\n })}\n getItemKeyAtom={getItemKeyAtom}\n highlightedIndexAtom={highlightedIndexAtom}\n rootRef={forkRef([\n listRefs[virtualIndex],\n itemsRefs[index],\n ])}\n renderItem={renderItem}\n item={item}\n {...getOptionActions({\n index,\n item,\n })}\n index={index}\n valueAtom={valueAtom}\n />\n );\n }\n }\n })}\n </Fragment>\n );\n })}\n {isLoading && isListShowed && (\n <ListLoader size={size} innerOffset={indent} />\n )}\n </div>\n {!isLoading && !hasItems && labelForEmptyItems && (\n <ListItem\n size={size}\n label={labelForEmptyItems}\n innerOffset={indent}\n >\n {labelForEmptyItems}\n </ListItem>\n )}\n </div>\n )}\n </SelectPopover>\n );\n});\n"],"mappings":"onBAAA,6BAGA,OAASA,OAAT,KAAwB,mBAAxB,CACA,MAAOC,MAAP,EAAgBC,QAAhB,CAA0BC,IAA1B,CAAgCC,OAAhC,KAA+C,OAA/C,CAGA,OACEC,QADF,CAEEC,UAFF,CAGEC,gBAHF,wBAMA,OAEEC,oBAFF,CAGEC,iBAHF,CAIEC,oBAJF,oBAQA,OAASC,OAAT,CAAkBC,UAAlB,iCACA,OAASC,gBAAT,uCACA,OAASC,cAAT,kCACA,OAASC,UAAT,8BACA,OAASC,QAAQ,GAAIC,GAArB,0BACA,OAASC,WAAT,kCAIA,OAASC,kBAAT,gDACA,OAASC,gBAAT,4CACA,OAASC,aAAT,sCACA,OAASC,YAAT,oCACA,OAASC,aAAT,wBACA,OAASC,gBAAT,2BAGA,MAAO,IAAMC,mBAAkB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAA3B,CAEP,MAAO,IAAMC,8BAA6B,CAAGD,kBAAkB,CAAC,CAAD,CAAxD,C,GAkDDE,iBAAgB,CAAGV,EAAE,CAAC,gBAAD,C,CAErBW,iBAAiB,CAAG,SACxBC,CADwB,CASrB,CAGH,OAFIC,EAAM,CAAsB,CAAnB,EAAAD,CAAQ,CAACC,MAAT,CAAuB,CAAvB,CAA2BD,CAAQ,CAACC,MAEjD,CAASC,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGF,CAAQ,CAACC,MAArC,CAA6CC,CAAK,EAAlD,CAAsD,OAC9CC,CAAO,CAAGH,CAAQ,CAACE,CAAD,CAD4B,CAGhDvB,oBAAoB,CAACwB,CAAD,CAApB,SAAiCA,CAAjC,WAAiCA,CAAjC,YAAiCA,CAAO,CAAEC,KAA1C,eAAiC,EAAgBH,MAHD,GAIlDA,CAAM,EAAIE,CAAO,CAACC,KAAR,CAAcH,MAJ0B,CAMrD,CAED,MAAOA,EACR,C,CAEKI,SAAS,CAAG,SAACC,CAAD,CAA0BJ,CAA1B,CAA4C,CAC5D,MAAOA,EAAK,EAAII,CAAK,CAAC,CAAD,CAAd,EAAqBJ,CAAK,CAAGI,CAAK,CAAC,CAAD,CAC1C,C,CAED,MAAO,IAAMC,eAAuC,CAAGjC,IAAI,CAAC,SAACkC,CAAD,CAAW,IAEnEC,EAFmE,CAkCjED,CAlCiE,CAEnEC,UAFmE,CAGnEC,CAHmE,CAkCjEF,CAlCiE,CAGnEE,IAHmE,CAInEC,CAJmE,CAkCjEH,CAlCiE,CAInEG,gBAJmE,CAKtDC,CALsD,CAkCjEJ,CAlCiE,CAKnEK,WALmE,CAMnEC,CANmE,CAkCjEN,CAlCiE,CAMnEM,cANmE,CAOnEC,CAPmE,CAkCjEP,CAlCiE,CAOnEO,SAPmE,CAQnEC,CARmE,CAkCjER,CAlCiE,CAQnEQ,gBARmE,CASnEC,CATmE,CAkCjET,CAlCiE,CASnES,kBATmE,CAUnEC,CAVmE,CAkCjEV,CAlCiE,CAUnEU,YAVmE,CAWnEC,CAXmE,CAkCjEX,CAlCiE,CAWnEW,IAXmE,CAYnEC,CAZmE,CAkCjEZ,CAlCiE,CAYnEY,QAZmE,GAkCjEZ,CAlCiE,CAanEa,MAbmE,CAa3DC,CAb2D,YAa9C,MAb8C,GAcnEC,CAdmE,CAkCjEf,CAlCiE,CAcnEe,UAdmE,CAenEC,CAfmE,CAkCjEhB,CAlCiE,CAenEgB,gBAfmE,CAgBnEC,CAhBmE,CAkCjEjB,CAlCiE,CAgBnEiB,SAhBmE,CAiBnEC,CAjBmE,CAkCjElB,CAlCiE,CAiBnEkB,aAjBmE,CAkBnEC,CAlBmE,CAkCjEnB,CAlCiE,CAkBnEmB,QAlBmE,CAmBnEC,CAnBmE,CAkCjEpB,CAlCiE,CAmBnEoB,SAnBmE,CAoBnEC,CApBmE,CAkCjErB,CAlCiE,CAoBnEqB,aApBmE,CAqBnEC,CArBmE,CAkCjEtB,CAlCiE,CAqBnEsB,gBArBmE,CAsBnEC,CAtBmE,CAkCjEvB,CAlCiE,CAsBnEuB,oBAtBmE,CAuBnEC,CAvBmE,CAkCjExB,CAlCiE,CAuBnEwB,SAvBmE,CAwBnEC,CAxBmE,CAkCjEzB,CAlCiE,CAwBnEyB,cAxBmE,CAyBnEC,CAzBmE,CAkCjE1B,CAlCiE,CAyBnE0B,cAzBmE,CA0BnEC,CA1BmE,CAkCjE3B,CAlCiE,CA0BnE2B,QA1BmE,CA2BnEC,CA3BmE,CAkCjE5B,CAlCiE,CA2BnE4B,QA3BmE,CA4BnEC,CA5BmE,CAkCjE7B,CAlCiE,CA4BnE6B,WA5BmE,CA6BnEC,CA7BmE,CAkCjE9B,CAlCiE,CA6BnE8B,cA7BmE,CA8BnEC,CA9BmE,CAkCjE/B,CAlCiE,CA8BnE+B,iBA9BmE,CA+BnEC,CA/BmE,CAkCjEhC,CAlCiE,CA+BnEgC,kBA/BmE,CAgCnEC,CAhCmE,CAkCjEjC,CAlCiE,CAgCnEiC,cAhCmE,CAiChEC,CAjCgE,0BAkCjElC,CAlCiE,cAoC9CrC,OAAO,CAACqD,CAAD,CApCuC,uBAoC9DmB,CApC8D,QAsClDxE,OAAO,CAAC+C,CAAD,CAtC2C,uBAsC9D0B,CAtC8D,QAuC/BzE,OAAO,IAvCwB,uBAuC9D0E,CAvC8D,MAuCjDC,CAvCiD,QAwChD3E,OAAO,CAAC8D,CAAD,CAxCyC,uBAwC9Dc,CAxC8D,MAyC/DC,CAAM,CAAY,OAAT,GAAA7B,CAAI,CAAe,WAAf,CAA6B,QAzCqB,CA2C/D8B,CAAY,CAAG1E,OAAO,CAAC,UAAM,CACjC,MAKa,EAJX,CAAAoE,CAAY,CAACO,MAAb,CACE,SAACC,CAAD,QACEvE,kBAAiB,CAACuE,CAAD,CAAjB,EACCC,KAAK,CAACC,OAAN,CAAcF,CAAK,CAAC/C,KAApB,GAAmD,CAArB,CAAA+C,CAAK,CAAC/C,KAAN,CAAYH,MAF7C,CADF,EAIEA,MAEL,CAR2B,CAQzB,CAAC0C,CAAD,CARyB,CA3CyC,CAqD/DtB,CAAM,CAAkB,MAAf,GAAAC,CAAU,QAA0BA,CArDkB,CAuD/DgC,CAAsB,CAAG/E,OAAO,CACpC,iBAAMwB,kBAAiB,CAAC4C,CAAD,CAAvB,CADoC,CAEpC,CAACA,CAAD,CAFoC,CAvD+B,GAiEjE3D,gBAAgB,CAAC,CACnBiB,MAAM,CAAEqD,CADW,CAEnBC,QAAQ,CAAE1B,CAAa,EAAIgB,CAFR,CAGnBf,gBAAgB,CAAhBA,CAHmB,CAAD,CAjEiD,CA6DnE0B,CA7DmE,GA6DnEA,QA7DmE,CA8D5DC,CA9D4D,GA8DnEnD,KA9DmE,CA+DnEoD,EA/DmE,GA+DnEA,QA/DmE,CAgEnEC,EAhEmE,GAgEnEA,gBAhEmE,CAuE/DC,EAAkB,CAAG7E,UAAU,CAAC,CAAC4E,EAAD,CAAmB/C,CAAnB,CAAD,CAvEgC,CAyE/DN,EAAuB,CACN,CAArB,GAAAmD,CAAa,CAAC,CAAD,CAAb,EAA0B5B,CAA1B,CAA0C,CAAC,CAAD,CAAI,EAAJ,CAA1C,CAAoD4B,CA1Ee,CA4E/DI,EAAQ,CAAGxE,WAAW,EA5EyC,CA6E/DyE,EAAe,CAAGzE,WAAW,EA7EkC,IA8EpDlB,OAAO,CAACqE,CAAD,CA9E6C,yBA8E9DuB,EA9E8D,OAgFrE,MACE,qBAAC,aAAD,kBACMrB,CADN,EAEE,SAAS,CAAEjC,CAFb,CAGE,MAAM,CAAEY,CAHV,CAIE,IAAI,CAAC,SAJP,CAKE,SAAS,CAAEvB,gBAAgB,EAL7B,CAME,IAAI,CAAEY,CANR,CAOE,UAAU,CAAED,CAPd,CAQE,QAAQ,CAAEW,CARZ,CASE,IAAI,CAAED,CATR,CAUE,OAAO,CAAE2B,CAVX,CAWE,KAAK,CAAE,CAAEiB,MAAM,CAANA,EAAF,CAXT,GAaGlB,CAAW,EACV,2BACE,SAAS,CAAE/C,gBAAgB,CAAC,iBAAD,CAAoB,CAC7CZ,UAAU,CAAC,CACT8E,EAAE,CAAEtF,gBAAgB,CAACgC,CAAD,CADX,CAAD,CADmC,CAI7CzB,cAAc,CAAC,CAAEyB,IAAI,CAAE,IAAR,CAAD,CAJ+B,CAApB,CAD7B,CAOE,GAAG,CAAEkD,EAPP,EASGnC,CAAS,EAAI,CAACwB,CAAd,EAA8B,oBAAC,YAAD,MATjC,CAUE,2BACE,SAAS,CAAEnD,gBAAgB,CAAC,MAAD,CAD7B,CAEE,GAAG,CAAEA,gBAAgB,CAAC,MAAD,CAFvB,CAGE,KAAK,CAAE,CAAEmE,SAAS,CAAET,CAAb,CAHT,EAKGb,CAAY,CAACuB,GAAb,CAAiB,SAACf,CAAD,CAAW,CAC3B,GAAIvE,iBAAiB,CAACuE,CAAD,CAArB,CAA8B,CAC5B,GAAMjD,EAAK,CAAG2D,EAAQ,EAAtB,CACA,MACE,qBAAC,kBAAD,EACE,IAAI,CAAEnD,CADR,CAEE,GAAG,CAAEZ,gBAAgB,CAAC,MAAD,CAAS,CAAEqE,GAAG,CAAE,cAAP,CAAT,CAFvB,CAGE,cAAc,CAAErD,CAHlB,CAIE,MAAM,CAAEkC,CAJV,CAKE,GAAG,CAAEpB,CAAS,CAAC1B,CAAD,CALhB,CAME,OAAO,CAAEiC,CANX,CAOE,oBAAoB,CAAEJ,CAPxB,CAQE,cAAc,CAAEO,CARlB,CASE,cAAc,CAAEJ,CATlB,CAUE,KAAK,CAAEhC,CAVT,EAaH,CAED,GAAMkE,EAAY,CACM,CAAtB,CAAAzB,CAAY,CAAC1C,MAAb,CAA0B6D,EAAe,EAAzC,CAA8C,CADhD,CAGA,MACE,qBAAC,QAAD,EAAU,GAAG,CAAEX,CAAK,CAACgB,GAArB,EACGhB,CAAK,CAACA,KAAN,EACCzB,CADD,EAECrB,SAAS,CAACC,EAAD,CAAQ8D,CAAR,CAFV,EAGG,oBAAC,gBAAD,EACE,KAAK,CAAE1C,CAAa,CAACyB,CAAK,CAACA,KAAP,CADtB,CAEE,IAAI,CAAEzC,CAFR,CAGE,MAAM,CAAEsC,CAHV,CAIE,GAAG,CAAEU,EAAQ,CAACU,CAAD,CAJf,CAKE,GAAG,iBAAWjB,CAAK,CAACgB,GAAjB,UALL,EAJN,CAYGhB,CAAK,CAAC/C,KAAN,CAAY8D,GAAZ,CAAgB,SAACG,CAAD,CAAU,CACzB,GAAIxF,oBAAoB,CAACwF,CAAD,CAAxB,CAAgC,IACxBD,EAAY,CAAGN,EAAe,EADN,CAExB5D,CAAK,CAAG2D,EAAQ,EAFQ,CAI9B,GAAIxD,SAAS,CAACC,EAAD,CAAQ8D,CAAR,CAAb,CACE,MACE,qBAAC,aAAD,gBACE,KAAK,CAAE3B,CADT,CAEE,OAAO,CAAEU,CAAK,CAACgB,GAFjB,CAGE,oBAAoB,CAAEpC,CAHxB,CAIE,iBAAiB,CAAEQ,CAJrB,CAKE,GAAG,CAAEzC,gBAAgB,CAAC,eAAD,CAAkB,CACrCqD,KAAK,CAAEA,CAAK,CAACgB,GADwB,CAAlB,CALvB,CAQE,GAAG,CAAErF,OAAO,CAAC,CACX4E,EAAQ,CAACU,CAAD,CADG,CAEXxC,CAAS,CAAC1B,CAAD,CAFE,CAAD,CARd,CAYE,MAAM,CAAE8C,CAZV,CAaE,IAAI,CAAEtC,CAbR,EAcMC,CAAgB,CAAC,CACnBT,KAAK,CAALA,CADmB,CAEnBmE,IAAI,CAAJA,CAFmB,CAAD,CAdtB,EAkBE,KAAK,CAAEnE,CAlBT,GAsBL,CA5BD,IA4BO,IACCkE,EAAY,CAAGN,EAAe,EAD/B,CAEC5D,CAAK,CAAG2D,EAAQ,EAFjB,CAGL,GAAIxD,SAAS,CAACC,EAAD,CAAQ8D,CAAR,CAAb,CACE,MACE,qBAAC,gBAAD,gBACE,GAAG,CAAEtE,gBAAgB,CAAC,kBAAD,CAAqB,CACxCqD,KAAK,CAAEA,CAAK,CAACgB,GAD2B,CAExCE,IAAI,CAAEtB,CAAU,CAACsB,CAAD,CAFwB,CAArB,CADvB,CAKE,cAAc,CAAEpC,CALlB,CAME,oBAAoB,CAAEF,CANxB,CAOE,OAAO,CAAEjD,OAAO,CAAC,CACf4E,EAAQ,CAACU,CAAD,CADO,CAEfxC,CAAS,CAAC1B,CAAD,CAFM,CAAD,CAPlB,CAWE,UAAU,CAAEqB,CAXd,CAYE,IAAI,CAAE8C,CAZR,EAaM1D,CAAgB,CAAC,CACnBT,KAAK,CAALA,CADmB,CAEnBmE,IAAI,CAAJA,CAFmB,CAAD,CAbtB,EAiBE,KAAK,CAAEnE,CAjBT,CAkBE,SAAS,CAAE8B,CAlBb,GAsBL,CACF,CAzDA,CAZH,CAwEH,CA/FA,CALH,CAqGGP,CAAS,EAAIwB,CAAb,EACC,oBAAC,UAAD,EAAY,IAAI,CAAEvC,CAAlB,CAAwB,WAAW,CAAEsC,CAArC,EAtGJ,CAVF,CAmHG,CAACvB,CAAD,EAAc,CAACmB,CAAf,EAA2B3B,CAA3B,EACC,oBAAC,QAAD,EACE,IAAI,CAAEP,CADR,CAEE,KAAK,CAAEO,CAFT,CAGE,WAAW,CAAE+B,CAHf,EAKG/B,CALH,CApHJ,CAdJ,CA8IH,CA/N0D,CAApD"}

package/__internal__/src/components/SelectCanary/SelectInput/SelectInput.css CHANGED Viewed

	@@ -1 +1 @@
1	- .canary--SelectInput{--select-input-text-height:calc(var(--field-control-layout-height) - var(--field-control-layout-border-width));position:relative}.canary--SelectInput_withValue .canary--SelectInput-Input{opacity:0}.canary--SelectInput-Input[readonly]:not([disabled]),.canary--SelectInput_withValue .canary--SelectInput-Input:not([disabled]){cursor:pointer}.canary--SelectInput-Value{color:var(--field-control-layout-input-color);height:100%;pointer-events:none;position:absolute;width:100%}.canary--SelectInput-ValueText{height:var(--select-input-text-height);line-height:var(--select-input-text-height)}
1	+ .canary--SelectInput{--select-input-text-height:calc(var(--field-control-layout-height) - var(--field-control-layout-border-width));position:relative}.canary--SelectInput_withValue .canary--SelectInput-Input{opacity:0}.canary--SelectInput-Input[readonly]:not([disabled]),.canary--SelectInput_withValue .canary--SelectInput-Input:not([disabled]){caret-color:transparent;cursor:pointer}.canary--SelectInput-Value{color:var(--field-control-layout-input-color);height:100%;pointer-events:none;position:absolute;width:100%}.canary--SelectInput-ValueText{height:var(--select-input-text-height);line-height:var(--select-input-text-height)}

package/__internal__/src/components/SelectCanary/SelectInput/SelectInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children"];import React,{forwardRef}from"react";import{Text}from"../../Text";import{isString}from"../../../utils/type-guards";import{FieldInput}from"../../FieldComponents/FieldInput";import{cnSelectInput}from"./cnSelectInput";export var SelectInput=forwardRef(function(a,b){var c=a.className,d=a.children,e=_objectWithoutProperties(a,_excluded);return React.createElement("div",{className:cnSelectInput({withValue:!!d},[c])},d&&React.createElement("div",{className:cnSelectInput("Value")},isString(d)?React.createElement(Text,{truncate:!0,className:cnSelectInput("ValueText")},d):d),React.createElement(FieldInput,Object.assign({className:cnSelectInput("Input")},e,{ref:b})))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","readOnly"];import React,{forwardRef}from"react";import{Text}from"../../Text";import{isString}from"../../../utils/type-guards";import{FieldInput}from"../../FieldComponents/FieldInput";import{cnSelectInput}from"./cnSelectInput";export var SelectInput=forwardRef(function(a,b){var c=a.className,d=a.children,e=a.readOnly,f=_objectWithoutProperties(a,_excluded);return React.createElement("div",{className:cnSelectInput({withValue:!!d},[c])},d&&React.createElement("div",{className:cnSelectInput("Value")},isString(d)?React.createElement(Text,{truncate:!0,className:cnSelectInput("ValueText")},d):d),React.createElement(FieldInput,Object.assign({className:cnSelectInput("Input",{readOnly:e}),readOnly:e},f,{ref:b})))});
 //# sourceMappingURL=SelectInput.js.map

package/__internal__/src/components/SelectCanary/SelectInput/SelectInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectInput.js","names":["React","forwardRef","Text","isString","FieldInput","cnSelectInput","SelectInput","ref","className","children","props","withValue"],"sources":["../../../../../../src/components/SelectCanary/SelectInput/SelectInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Text } from '##/components/Text';\nimport { isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { FieldInput } from '../../FieldComponents/FieldInput';\nimport { cnSelectInput } from './cnSelectInput';\n\ntype FieldInputProps = PropsWithJsxAttributes<\n {\n children?: React.ReactNode;\n },\n 'input'\n>;\n\nexport const SelectInput = forwardRef<HTMLInputElement, FieldInputProps>(\n ({ className, children, ...props }, ref) => {\n return (\n <div className={cnSelectInput({ withValue: !!children }, [className])}>\n {children && (\n <div className={cnSelectInput('Value')}>\n {isString(children) ? (\n <Text truncate className={cnSelectInput('ValueText')}>\n {children}\n </Text>\n ) : (\n children\n )}\n </div>\n )}\n <FieldInput className={cnSelectInput('Input')} {...props} ref={ref} />\n </div>\n );\n },\n);\n"],"mappings":"~~4HAAA~~,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,IAAT,kBACA,OAASC,QAAT,kCAGA,OAASC,UAAT,wCACA,OAASC,aAAT,uBASA,MAAO,IAAMC,YAAW,CAAGL,UAAU,CACnC,~~WAAoCM~~,~~CAApC~~,~~CAA4C~~,~~IAAzCC~~,~~EAAyC~~,~~GAAzCA~~,~~SAAyC~~,CAA9BC,CAA8B,GAA9BA,QAA8B,CAAjBC,CAAiB,~~uCAC1C~~,MACE,4BAAK,SAAS,~~CAAEL~~,aAAa,CAAC,~~CAAEM~~,SAAS,CAAE,CAAC,~~CAACF~~,CAAf,CAAD,CAA4B,CAACD,CAAD,CAA5B,CAA7B,EACGC,CAAQ,EACP,2BAAK,SAAS,CAAEJ,aAAa,CAAC,OAAD,CAA7B,EACGF,QAAQ,CAACM,CAAD,CAAR,CACC,oBAAC,IAAD,EAAM,QAAQ,GAAd,CAAe,SAAS,CAAEJ,aAAa,CAAC,WAAD,CAAvC,EACGI,CADH,CADD,CAKCA,CANJ,CAFJ,CAYE,oBAAC,UAAD,~~gBAAY~~,SAAS,CAAEJ,aAAa,CAAC,OAAD,~~CAApC~~,~~EAAmDK~~,~~CAAnD~~,~~EAA0D~~,GAAG,~~CAAEH~~,~~CAA/D~~,GAZF,~~CAeH~~,~~CAlBkC~~,CAA9B"}
1	+ {"version":3,"file":"SelectInput.js","names":["React","forwardRef","Text","isString","FieldInput","cnSelectInput","SelectInput","ref","className","children","readOnly","props","withValue"],"sources":["../../../../../../src/components/SelectCanary/SelectInput/SelectInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Text } from '##/components/Text';\nimport { isString } from '##/utils/type-guards';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { FieldInput } from '../../FieldComponents/FieldInput';\nimport { cnSelectInput } from './cnSelectInput';\n\ntype FieldInputProps = PropsWithJsxAttributes<\n {\n children?: React.ReactNode;\n },\n 'input'\n>;\n\nexport const SelectInput = forwardRef<HTMLInputElement, FieldInputProps>(\n ({ className, children, readOnly, ...props }, ref) => {\n return (\n <div className={cnSelectInput({ withValue: !!children }, [className])}>\n {children && (\n <div className={cnSelectInput('Value')}>\n {isString(children) ? (\n <Text truncate className={cnSelectInput('ValueText')}>\n {children}\n </Text>\n ) : (\n children\n )}\n </div>\n )}\n <FieldInput\n className={cnSelectInput('Input', { readOnly })}\n readOnly={readOnly}\n {...props}\n ref={ref}\n />\n </div>\n );\n },\n);\n"],"mappings":"uIAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,IAAT,kBACA,OAASC,QAAT,kCAGA,OAASC,UAAT,wCACA,OAASC,aAAT,uBASA,MAAO,IAAMC,YAAW,CAAGL,UAAU,CACnC,WAA8CM,CAA9C,CAAsD,IAAnDC,EAAmD,GAAnDA,SAAmD,CAAxCC,CAAwC,GAAxCA,QAAwC,CAA9BC,CAA8B,GAA9BA,QAA8B,CAAjBC,CAAiB,uCACpD,MACE,4BAAK,SAAS,CAAEN,aAAa,CAAC,CAAEO,SAAS,CAAE,CAAC,CAACH,CAAf,CAAD,CAA4B,CAACD,CAAD,CAA5B,CAA7B,EACGC,CAAQ,EACP,2BAAK,SAAS,CAAEJ,aAAa,CAAC,OAAD,CAA7B,EACGF,QAAQ,CAACM,CAAD,CAAR,CACC,oBAAC,IAAD,EAAM,QAAQ,GAAd,CAAe,SAAS,CAAEJ,aAAa,CAAC,WAAD,CAAvC,EACGI,CADH,CADD,CAKCA,CANJ,CAFJ,CAYE,oBAAC,UAAD,gBACE,SAAS,CAAEJ,aAAa,CAAC,OAAD,CAAU,CAAEK,QAAQ,CAARA,CAAF,CAAV,CAD1B,CAEE,QAAQ,CAAEA,CAFZ,EAGMC,CAHN,EAIE,GAAG,CAAEJ,CAJP,GAZF,CAoBH,CAvBkC,CAA9B"}

package/__internal__/src/components/SelectCanary/SelectMultiple/SelectMultiple.css CHANGED Viewed

@@ -1,3 +1,3 @@
 .canary--SelectMultiple{--select-value-offset:var(--field-control-layout-space);--select-max-height-var:var(
       --select-max-height-prop,calc(var(--field-control-layout-height)*3.7)
-    )}.canary--SelectMultiple.SelectControlLayout_clearButton{--select-value-offset:calc(var(--field-control-layout-right-slot-content-width-0) + var(--field-control-layout-space)*2)}.canary--SelectMultiple-Value.FieldArrayValueInlineControl{max-height:var(--select-max-height-var);overflow:auto;padding-right:var(--select-value-offset);width:calc(100% + var(--select-value-offset))}
+    )}.canary--SelectMultiple.SelectControlLayout_clearButton{--select-value-offset:calc(var(--field-control-layout-right-slot-content-width-0) + var(--field-control-layout-space)*2)}

package/__internal__/src/components/SelectCanary/SelectMultiple/SelectMultiple.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["form","status","size","disabled","value","renderValue","isLoading","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRef","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","dropdownClassName","onFocus","onBlur","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel"];import"./SelectMultiple.css";import{useAction}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{FieldArrayValueInlineControl,FieldArrayValueItem}from"../../FieldComponents";import{SelectDropdown}from"../SelectDropdown";import{SelectItem}from"../SelectItem";import{useForkRef}from"../../../hooks/useForkRef";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnCanary as cn}from"../../../utils/bem";import{useSendToAtom}from"../../../utils/state";import{withCtx}from"../../../utils/state/withCtx";import{withDefault}from"../defaultProps";import{SelectControlLayout}from"../SelectControlLayout";import{useSelect}from"../useSelect";var cnSelectMultiple=cn("SelectMultiple"),SelectMultipleRender=function(a,b){var c=withDefault(a),d=useSendToAtom(c),e=c.form,f=c.status,g=c.size,h=c.disabled,i=c.value,j=c.renderValue,k=c.isLoading,l=c.dropdownRef,m=c.dropdownForm,n=c.renderItem,o=c.getGroupLabel,p=c.labelForCreate,q=c.labelForEmptyItems,r=c.virtualScroll,s=c.onScrollToBottom,t=c.style,u=c.className,v=c.placeholder,w=c.view,x=c.iconClear,y=c.input,z=c.inputValue,A=c.inputDefaultValue,B=c.inputRef,C=c.getGroupKey,D=c.getItemDisabled,E=c.getItemGroupKey,F=c.getItemKey,G=c.getItemLabel,H=c.items,I=c.onChange,J=c.dropdownClassName,K=c.onFocus,L=c.onBlur,M=c.onCreate,N=c.onInput,O=c.multiple,P=c.groups,Q=c.onDropdownOpen,R=c.ignoreOutsideClicksRefs,S=c.clearButton,T=c.selectAll,U=c.selectAllLabel,V=_objectWithoutProperties(c,_excluded),W=useSelect({propsAtom:d}),X=W.getOptionActions,Y=W.openAtom,Z=W.visibleItemsAtom,$=W.focusAtom,_=W.handleInputFocus,aa=W.handleInputBlur,ba=W.handleToggleDropdown,ca=W.inputRef,da=W.handleInputClick,ea=W.handleInputChange,fa=W.clearValue,ga=W.optionsRefs,ha=W.controlRef,ia=W.dropdownRef,ja=W.clearButtonAtom,ka=W.highlightedIndexAtom,la=W.getItemKeyAtom,ma=W.valueAtom,na=W.onChangeAll,oa=W.highlightIndex,pa=W.onCreate,qa=W.onChange,ra=W.inputValueAtom,sa=W.getHandleRemoveValue,ta=W.hasItemsAtom,ua=W.groupsCounterAtom,va=W.dropdownZIndexAtom,wa=useRef(null),xa=useAction(function(a,b){var c=b.value,e=b.getRemove,f=a.get(d),g=f.disabled,h=f.getItemDisabled,i=f.getItemKey,j=f.size,k=f.getItemLabel;return c.map(function(a){var b=g||h(a);return React.createElement(FieldArrayValueItem,{key:i(a),size:j,label:k(a),disabled:b,onRemove:b?void 0:e(a)})})}),ya=useAction(function(a,b){var c=b.item,e=b.active,f=b.hovered,g=b.onClick,h=b.onMouseEnter,i=b.ref,j=a.get(d),k=j.getItemDisabled,l=j.size,m=j.getItemLabel,n=j.dropdownForm;return React.createElement(SelectItem,{label:m(c),active:e,hovered:f,size:l,indent:"round"===n?"increased":"normal",onClick:g,onMouseEnter:h,disabled:k(c),ref:i,multiple:!0})}),za=useAction(function(a,b){var c=a.get(d),e=c.renderValue;return(e||xa)({value:b,getRemove:sa})});return React.createElement(React.Fragment,null,React.createElement(SelectControlLayout,Object.assign({},V,{style:t,className:cnSelectMultiple(null,[u]),form:e,status:f,size:g,disabled:h,separator:!0,onClear:fa,onDropdownButton:ba,openAtom:Y,focusAtom:$,view:w,iconClear:x,clearButtonAtom:ja,ref:useForkRef([b,ha])}),React.createElement(FieldArrayValueInlineControl,{className:cnSelectMultiple("Value",[cnMixScrollBar({size:"xs",trackSize:"auto"})]),onFocus:_,onBlur:aa,onClick:da,value:i||void 0,disabled:h,placeholder:v,renderValue:za,size:g,disableInput:!y||void 0,inputRef:useForkRef([ca,B]),ref:wa,inputDefaultValue:y?A:void 0,onChange:ea})),React.createElement(SelectDropdown,{valueAtom:ma,getItemKeyAtom:la,openAtom:Y,size:g,controlRef:ha,getOptionActions:X,dropdownRef:useForkRef([ia,l]),form:m,className:J,renderItem:n||ya,getGroupLabel:o,visibleItemsAtom:Z,labelForCreate:p,isLoading:k,labelForEmptyItems:q,itemsRefs:ga,virtualScroll:r,onScrollToBottom:s,highlightedIndexAtom:ka,highlightIndex:oa,onChangeAll:na,onCreate:pa,onChange:qa,inputValueAtom:ra,hasItemsAtom:ta,groupsCounterAtom:ua,dropdownZIndexAtom:va,selectAllLabel:U}))};export var SelectMultiple=withCtx(forwardRef(SelectMultipleRender));
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["form","status","size","disabled","value","renderValue","isLoading","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRef","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","dropdownClassName","onFocus","onBlur","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel"];import"./SelectMultiple.css";import{useAction}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{FieldArrayValueItem}from"../../FieldComponents";import{SelectDropdown}from"../SelectDropdown";import{SelectItem}from"../SelectItem";import{useForkRef}from"../../../hooks/useForkRef";import{cnCanary as cn}from"../../../utils/bem";import{useSendToAtom}from"../../../utils/state";import{withCtx}from"../../../utils/state/withCtx";import{withDefault}from"../defaultProps";import{SelectControlLayout}from"../SelectControlLayout";import{SelectMultipleValue}from"../SelectMultipleValue";import{useSelect}from"../useSelect";var cnSelectMultiple=cn("SelectMultiple"),SelectMultipleRender=function(a,b){var c=withDefault(a),d=useSendToAtom(c),e=c.form,f=c.status,g=c.size,h=c.disabled,i=c.value,j=c.renderValue,k=c.isLoading,l=c.dropdownRef,m=c.dropdownForm,n=c.renderItem,o=c.getGroupLabel,p=c.labelForCreate,q=c.labelForEmptyItems,r=c.virtualScroll,s=c.onScrollToBottom,t=c.style,u=c.className,v=c.placeholder,w=c.view,x=c.iconClear,y=c.input,z=c.inputValue,A=c.inputDefaultValue,B=c.inputRef,C=c.getGroupKey,D=c.getItemDisabled,E=c.getItemGroupKey,F=c.getItemKey,G=c.getItemLabel,H=c.items,I=c.onChange,J=c.dropdownClassName,K=c.onFocus,L=c.onBlur,M=c.onCreate,N=c.onInput,O=c.multiple,P=c.groups,Q=c.onDropdownOpen,R=c.ignoreOutsideClicksRefs,S=c.clearButton,T=c.selectAll,U=c.selectAllLabel,V=_objectWithoutProperties(c,_excluded),W=useSelect({propsAtom:d}),X=W.getOptionActions,Y=W.openAtom,Z=W.visibleItemsAtom,$=W.focusAtom,_=W.handleInputFocus,aa=W.handleInputBlur,ba=W.handleToggleDropdown,ca=W.inputRef,da=W.handleInputClick,ea=W.handleInputChange,fa=W.clearValue,ga=W.optionsRefs,ha=W.controlRef,ia=W.dropdownRef,ja=W.clearButtonAtom,ka=W.highlightedIndexAtom,la=W.getItemKeyAtom,ma=W.valueAtom,na=W.onChangeAll,oa=W.highlightIndex,pa=W.onCreate,qa=W.onChange,ra=W.inputValueAtom,sa=W.getHandleRemoveValue,ta=W.hasItemsAtom,ua=W.groupsCounterAtom,va=W.dropdownZIndexAtom,wa=useRef(null),xa=useAction(function(a,b){var c=b.item,d=b.active,e=b.hovered,f=b.onClick,h=b.onMouseEnter,i=b.ref;return React.createElement(SelectItem,{label:G(c),active:d,hovered:e,size:g,indent:"round"===m?"increased":"normal",onClick:f,onMouseEnter:h,disabled:D(c),ref:i,multiple:!0})},[D,g,G,m]),ya=useAction(function(a,b){return(j||function renderValueDefault(a){var b=a.value,c=a.getRemove;return b.map(function(a){var b=h||D(a);return React.createElement(FieldArrayValueItem,{key:F(a),size:g,label:G(a),disabled:b,onRemove:b?void 0:c(a)})})})({value:b,getRemove:sa})},[h,D,F,g,G,j]);return React.createElement(React.Fragment,null,React.createElement(SelectControlLayout,Object.assign({},V,{style:t,className:cnSelectMultiple(null,[u]),form:e,status:f,size:g,disabled:h,separator:!0,onClear:fa,onDropdownButton:ba,openAtom:Y,focusAtom:$,view:w,iconClear:x,clearButtonAtom:ja,ref:useForkRef([b,ha])}),React.createElement(SelectMultipleValue,{propsAtom:d,onFocus:_,onBlur:aa,onClick:da,onChange:ea,renderValue:ya,inputRef:useForkRef([ca,B]),ref:wa})),React.createElement(SelectDropdown,{valueAtom:ma,getItemKeyAtom:la,openAtom:Y,size:g,controlRef:ha,getOptionActions:X,dropdownRef:useForkRef([ia,l]),form:m,className:J,renderItem:n||xa,getGroupLabel:o,visibleItemsAtom:Z,labelForCreate:p,isLoading:k,labelForEmptyItems:q,itemsRefs:ga,virtualScroll:r,onScrollToBottom:s,highlightedIndexAtom:ka,highlightIndex:oa,onChangeAll:na,onCreate:pa,onChange:qa,inputValueAtom:ra,hasItemsAtom:ta,groupsCounterAtom:ua,dropdownZIndexAtom:va,selectAllLabel:U}))};export var SelectMultiple=withCtx(forwardRef(SelectMultipleRender));
 //# sourceMappingURL=SelectMultiple.js.map

package/__internal__/src/components/SelectCanary/SelectMultiple/SelectMultiple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectMultiple.js","names":["useAction","React","forwardRef","useRef","FieldArrayValueInlineControl","FieldArrayValueItem","SelectDropdown","SelectItem","useForkRef","cnMixScrollBar","cnCanary","cn","useSendToAtom","withCtx","withDefault","SelectControlLayout","useSelect","cnSelectMultiple","SelectMultipleRender","props","ref","propsWithDefault","propsAtom","form","status","size","disabled","value","renderValue","isLoading","dropdownRefProp","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRefProp","inputRef","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChangeProp","onChange","dropdownClassName","onFocus","onBlur","onCreateProp","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","otherProps","getOptionActions","openAtom","visibleItemsAtom","focusAtom","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","optionsRefs","controlRef","clearButtonAtom","highlightedIndexAtom","getItemKeyAtom","valueAtom","onChangeAll","highlightIndex","inputValueAtom","getHandleRemoveValue","hasItemsAtom","groupsCounterAtom","dropdownZIndexAtom","valueContainerRef","renderValueDefault","ctx","getRemove","get","map","item","itemDisabled","renderItemDefault","active","hovered","onClick","onMouseEnter","inlineControlRender","trackSize","SelectMultiple"],"sources":["../../../../../../src/components/SelectCanary/SelectMultiple/SelectMultiple.tsx"],"sourcesContent":["import './SelectMultiple.css';\n\nimport { useAction } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\n\nimport {\n FieldArrayValueInlineControl,\n FieldArrayValueItem,\n} from '##/components/FieldComponents';\nimport { SelectDropdown } from '##/components/SelectCanary/SelectDropdown';\nimport { SelectItem } from '##/components/SelectCanary/SelectItem';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { useSendToAtom } from '##/utils/state';\nimport { withCtx } from '##/utils/state/withCtx';\n\nimport {\n RenderItemProps,\n SelectComponent,\n SelectGroupDefault,\n SelectItemDefault,\n SelectPropRenderItem,\n SelectPropRenderValue,\n SelectProps,\n} from '..';\nimport { withDefault } from '../defaultProps';\nimport { SelectControlLayout } from '../SelectControlLayout';\nimport { useSelect } from '../useSelect';\n\nconst cnSelectMultiple = cn('SelectMultiple');\n\nconst SelectMultipleRender = <\n ITEM = SelectItemDefault,\n GROUP = SelectGroupDefault,\n>(\n props: SelectProps<ITEM, GROUP, true>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const propsWithDefault = withDefault(props);\n\n const propsAtom = useSendToAtom(propsWithDefault);\n\n const {\n form,\n status,\n size,\n disabled,\n value,\n renderValue,\n isLoading,\n dropdownRef: dropdownRefProp,\n dropdownForm,\n renderItem,\n getGroupLabel,\n labelForCreate,\n labelForEmptyItems,\n virtualScroll,\n onScrollToBottom,\n style,\n className,\n placeholder,\n view,\n iconClear,\n input,\n inputValue,\n inputDefaultValue,\n inputRef: inputRefProp,\n\n // исключаем из otherProps\n getGroupKey,\n getItemDisabled,\n getItemGroupKey,\n getItemKey,\n getItemLabel,\n items,\n onChange: onChangeProp,\n dropdownClassName,\n onFocus,\n onBlur,\n onCreate: onCreateProp,\n onInput,\n multiple,\n groups,\n onDropdownOpen,\n ignoreOutsideClicksRefs,\n clearButton,\n selectAll,\n selectAllLabel,\n ...otherProps\n } = propsWithDefault;\n\n const {\n getOptionActions,\n openAtom,\n visibleItemsAtom,\n focusAtom,\n handleInputFocus,\n handleInputBlur,\n handleToggleDropdown,\n inputRef,\n handleInputClick,\n handleInputChange,\n clearValue,\n optionsRefs,\n controlRef,\n dropdownRef,\n clearButtonAtom,\n highlightedIndexAtom,\n getItemKeyAtom,\n valueAtom,\n onChangeAll,\n highlightIndex,\n onCreate,\n onChange,\n inputValueAtom,\n getHandleRemoveValue,\n hasItemsAtom,\n groupsCounterAtom,\n dropdownZIndexAtom,\n } = useSelect<ITEM, GROUP, true>({\n propsAtom,\n });\n\n const valueContainerRef = useRef<HTMLDivElement>(null);\n\n const renderValueDefault: SelectPropRenderValue<ITEM, true> = useAction(\n (\n ctx,\n {\n value,\n getRemove,\n }: {\n value: ITEM[];\n getRemove: (\n item: ITEM,\n ) => (e: React.SyntheticEvent<Element, Event>) => void;\n },\n ) => {\n const { disabled, getItemDisabled, getItemKey, size, getItemLabel } =\n ctx.get(propsAtom);\n\n return value.map((item) => {\n const itemDisabled = disabled \|\| getItemDisabled(item);\n return (\n <FieldArrayValueItem\n key={getItemKey(item)}\n size={size}\n label={getItemLabel(item)}\n disabled={itemDisabled}\n onRemove={itemDisabled ? undefined : getRemove(item)}\n />\n );\n });\n },\n );\n\n const renderItemDefault: SelectPropRenderItem<ITEM> = useAction(\n (\n ctx,\n {\n item,\n active,\n hovered,\n onClick,\n onMouseEnter,\n ref,\n }: RenderItemProps<ITEM>,\n ) => {\n const { getItemDisabled, size, getItemLabel, dropdownForm } =\n ctx.get(propsAtom);\n\n return (\n <SelectItem\n label={getItemLabel(item)}\n active={active}\n hovered={hovered}\n size={size}\n indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n disabled={getItemDisabled(item)}\n ref={ref}\n multiple\n />\n );\n },\n );\n\n const inlineControlRender = useAction((ctx, value: ITEM[]) => {\n const { renderValue } = ctx.get(propsAtom);\n\n return (renderValue \|\| renderValueDefault)({\n value,\n getRemove: getHandleRemoveValue,\n });\n });\n\n return (\n <>\n <SelectControlLayout\n {...otherProps}\n style={style}\n className={cnSelectMultiple(null, [className])}\n form={form}\n status={status}\n size={size}\n disabled={disabled}\n separator\n onClear={clearValue}\n onDropdownButton={handleToggleDropdown}\n openAtom={openAtom}\n focusAtom={focusAtom}\n view={view}\n iconClear={iconClear}\n clearButtonAtom={clearButtonAtom}\n ref={useForkRef([ref, controlRef])}\n >\n <FieldArrayValueInlineControl\n className={cnSelectMultiple('Value', [\n cnMixScrollBar({ size: 'xs', trackSize: 'auto' }),\n ])}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onClick={handleInputClick}\n value={value \|\| undefined}\n disabled={disabled}\n placeholder={placeholder}\n renderValue={inlineControlRender}\n size={size}\n disableInput={input ? undefined : true}\n inputRef={useForkRef([inputRef, inputRefProp])}\n ref={valueContainerRef}\n inputDefaultValue={input ? inputDefaultValue : undefined}\n onChange={handleInputChange}\n />\n </SelectControlLayout>\n <SelectDropdown\n valueAtom={valueAtom}\n getItemKeyAtom={getItemKeyAtom}\n openAtom={openAtom}\n size={size}\n controlRef={controlRef}\n getOptionActions={getOptionActions}\n dropdownRef={useForkRef([dropdownRef, dropdownRefProp])}\n form={dropdownForm}\n className={dropdownClassName}\n renderItem={renderItem \|\| renderItemDefault}\n getGroupLabel={getGroupLabel}\n visibleItemsAtom={visibleItemsAtom}\n labelForCreate={labelForCreate}\n isLoading={isLoading}\n labelForEmptyItems={labelForEmptyItems}\n itemsRefs={optionsRefs}\n virtualScroll={virtualScroll}\n onScrollToBottom={onScrollToBottom}\n highlightedIndexAtom={highlightedIndexAtom}\n highlightIndex={highlightIndex}\n onChangeAll={onChangeAll}\n onCreate={onCreate}\n onChange={onChange}\n inputValueAtom={inputValueAtom}\n hasItemsAtom={hasItemsAtom}\n groupsCounterAtom={groupsCounterAtom}\n dropdownZIndexAtom={dropdownZIndexAtom}\n selectAllLabel={selectAllLabel}\n />\n </>\n );\n};\n\nexport const SelectMultiple = withCtx(\n forwardRef(SelectMultipleRender),\n) as SelectComponent;\n"],"mappings":"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"}
1	+ {"version":3,"file":"SelectMultiple.js","names":["useAction","React","forwardRef","useRef","FieldArrayValueItem","SelectDropdown","SelectItem","useForkRef","cnCanary","cn","useSendToAtom","withCtx","withDefault","SelectControlLayout","SelectMultipleValue","useSelect","cnSelectMultiple","SelectMultipleRender","props","ref","propsWithDefault","propsAtom","form","status","size","disabled","value","renderValue","isLoading","dropdownRefProp","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRefProp","inputRef","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChangeProp","onChange","dropdownClassName","onFocus","onBlur","onCreateProp","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","otherProps","getOptionActions","openAtom","visibleItemsAtom","focusAtom","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","optionsRefs","controlRef","clearButtonAtom","highlightedIndexAtom","getItemKeyAtom","valueAtom","onChangeAll","highlightIndex","inputValueAtom","getHandleRemoveValue","hasItemsAtom","groupsCounterAtom","dropdownZIndexAtom","valueContainerRef","renderItemDefault","ctx","item","active","hovered","onClick","onMouseEnter","inlineControlRender","renderValueDefault","getRemove","map","itemDisabled","SelectMultiple"],"sources":["../../../../../../src/components/SelectCanary/SelectMultiple/SelectMultiple.tsx"],"sourcesContent":["import './SelectMultiple.css';\n\nimport { useAction } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { FieldArrayValueItem } from '##/components/FieldComponents';\nimport { SelectDropdown } from '##/components/SelectCanary/SelectDropdown';\nimport { SelectItem } from '##/components/SelectCanary/SelectItem';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { useSendToAtom } from '##/utils/state';\nimport { withCtx } from '##/utils/state/withCtx';\n\nimport {\n RenderItemProps,\n SelectComponent,\n SelectGroupDefault,\n SelectItemDefault,\n SelectPropRenderItem,\n SelectProps,\n} from '..';\nimport { withDefault } from '../defaultProps';\nimport { SelectControlLayout } from '../SelectControlLayout';\nimport { SelectMultipleValue } from '../SelectMultipleValue';\nimport { useSelect } from '../useSelect';\n\nconst cnSelectMultiple = cn('SelectMultiple');\n\nconst SelectMultipleRender = <\n ITEM = SelectItemDefault,\n GROUP = SelectGroupDefault,\n>(\n props: SelectProps<ITEM, GROUP, true>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const propsWithDefault = withDefault(props);\n\n const propsAtom = useSendToAtom(propsWithDefault);\n\n const {\n form,\n status,\n size,\n disabled,\n value,\n renderValue,\n isLoading,\n dropdownRef: dropdownRefProp,\n dropdownForm,\n renderItem,\n getGroupLabel,\n labelForCreate,\n labelForEmptyItems,\n virtualScroll,\n onScrollToBottom,\n style,\n className,\n placeholder,\n view,\n iconClear,\n input,\n inputValue,\n inputDefaultValue,\n inputRef: inputRefProp,\n\n // исключаем из otherProps\n getGroupKey,\n getItemDisabled,\n getItemGroupKey,\n getItemKey,\n getItemLabel,\n items,\n onChange: onChangeProp,\n dropdownClassName,\n onFocus,\n onBlur,\n onCreate: onCreateProp,\n onInput,\n multiple,\n groups,\n onDropdownOpen,\n ignoreOutsideClicksRefs,\n clearButton,\n selectAll,\n selectAllLabel,\n ...otherProps\n } = propsWithDefault;\n\n const {\n getOptionActions,\n openAtom,\n visibleItemsAtom,\n focusAtom,\n handleInputFocus,\n handleInputBlur,\n handleToggleDropdown,\n inputRef,\n handleInputClick,\n handleInputChange,\n clearValue,\n optionsRefs,\n controlRef,\n dropdownRef,\n clearButtonAtom,\n highlightedIndexAtom,\n getItemKeyAtom,\n valueAtom,\n onChangeAll,\n highlightIndex,\n onCreate,\n onChange,\n inputValueAtom,\n getHandleRemoveValue,\n hasItemsAtom,\n groupsCounterAtom,\n dropdownZIndexAtom,\n } = useSelect<ITEM, GROUP, true>({\n propsAtom,\n });\n\n const valueContainerRef = useRef<HTMLDivElement>(null);\n\n const renderItemDefault: SelectPropRenderItem<ITEM> = useAction(\n (\n ctx,\n {\n item,\n active,\n hovered,\n onClick,\n onMouseEnter,\n ref,\n }: RenderItemProps<ITEM>,\n ) => {\n return (\n <SelectItem\n label={getItemLabel(item)}\n active={active}\n hovered={hovered}\n size={size}\n indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n disabled={getItemDisabled(item)}\n ref={ref}\n multiple\n />\n );\n },\n [getItemDisabled, size, getItemLabel, dropdownForm],\n );\n\n const inlineControlRender = useAction(\n (ctx, value: ITEM[]) => {\n const renderValueDefault = ({\n value,\n getRemove,\n }: {\n value: ITEM[];\n getRemove: (\n item: ITEM,\n ) => (e: React.SyntheticEvent<Element, Event>) => void;\n }) => {\n return value.map((item) => {\n const itemDisabled = disabled \|\| getItemDisabled(item);\n return (\n <FieldArrayValueItem\n key={getItemKey(item)}\n size={size}\n label={getItemLabel(item)}\n disabled={itemDisabled}\n onRemove={itemDisabled ? undefined : getRemove(item)}\n />\n );\n });\n };\n\n return (renderValue \|\| renderValueDefault)({\n value,\n getRemove: getHandleRemoveValue,\n });\n },\n [disabled, getItemDisabled, getItemKey, size, getItemLabel, renderValue],\n );\n\n return (\n <>\n <SelectControlLayout\n {...otherProps}\n style={style}\n className={cnSelectMultiple(null, [className])}\n form={form}\n status={status}\n size={size}\n disabled={disabled}\n separator\n onClear={clearValue}\n onDropdownButton={handleToggleDropdown}\n openAtom={openAtom}\n focusAtom={focusAtom}\n view={view}\n iconClear={iconClear}\n clearButtonAtom={clearButtonAtom}\n ref={useForkRef([ref, controlRef])}\n >\n <SelectMultipleValue\n propsAtom={propsAtom}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onClick={handleInputClick}\n onChange={handleInputChange}\n renderValue={inlineControlRender}\n inputRef={useForkRef([inputRef, inputRefProp])}\n ref={valueContainerRef}\n />\n </SelectControlLayout>\n <SelectDropdown\n valueAtom={valueAtom}\n getItemKeyAtom={getItemKeyAtom}\n openAtom={openAtom}\n size={size}\n controlRef={controlRef}\n getOptionActions={getOptionActions}\n dropdownRef={useForkRef([dropdownRef, dropdownRefProp])}\n form={dropdownForm}\n className={dropdownClassName}\n renderItem={renderItem \|\| renderItemDefault}\n getGroupLabel={getGroupLabel}\n visibleItemsAtom={visibleItemsAtom}\n labelForCreate={labelForCreate}\n isLoading={isLoading}\n labelForEmptyItems={labelForEmptyItems}\n itemsRefs={optionsRefs}\n virtualScroll={virtualScroll}\n onScrollToBottom={onScrollToBottom}\n highlightedIndexAtom={highlightedIndexAtom}\n highlightIndex={highlightIndex}\n onChangeAll={onChangeAll}\n onCreate={onCreate}\n onChange={onChange}\n inputValueAtom={inputValueAtom}\n hasItemsAtom={hasItemsAtom}\n groupsCounterAtom={groupsCounterAtom}\n dropdownZIndexAtom={dropdownZIndexAtom}\n selectAllLabel={selectAllLabel}\n />\n </>\n );\n};\n\nexport const SelectMultiple = withCtx(\n forwardRef(SelectMultipleRender),\n) as SelectComponent;\n"],"mappings":"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"}

package/__internal__/src/components/SelectCanary/SelectMultipleValue/SelectMultipleValue.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .canary--SelectMultipleValue.FieldArrayValueInlineControl{max-height:var(--select-max-height-var);overflow:auto;padding-right:var(--select-value-offset);width:calc(100% + var(--select-value-offset))}

package/__internal__/src/components/SelectCanary/SelectMultipleValue/SelectMultipleValue.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAtom}from"@reatom/npm-react";import React,{forwardRef,memo}from"react";import{FieldArrayValueInlineControl}from"../../FieldComponents";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnCanary as cn}from"../../../utils/bem";import{usePickAtom}from"../../../utils/state";var cnSelectMultipleValue=cn("SelectMultipleValue");export var SelectMultipleValueRender=function(a,b){var c=a.propsAtom,d=a.onFocus,e=a.onBlur,f=a.onClick,g=a.renderValue,h=a.onChange,i=a.inputRef,j=useAtom(usePickAtom(c,["value","disabled","placeholder","size","input","inputDefaultValue"])),k=_slicedToArray(j,1),l=k[0],m=l.value,n=l.disabled,o=l.placeholder,p=l.size,q=l.input,r=l.inputDefaultValue;return React.createElement(FieldArrayValueInlineControl,{className:cnSelectMultipleValue(null,[cnMixScrollBar({size:"xs",trackSize:"auto"})]),onFocus:d,onBlur:e,onClick:f,value:m\|\|void 0,disabled:n,placeholder:o,renderValue:g,size:p,disableInput:!q\|\|void 0,inputRef:i,ref:b,inputDefaultValue:q?r:void 0,onChange:h})};export var SelectMultipleValue=memo(forwardRef(SelectMultipleValueRender));
2	+ //# sourceMappingURL=SelectMultipleValue.js.map

package/__internal__/src/components/SelectCanary/SelectMultipleValue/SelectMultipleValue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectMultipleValue.js","names":["useAtom","React","forwardRef","memo","FieldArrayValueInlineControl","cnMixScrollBar","cnCanary","cn","usePickAtom","cnSelectMultipleValue","SelectMultipleValueRender","ref","propsAtom","onFocus","onBlur","onClick","renderValue","onChange","inputRef","value","disabled","placeholder","size","input","inputDefaultValue","trackSize","SelectMultipleValue"],"sources":["../../../../../../src/components/SelectCanary/SelectMultipleValue/SelectMultipleValue.tsx"],"sourcesContent":["import { AtomMut } from '@reatom/core';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { forwardRef, memo } from 'react';\n\nimport { FieldArrayValueInlineControl } from '##/components/FieldComponents';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { usePickAtom } from '##/utils/state';\n\nimport { PropsWithDefault } from '../defaultProps';\nimport { SelectGroupDefault, SelectItemDefault } from '../types';\n\nconst cnSelectMultipleValue = cn('SelectMultipleValue');\n\ntype SelectMultipleValueProps<ITEM, GROUP> = {\n propsAtom: AtomMut<PropsWithDefault<ITEM, GROUP, true>>;\n onFocus?: React.FocusEventHandler<HTMLDivElement>;\n onBlur?: React.FocusEventHandler<HTMLDivElement>;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n renderValue: (items: ITEM[]) => React.ReactNode;\n inputRef?: React.Ref<HTMLInputElement>;\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n} & React.RefAttributes<HTMLDivElement>;\n\nexport type SelectMultipleValueComponent = <\n ITEM = SelectItemDefault,\n GROUP = SelectGroupDefault,\n>(\n props: SelectMultipleValueProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport const SelectMultipleValueRender = <\n ITEM = SelectItemDefault,\n GROUP = SelectGroupDefault,\n>(\n {\n propsAtom,\n onFocus,\n onBlur,\n onClick,\n renderValue,\n onChange,\n inputRef,\n }: SelectMultipleValueProps<ITEM, GROUP>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const [{ value, disabled, placeholder, size, input, inputDefaultValue }] =\n useAtom(\n usePickAtom(propsAtom, [\n 'value',\n 'disabled',\n 'placeholder',\n 'size',\n 'input',\n 'inputDefaultValue',\n ]),\n );\n\n return (\n <FieldArrayValueInlineControl\n className={cnSelectMultipleValue(null, [\n cnMixScrollBar({ size: 'xs', trackSize: 'auto' }),\n ])}\n onFocus={onFocus}\n onBlur={onBlur}\n onClick={onClick}\n value={value || undefined}\n disabled={disabled}\n placeholder={placeholder}\n renderValue={renderValue}\n size={size}\n disableInput={input ? undefined : true}\n inputRef={inputRef}\n ref={ref}\n inputDefaultValue={input ? inputDefaultValue : undefined}\n onChange={onChange}\n />\n );\n};\n\nexport const SelectMultipleValue = memo(\n forwardRef(SelectMultipleValueRender),\n) as SelectMultipleValueComponent;\n"],"mappings":"iEACA,OAASA,OAAT,KAAwB,mBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,IAA5B,KAAwC,OAAxC,CAEA,OAASC,4BAAT,6BACA,OAASC,cAAT,kCACA,OAASC,QAAQ,GAAIC,GAArB,0BACA,OAASC,WAAT,4BAKA,GAAMC,sBAAqB,CAAGF,EAAE,CAAC,qBAAD,CAAhC,CAmBA,MAAO,IAAMG,0BAAyB,CAAG,WAavCC,CAbuC,CAcpC,IATDC,EASC,GATDA,SASC,CARDC,CAQC,GARDA,OAQC,CAPDC,CAOC,GAPDA,MAOC,CANDC,CAMC,GANDA,OAMC,CALDC,CAKC,GALDA,WAKC,CAJDC,CAIC,GAJDA,QAIC,CAHDC,CAGC,GAHDA,QAGC,GAEDlB,OAAO,CACLQ,WAAW,CAACI,CAAD,CAAY,CACrB,OADqB,CAErB,UAFqB,CAGrB,aAHqB,CAIrB,MAJqB,CAKrB,OALqB,CAMrB,mBANqB,CAAZ,CADN,CAFN,8BACMO,CADN,GACMA,KADN,CACaC,CADb,GACaA,QADb,CACuBC,CADvB,GACuBA,WADvB,CACoCC,CADpC,GACoCA,IADpC,CAC0CC,CAD1C,GAC0CA,KAD1C,CACiDC,CADjD,GACiDA,iBADjD,CAaH,MACE,qBAAC,4BAAD,EACE,SAAS,CAAEf,qBAAqB,CAAC,IAAD,CAAO,CACrCJ,cAAc,CAAC,CAAEiB,IAAI,CAAE,IAAR,CAAcG,SAAS,CAAE,MAAzB,CAAD,CADuB,CAAP,CADlC,CAIE,OAAO,CAAEZ,CAJX,CAKE,MAAM,CAAEC,CALV,CAME,OAAO,CAAEC,CANX,CAOE,KAAK,CAAEI,CAAK,QAPd,CAQE,QAAQ,CAAEC,CARZ,CASE,WAAW,CAAEC,CATf,CAUE,WAAW,CAAEL,CAVf,CAWE,IAAI,CAAEM,CAXR,CAYE,YAAY,EAAEC,CAAF,QAZd,CAaE,QAAQ,CAAEL,CAbZ,CAcE,GAAG,CAAEP,CAdP,CAeE,iBAAiB,CAAEY,CAAK,CAAGC,CAAH,OAf1B,CAgBE,QAAQ,CAAEP,CAhBZ,EAmBH,CA/CM,CAiDP,MAAO,IAAMS,oBAAmB,CAAGvB,IAAI,CACrCD,UAAU,CAACQ,yBAAD,CAD2B,CAAhC"}

package/__internal__/src/components/SelectCanary/SelectMultipleValue/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export*from"./SelectMultipleValue";
2	+ //# sourceMappingURL=index.js.map

package/__internal__/src/components/SelectCanary/SelectMultipleValue/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/SelectCanary/SelectMultipleValue/index.ts"],"sourcesContent":["export * from './SelectMultipleValue';\n"],"mappings":"AAAA"}

package/__internal__/src/components/SelectCanary/SelectSingle/SelectSingle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["form","status","size","disabled","value","renderValue","isLoading","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRef","aria-label","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","dropdownClassName","onFocus","onBlur","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel"];import{useAction}from"@reatom/npm-react";import React,{forwardRef}from"react";import{SelectDropdown}from"../SelectDropdown";import{SelectItem}from"../SelectItem";import{useForkRef}from"../../../hooks/useForkRef";import{cnCanary as cn}from"../../../utils/bem";import{useSendToAtom}from"../../../utils/state";import{withCtx}from"../../../utils/state/withCtx";import{withDefault}from"../defaultProps";import{SelectControlLayout}from"../SelectControlLayout";import{SelectInput}from"../SelectInput";import{useSelect}from"../useSelect";var cnSelectSingle=cn("SelectSelectSingleMultiple"),SelectSingleRender=function(a,b){var c=withDefault(a),d=useSendToAtom(c),e=c.form,f=c.status,g=c.size,h=c.disabled,i=c.value,j=c.renderValue,k=c.isLoading,l=c.dropdownRef,m=c.dropdownForm,n=c.renderItem,o=c.getGroupLabel,p=c.labelForCreate,q=c.labelForEmptyItems,r=c.virtualScroll,s=c.onScrollToBottom,t=c.style,u=c.className,v=c.placeholder,w=c.view,x=c.iconClear,y=c.input,z=c.inputValue,A=c.inputDefaultValue,B=c.inputRef,C=c["aria-label"],D=c.getGroupKey,E=c.getItemDisabled,F=c.getItemGroupKey,G=c.getItemKey,H=c.getItemLabel,I=c.items,J=c.onChange,K=c.dropdownClassName,L=c.onFocus,M=c.onBlur,N=c.onCreate,O=c.onInput,P=c.multiple,Q=c.groups,R=c.onDropdownOpen,S=c.ignoreOutsideClicksRefs,T=c.clearButton,U=c.selectAll,V=c.selectAllLabel,W=_objectWithoutProperties(c,_excluded),X=useAction(function(a,b){var c=b.value;return a.get(d).getItemLabel(c)},[]),Y=useAction(function(a,b){var c=b.item,e=b.active,f=b.hovered,g=b.onClick,h=b.onMouseEnter,i=b.ref,j=a.get(d),k=j.getItemLabel,l=j.size,m=j.dropdownForm,n=j.getItemDisabled;return console.log(n,l,k),React.createElement(SelectItem,{label:k(c),active:e,hovered:f,size:l,indent:"round"===m?"increased":"normal",onClick:g,onMouseEnter:h,disabled:n(c),ref:i})},[]),Z=useSelect({propsAtom:d}),$=Z.getOptionActions,_=Z.openAtom,aa=Z.visibleItemsAtom,ba=Z.focusAtom,ca=Z.handleInputFocus,da=Z.handleInputBlur,ea=Z.handleToggleDropdown,fa=Z.inputRef,ga=Z.handleInputClick,ha=Z.handleInputChange,ia=Z.clearValue,ja=Z.optionsRefs,ka=Z.controlRef,la=Z.dropdownRef,ma=Z.clearButtonAtom,na=Z.highlightedIndexAtom,oa=Z.getItemKeyAtom,pa=Z.valueAtom,qa=Z.onChangeAll,ra=Z.highlightIndex,sa=Z.onCreate,ta=Z.onChange,ua=Z.inputValueAtom,va=Z.hasItemsAtom,wa=Z.groupsCounterAtom,xa=Z.dropdownZIndexAtom;return React.createElement(React.Fragment,null,React.createElement(SelectControlLayout,Object.assign({},W,{style:t,className:cnSelectSingle(null,[u]),form:e,status:f,size:g,disabled:h,separator:!0,onClear:ia,onDropdownButton:ea,openAtom:_,focusAtom:ba,view:w,iconClear:x,clearButtonAtom:ma,ref:useForkRef([b,ka])}),React.createElement(SelectInput,{onFocus:ca,onBlur:da,ref:useForkRef([fa,B]),onClick:ga,onChange:y?ha:void 0,value:y?z:void 0,defaultValue:y?A:void 0,readOnly:!y||void 0,disabled:h,placeholder:v,"aria-label":C},i&&(j||X)({value:i}))),React.createElement(SelectDropdown,{valueAtom:pa,getItemKeyAtom:oa,openAtom:_,size:g,controlRef:ka,getOptionActions:$,dropdownRef:useForkRef([la,l]),form:m,className:K,renderItem:n||Y,getGroupLabel:o,visibleItemsAtom:aa,labelForCreate:p,isLoading:k,labelForEmptyItems:q,itemsRefs:ja,virtualScroll:r,onScrollToBottom:s,highlightedIndexAtom:na,highlightIndex:ra,onChangeAll:qa,onCreate:sa,onChange:ta,inputValueAtom:ua,hasItemsAtom:va,groupsCounterAtom:wa,dropdownZIndexAtom:xa,selectAllLabel:V}))};export var SelectSingle=withCtx(forwardRef(SelectSingleRender));
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["form","status","size","disabled","value","renderValue","isLoading","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRef","aria-label","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","dropdownClassName","onFocus","onBlur","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel"];import{useAction}from"@reatom/npm-react";import React,{forwardRef}from"react";import{SelectDropdown}from"../SelectDropdown";import{SelectItem}from"../SelectItem";import{useForkRef}from"../../../hooks/useForkRef";import{cnCanary as cn}from"../../../utils/bem";import{useSendToAtom}from"../../../utils/state";import{withCtx}from"../../../utils/state/withCtx";import{withDefault}from"../defaultProps";import{SelectControlLayout}from"../SelectControlLayout";import{SelectInput}from"../SelectInput";import{useSelect}from"../useSelect";var cnSelectSingle=cn("SelectSelectSingleMultiple"),SelectSingleRender=function(a,b){var c=withDefault(a),d=useSendToAtom(c),e=c.form,f=c.status,g=c.size,h=c.disabled,i=c.value,j=c.renderValue,k=c.isLoading,l=c.dropdownRef,m=c.dropdownForm,n=c.renderItem,o=c.getGroupLabel,p=c.labelForCreate,q=c.labelForEmptyItems,r=c.virtualScroll,s=c.onScrollToBottom,t=c.style,u=c.className,v=c.placeholder,w=c.view,x=c.iconClear,y=c.input,z=c.inputValue,A=c.inputDefaultValue,B=c.inputRef,C=c["aria-label"],D=c.getGroupKey,E=c.getItemDisabled,F=c.getItemGroupKey,G=c.getItemKey,H=c.getItemLabel,I=c.items,J=c.onChange,K=c.dropdownClassName,L=c.onFocus,M=c.onBlur,N=c.onCreate,O=c.onInput,P=c.multiple,Q=c.groups,R=c.onDropdownOpen,S=c.ignoreOutsideClicksRefs,T=c.clearButton,U=c.selectAll,V=c.selectAllLabel,W=_objectWithoutProperties(c,_excluded),X=useAction(function(a,b){var c=b.value;return a.get(d).getItemLabel(c)},[]),Y=useAction(function(a,b){var c=b.item,e=b.active,f=b.hovered,g=b.onClick,h=b.onMouseEnter,i=b.ref,j=a.get(d),k=j.getItemLabel,l=j.size,m=j.dropdownForm,n=j.getItemDisabled;return React.createElement(SelectItem,{label:k(c),active:e,hovered:f,size:l,indent:"round"===m?"increased":"normal",onClick:g,onMouseEnter:h,disabled:n(c),ref:i})},[]),Z=useSelect({propsAtom:d}),$=Z.getOptionActions,_=Z.openAtom,aa=Z.visibleItemsAtom,ba=Z.focusAtom,ca=Z.handleInputFocus,da=Z.handleInputBlur,ea=Z.handleToggleDropdown,fa=Z.inputRef,ga=Z.handleInputClick,ha=Z.handleInputChange,ia=Z.clearValue,ja=Z.optionsRefs,ka=Z.controlRef,la=Z.dropdownRef,ma=Z.clearButtonAtom,na=Z.highlightedIndexAtom,oa=Z.getItemKeyAtom,pa=Z.valueAtom,qa=Z.onChangeAll,ra=Z.highlightIndex,sa=Z.onCreate,ta=Z.onChange,ua=Z.inputValueAtom,va=Z.hasItemsAtom,wa=Z.groupsCounterAtom,xa=Z.dropdownZIndexAtom;return React.createElement(React.Fragment,null,React.createElement(SelectControlLayout,Object.assign({},W,{style:t,className:cnSelectSingle(null,[u]),form:e,status:f,size:g,disabled:h,separator:!0,onClear:ia,onDropdownButton:ea,openAtom:_,focusAtom:ba,view:w,iconClear:x,clearButtonAtom:ma,ref:useForkRef([b,ka])}),React.createElement(SelectInput,{onFocus:ca,onBlur:da,ref:useForkRef([fa,B]),onClick:ga,onChange:y?ha:void 0,value:y?z:void 0,defaultValue:y?A:void 0,readOnly:!y||void 0,disabled:h,placeholder:v,"aria-label":C},i&&(j||X)({value:i}))),React.createElement(SelectDropdown,{valueAtom:pa,getItemKeyAtom:oa,openAtom:_,size:g,controlRef:ka,getOptionActions:$,dropdownRef:useForkRef([la,l]),form:m,className:K,renderItem:n||Y,getGroupLabel:o,visibleItemsAtom:aa,labelForCreate:p,isLoading:k,labelForEmptyItems:q,itemsRefs:ja,virtualScroll:r,onScrollToBottom:s,highlightedIndexAtom:na,highlightIndex:ra,onChangeAll:qa,onCreate:sa,onChange:ta,inputValueAtom:ua,hasItemsAtom:va,groupsCounterAtom:wa,dropdownZIndexAtom:xa,selectAllLabel:V}))};export var SelectSingle=withCtx(forwardRef(SelectSingleRender));
 //# sourceMappingURL=SelectSingle.js.map