npm - @consta/uikit - Versions diffs - 4.33.1 → 5.0.0-beta.2 - Mend

@consta/uikit 4.33.1 → 5.0.0-beta.2

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

package/__internal__/src/components/UserSelectDeprecated/UserSelectDeprecated.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UserSelectDeprecated.js","names":["IconClear","IconSelect","React","forwardRef","useRef","isNotNil","useForkRef","useSelect","cnMixFocus","clearSizeMap","usePropsHandler","cnSelect","defaultlabelForCreate","defaultLabelForEmptyItems","defaultlabelForNotFound","getInputWidth","SelectContainer","SelectDropdown","defaultPropForm","defaultPropSize","defaultPropView","iconSizeMap","isMultipleParams","isNotMultipleParams","searchCompare","withDefaultGetters","UserSelectItem","UserSelectValue","COMPONENT_NAME","UserSelectRender","props","ref","defaultDropdownRef","controlInnerRef","helperInputFakeElement","controlRef","placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","searchValueProp","searchValue","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValueProp","renderValue","onCreate","inputRefProp","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm","restProps","searchFunctionDefault","item","searchOfLabel","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","getHandleRemoveValue","notFound","hasItems","inputId","renderValueDefault","handleRemove","inputRefForRender","renderControlValue","width","Array","isArray","map","length","hide","isUserSelect","hasInput","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","UserSelect"],"sources":["../../../../../src/components/UserSelectDeprecated/UserSelectDeprecated.tsx"],"sourcesContent":["import '../SelectComponentsDeprecated/Select.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useSelect } from '../../hooks/useSelect/useSelect';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { clearSizeMap } from '../ComboboxDeprecated';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { cnSelect } from '../SelectComponentsDeprecated/cnSelect';\nimport {\n defaultlabelForCreate,\n defaultLabelForEmptyItems,\n defaultlabelForNotFound,\n getInputWidth,\n} from '../SelectComponentsDeprecated/helpers';\nimport { SelectContainer } from '../SelectComponentsDeprecated/SelectContainer/SelectContainer';\nimport { SelectDropdown } from '../SelectComponentsDeprecated/SelectDropdown/SelectDropdown';\nimport {\n defaultPropForm,\n defaultPropSize,\n defaultPropView,\n} from '../SelectComponentsDeprecated/types';\nimport {\n DefaultGroup,\n DefaultItem,\n iconSizeMap,\n isMultipleParams,\n isNotMultipleParams,\n PropRenderItem,\n PropRenderValue,\n searchCompare,\n UserSelectComponent,\n UserSelectProps,\n withDefaultGetters,\n} from './helpers';\nimport { UserSelectItem } from './UserSelectItem/UserSelectItem';\nimport { UserSelectValue } from './UserSelectValue/UserSelectValue';\n\nexport const COMPONENT_NAME = 'UserSelect' as const;\n\nconst UserSelectRender = <\n ITEM = DefaultItem,\n GROUP = DefaultGroup,\n MULTIPLE extends boolean = false,\n>(\n props: UserSelectProps<ITEM, GROUP, MULTIPLE>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n const controlInnerRef = useRef<HTMLDivElement>(null);\n const helperInputFakeElement = useRef<HTMLDivElement>(null);\n const controlRef = useRef<HTMLDivElement | null>(null);\n\n const {\n placeholder,\n onBlur,\n onFocus,\n items,\n onChange,\n value,\n disabled,\n ariaLabel,\n id,\n isLoading,\n required,\n dropdownRef = defaultDropdownRef,\n form = defaultPropForm,\n view = defaultPropView,\n size = defaultPropSize,\n dropdownClassName,\n searchValue: searchValueProp,\n name,\n groups = [],\n getItemKey,\n getItemLabel,\n getItemSubLabel,\n getItemAvatarUrl,\n getItemGroupKey,\n getItemDisabled,\n getGroupKey,\n getGroupLabel,\n renderItem,\n renderValue: renderValueProp,\n onCreate,\n inputRef: inputRefProp,\n labelForNotFound = defaultlabelForNotFound,\n labelForCreate = defaultlabelForCreate,\n labelForEmptyItems = defaultLabelForEmptyItems,\n multiple = false,\n searchFunction,\n style,\n dropdownForm = 'default',\n ...restProps\n } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n const searchFunctionDefault = (item: ITEM, searchValue: string): boolean => {\n const searchOfLabel = searchCompare(searchValue, getItemLabel(item));\n\n if (searchOfLabel) {\n return searchOfLabel;\n }\n\n return searchCompare(searchValue, getItemSubLabel(item));\n };\n\n const {\n getKeyProps,\n getOptionProps,\n isOpen,\n visibleItems,\n isFocused,\n handleInputFocus,\n handleInputBlur,\n handleToggleDropdown,\n inputRef,\n handleInputClick,\n handleInputChange,\n searchValue,\n clearValue,\n getHandleRemoveValue,\n notFound,\n hasItems,\n } = useSelect({\n items,\n groups,\n value,\n onChange,\n dropdownRef,\n controlRef,\n disabled,\n getItemLabel,\n getItemKey,\n getGroupKey,\n getItemGroupKey,\n searchValue: searchValueProp,\n getItemDisabled,\n multiple,\n onBlur,\n onFocus,\n onCreate,\n searchFunction: searchFunction || searchFunctionDefault,\n });\n\n const inputId = id ? `${id}-input` : id;\n\n const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n const { item, active, hovered, onClick, onMouseEnter } = props;\n\n return (\n <UserSelectItem\n label={getItemLabel(item)}\n subLabel={getItemSubLabel(item)}\n avatarUrl={getItemAvatarUrl(item)}\n active={active}\n hovered={hovered}\n size={size}\n indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n disable={getItemDisabled(item)}\n multiple={multiple}\n />\n );\n };\n\n const renderValueDefault: PropRenderValue<ITEM> = ({\n item,\n handleRemove,\n }) => {\n return (\n <UserSelectValue\n label={getItemLabel(item)}\n subLabel={getItemSubLabel(item)}\n avatarUrl={getItemAvatarUrl(item)}\n key={getItemKey(item)}\n size={size}\n handleRemove={handleRemove}\n multiple={multiple}\n disabled={disabled || getItemDisabled(item)}\n />\n );\n };\n\n const renderValue = renderValueProp || renderValueDefault;\n\n const inputRefForRender = useForkRef([inputRef, inputRefProp]);\n\n const renderControlValue = () => {\n const width = multiple\n ? getInputWidth(controlInnerRef, helperInputFakeElement)\n : undefined;\n return (\n <>\n {isMultipleParams(props) &&\n Array.isArray(props.value) &&\n props.value.map((item) =>\n renderValue({ item, handleRemove: getHandleRemoveValue(item) }),\n )}\n {isNotMultipleParams(props) &&\n isNotNil(props.value) &&\n renderValue({ item: props.value })}\n {(!isNotNil(value) || (Array.isArray(value) && value.length === 0)) &&\n !searchValue &&\n placeholder && (\n <span className={cnSelect('Placeholder')} title=\"placeholder\">\n {placeholder}\n </span>\n )}\n <input\n {...getKeyProps()}\n type=\"text\"\n name={name}\n id={inputId}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n aria-label={ariaLabel}\n onChange={handleInputChange}\n ref={inputRefForRender}\n className={cnSelect('Input', {\n size,\n hide: !multiple && isNotNil(value),\n multiple,\n isUserSelect: true,\n })}\n value={searchValue}\n style={{ width }}\n />\n </>\n );\n };\n\n return (\n <>\n <SelectContainer\n focused={isFocused}\n disabled={disabled}\n size={size}\n required={required}\n id={inputId}\n view={view}\n type=\"userselect\"\n form={form}\n multiple\n ref={ref}\n style={style}\n {...restProps}\n >\n <div\n className={cnSelect('Control', { hasInput: true })}\n ref={controlRef}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n id={id}\n >\n <div\n className={cnSelect('ControlInner')}\n onClick={handleInputClick}\n role=\"button\"\n ref={controlInnerRef}\n aria-hidden=\"true\"\n >\n <div className={cnSelect('ControlValueContainer')}>\n {multiple ? (\n <div\n className={cnSelect('ControlValue', { isUserSelect: true })}\n >\n {renderControlValue()}\n </div>\n ) : (\n renderControlValue()\n )}\n </div>\n </div>\n <span className={cnSelect('Indicators')}>\n {isNotNil(value) && (\n <button\n type=\"button\"\n onClick={clearValue}\n className={cnSelect('ClearIndicator', [cnMixFocus()])}\n >\n <IconClear\n size={clearSizeMap[size]}\n className={cnSelect('ClearIndicatorIcon')}\n />\n </button>\n )}\n <span className={cnSelect('Delimiter')} />\n <button\n type=\"button\"\n className={cnSelect('IndicatorsDropdown')}\n tabIndex={-1}\n onClick={handleToggleDropdown}\n >\n <IconSelect\n size={iconSizeMap[size]}\n className={cnSelect('DropdownIndicatorIcon')}\n />\n </button>\n </span>\n </div>\n <div\n className={cnSelect('HelperInputFakeElement')}\n ref={helperInputFakeElement}\n >\n {searchValue}\n </div>\n </SelectContainer>\n <SelectDropdown\n isOpen={isOpen}\n size={size}\n controlRef={controlRef}\n getOptionProps={getOptionProps}\n dropdownRef={dropdownRef}\n form={dropdownForm}\n isLoading={isLoading}\n className={dropdownClassName}\n renderItem={renderItem || renderItemDefault}\n getGroupLabel={getGroupLabel}\n visibleItems={visibleItems}\n labelForNotFound={labelForNotFound}\n labelForCreate={labelForCreate}\n notFound={notFound}\n hasItems={hasItems}\n labelForEmptyItems={labelForEmptyItems}\n style={\n typeof style?.zIndex === 'number'\n ? { zIndex: style.zIndex + 1 }\n : undefined\n }\n />\n </>\n );\n};\n\nexport const UserSelect = forwardRef(UserSelectRender) as UserSelectComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}

package/__internal__/src/components/UserSelectDeprecated/UserSelectItem/UserSelectItem.css ADDED Viewed

@@ -0,0 +1 @@

+ .UserSelectItem{align-items:center;background-color:var(--color-control-bg-clear);color:var(--color-control-typo-default);cursor:pointer;display:flex;font-size:var(--font-size);position:relative}.UserSelectItem_size_s{--font-size:var(--control-text-size-s);--sub-info-space:var(--space-xs);--sub-label-font-size:var(--size-text-2xs)}.UserSelectItem_size_m{--font-size:var(--control-text-size-m);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-xs)}.UserSelectItem_size_l{--font-size:var(--control-text-size-l);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-s)}.UserSelectItem_disable{color:var(--color-control-typo-disable)}.UserSelectItem_disable .UserSelectItem-AvatarContainer{opacity:.6}.UserSelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.UserSelectItem_active{color:var(--color-control-typo-secondary)}.UserSelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.UserSelectItem-AvatarContainer{position:relative}.UserSelectItem-CheckIcon{background-color:var(--color-control-bg-primary);border:1px solid var(--color-control-bg-default);border-radius:50%;bottom:calc(var(--space-2xs)*-1);color:var(--color-control-bg-default);height:var(--graphics-size-xs);padding:0;position:absolute;right:calc(var(--space-2xs)*-1);width:var(--graphics-size-xs)}.UserSelectItem-CheckIcon_animate_entered,.UserSelectItem-CheckIcon_animate_entering,.UserSelectItem-CheckIcon_animate_exited,.UserSelectItem-CheckIcon_animate_exiting{transition:.2s ease;transition-property:opacity,transform}.UserSelectItem-CheckIcon_animate_entered,.UserSelectItem-CheckIcon_animate_entering{opacity:1;transform:scale(1)}.UserSelectItem-CheckIcon_animate_exiting{opacity:0;transform:scale(.25)}.UserSelectItem-CheckIcon_animate_exited{opacity:0;transform:scale(0)}.UserSelectItem-Info{padding-left:var(--sub-info-space)}.UserSelectItem-SubLabel{font-size:var(--sub-label-font-size);opacity:.7}.UserSelectItem-SubLabel_disable{opacity:1}

package/__internal__/src/components/UserSelectDeprecated/UserSelectItem/UserSelectItem.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import './UserSelectItem.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+declare type UserSelectItemProps = PropsWithHTMLAttributes<{
+    label: string;
+    active: boolean;
+    hovered: boolean;
+    size: 's' | 'm' | 'l';
+    indent: 'normal' | 'increased';
+    subLabel?: string;
+    avatarUrl?: string;
+    disable?: boolean;
+    multiple?: boolean;
+}, HTMLDivElement>;
+export declare const cnUserSelectItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const UserSelectItem: React.FC<UserSelectItemProps>;
+export {};

package/__internal__/src/components/UserSelectDeprecated/UserSelectItem/UserSelectItem.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple"];import"./UserSelectItem.css";import{IconCheck}from"@consta/icons/IconCheck";import React,{useRef}from"react";import{Transition}from"react-transition-group";import{Avatar}from"../../Avatar/Avatar";import{mapHorisontalSpase,mapHorisontalSpaseIncreased,mapItemVerticalPadding}from"../../ListCanary";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";export var cnUserSelectItem=cn("UserSelectItem");export var UserSelectItem=function(a){var b=a.className,c=a.label,d=a.subLabel,e=a.avatarUrl,f=a.active,g=a.hovered,h=a.size,i=a.indent,j=a.disable,k=a.multiple,l=_objectWithoutProperties(a,_excluded),m=useRef(null);return React.createElement("div",Object.assign({},l,{className:cnUserSelectItem({active:f,hovered:g,size:h,indent:i,disable:j},[cnMixSpace({pH:"increased"===i?mapHorisontalSpaseIncreased[h]:mapHorisontalSpase[h],pV:mapItemVerticalPadding[h]}),b]),"aria-selected":f,role:"option"}),React.createElement("div",{className:cnUserSelectItem("AvatarContainer")},React.createElement(Avatar,{className:cnUserSelectItem("Avatar"),url:e,name:c}),k&&React.createElement(Transition,{in:f,unmountOnExit:!0,timeout:200,nodeRef:m},function(a){return React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon",{animate:a}),ref:m})}),!k&&f&&React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon")})),d?React.createElement("div",{className:cnUserSelectItem("Info")},React.createElement("div",null,c),React.createElement("div",{className:cnUserSelectItem("SubLabel",{disable:j})},d)):React.createElement("div",{className:cnUserSelectItem("Info")},c))};
2	+ //# sourceMappingURL=UserSelectItem.js.map

package/__internal__/src/components/UserSelectDeprecated/UserSelectItem/UserSelectItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UserSelectItem.js","names":["IconCheck","React","useRef","Transition","Avatar","mapHorisontalSpase","mapHorisontalSpaseIncreased","mapItemVerticalPadding","cnMixSpace","cn","cnUserSelectItem","UserSelectItem","props","className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple","otherProps","iconRef","pH","pV","animate"],"sources":["../../../../../../src/components/UserSelectDeprecated/UserSelectItem/UserSelectItem.tsx"],"sourcesContent":["import './UserSelectItem.css';\n\nimport { IconCheck } from '@consta/icons/IconCheck';\nimport React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Avatar } from '##/components/Avatar/Avatar';\nimport {\n mapHorisontalSpase,\n mapHorisontalSpaseIncreased,\n mapItemVerticalPadding,\n} from '##/components/ListCanary';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype UserSelectItemProps = PropsWithHTMLAttributes<\n {\n label: string;\n active: boolean;\n hovered: boolean;\n size: 's' | 'm' | 'l';\n indent: 'normal' | 'increased';\n subLabel?: string;\n avatarUrl?: string;\n disable?: boolean;\n multiple?: boolean;\n },\n HTMLDivElement\n>;\n\nexport const cnUserSelectItem = cn('UserSelectItem');\n\nexport const UserSelectItem: React.FC<UserSelectItemProps> = (props) => {\n const {\n className,\n label,\n subLabel,\n avatarUrl,\n active,\n hovered,\n size,\n indent,\n disable,\n multiple,\n ...otherProps\n } = props;\n\n const iconRef = useRef<HTMLSpanElement>(null);\n\n return (\n <div\n {...otherProps}\n className={cnUserSelectItem({ active, hovered, size, indent, disable }, [\n cnMixSpace({\n pH:\n indent === 'increased'\n ? mapHorisontalSpaseIncreased[size]\n : mapHorisontalSpase[size],\n pV: mapItemVerticalPadding[size],\n }),\n className,\n ])}\n aria-selected={active}\n role=\"option\"\n >\n <div className={cnUserSelectItem('AvatarContainer')}>\n <Avatar\n className={cnUserSelectItem('Avatar')}\n url={avatarUrl}\n name={label}\n />\n {multiple && (\n <Transition in={active} unmountOnExit timeout={200} nodeRef={iconRef}>\n {(animate) => (\n <IconCheck\n className={cnUserSelectItem('CheckIcon', { animate })}\n ref={iconRef}\n />\n )}\n </Transition>\n )}\n {!multiple && active && (\n <IconCheck className={cnUserSelectItem('CheckIcon')} />\n )}\n </div>\n {!subLabel ? (\n <div className={cnUserSelectItem('Info')}>{label}</div>\n ) : (\n <div className={cnUserSelectItem('Info')}>\n <div>{label}</div>\n <div className={cnUserSelectItem('SubLabel', { disable })}>\n {subLabel}\n </div>\n </div>\n )}\n </div>\n );\n};\n"],"mappings":"wMAAA,6BAEA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,MAAT,2BACA,OACEC,kBADF,CAEEC,2BAFF,CAGEC,sBAHF,wBAKA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAkBA,MAAO,IAAMC,iBAAgB,CAAGD,EAAE,CAAC,gBAAD,CAA3B,CAEP,MAAO,IAAME,eAA6C,CAAG,SAACC,CAAD,CAAW,IAEpEC,EAFoE,CAalED,CAbkE,CAEpEC,SAFoE,CAGpEC,CAHoE,CAalEF,CAbkE,CAGpEE,KAHoE,CAIpEC,CAJoE,CAalEH,CAbkE,CAIpEG,QAJoE,CAKpEC,CALoE,CAalEJ,CAbkE,CAKpEI,SALoE,CAMpEC,CANoE,CAalEL,CAbkE,CAMpEK,MANoE,CAOpEC,CAPoE,CAalEN,CAbkE,CAOpEM,OAPoE,CAQpEC,CARoE,CAalEP,CAbkE,CAQpEO,IARoE,CASpEC,CAToE,CAalER,CAbkE,CASpEQ,MAToE,CAUpEC,CAVoE,CAalET,CAbkE,CAUpES,OAVoE,CAWpEC,CAXoE,CAalEV,CAbkE,CAWpEU,QAXoE,CAYjEC,CAZiE,0BAalEX,CAbkE,YAehEY,CAAO,CAAGtB,MAAM,CAAkB,IAAlB,CAfgD,CAiBtE,MACE,4CACMqB,CADN,EAEE,SAAS,CAAEb,gBAAgB,CAAC,CAAEO,MAAM,CAANA,CAAF,CAAUC,OAAO,CAAPA,CAAV,CAAmBC,IAAI,CAAJA,CAAnB,CAAyBC,MAAM,CAANA,CAAzB,CAAiCC,OAAO,CAAPA,CAAjC,CAAD,CAA6C,CACtEb,UAAU,CAAC,CACTiB,EAAE,CACW,WAAX,GAAAL,CAAM,CACFd,2BAA2B,CAACa,CAAD,CADzB,CAEFd,kBAAkB,CAACc,CAAD,CAJf,CAKTO,EAAE,CAAEnB,sBAAsB,CAACY,CAAD,CALjB,CAAD,CAD4D,CAQtEN,CARsE,CAA7C,CAF7B,CAYE,gBAAeI,CAZjB,CAaE,IAAI,CAAC,QAbP,GAeE,2BAAK,SAAS,CAAEP,gBAAgB,CAAC,iBAAD,CAAhC,EACE,oBAAC,MAAD,EACE,SAAS,CAAEA,gBAAgB,CAAC,QAAD,CAD7B,CAEE,GAAG,CAAEM,CAFP,CAGE,IAAI,CAAEF,CAHR,EADF,CAMGQ,CAAQ,EACP,oBAAC,UAAD,EAAY,GAAIL,CAAhB,CAAwB,aAAa,GAArC,CAAsC,OAAO,CAAE,GAA/C,CAAoD,OAAO,CAAEO,CAA7D,EACG,SAACG,CAAD,QACC,qBAAC,SAAD,EACE,SAAS,CAAEjB,gBAAgB,CAAC,WAAD,CAAc,CAAEiB,OAAO,CAAPA,CAAF,CAAd,CAD7B,CAEE,GAAG,CAAEH,CAFP,EADD,CADH,CAPJ,CAgBG,CAACF,CAAD,EAAaL,CAAb,EACC,oBAAC,SAAD,EAAW,SAAS,CAAEP,gBAAgB,CAAC,WAAD,CAAtC,EAjBJ,CAfF,CAmCIK,CAAD,CAGC,2BAAK,SAAS,CAAEL,gBAAgB,CAAC,MAAD,CAAhC,EACE,+BAAMI,CAAN,CADF,CAEE,2BAAK,SAAS,CAAEJ,gBAAgB,CAAC,UAAD,CAAa,CAAEW,OAAO,CAAPA,CAAF,CAAb,CAAhC,EACGN,CADH,CAFF,CAHD,CACC,2BAAK,SAAS,CAAEL,gBAAgB,CAAC,MAAD,CAAhC,EAA2CI,CAA3C,CApCJ,CA+CH,CAjEM"}

package/__internal__/src/components/UserSelectDeprecated/UserSelectValue/UserSelectValue.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .UserSelectValue_multiple{margin-bottom:calc(var(--space-s)/4);margin-right:var(--space-xs)}.UserSelectValue_disabled{opacity:.6}.UserSelectValue:not(.UserSelectValue_multiple).User:hover{background-color:var(--color-control-bg-clear)}

package/__internal__/src/components/UserSelectDeprecated/UserSelectValue/UserSelectValue.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import"./UserSelectValue.css";import{IconClose}from"@consta/icons/IconClose";import React from"react";import{cn}from"../../../utils/bem";import{User}from"../../User/User";export var cnUserSelectValue=cn("UserSelectValue");export var UserSelectValue=function(a){var b=a.size,c=a.label,d=a.subLabel,e=a.disabled,f=a.handleRemove,g=a.avatarUrl,h=a.multiple;return React.createElement(User,{className:cnUserSelectValue({multiple:h,size:b,disabled:e}),avatarUrl:g,name:c,info:d,size:b,view:h?"ghost":"clear",iconRight:!e&&h?IconClose:void 0,onIconRightClick:!e&&h?f:void 0})};
2	+ //# sourceMappingURL=UserSelectValue.js.map

package/__internal__/src/components/UserSelectDeprecated/UserSelectValue/UserSelectValue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UserSelectValue.js","names":["IconClose","React","cn","User","cnUserSelectValue","UserSelectValue","props","size","label","subLabel","disabled","handleRemove","avatarUrl","multiple"],"sources":["../../../../../../src/components/UserSelectDeprecated/UserSelectValue/UserSelectValue.tsx"],"sourcesContent":["import './UserSelectValue.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { User } from '../../User/User';\n\ntype UserValueProps = {\n label: string;\n size: 's' | 'm' | 'l';\n subLabel?: string;\n avatarUrl?: string;\n handleRemove?: (e: React.SyntheticEvent) => void;\n multiple?: boolean;\n disabled?: boolean;\n children?: never;\n};\n\nexport const cnUserSelectValue = cn('UserSelectValue');\n\nexport const UserSelectValue: React.FC<UserValueProps> = (props) => {\n const { size, label, subLabel, disabled, handleRemove, avatarUrl, multiple } =\n props;\n\n return (\n <User\n className={cnUserSelectValue({ multiple, size, disabled })}\n avatarUrl={avatarUrl}\n name={label}\n info={subLabel}\n size={size}\n view={multiple ? 'ghost' : 'clear'}\n iconRight={!disabled && multiple ? IconClose : undefined}\n onIconRightClick={!disabled && multiple ? handleRemove : undefined}\n />\n );\n};\n"],"mappings":"AAAA,8BAEA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,IAAT,uBAaA,MAAO,IAAMC,kBAAiB,CAAGF,EAAE,CAAC,iBAAD,CAA5B,CAEP,MAAO,IAAMG,gBAAyC,CAAG,SAACC,CAAD,CAAW,CAClE,GAAQC,EAAR,CACED,CADF,CAAQC,IAAR,CAAcC,CAAd,CACEF,CADF,CAAcE,KAAd,CAAqBC,CAArB,CACEH,CADF,CAAqBG,QAArB,CAA+BC,CAA/B,CACEJ,CADF,CAA+BI,QAA/B,CAAyCC,CAAzC,CACEL,CADF,CAAyCK,YAAzC,CAAuDC,CAAvD,CACEN,CADF,CAAuDM,SAAvD,CAAkEC,CAAlE,CACEP,CADF,CAAkEO,QAAlE,CAGA,MACE,qBAAC,IAAD,EACE,SAAS,CAAET,iBAAiB,CAAC,CAAES,QAAQ,CAARA,CAAF,CAAYN,IAAI,CAAJA,CAAZ,CAAkBG,QAAQ,CAARA,CAAlB,CAAD,CAD9B,CAEE,SAAS,CAAEE,CAFb,CAGE,IAAI,CAAEJ,CAHR,CAIE,IAAI,CAAEC,CAJR,CAKE,IAAI,CAAEF,CALR,CAME,IAAI,CAAEM,CAAQ,CAAG,OAAH,CAAa,OAN7B,CAOE,SAAS,CAAE,CAACH,CAAD,EAAaG,CAAb,CAAwBb,SAAxB,OAPb,CAQE,gBAAgB,CAAE,CAACU,CAAD,EAAaG,CAAb,CAAwBF,CAAxB,OARpB,EAWH,CAhBM"}

package/__internal__/src/components/UserSelectDeprecated/helpers.d.ts ADDED Viewed

@@ -0,0 +1,184 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from '../SelectComponentsDeprecated/types';
+export declare type DefaultItem = {
+    label: string;
+    id: string | number;
+    subLabel?: string;
+    avatarUrl?: string;
+    groupId?: string | number;
+    disabled?: boolean;
+};
+export declare type DefaultGroup = {
+    label: string;
+    id: string | number;
+};
+declare type RenderValueProps<ITEM> = {
+    item: ITEM;
+    handleRemove?: (e: React.SyntheticEvent) => void;
+};
+export declare type PropGetItemLabel<ITEM> = (item: ITEM) => string;
+export declare type PropGetItemSubLabel<ITEM> = (item: ITEM) => string | undefined;
+export declare type PropGetItemAvatarUrl<ITEM> = (item: ITEM) => string | undefined;
+export declare type PropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export declare type PropGetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+export declare type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;
+export declare type PropGetGroupLabel<GROUP> = (group: GROUP) => string;
+declare type PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
+declare type PropOnChange<ITEM, MULTIPLE extends boolean> = (props: {
+    value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;
+    e: React.SyntheticEvent;
+}) => void;
+declare type PropValue<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
+export declare type PropRenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export declare type PropRenderValue<ITEM> = (props: RenderValueProps<ITEM>) => React.ReactElement | null;
+export declare type UserSelectProps<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false> = PropsWithHTMLAttributesAndRef<{
+    disabled?: boolean;
+    form?: PropForm;
+    size?: Exclude<PropSize, 'xs'>;
+    view?: PropView;
+    dropdownForm?: 'default' | 'brick' | 'round';
+    placeholder?: string;
+    ariaLabel?: string;
+    dropdownClassName?: string;
+    status?: PropStatus;
+    dropdownRef?: React.RefObject<HTMLDivElement>;
+    name?: string;
+    items: ITEM[];
+    required?: boolean;
+    isLoading?: boolean;
+    renderItem?: PropRenderItem<ITEM>;
+    renderValue?: PropRenderValue<ITEM>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onCreate?: (props: {
+        e: React.SyntheticEvent;
+        label: string;
+    }) => void;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    labelForNotFound?: string;
+    labelForCreate?: string;
+    labelForEmptyItems?: string;
+    searchFunction?: PropSearchFunction<ITEM>;
+    searchValue?: string;
+    multiple?: MULTIPLE;
+    value?: PropValue<ITEM, MULTIPLE>;
+    onChange: PropOnChange<ITEM, MULTIPLE>;
+    groups?: GROUP[];
+    getItemLabel?: PropGetItemLabel<ITEM>;
+    getItemSubLabel?: PropGetItemSubLabel<ITEM>;
+    getItemAvatarUrl?: PropGetItemAvatarUrl<ITEM>;
+    getItemKey?: PropGetItemKey<ITEM>;
+    getItemGroupKey?: PropGetItemGroupKey<ITEM>;
+    getItemDisabled?: PropGetItemDisabled<ITEM>;
+    getGroupLabel?: PropGetGroupLabel<GROUP>;
+    getGroupKey?: PropGetGroupKey<GROUP>;
+    label?: string;
+    labelIcon?: IconComponent;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+}, HTMLDivElement> & (ITEM extends {
+    label: DefaultItem['label'];
+} ? {} : {
+    getItemLabel: PropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: DefaultItem['id'];
+} ? {} : {
+    getItemKey: PropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: DefaultGroup['label'];
+} ? {} : {
+    getGroupLabel: PropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: DefaultGroup['id'];
+} ? {} : {
+    getGroupKey: PropGetGroupKey<GROUP>;
+});
+export declare type UserSelectComponent = <ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>) => React.ReactElement | null;
+export declare const defaultGetItemKey: PropGetItemKey<DefaultItem>;
+export declare const defaultGetItemLabel: PropGetItemLabel<DefaultItem>;
+export declare const defaultGetItemSubLabel: PropGetItemSubLabel<DefaultItem>;
+export declare const defaultGetItemAvatarUrl: PropGetItemAvatarUrl<DefaultItem>;
+export declare const defaultGetItemGroupKey: PropGetItemGroupKey<DefaultItem>;
+export declare const defaultGetItemDisabled: PropGetItemDisabled<DefaultItem>;
+export declare const defaultGetGroupKey: PropGetGroupKey<DefaultGroup>;
+export declare const defaultGetGroupLabel: PropGetGroupLabel<DefaultGroup>;
+export declare const isMultipleParams: <ITEM, GROUP>(params: UserSelectProps<ITEM, GROUP, boolean>) => params is UserSelectProps<ITEM, GROUP, true>;
+export declare const isNotMultipleParams: <ITEM, GROUP>(params: UserSelectProps<ITEM, GROUP, boolean>) => params is UserSelectProps<ITEM, GROUP, false>;
+export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>): {
+    disabled?: boolean | undefined;
+    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
+    size?: "s" | "m" | "l" | undefined;
+    view?: "default" | "clear" | undefined;
+    dropdownForm?: "default" | "brick" | "round" | undefined;
+    placeholder?: string | undefined;
+    ariaLabel?: string | undefined;
+    dropdownClassName?: string | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
+    dropdownRef?: React.RefObject<HTMLDivElement> | undefined;
+    name?: string | undefined;
+    items: ITEM[];
+    required?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    renderItem?: PropRenderItem<ITEM> | undefined;
+    renderValue?: PropRenderValue<ITEM> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onCreate?: ((props: {
+        e: React.SyntheticEvent<Element, Event>;
+        label: string;
+    }) => void) | undefined;
+    inputRef?: React.RefObject<HTMLInputElement> | undefined;
+    labelForNotFound?: string | undefined;
+    labelForCreate?: string | undefined;
+    labelForEmptyItems?: string | undefined;
+    searchFunction?: PropSearchFunction<ITEM> | undefined;
+    searchValue?: string | undefined;
+    multiple?: MULTIPLE | undefined;
+    value?: PropValue<ITEM, MULTIPLE>;
+    onChange: PropOnChange<ITEM, MULTIPLE>;
+    groups?: GROUP[] | undefined;
+    getItemLabel?: PropGetItemLabel<ITEM> | undefined;
+    getItemSubLabel?: PropGetItemSubLabel<ITEM> | undefined;
+    getItemAvatarUrl?: PropGetItemAvatarUrl<ITEM> | undefined;
+    getItemKey?: PropGetItemKey<ITEM> | undefined;
+    getItemGroupKey?: PropGetItemGroupKey<ITEM> | undefined;
+    getItemDisabled?: PropGetItemDisabled<ITEM> | undefined;
+    getGroupLabel?: PropGetGroupLabel<GROUP> | undefined;
+    getGroupKey?: PropGetGroupKey<GROUP> | undefined;
+    label?: string | undefined;
+    labelIcon?: IconComponent<"span"> | undefined;
+    caption?: string | undefined;
+    labelPosition?: "left" | "top" | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "name" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "value" | "multiple" | "required" | "size" | "status" | "css" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "labelForCreate" | "searchFunction" | "searchValue" | "labelForNotFound" | "onCreate" | "getItemSubLabel" | "getItemAvatarUrl"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+    label: string;
+} ? {} : {
+    getItemLabel: PropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: string | number;
+} ? {} : {
+    getItemKey: PropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: string;
+} ? {} : {
+    getGroupLabel: PropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: string | number;
+} ? {} : {
+    getGroupKey: PropGetGroupKey<GROUP>;
+}) & {
+    getItemLabel: PropGetItemLabel<DefaultItem> | PropGetItemLabel<ITEM>;
+    getItemKey: PropGetItemKey<DefaultItem> | PropGetItemKey<ITEM>;
+    getItemGroupKey: PropGetItemGroupKey<DefaultItem> | PropGetItemGroupKey<ITEM>;
+    getItemDisabled: PropGetItemDisabled<DefaultItem> | PropGetItemDisabled<ITEM>;
+    getGroupLabel: PropGetGroupLabel<DefaultGroup> | PropGetGroupLabel<GROUP>;
+    getGroupKey: PropGetGroupKey<DefaultGroup> | PropGetGroupKey<GROUP>;
+    getItemSubLabel: PropGetItemSubLabel<DefaultItem> | PropGetItemSubLabel<ITEM>;
+    getItemAvatarUrl: PropGetItemAvatarUrl<DefaultItem> | PropGetItemAvatarUrl<ITEM>;
+};
+export declare const searchCompare: (searchValue: string, compare?: string) => boolean;
+export declare const clearSizeMap: Record<PropSize, IconPropSize>;
+export declare const iconSizeMap: Record<PropSize, IconPropSize>;
+export {};

package/__internal__/src/components/UserSelectDeprecated/helpers.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemSubLabel","subLabel","defaultGetItemAvatarUrl","avatarUrl","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","isMultipleParams","params","multiple","isNotMultipleParams","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey","getItemSubLabel","getItemAvatarUrl","searchCompare","searchValue","compare","toLocaleLowerCase","indexOf","clearSizeMap","xs","s","m","l","iconSizeMap"],"sources":["../../../../../src/components/UserSelectDeprecated/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n PropForm,\n PropSize,\n PropStatus,\n PropView,\n RenderItemProps,\n} from '../SelectComponentsDeprecated/types';\n\nexport type DefaultItem = {\n label: string;\n id: string | number;\n subLabel?: string;\n avatarUrl?: string;\n groupId?: string | number;\n disabled?: boolean;\n};\n\nexport type DefaultGroup = {\n label: string;\n id: string | number;\n};\n\ntype RenderValueProps<ITEM> = {\n item: ITEM;\n handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport type PropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type PropGetItemSubLabel<ITEM> = (item: ITEM) => string | undefined;\nexport type PropGetItemAvatarUrl<ITEM> = (item: ITEM) => string | undefined;\nexport type PropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type PropGetItemGroupKey<ITEM> = (\n item: ITEM,\n) => string | number | undefined;\nexport type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\nexport type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;\nexport type PropGetGroupLabel<GROUP> = (group: GROUP) => string;\n\ntype PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;\ntype PropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;\n e: React.SyntheticEvent;\n}) => void;\ntype PropValue<ITEM, MULTIPLE extends boolean> =\n | (MULTIPLE extends true ? ITEM[] : ITEM)\n | null\n | undefined;\n\nexport type PropRenderItem<ITEM> = (\n props: RenderItemProps<ITEM>,\n) => React.ReactElement | null;\nexport type PropRenderValue<ITEM> = (\n props: RenderValueProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type UserSelectProps<\n ITEM = DefaultItem,\n GROUP = DefaultGroup,\n MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n {\n disabled?: boolean;\n form?: PropForm;\n size?: Exclude<PropSize, 'xs'>;\n view?: PropView;\n dropdownForm?: 'default' | 'brick' | 'round';\n placeholder?: string;\n ariaLabel?: string;\n dropdownClassName?: string;\n status?: PropStatus;\n dropdownRef?: React.RefObject<HTMLDivElement>;\n name?: string;\n items: ITEM[];\n required?: boolean;\n isLoading?: boolean;\n renderItem?: PropRenderItem<ITEM>;\n renderValue?: PropRenderValue<ITEM>;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n onCreate?: (props: { e: React.SyntheticEvent; label: string }) => void;\n inputRef?: React.RefObject<HTMLInputElement>;\n labelForNotFound?: string;\n labelForCreate?: string;\n labelForEmptyItems?: string;\n searchFunction?: PropSearchFunction<ITEM>;\n searchValue?: string;\n multiple?: MULTIPLE;\n value?: PropValue<ITEM, MULTIPLE>;\n onChange: PropOnChange<ITEM, MULTIPLE>;\n groups?: GROUP[];\n getItemLabel?: PropGetItemLabel<ITEM>;\n getItemSubLabel?: PropGetItemSubLabel<ITEM>;\n getItemAvatarUrl?: PropGetItemAvatarUrl<ITEM>;\n getItemKey?: PropGetItemKey<ITEM>;\n getItemGroupKey?: PropGetItemGroupKey<ITEM>;\n getItemDisabled?: PropGetItemDisabled<ITEM>;\n getGroupLabel?: PropGetGroupLabel<GROUP>;\n getGroupKey?: PropGetGroupKey<GROUP>;\n label?: string;\n labelIcon?: IconComponent;\n caption?: string;\n labelPosition?: 'top' | 'left';\n },\n HTMLDivElement\n> &\n (ITEM extends { label: DefaultItem['label'] }\n ? {}\n : { getItemLabel: PropGetItemLabel<ITEM> }) &\n (ITEM extends { id: DefaultItem['id'] }\n ? {}\n : { getItemKey: PropGetItemKey<ITEM> }) &\n (GROUP extends { label: DefaultGroup['label'] }\n ? {}\n : { getGroupLabel: PropGetGroupLabel<GROUP> }) &\n (GROUP extends { id: DefaultGroup['id'] }\n ? {}\n : { getGroupKey: PropGetGroupKey<GROUP> });\n\nexport type UserSelectComponent = <\n ITEM = DefaultItem,\n GROUP = DefaultGroup,\n MULTIPLE extends boolean = false,\n>(\n props: UserSelectProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactElement | null;\n\nexport const defaultGetItemKey: PropGetItemKey<DefaultItem> = (item) => item.id;\nexport const defaultGetItemLabel: PropGetItemLabel<DefaultItem> = (item) =>\n item.label;\nexport const defaultGetItemSubLabel: PropGetItemSubLabel<DefaultItem> = (\n item,\n) => item.subLabel;\nexport const defaultGetItemAvatarUrl: PropGetItemAvatarUrl<DefaultItem> = (\n item,\n) => item.avatarUrl;\nexport const defaultGetItemGroupKey: PropGetItemGroupKey<DefaultItem> = (\n item,\n) => item.groupId;\nexport const defaultGetItemDisabled: PropGetItemDisabled<DefaultItem> = (\n item,\n) => item.disabled;\n\nexport const defaultGetGroupKey: PropGetGroupKey<DefaultGroup> = (group) =>\n group.id;\nexport const defaultGetGroupLabel: PropGetGroupLabel<DefaultGroup> = (group) =>\n group.label;\n\nexport const isMultipleParams = <ITEM, GROUP>(\n params: UserSelectProps<ITEM, GROUP, boolean>,\n): params is UserSelectProps<ITEM, GROUP, true> => {\n return !!params.multiple;\n};\n\nexport const isNotMultipleParams = <ITEM, GROUP>(\n params: UserSelectProps<ITEM, GROUP, boolean>,\n): params is UserSelectProps<ITEM, GROUP, false> => {\n return !params.multiple;\n};\n\nexport function withDefaultGetters<\n ITEM = DefaultItem,\n GROUP = DefaultGroup,\n MULTIPLE extends boolean = false,\n>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>) {\n return {\n ...props,\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemKey: props.getItemKey || defaultGetItemKey,\n getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey,\n getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n getGroupKey: props.getGroupKey || defaultGetGroupKey,\n getItemSubLabel: props.getItemSubLabel || defaultGetItemSubLabel,\n getItemAvatarUrl: props.getItemAvatarUrl || defaultGetItemAvatarUrl,\n };\n}\n\nexport const searchCompare = (\n searchValue: string,\n compare?: string,\n): boolean => {\n if (!compare) {\n return false;\n }\n\n return (\n compare.toLocaleLowerCase().indexOf(searchValue.toLocaleLowerCase()) !== -1\n );\n};\n\nexport const clearSizeMap: Record<PropSize, IconPropSize> = {\n xs: 'xs',\n s: 's',\n m: 's',\n l: 'm',\n};\n\nexport const iconSizeMap: Record<PropSize, IconPropSize> = {\n xs: 'xs',\n s: 's',\n m: 'm',\n l: 'm',\n};\n"],"mappings":"qqBAkIA,MAAO,IAAMA,kBAA8C,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,EAAf,CAAvD,CACP,MAAO,IAAMC,oBAAkD,CAAG,SAACF,CAAD,QAChEA,EAAI,CAACG,KAD2D,CAA3D,CAEP,MAAO,IAAMC,uBAAwD,CAAG,SACtEJ,CADsE,QAEnEA,EAAI,CAACK,QAF8D,CAAjE,CAGP,MAAO,IAAMC,wBAA0D,CAAG,SACxEN,CADwE,QAErEA,EAAI,CAACO,SAFgE,CAAnE,CAGP,MAAO,IAAMC,uBAAwD,CAAG,SACtER,CADsE,QAEnEA,EAAI,CAACS,OAF8D,CAAjE,CAGP,MAAO,IAAMC,uBAAwD,CAAG,SACtEV,CADsE,QAEnEA,EAAI,CAACW,QAF8D,CAAjE,CAIP,MAAO,IAAMC,mBAAiD,CAAG,SAACC,CAAD,QAC/DA,EAAK,CAACZ,EADyD,CAA1D,CAEP,MAAO,IAAMa,qBAAqD,CAAG,SAACD,CAAD,QACnEA,EAAK,CAACV,KAD6D,CAA9D,CAGP,MAAO,IAAMY,iBAAgB,CAAG,SAC9BC,CAD8B,CAEmB,CACjD,MAAO,CAAC,CAACA,CAAM,CAACC,QACjB,CAJM,CAMP,MAAO,IAAMC,oBAAmB,CAAG,SACjCF,CADiC,CAEiB,CAClD,MAAO,CAACA,CAAM,CAACC,QAChB,CAJM,CAMP,MAAO,SAASE,mBAAT,CAILC,CAJK,CAI0C,CAC/C,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBnB,mBAFtC,CAGEoB,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBvB,iBAHlC,CAIEwB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBf,sBAJ5C,CAKEgB,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBd,sBAL5C,CAMEe,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBX,oBANxC,CAOEY,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBd,kBAPpC,CAQEe,eAAe,CAAEP,CAAK,CAACO,eAAN,EAAyBvB,sBAR5C,CASEwB,gBAAgB,CAAER,CAAK,CAACQ,gBAAN,EAA0BtB,uBAT9C,EAWD,CAED,MAAO,IAAMuB,cAAa,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGf,SACPA,CADO,EAM+D,CAAC,CAA1E,GAAAA,CAAO,CAACC,iBAAR,GAA4BC,OAA5B,CAAoCH,CAAW,CAACE,iBAAZ,EAApC,CAEH,CAXM,CAaP,MAAO,IAAME,aAA4C,CAAG,CAC1DC,EAAE,CAAE,IADsD,CAE1DC,CAAC,CAAE,GAFuD,CAG1DC,CAAC,CAAE,GAHuD,CAI1DC,CAAC,CAAE,GAJuD,CAArD,CAOP,MAAO,IAAMC,YAA2C,CAAG,CACzDJ,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,GAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAApD"}

package/__internal__/src/components/UserSelectDeprecated/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './UserSelectDeprecated';

package/__internal__/src/components/UserSelectDeprecated/index.js ADDED Viewed

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

package/__internal__/src/components/UserSelectDeprecated/index.js.map ADDED Viewed

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

package/__internal__/src/fileIcons/FileIcon/FileIcon.d.ts CHANGED Viewed

@@ -9,5 +9,5 @@ declare type Props = {
 };
 export declare type FileIconProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
 export declare const cnIconFile: import("@bem-react/classname").ClassNameFormatter;
-export declare const FileIcon: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FileIcon: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "size" | "css"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/__internal__/src/fileIcons/FileIconPpt/FileIconPpt.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileIconPpt.js","names":["createFileIcon","FileIconPptSizeM","FileIconPptSizeS","FileIconPpt","m","s","name"],"sources":["../../../../../src/fileIcons/FileIconPpt/FileIconPpt.tsx"],"sourcesContent":["import { createFileIcon } from '../createFileIcon/createFileIcon';\n\nimport FileIconPptSizeM from './FileIconPpt_size_m';\nimport FileIconPptSizeS from './FileIconPpt_size_s';\n\nexport const FileIconPpt = createFileIcon({\n m: FileIconPptSizeM,\n s: FileIconPptSizeS,\n name: 'FileIconPpt',\n});\n"],"mappings":"AAAA,OAASA,cAAT,~~wCAEA~~,MAAOC,iBAAP,4BACA,MAAOC,iBAAP,4BAEA,MAAO,IAAMC,YAAW,CAAGH,cAAc,CAAC,CACxCI,CAAC,CAAEH,gBADqC,CAExCI,CAAC,CAAEH,gBAFqC,CAGxCI,IAAI,CAAE,aAHkC,CAAD,CAAlC"}
1	+ {"version":3,"file":"FileIconPpt.js","names":["createFileIcon","FileIconPptSizeM","FileIconPptSizeS","FileIconPpt","m","s","name"],"sources":["../../../../../src/fileIcons/FileIconPpt/FileIconPpt.tsx"],"sourcesContent":["import { createFileIcon } from '../createFileIcon/createFileIcon';\nimport FileIconPptSizeM from './FileIconPpt_size_m';\nimport FileIconPptSizeS from './FileIconPpt_size_s';\n\nexport const FileIconPpt = createFileIcon({\n m: FileIconPptSizeM,\n s: FileIconPptSizeS,\n name: 'FileIconPpt',\n});\n"],"mappings":"AAAA,OAASA,cAAT,wCACA,MAAOC,iBAAP,4BACA,MAAOC,iBAAP,4BAEA,MAAO,IAAMC,YAAW,CAAGH,cAAc,CAAC,CACxCI,CAAC,CAAEH,gBADqC,CAExCI,CAAC,CAAEH,gBAFqC,CAGxCI,IAAI,CAAE,aAHkC,CAAD,CAAlC"}

package/__internal__/src/hocs/withTooltip/withTooltip.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TooltipProps as TooltipComponentProps } from "../../components/TooltipCanary";
+import { TooltipProps as TooltipComponentProps } from "../../components/Tooltip";
 export declare const withTooltipPropMode: readonly ["mouseover", "click"];
 export declare const withTooltipPropModeDefault: "mouseover";
 declare type WithTooltipPropMode = typeof withTooltipPropMode[number];

package/__internal__/src/hocs/withTooltip/withTooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["tooltipProps"],_excluded2=["mode","content","closeOnClickOutside","appearTimeout","exitTimeout"];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 React,{useCallback,useRef}from"react";import{Tooltip}from"../../components/TooltipCanary";import{useDebounce}from"../../hooks/useDebounce";import{useFlag}from"../../hooks/useFlag";import{useForkRef}from"../../hooks/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef";export var withTooltipPropMode=["mouseover","click"];export var withTooltipPropModeDefault=withTooltipPropMode[0];export var appearTimeoutDefault=400;export var exitTimeoutDefault=200;export function withTooltip(a){return function(b){return React.forwardRef(function(c,d){var e=c.tooltipProps,f=void 0===e?{}:e,g=_objectWithoutProperties(c,_excluded),h=_objectSpread(_objectSpread({},a),f),i=h.mode,j=void 0===i?"mouseover":i,k=h.content,l=h.closeOnClickOutside,m=!(void 0!==l)||l,n=h.appearTimeout,o=void 0===n?appearTimeoutDefault:n,p=h.exitTimeout,q=void 0===p?exitTimeoutDefault:p,r=_objectWithoutProperties(h,_excluded2),s=useFlag(),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useRef(null),x=useRef({tooltip:!1,acnor:!1}),y=useMutableRef([g.onMouseEnter,g.onMouseLeave,r.onMouseEnter,r.onMouseLeave,g.onClick,j,m]),z=useDebounce(useCallback(function(){"mouseover"===y.current[5]&&(x.current.acnor||x.current.tooltip)&&v.on()},[]),o),A=useDebounce(useCallback(function(){"mouseover"!==y.current[5]||x.current.acnor||x.current.tooltip||v.off()},[]),q),B=useCallback(function(a){var b,c;x.current.acnor=!0,z(),null===(b=(c=y.current)[0])||void 0===b?void 0:b.call(c,a)},[]),C=useCallback(function(a){var b,c;x.current.acnor=!1,A(),null===(b=(c=y.current)[1])||void 0===b?void 0:b.call(c,a)},[]),D=useCallback(function(a){var b,c;x.current.tooltip=!0,z(),null===(b=(c=y.current)[2])||void 0===b?void 0:b.call(c,a)},[]),E=useCallback(function(a){var b,c;x.current.tooltip=!1,A(),null===(b=(c=y.current)[3])||void 0===b?void 0:b.call(c,a)},[]),F=useCallback(function(){"click"===y.current[5]&&y.current[6]&&v.off()},[j,m]),G=useCallback(function(a){var b,c;"click"===y.current[5]&&v.toggle(),null===(b=(c=y.current)[4])||void 0===b?void 0:b.call(c,a)},[]);return React.createElement(React.Fragment,null,React.createElement(b,Object.assign({},g,{onClick:G,onMouseEnter:B,onMouseLeave:C,ref:useForkRef([w,d])})),React.createElement(Tooltip,Object.assign({},r,{isOpen:u&&!!k,className:r.className,anchorRef:w,onClickOutside:F,onMouseEnter:D,onMouseLeave:E}),k))})}}
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["tooltipProps"],_excluded2=["mode","content","closeOnClickOutside","appearTimeout","exitTimeout"];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 React,{useCallback,useRef}from"react";import{Tooltip}from"../../components/Tooltip";import{useDebounce}from"../../hooks/useDebounce";import{useFlag}from"../../hooks/useFlag";import{useForkRef}from"../../hooks/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef";export var withTooltipPropMode=["mouseover","click"];export var withTooltipPropModeDefault=withTooltipPropMode[0];export var appearTimeoutDefault=400;export var exitTimeoutDefault=200;export function withTooltip(a){return function(b){return React.forwardRef(function(c,d){var e=c.tooltipProps,f=void 0===e?{}:e,g=_objectWithoutProperties(c,_excluded),h=_objectSpread(_objectSpread({},a),f),i=h.mode,j=void 0===i?"mouseover":i,k=h.content,l=h.closeOnClickOutside,m=!(void 0!==l)||l,n=h.appearTimeout,o=void 0===n?appearTimeoutDefault:n,p=h.exitTimeout,q=void 0===p?exitTimeoutDefault:p,r=_objectWithoutProperties(h,_excluded2),s=useFlag(),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useRef(null),x=useRef({tooltip:!1,acnor:!1}),y=useMutableRef([g.onMouseEnter,g.onMouseLeave,r.onMouseEnter,r.onMouseLeave,g.onClick,j,m]),z=useDebounce(useCallback(function(){"mouseover"===y.current[5]&&(x.current.acnor||x.current.tooltip)&&v.on()},[]),o),A=useDebounce(useCallback(function(){"mouseover"!==y.current[5]||x.current.acnor||x.current.tooltip||v.off()},[]),q),B=useCallback(function(a){var b,c;x.current.acnor=!0,z(),null===(b=(c=y.current)[0])||void 0===b?void 0:b.call(c,a)},[]),C=useCallback(function(a){var b,c;x.current.acnor=!1,A(),null===(b=(c=y.current)[1])||void 0===b?void 0:b.call(c,a)},[]),D=useCallback(function(a){var b,c;x.current.tooltip=!0,z(),null===(b=(c=y.current)[2])||void 0===b?void 0:b.call(c,a)},[]),E=useCallback(function(a){var b,c;x.current.tooltip=!1,A(),null===(b=(c=y.current)[3])||void 0===b?void 0:b.call(c,a)},[]),F=useCallback(function(){"click"===y.current[5]&&y.current[6]&&v.off()},[j,m]),G=useCallback(function(a){var b,c;"click"===y.current[5]&&v.toggle(),null===(b=(c=y.current)[4])||void 0===b?void 0:b.call(c,a)},[]);return React.createElement(React.Fragment,null,React.createElement(b,Object.assign({},g,{onClick:G,onMouseEnter:B,onMouseLeave:C,ref:useForkRef([w,d])})),React.createElement(Tooltip,Object.assign({},r,{isOpen:u&&!!k,className:r.className,anchorRef:w,onClickOutside:F,onMouseEnter:D,onMouseLeave:E}),k))})}}
 //# sourceMappingURL=withTooltip.js.map

package/__internal__/src/hocs/withTooltip/withTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"withTooltip.js","names":["React","useCallback","useRef","Tooltip","useDebounce","useFlag","useForkRef","useMutableRef","withTooltipPropMode","withTooltipPropModeDefault","appearTimeoutDefault","exitTimeoutDefault","withTooltip","hocProps","Component","forwardRef","props","ref","tooltipProps","componentProps","mode","content","closeOnClickOutside","appearTimeout","exitTimeout","otherTooltipProps","visible","setVisible","acnortRef","hoverStateRef","tooltip","acnor","mutablePropsRef","onMouseEnter","onMouseLeave","onClick","mouseEnterController","current","on","mouseLeaveController","off","acnorOnMouseEnter","e","acnorOnMouseLeave","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnClickOutside","acnorOnClick","toggle","className"],"sources":["../../../../../src/hocs/withTooltip/withTooltip.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport {\n Tooltip,\n TooltipProps as TooltipComponentProps,\n} from '##/components/~~TooltipCanary~~';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nexport const withTooltipPropMode = ['mouseover', 'click'] as const;\nexport const withTooltipPropModeDefault = withTooltipPropMode[0];\ntype WithTooltipPropMode = typeof withTooltipPropMode[number];\n\nexport const appearTimeoutDefault = 400;\nexport const exitTimeoutDefault = 200;\n\ntype ComponentProps = {\n onClick?: React.MouseEventHandler;\n onMouseEnter?: React.MouseEventHandler;\n onMouseLeave?: React.MouseEventHandler;\n};\n\nexport type TooltipProps = Omit<TooltipComponentProps, 'children' \| 'ref'> & {\n content?: React.ReactNode;\n mode?: WithTooltipPropMode;\n closeOnClickOutside?: boolean;\n appearTimeout?: number;\n exitTimeout?: number;\n};\n\nexport type WithTooltipProps<Props> = Omit<Props, 'tooltipProps'> & {\n tooltipProps?: TooltipProps;\n};\n\ntype HoverState = {\n tooltip: boolean;\n acnor: boolean;\n};\n\nexport function withTooltip(hocProps?: TooltipProps) {\n return function <COMPONENT_TYPE, COMPONENT_PROPS extends ComponentProps>(\n Component: COMPONENT_TYPE,\n ) {\n return React.forwardRef<HTMLElement, WithTooltipProps<COMPONENT_PROPS>>(\n (props, ref) => {\n const { tooltipProps = {}, ...componentProps } = props;\n\n const {\n mode = 'mouseover',\n content,\n closeOnClickOutside = true,\n appearTimeout = appearTimeoutDefault,\n exitTimeout = exitTimeoutDefault,\n ...otherTooltipProps\n } = {\n ...hocProps,\n ...tooltipProps,\n };\n\n const [visible, setVisible] = useFlag();\n const acnortRef = useRef<HTMLElement>(null);\n\n const hoverStateRef = useRef<HoverState>({\n tooltip: false,\n acnor: false,\n });\n\n const mutablePropsRef = useMutableRef([\n componentProps.onMouseEnter,\n componentProps.onMouseLeave,\n otherTooltipProps.onMouseEnter,\n otherTooltipProps.onMouseLeave,\n componentProps.onClick,\n mode,\n closeOnClickOutside,\n ] as const);\n\n const mouseEnterController = useDebounce(\n useCallback(() => {\n mutablePropsRef.current[5] === 'mouseover' &&\n (hoverStateRef.current.acnor \|\| hoverStateRef.current.tooltip) &&\n setVisible.on();\n }, []),\n appearTimeout,\n );\n\n const mouseLeaveController = useDebounce(\n useCallback(() => {\n mutablePropsRef.current[5] === 'mouseover' &&\n !hoverStateRef.current.acnor &&\n !hoverStateRef.current.tooltip &&\n setVisible.off();\n }, []),\n exitTimeout,\n );\n\n const acnorOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.acnor = true;\n mouseEnterController();\n mutablePropsRef.current[0]?.(e);\n }, []);\n\n const acnorOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.acnor = false;\n mouseLeaveController();\n mutablePropsRef.current[1]?.(e);\n }, []);\n\n const tooltipOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.tooltip = true;\n mouseEnterController();\n mutablePropsRef.current[2]?.(e);\n }, []);\n\n const tooltipOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.tooltip = false;\n mouseLeaveController();\n mutablePropsRef.current[3]?.(e);\n }, []);\n\n const tooltipOnClickOutside = useCallback(() => {\n mutablePropsRef.current[5] === 'click' &&\n mutablePropsRef.current[6] &&\n setVisible.off();\n }, [mode, closeOnClickOutside]);\n\n const acnorOnClick: React.MouseEventHandler = useCallback((e) => {\n mutablePropsRef.current[5] === 'click' && setVisible.toggle();\n mutablePropsRef.current[4]?.(e);\n }, []);\n\n const Anchor =\n Component as unknown as React.ComponentType<COMPONENT_PROPS>;\n\n return (\n <>\n <Anchor\n {...(componentProps as COMPONENT_PROPS)}\n onClick={acnorOnClick}\n onMouseEnter={acnorOnMouseEnter}\n onMouseLeave={acnorOnMouseLeave}\n ref={useForkRef([acnortRef, ref])}\n />\n <Tooltip\n {...otherTooltipProps}\n isOpen={visible && !!content}\n className={otherTooltipProps.className}\n anchorRef={acnortRef}\n onClickOutside={tooltipOnClickOutside}\n onMouseEnter={tooltipOnMouseEnter}\n onMouseLeave={tooltipOnMouseLeave}\n >\n {content}\n </Tooltip>\n </>\n );\n // привел к типам, так как прокинутый компонент может иметь джененрики и они потеряются за хоком\n },\n ) as unknown as\n \| COMPONENT_TYPE\n \| React.ComponentType<{\n tooltipProps?: TooltipProps;\n }>;\n };\n}\n"],"mappings":"46BAAA,MAAOA,MAAP,EAAgBC,WAAhB,CAA6BC,MAA7B,KAA2C,OAA3C,CAEA,OACEC,OADF,~~sCAIA~~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"}
1	+ {"version":3,"file":"withTooltip.js","names":["React","useCallback","useRef","Tooltip","useDebounce","useFlag","useForkRef","useMutableRef","withTooltipPropMode","withTooltipPropModeDefault","appearTimeoutDefault","exitTimeoutDefault","withTooltip","hocProps","Component","forwardRef","props","ref","tooltipProps","componentProps","mode","content","closeOnClickOutside","appearTimeout","exitTimeout","otherTooltipProps","visible","setVisible","acnortRef","hoverStateRef","tooltip","acnor","mutablePropsRef","onMouseEnter","onMouseLeave","onClick","mouseEnterController","current","on","mouseLeaveController","off","acnorOnMouseEnter","e","acnorOnMouseLeave","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnClickOutside","acnorOnClick","toggle","className"],"sources":["../../../../../src/hocs/withTooltip/withTooltip.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport {\n Tooltip,\n TooltipProps as TooltipComponentProps,\n} from '##/components/Tooltip';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nexport const withTooltipPropMode = ['mouseover', 'click'] as const;\nexport const withTooltipPropModeDefault = withTooltipPropMode[0];\ntype WithTooltipPropMode = typeof withTooltipPropMode[number];\n\nexport const appearTimeoutDefault = 400;\nexport const exitTimeoutDefault = 200;\n\ntype ComponentProps = {\n onClick?: React.MouseEventHandler;\n onMouseEnter?: React.MouseEventHandler;\n onMouseLeave?: React.MouseEventHandler;\n};\n\nexport type TooltipProps = Omit<TooltipComponentProps, 'children' \| 'ref'> & {\n content?: React.ReactNode;\n mode?: WithTooltipPropMode;\n closeOnClickOutside?: boolean;\n appearTimeout?: number;\n exitTimeout?: number;\n};\n\nexport type WithTooltipProps<Props> = Omit<Props, 'tooltipProps'> & {\n tooltipProps?: TooltipProps;\n};\n\ntype HoverState = {\n tooltip: boolean;\n acnor: boolean;\n};\n\nexport function withTooltip(hocProps?: TooltipProps) {\n return function <COMPONENT_TYPE, COMPONENT_PROPS extends ComponentProps>(\n Component: COMPONENT_TYPE,\n ) {\n return React.forwardRef<HTMLElement, WithTooltipProps<COMPONENT_PROPS>>(\n (props, ref) => {\n const { tooltipProps = {}, ...componentProps } = props;\n\n const {\n mode = 'mouseover',\n content,\n closeOnClickOutside = true,\n appearTimeout = appearTimeoutDefault,\n exitTimeout = exitTimeoutDefault,\n ...otherTooltipProps\n } = {\n ...hocProps,\n ...tooltipProps,\n };\n\n const [visible, setVisible] = useFlag();\n const acnortRef = useRef<HTMLElement>(null);\n\n const hoverStateRef = useRef<HoverState>({\n tooltip: false,\n acnor: false,\n });\n\n const mutablePropsRef = useMutableRef([\n componentProps.onMouseEnter,\n componentProps.onMouseLeave,\n otherTooltipProps.onMouseEnter,\n otherTooltipProps.onMouseLeave,\n componentProps.onClick,\n mode,\n closeOnClickOutside,\n ] as const);\n\n const mouseEnterController = useDebounce(\n useCallback(() => {\n mutablePropsRef.current[5] === 'mouseover' &&\n (hoverStateRef.current.acnor \|\| hoverStateRef.current.tooltip) &&\n setVisible.on();\n }, []),\n appearTimeout,\n );\n\n const mouseLeaveController = useDebounce(\n useCallback(() => {\n mutablePropsRef.current[5] === 'mouseover' &&\n !hoverStateRef.current.acnor &&\n !hoverStateRef.current.tooltip &&\n setVisible.off();\n }, []),\n exitTimeout,\n );\n\n const acnorOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.acnor = true;\n mouseEnterController();\n mutablePropsRef.current[0]?.(e);\n }, []);\n\n const acnorOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.acnor = false;\n mouseLeaveController();\n mutablePropsRef.current[1]?.(e);\n }, []);\n\n const tooltipOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.tooltip = true;\n mouseEnterController();\n mutablePropsRef.current[2]?.(e);\n }, []);\n\n const tooltipOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n useCallback((e) => {\n hoverStateRef.current.tooltip = false;\n mouseLeaveController();\n mutablePropsRef.current[3]?.(e);\n }, []);\n\n const tooltipOnClickOutside = useCallback(() => {\n mutablePropsRef.current[5] === 'click' &&\n mutablePropsRef.current[6] &&\n setVisible.off();\n }, [mode, closeOnClickOutside]);\n\n const acnorOnClick: React.MouseEventHandler = useCallback((e) => {\n mutablePropsRef.current[5] === 'click' && setVisible.toggle();\n mutablePropsRef.current[4]?.(e);\n }, []);\n\n const Anchor =\n Component as unknown as React.ComponentType<COMPONENT_PROPS>;\n\n return (\n <>\n <Anchor\n {...(componentProps as COMPONENT_PROPS)}\n onClick={acnorOnClick}\n onMouseEnter={acnorOnMouseEnter}\n onMouseLeave={acnorOnMouseLeave}\n ref={useForkRef([acnortRef, ref])}\n />\n <Tooltip\n {...otherTooltipProps}\n isOpen={visible && !!content}\n className={otherTooltipProps.className}\n anchorRef={acnortRef}\n onClickOutside={tooltipOnClickOutside}\n onMouseEnter={tooltipOnMouseEnter}\n onMouseLeave={tooltipOnMouseLeave}\n >\n {content}\n </Tooltip>\n </>\n );\n // привел к типам, так как прокинутый компонент может иметь джененрики и они потеряются за хоком\n },\n ) as unknown as\n \| COMPONENT_TYPE\n \| React.ComponentType<{\n tooltipProps?: TooltipProps;\n }>;\n };\n}\n"],"mappings":"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"}

package/__internal__/src/hooks/useBreakpoints/index.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
 export * from './useBreakpoints';
+export * from './useComponentBreakpoints';
+export * from './useWindowBreakpoints';
 export * from './getLastPoint';
 export * from './addPrefix';

package/__internal__/src/hooks/useBreakpoints/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export*from"./useBreakpoints";export*from"./getLastPoint";export*from"./addPrefix";
+export*from"./useBreakpoints";export*from"./useComponentBreakpoints";export*from"./useWindowBreakpoints";export*from"./getLastPoint";export*from"./addPrefix";
 //# sourceMappingURL=index.js.map

package/__internal__/src/hooks/useBreakpoints/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/hooks/useBreakpoints/index.ts"],"sourcesContent":["export * from './useBreakpoints';\nexport * from './getLastPoint';\nexport * from './addPrefix';\n"],"mappings":"AAAA,8BACA,4BACA"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/hooks/useBreakpoints/index.ts"],"sourcesContent":["export * from './useBreakpoints';\nexport * from './useComponentBreakpoints';\nexport * from './useWindowBreakpoints';\nexport * from './getLastPoint';\nexport * from './addPrefix';\n"],"mappings":"AAAA,8BACA,uCACA,oCACA,4BACA"}

package/__internal__/src/hooks/useBreakpoints/mapping.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import { Map, Returned } from './types';
+export declare const sortObj: <T extends {}>(obj: T) => T;
 export declare const mapping: <POINTS extends string>(width: number, map: Map<POINTS>) => Returned<POINTS>;

package/__internal__/src/hooks/useBreakpoints/mapping.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export var mapping=function(a,b){var c={};for(var d in b)Object.prototype.hasOwnProperty.call(b,d)&&(c[d]=a>=b[d]);return c};
+export var sortObj=function(a){return Object.fromEntries(Object.entries(a).sort(function(c,a){return c[1]-a[1]}))};export var mapping=function(a,b){var c={};for(var d in sortObj(b))Object.prototype.hasOwnProperty.call(b,d)&&(c[d]=a>=b[d]);return c};
 //# sourceMappingURL=mapping.js.map

package/__internal__/src/hooks/useBreakpoints/mapping.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapping.js","names":["mapping","width","map","points","key","~~Object","~~prototype","hasOwnProperty","call"],"sources":["../../../../../src/hooks/useBreakpoints/mapping.ts"],"sourcesContent":["import { Map, Returned } from './types';\n\nexport const mapping = <POINTS extends string>(\n width: number,\n map: Map<POINTS>,\n): Returned<POINTS> => {\n const points = {} as Returned<POINTS>;\n\n for (const key in map) {\n if (Object.prototype.hasOwnProperty.call(map, key)) {\n points[key] = width >= map[key];\n }\n }\n\n return points;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,QAAO,CAAG,SACrBC,CADqB,CAErBC,CAFqB,CAGA,CACrB,GAAMC,EAAM,CAAG,EAAf,CAEA,IAAK,GAAMC,EAAX,~~GAAkBF~~,~~EAAlB~~,~~CACMG~~,MAAM,~~CAACC~~,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,~~CAAqCN~~,CAArC,CAA0CE,CAA1C,CADN,GAEID,CAAM,CAACC,CAAD,CAAN,CAAcH,CAAK,EAAIC,CAAG,CAACE,CAAD,CAF9B,EAMA,MAAOD,EACR,CAbM"}
1	+ {"version":3,"file":"mapping.js","names":["sortObj","obj","Object","fromEntries","entries","sort","a","b","mapping","width","map","points","key","prototype","hasOwnProperty","call"],"sources":["../../../../../src/hooks/useBreakpoints/mapping.ts"],"sourcesContent":["import { Map, Returned } from './types';\n\nexport const sortObj = <T extends {}>(obj: T) =>\n Object.fromEntries(\n (Object.entries(obj) as [string, number][]).sort((a, b) => a[1] - b[1]),\n ) as T;\n\nexport const mapping = <POINTS extends string>(\n width: number,\n map: Map<POINTS>,\n): Returned<POINTS> => {\n const points = {} as Returned<POINTS>;\n\n for (const key in sortObj(map)) {\n if (Object.prototype.hasOwnProperty.call(map, key)) {\n points[key] = width >= map[key];\n }\n }\n\n return points;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,QAAO,CAAG,SAAeC,CAAf,QACrBC,OAAM,CAACC,WAAP,CACGD,MAAM,CAACE,OAAP,CAAeH,CAAf,CAAD,CAA4CI,IAA5C,CAAiD,SAACC,CAAD,CAAIC,CAAJ,QAAUD,EAAC,CAAC,CAAD,CAAD,CAAOC,CAAC,CAAC,CAAD,CAAlB,CAAjD,CADF,CADqB,CAAhB,CAKP,MAAO,IAAMC,QAAO,CAAG,SACrBC,CADqB,CAErBC,CAFqB,CAGA,CACrB,GAAMC,EAAM,CAAG,EAAf,CAEA,IAAK,GAAMC,EAAX,GAAkBZ,QAAO,CAACU,CAAD,CAAzB,CACMR,MAAM,CAACW,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,CAArC,CAA0CE,CAA1C,CADN,GAEID,CAAM,CAACC,CAAD,CAAN,CAAcH,CAAK,EAAIC,CAAG,CAACE,CAAD,CAF9B,EAMA,MAAOD,EACR,CAbM"}

package/__internal__/src/hooks/useBreakpoints/useBreakpoints.d.ts CHANGED Viewed

@@ -1,2 +1,7 @@
+/// <reference types="react" />
 import { Map, Returned } from './types';
-export declare const useBreakpoints: <POINTS extends string = "m" | "s" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "3xs" | "5xs" | "4xs">(map?: Map<POINTS> | undefined) => Returned<POINTS>;
+export declare const useBreakpoints: <POINTS extends string>({ ref, map, isActive, }: {
+    ref?: import("react").RefObject<HTMLElement | SVGGraphicsElement> | undefined;
+    map: Map<POINTS>;
+    isActive?: boolean | undefined;
+}) => Returned<POINTS>;

package/__internal__/src/hooks/useBreakpoints/useBreakpoints.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useLayoutEffect,useState}from"react";import{isEq}from"../../utils/object";import{mapping}from"./mapping";var defaultPoints=["5xs","4xs","3xs","2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl"],defaultMap={"5xs":320,"4xs":360,"3xs":480,"2xs":720,xs:960,s:1020,m:1200,l:1400,xl:1600,"2xl":1800,"3xl":2e3,"4xl":2200,"5xl":2400};export var useBreakpoints=function(a){var b=a||defaultMap,c=useState(function(){return mapping(window.innerWidth,b)}),d=_slicedToArray(c,2),e=d[0],f=d[1];return useLayoutEffect(function(){var a=function(){var a=mapping(window.innerWidth,b);f(function(b){return isEq(b,a)?b:a})};return window.addEventListener("resize",a),function(){return window.removeEventListener("resize",a)}},[]),e};
+import{useComponentBreakpoints}from"./useComponentBreakpoints";import{useWindowBreakpoints}from"./useWindowBreakpoints";export var useBreakpoints=function(a){var b=a.ref,c=a.map,d=a.isActive,e=useWindowBreakpoints({map:c,isActive:d&&!b}),f=useComponentBreakpoints({ref:b,map:c,isActive:d&&!!b});return b?f:e};
 //# sourceMappingURL=useBreakpoints.js.map

package/__internal__/src/hooks/useBreakpoints/useBreakpoints.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useBreakpoints.js","names":["~~useLayoutEffect~~","~~useState~~","~~isEq~~","~~mapping~~","~~defaultPoints","defaultMap","useBreakpoints","~~map","~~pointsMap~~","~~window~~","~~innerWidth~~"~~,"points","setSetPoints","subscribe","newPoints","state","addEventListener","removeEventListener"~~],"sources":["../../../../../src/hooks/useBreakpoints/useBreakpoints.ts"],"sourcesContent":["import { ~~useLayoutEffect~~, ~~useState~~ } from '~~react~~';\n\nimport { ~~isEq~~ } from '~~##/utils/object';\n\nimport { mapping } from '~~./~~mapping~~';\nimport { ~~Map,~~ ~~Returned~~ } from './~~types~~';\n\~~nconst~~ ~~defaultPoints = [\n '5xs',\n '4xs',\n '3xs',\n '2xs',\n 'xs',\n 's',\n 'm',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n '5xl',\n] as~~ const~~;\n\ntype~~ ~~DefaultPoints~~ = ~~typeof~~ ~~defaultPoints[number];\n\nconst~~ ~~defaultMap: Map<DefaultPoints~~> = {\n ~~'5xs': 320~~,\n ~~'4xs': 360~~,\n ~~'3xs': 480~~,\n ~~'2xs'~~: ~~720,\~~n ~~'xs':~~ ~~960,\n 's':~~ ~~1020,\n 'm':~~ ~~1200,\~~n ~~'l'~~: ~~1400,\~~n ~~'xl':~~ ~~1600,\~~n ~~'2xl'~~: ~~1800,\n '3xl': 2000,\n '4xl': 2200,\n '5xl': 2400,\n};\n\nexport const useBreakpoints =~~ <POINTS ~~extends string = DefaultPoints~~>~~(\n map?:~~ ~~Map<POINTS>,\n)~~ => {\n const ~~pointsMap~~ = ~~map \|\|~~ (~~defaultMap as Map<POINTS>);\n~~\n ~~const~~ ~~[points,~~ ~~setSetPoints]~~ ~~= useState<Returned<POINTS>>(() =>\n mapping(window.innerWidth, pointsMap)~~,\n );\n\n ~~useLayoutEffect(() => {\n~~ const ~~subscribe~~ = (~~) =>~~ {\n ~~const newPoints = mapping(window.innerWidth, pointsMap);\n\n setSetPoints((state) => (isEq(state, newPoints) ? state : newPoints));\n~~ ~~};\~~n\n ~~window.addEventListener('resize', subscribe);\~~n\n ~~return~~ () => ~~window.removeEventListener('resize', subscribe);\~~n }~~, []~~);\n\n return ~~points~~;\n};\n"],"mappings":"~~iEAAA~~,OAASA,~~eAAT~~,~~CAA0BC~~,~~QAA1B,KAA0C,OAA1C,CAEA,~~OAASC,~~IAAT~~,~~0BAEA~~,OAASC,OAAT,iB,GAGMC,cAAa,CAAG,CACpB,KADoB,CAEpB,KAFoB,CAGpB,KAHoB,CAIpB,KAJoB,CAKpB,IALoB,CAMpB,GANoB,CAOpB,GAPoB,CAQpB,GARoB,CASpB,IAToB,CAUpB,KAVoB,CAWpB,KAXoB,CAYpB,KAZoB,CAapB,KAboB,C,CAkBhBC,UAA8B,CAAG,CACrC,MAAO,GAD8B,CAErC,MAAO,GAF8B,CAGrC,MAAO,GAH8B,CAIrC,MAAO,GAJ8B,CAKrC,GAAM,GAL+B,CAMrC,EAAK,IANgC,CAOrC,EAAK,IAPgC,CAQrC,EAAK,IARgC,CASrC,GAAM,IAT+B,CAUrC,MAAO,IAV8B,CAWrC,MAAO,GAX8B,CAYrC,MAAO,IAZ8B,CAarC,MAAO,IAb8B,C,CAgBvC,MAAO,IAAMC,eAAc,CAAG,~~SAC5BC~~,~~CAD4B~~,~~CAEzB~~,~~IACGC~~,~~EAAS~~,~~CAAGD~~,~~CAAG~~,~~EAAKF~~,~~UADvB~~,~~GAG4BJ~~,~~QAAQ~~,~~CAAmB~~,~~iBACxDE~~,~~QAAO~~,~~CAACM~~,~~MAAM~~,~~CAACC~~,~~UAAR~~,~~CAAoBF~~,~~CAApB~~,~~CADiD~~,~~CAAnB~~,~~CAHpC~~,~~uBAGIG~~,~~CAHJ~~,~~MAGYC~~,~~CAHZ~~,~~MAmBH~~,~~MAZAZ~~,~~gBAAe~~,~~CAAC~~,~~UAAM~~,~~CACpB~~,~~GAAMa~~,~~EAAS~~,~~CAAG~~,~~UAAM~~,~~CACtB~~,~~GAAMC~~,~~EAAS~~,~~CAAGX~~,~~OAAO~~,~~CAACM~~,~~MAAM~~,~~CAACC~~,~~UAAR~~,~~CAAoBF~~,~~CAApB~~,~~CAAzB~~,~~CAEAI,CAAY,~~CAAC,~~SAACG~~,~~CAAD~~,~~QAAYb,KAAI,CAACa,~~CAAD,~~CAAQD~~,~~CAAR~~,~~CAAJ~~,~~CAAyBC~~,~~CAAzB~~,~~CAAiCD~~,~~CAA7C~~,~~CAAD~~,~~CACb,CAJD,CAQA,MAFAL,OAAM,CAACO,gBAAP,CAAwB,QAAxB,CAAkCH,CAAlC,CAEA,CAAO,iBAAMJ,OAAM,CAACQ,mBAAP,CAA2B,QAA3B,CAAqCJ,CAArC,CAAN,CACR,CAVc,CAUZ,EAVY,CAYf,CAAOF,CACR,CAtBM~~"}
1	+ {"version":3,"file":"useBreakpoints.js","names":["useComponentBreakpoints","useWindowBreakpoints","useBreakpoints","ref","map","isActive","windowBreakpoints","componentBreakpoints"],"sources":["../../../../../src/hooks/useBreakpoints/useBreakpoints.ts"],"sourcesContent":["import { Map, Returned } from './types';\nimport { useComponentBreakpoints } from './useComponentBreakpoints';\nimport { useWindowBreakpoints } from './useWindowBreakpoints';\n\nexport const useBreakpoints = <POINTS extends string>({\n ref,\n map,\n isActive,\n}: {\n ref?: React.RefObject<HTMLElement \| SVGGraphicsElement>;\n map: Map<POINTS>;\n isActive?: boolean;\n}): Returned<POINTS> => {\n const windowBreakpoints = useWindowBreakpoints({\n map,\n isActive: isActive && !ref,\n });\n\n const componentBreakpoints = useComponentBreakpoints({\n ref,\n map,\n isActive: isActive && !!ref,\n });\n\n return ref ? componentBreakpoints : windowBreakpoints;\n};\n"],"mappings":"AACA,OAASA,uBAAT,iCACA,OAASC,oBAAT,8BAEA,MAAO,IAAMC,eAAc,CAAG,WAQN,IAPtBC,EAOsB,GAPtBA,GAOsB,CANtBC,CAMsB,GANtBA,GAMsB,CALtBC,CAKsB,GALtBA,QAKsB,CAChBC,CAAiB,CAAGL,oBAAoB,CAAC,CAC7CG,GAAG,CAAHA,CAD6C,CAE7CC,QAAQ,CAAEA,CAAQ,EAAI,CAACF,CAFsB,CAAD,CADxB,CAMhBI,CAAoB,CAAGP,uBAAuB,CAAC,CACnDG,GAAG,CAAHA,CADmD,CAEnDC,GAAG,CAAHA,CAFmD,CAGnDC,QAAQ,CAAEA,CAAQ,EAAI,CAAC,CAACF,CAH2B,CAAD,CAN9B,CAYtB,MAAOA,EAAG,CAAGI,CAAH,CAA0BD,CACrC,CArBM"}

package/__internal__/src/hooks/useBreakpoints/useComponentBreakpoints.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Map, Returned } from './types';
+export declare const useComponentBreakpoints: <POINTS extends string>({ ref, map, isActive, }: {
+    ref?: import("react").RefObject<HTMLElement | SVGGraphicsElement> | undefined;
+    map: Map<POINTS>;
+    isActive?: boolean | undefined;
+}) => Returned<POINTS>;

package/__internal__/src/hooks/useBreakpoints/useComponentBreakpoints.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useCallback,useEffect,useState}from"react";import{useMutableRef}from"../useMutableRef";import{isEq}from"../../utils/object/isEq";import{mapping}from"./mapping";export var useComponentBreakpoints=function(a){var b=a.ref,c=a.map,d=a.isActive,e=useMutableRef(c),f=useCallback(function(){var a;return mapping((null===b\|\|void 0===b\|\|null===(a=b.current)\|\|void 0===a?void 0:a.getBoundingClientRect().width)\|\|0,e.current)},[]),g=useState(f),h=_slicedToArray(g,2),i=h[0],j=h[1];return useEffect(function(){f();var a=new ResizeObserver(function(){var a=f();j(function(b){return isEq(b,a)?b:a})});return d&&(null===b\|\|void 0===b?void 0:b.current)&&a.observe(b.current),function(){a.disconnect()}},[null===b\|\|void 0===b?void 0:b.current,d]),i};
2	+ //# sourceMappingURL=useComponentBreakpoints.js.map

package/__internal__/src/hooks/useBreakpoints/useComponentBreakpoints.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useComponentBreakpoints.js","names":["useCallback","useEffect","useState","useMutableRef","isEq","mapping","useComponentBreakpoints","ref","map","isActive","mapRef","mappingRun","current","getBoundingClientRect","width","points","setSetPoints","resizeObserver","ResizeObserver","newPoints","state","observe","disconnect"],"sources":["../../../../../src/hooks/useBreakpoints/useComponentBreakpoints.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { isEq } from '##/utils/object/isEq';\n\nimport { mapping } from './mapping';\nimport { Map, Returned } from './types';\n\nexport const useComponentBreakpoints = <POINTS extends string>({\n ref,\n map,\n isActive,\n}: {\n ref?: React.RefObject<HTMLElement | SVGGraphicsElement>;\n map: Map<POINTS>;\n isActive?: boolean;\n}) => {\n const mapRef = useMutableRef(map);\n const mappingRun = useCallback(\n () =>\n mapping(ref?.current?.getBoundingClientRect().width || 0, mapRef.current),\n [],\n );\n const [points, setSetPoints] = useState<Returned<POINTS>>(mappingRun);\n\n useEffect(() => {\n mappingRun();\n\n const resizeObserver = new ResizeObserver(() => {\n const newPoints = mappingRun();\n setSetPoints((state) => (isEq(state, newPoints) ? state : newPoints));\n });\n\n isActive && ref?.current && resizeObserver.observe(ref.current);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [ref?.current, isActive]);\n\n return points;\n};\n"],"mappings":"iEAAA,OAASA,WAAT,CAAsBC,SAAtB,CAAiCC,QAAjC,KAAiD,OAAjD,CAEA,OAASC,aAAT,wBACA,OAASC,IAAT,+BAEA,OAASC,OAAT,iBAGA,MAAO,IAAMC,wBAAuB,CAAG,WAQjC,IAPJC,EAOI,GAPJA,GAOI,CANJC,CAMI,GANJA,GAMI,CALJC,CAKI,GALJA,QAKI,CACEC,CAAM,CAAGP,aAAa,CAACK,CAAD,CADxB,CAEEG,CAAU,CAAGX,WAAW,CAC5B,uBACEK,QAAO,CAAC,QAAAE,CAAG,WAAHA,CAAA,YAAAA,CAAG,CAAEK,OAAL,uBAAcC,qBAAd,GAAsCC,KAAtC,GAA+C,CAAhD,CAAmDJ,CAAM,CAACE,OAA1D,CADT,CAD4B,CAG5B,EAH4B,CAF1B,GAO2BV,QAAQ,CAAmBS,CAAnB,CAPnC,uBAOGI,CAPH,MAOWC,CAPX,MAwBJ,MAfAf,UAAS,CAAC,UAAM,CACdU,CAAU,EADI,CAGd,GAAMM,EAAc,CAAG,GAAIC,eAAJ,CAAmB,UAAM,CAC9C,GAAMC,EAAS,CAAGR,CAAU,EAA5B,CACAK,CAAY,CAAC,SAACI,CAAD,QAAYhB,KAAI,CAACgB,CAAD,CAAQD,CAAR,CAAJ,CAAyBC,CAAzB,CAAiCD,CAA7C,CAAD,CACb,CAHsB,CAAvB,CAOA,MAFAV,EAAQ,UAAIF,CAAJ,WAAIA,CAAJ,QAAIA,CAAG,CAAEK,OAAT,CAAR,EAA4BK,CAAc,CAACI,OAAf,CAAuBd,CAAG,CAACK,OAA3B,CAE5B,CAAO,UAAM,CACXK,CAAc,CAACK,UAAf,EACD,CACF,CAbQ,CAaN,QAACf,CAAD,WAACA,CAAD,QAACA,CAAG,CAAEK,OAAN,CAAeH,CAAf,CAbM,CAeT,CAAOM,CACR,CAjCM"}

package/__internal__/src/hooks/useBreakpoints/useWindowBreakpoints.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { Map, Returned } from './types';
+export declare const useWindowBreakpoints: <POINTS extends string>({ isActive, map, }: {
+    isActive?: boolean | undefined;
+    map: Map<POINTS>;
+}) => Returned<POINTS>;

package/__internal__/src/hooks/useBreakpoints/useWindowBreakpoints.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useCallback,useEffect,useState}from"react";import{useMutableRef}from"../useMutableRef";import{isEq}from"../../utils/object";import{mapping}from"./mapping";export var useWindowBreakpoints=function(a){var b=a.isActive,c=a.map,d=useMutableRef(c),e=useCallback(function(){return mapping(window.innerWidth,d.current)},[]),f=useState(e),g=_slicedToArray(f,2),h=g[0],i=g[1];return useEffect(function(){e();var a=function(){var a=e();i(function(b){return isEq(b,a)?b:a})};return b&&window.addEventListener("resize",a),function(){return window.removeEventListener("resize",a)}},[b]),h};
2	+ //# sourceMappingURL=useWindowBreakpoints.js.map

package/__internal__/src/hooks/useBreakpoints/useWindowBreakpoints.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useWindowBreakpoints.js","names":["useCallback","useEffect","useState","useMutableRef","isEq","mapping","useWindowBreakpoints","isActive","map","mapRef","mappingRun","window","innerWidth","current","points","setPoints","subscribe","newPoints","state","addEventListener","removeEventListener"],"sources":["../../../../../src/hooks/useBreakpoints/useWindowBreakpoints.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { isEq } from '##/utils/object';\n\nimport { mapping } from './mapping';\nimport { Map, Returned } from './types';\n\nexport const useWindowBreakpoints = <POINTS extends string>({\n isActive,\n map,\n}: {\n isActive?: boolean;\n map: Map<POINTS>;\n}) => {\n const mapRef = useMutableRef(map);\n const mappingRun = useCallback(\n () => mapping(window.innerWidth, mapRef.current),\n [],\n );\n const [points, setPoints] = useState<Returned<POINTS>>(mappingRun);\n\n useEffect(() => {\n mappingRun();\n\n const subscribe = () => {\n const newPoints = mappingRun();\n\n setPoints((state) => (isEq(state, newPoints) ? state : newPoints));\n };\n\n isActive && window.addEventListener('resize', subscribe);\n\n return () => window.removeEventListener('resize', subscribe);\n }, [isActive]);\n\n return points;\n};\n"],"mappings":"iEAAA,OAASA,WAAT,CAAsBC,SAAtB,CAAiCC,QAAjC,KAAiD,OAAjD,CAEA,OAASC,aAAT,wBACA,OAASC,IAAT,0BAEA,OAASC,OAAT,iBAGA,MAAO,IAAMC,qBAAoB,CAAG,WAM9B,IALJC,EAKI,GALJA,QAKI,CAJJC,CAII,GAJJA,GAII,CACEC,CAAM,CAAGN,aAAa,CAACK,CAAD,CADxB,CAEEE,CAAU,CAAGV,WAAW,CAC5B,iBAAMK,QAAO,CAACM,MAAM,CAACC,UAAR,CAAoBH,CAAM,CAACI,OAA3B,CAAb,CAD4B,CAE5B,EAF4B,CAF1B,GAMwBX,QAAQ,CAAmBQ,CAAnB,CANhC,uBAMGI,CANH,MAMWC,CANX,MAsBJ,MAdAd,UAAS,CAAC,UAAM,CACdS,CAAU,EADI,CAGd,GAAMM,EAAS,CAAG,UAAM,CACtB,GAAMC,EAAS,CAAGP,CAAU,EAA5B,CAEAK,CAAS,CAAC,SAACG,CAAD,QAAYd,KAAI,CAACc,CAAD,CAAQD,CAAR,CAAJ,CAAyBC,CAAzB,CAAiCD,CAA7C,CAAD,CACV,CAJD,CAQA,MAFAV,EAAQ,EAAII,MAAM,CAACQ,gBAAP,CAAwB,QAAxB,CAAkCH,CAAlC,CAEZ,CAAO,iBAAML,OAAM,CAACS,mBAAP,CAA2B,QAA3B,CAAqCJ,CAArC,CAAN,CACR,CAZQ,CAYN,CAACT,CAAD,CAZM,CAcT,CAAOO,CACR,CA7BM"}

package/__internal__/src/hooks/useBreakpointsDepricated/addPrefix.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const addPrefix: (breakpoints: Record<string, boolean>, prefix?: string) => Record<string, boolean>;

package/__internal__/src/hooks/useBreakpointsDepricated/addPrefix.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var firstLetterUppercase=function(a){return a.charAt(0).toUpperCase()+a.slice(1).toLowerCase()};export var addPrefix=function(a){for(var b,c=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"breakpoint",d=Object.keys(a),e={},f=0;f<d.length;f++)b=d[f],e["".concat(c).concat(firstLetterUppercase(b))]=a[b];return e};
2	+ //# sourceMappingURL=addPrefix.js.map

package/__internal__/src/hooks/useBreakpointsDepricated/addPrefix.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"addPrefix.js","names":["firstLetterUppercase","string","charAt","toUpperCase","slice","toLowerCase","addPrefix","breakpoints","key","prefix","keys","Object","mods","index","length"],"sources":["../../../../../src/hooks/useBreakpointsDepricated/addPrefix.ts"],"sourcesContent":["const firstLetterUppercase = (string: string) =>\n string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();\n\nexport const addPrefix = (\n breakpoints: Record<string, boolean>,\n prefix = 'breakpoint',\n) => {\n const keys = Object.keys(breakpoints);\n const mods: Record<string, boolean> = {};\n for (let index = 0; index < keys.length; index++) {\n const key = keys[index];\n mods[`${prefix}${firstLetterUppercase(key)}`] = breakpoints[key];\n }\n return mods;\n};\n"],"mappings":"AAAA,GAAMA,qBAAoB,CAAG,SAACC,CAAD,QAC3BA,EAAM,CAACC,MAAP,CAAc,CAAd,EAAiBC,WAAjB,GAAiCF,CAAM,CAACG,KAAP,CAAa,CAAb,EAAgBC,WAAhB,EADN,CAA7B,CAGA,MAAO,IAAMC,UAAS,CAAG,SACvBC,CADuB,CAGpB,CAGH,OACQC,EADR,CAJAC,CAIA,wDAJS,YAIT,CAFMC,CAAI,CAAGC,MAAM,CAACD,IAAP,CAAYH,CAAZ,CAEb,CADMK,CAA6B,CAAG,EACtC,CAASC,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGH,CAAI,CAACI,MAAjC,CAAyCD,CAAK,EAA9C,CACQL,CADR,CACcE,CAAI,CAACG,CAAD,CADlB,CAEED,CAAI,WAAIH,CAAJ,SAAaT,oBAAoB,CAACQ,CAAD,CAAjC,EAAJ,CAAgDD,CAAW,CAACC,CAAD,CAF7D,CAIA,MAAOI,EACR,CAXM"}

package/__internal__/src/hooks/useBreakpointsDepricated/getLastPoint.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const getLastPoint: <POINT extends string>(map: Record<POINT, boolean>) => POINT \| undefined;

package/__internal__/src/hooks/useBreakpointsDepricated/getLastPoint.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export var getLastPoint=function(a){for(var b=Object.keys(a),c=b.length-1;0<=c;c--)if(a[b[c]])return b[c]};
2	+ //# sourceMappingURL=getLastPoint.js.map

package/__internal__/src/hooks/useBreakpointsDepricated/getLastPoint.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"getLastPoint.js","names":["getLastPoint","map","keys","Object","index","length"],"sources":["../../../../../src/hooks/useBreakpointsDepricated/getLastPoint.ts"],"sourcesContent":["export const getLastPoint = <POINT extends string>(\n map: Record<POINT, boolean>,\n) => {\n const keys = Object.keys(map) as POINT[];\n\n for (let index = keys.length - 1; index >= 0; index--) {\n if (map[keys[index]]) {\n return keys[index];\n }\n }\n};\n"],"mappings":"AAAA,MAAO,IAAMA,aAAY,CAAG,SAC1BC,CAD0B,CAEvB,CAGH,OAFMC,EAAI,CAAGC,MAAM,CAACD,IAAP,CAAYD,CAAZ,CAEb,CAASG,CAAK,CAAGF,CAAI,CAACG,MAAL,CAAc,CAA/B,CAA2C,CAAT,EAAAD,CAAlC,CAA8CA,CAAK,EAAnD,CACE,GAAIH,CAAG,CAACC,CAAI,CAACE,CAAD,CAAL,CAAP,CACE,MAAOF,EAAI,CAACE,CAAD,CAGhB,CAVM"}