@consta/header 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__internal__/src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobalGroup/MegaMenuGlobalGroup.js +1 -1
- package/__internal__/src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobalGroup/MegaMenuGlobalGroup.js.map +1 -1
- package/__internal__/src/components/MegaMenu/MegaMenuNavBar/MegaMenuNavBar.js +1 -1
- package/__internal__/src/components/MegaMenu/MegaMenuNavBar/MegaMenuNavBar.js.map +1 -1
- package/__internal__/src/components/PopoverButton/PopoverButton.d.ts +1 -1
- package/__internal__/src/components/PopoverButton/PopoverButton.js +1 -1
- package/__internal__/src/components/PopoverButton/PopoverButton.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","title","getItemAs","getItemAttributes","getItemLabel","getItemOnClick","getItemGroupId","className","onClick","maxElements","showButtonText","hideButtonText","onItemClick"];import"./MegaMenuGlobalGroup.css";import{IconArrowDown}from"@consta/icons/IconArrowDown";import{Button}from"@consta/uikit/Button";import{List,ListBox}from"@consta/uikit/ListCanary";import{Text}from"@consta/uikit/Text";import{useFlag}from"@consta/uikit/useFlag";import React,{forwardRef,useMemo}from"react";import{getItemClick}from"../../../../helpers/getItemClick";import{cn}from"../../../../utils/bem";const cnMegaMenuGlobalGroup=cn("MegaMenuGlobalGroup"),MegaMenuGlobalGroupRender=(a,b)=>{const{items:c,title:d,getItemAs:e,getItemAttributes:f,getItemLabel:g,getItemOnClick:h,getItemGroupId:i,className:j,onClick:k,maxElements:l,showButtonText:m,hideButtonText:n,onItemClick:o}=a,p=_objectWithoutProperties(a,_excluded),[q,r]=useFlag(),s=0<(null!==l&&void 0!==l?l:0)?l:void 0,t=useMemo(()=>s?q?c:c.slice(0,s):c,[q,s,c]);return React.createElement("div",Object.assign({ref:b,className:cnMegaMenuGlobalGroup(null,[j])},p),d&&React.createElement(Text,{onClick:k,className:cnMegaMenuGlobalGroup("Title",{clickable:!!k}),size:"m",lineHeight:"m",weight:"bold",view:"primary"},d),React.createElement(ListBox,{className:cnMegaMenuGlobalGroup("Content")},React.createElement(List,{items:t,size:"m",
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","title","getItemAs","getItemAttributes","getItemLabel","getItemOnClick","getItemGroupId","className","onClick","maxElements","showButtonText","hideButtonText","onItemClick"];import"./MegaMenuGlobalGroup.css";import{IconArrowDown}from"@consta/icons/IconArrowDown";import{Button}from"@consta/uikit/Button";import{List,ListBox}from"@consta/uikit/ListCanary";import{Text}from"@consta/uikit/Text";import{useFlag}from"@consta/uikit/useFlag";import React,{forwardRef,useMemo}from"react";import{getItemClick}from"../../../../helpers/getItemClick";import{cn}from"../../../../utils/bem";const cnMegaMenuGlobalGroup=cn("MegaMenuGlobalGroup"),MegaMenuGlobalGroupRender=(a,b)=>{const{items:c,title:d,getItemAs:e,getItemAttributes:f,getItemLabel:g,getItemOnClick:h,getItemGroupId:i,className:j,onClick:k,maxElements:l,showButtonText:m,hideButtonText:n,onItemClick:o}=a,p=_objectWithoutProperties(a,_excluded),[q,r]=useFlag(),s=0<(null!==l&&void 0!==l?l:0)?l:void 0,t=useMemo(()=>s?q?c:c.slice(0,s):c,[q,s,c]);return React.createElement("div",Object.assign({ref:b,className:cnMegaMenuGlobalGroup(null,[j])},p),d&&React.createElement(Text,{onClick:k,className:cnMegaMenuGlobalGroup("Title",{clickable:!!k}),size:"m",lineHeight:"m",weight:"bold",view:"primary"},d),React.createElement(ListBox,{className:cnMegaMenuGlobalGroup("Content")},React.createElement(List,{items:t,size:"m",itemSpace:{p:0},getItemLabel:g,getItemAs:e,getItemAttributes:f,getItemOnClick:a=>getItemClick(a,h,o),getItemAdditionalClassName:()=>cnMegaMenuGlobalGroup("Item")})),s&&s<c.length&&React.createElement(Button,{label:q?n:m,size:"s",view:"clear",onClick:r.toggle,iconRight:IconArrowDown,className:cnMegaMenuGlobalGroup("Button",{open:q})}))};export const MegaMenuGlobalGroup=forwardRef(MegaMenuGlobalGroupRender);
|
|
2
2
|
//# sourceMappingURL=MegaMenuGlobalGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MegaMenuGlobalGroup.js","names":["IconArrowDown","Button","List","ListBox","Text","useFlag","React","forwardRef","useMemo","getItemClick","cn","cnMegaMenuGlobalGroup","MegaMenuGlobalGroupRender","props","ref","items","itemsProp","title","getItemAs","getItemAttributes","getItemLabel","getItemOnClick","getItemGroupId","className","onClick","maxElements","maxElementsProp","showButtonText","hideButtonText","onItemClick","otherProps","_objectWithoutProperties","_excluded","showList","setShowList","slice","createElement","Object","assign","clickable","size","lineHeight","weight","view","
|
|
1
|
+
{"version":3,"file":"MegaMenuGlobalGroup.js","names":["IconArrowDown","Button","List","ListBox","Text","useFlag","React","forwardRef","useMemo","getItemClick","cn","cnMegaMenuGlobalGroup","MegaMenuGlobalGroupRender","props","ref","items","itemsProp","title","getItemAs","getItemAttributes","getItemLabel","getItemOnClick","getItemGroupId","className","onClick","maxElements","maxElementsProp","showButtonText","hideButtonText","onItemClick","otherProps","_objectWithoutProperties","_excluded","showList","setShowList","slice","createElement","Object","assign","clickable","size","lineHeight","weight","view","itemSpace","p","item","getItemAdditionalClassName","length","label","toggle","iconRight","open","MegaMenuGlobalGroup"],"sources":["../../../../../../../src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobalGroup/MegaMenuGlobalGroup.tsx"],"sourcesContent":["import './MegaMenuGlobalGroup.css';\n\nimport { IconArrowDown } from '@consta/icons/IconArrowDown';\nimport { Button } from '@consta/uikit/Button';\nimport { List, ListBox } from '@consta/uikit/ListCanary';\nimport { Text } from '@consta/uikit/Text';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport {\n MegaMenuGlobalGroupComponent,\n MegaMenuGlobalGroupProps,\n} from '../types';\n\nconst cnMegaMenuGlobalGroup = cn('MegaMenuGlobalGroup');\n\nconst MegaMenuGlobalGroupRender = (\n props: MegaMenuGlobalGroupProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n items: itemsProp,\n title,\n getItemAs,\n getItemAttributes,\n getItemLabel,\n getItemOnClick,\n getItemGroupId,\n className,\n onClick,\n maxElements: maxElementsProp,\n showButtonText,\n hideButtonText,\n onItemClick,\n ...otherProps\n } = props;\n const [showList, setShowList] = useFlag();\n\n const maxElements = (maxElementsProp ?? 0) > 0 ? maxElementsProp : undefined;\n\n const items = useMemo(() => {\n if (!maxElements) {\n return itemsProp;\n }\n return showList ? itemsProp : itemsProp.slice(0, maxElements);\n }, [showList, maxElements, itemsProp]);\n\n return (\n <div\n ref={ref}\n className={cnMegaMenuGlobalGroup(null, [className])}\n {...otherProps}\n >\n {title && (\n <Text\n onClick={onClick}\n className={cnMegaMenuGlobalGroup('Title', { clickable: !!onClick })}\n size=\"m\"\n lineHeight=\"m\"\n weight=\"bold\"\n view=\"primary\"\n >\n {title}\n </Text>\n )}\n <ListBox className={cnMegaMenuGlobalGroup('Content')}>\n <List\n items={items}\n size=\"m\"\n itemSpace={{ p: 0 }}\n getItemLabel={getItemLabel}\n getItemAs={getItemAs}\n getItemAttributes={getItemAttributes}\n getItemOnClick={(item) =>\n getItemClick(item, getItemOnClick, onItemClick)\n }\n getItemAdditionalClassName={() => cnMegaMenuGlobalGroup('Item')}\n />\n </ListBox>\n {maxElements && maxElements < itemsProp.length && (\n <Button\n label={showList ? hideButtonText : showButtonText}\n size=\"s\"\n view=\"clear\"\n onClick={setShowList.toggle}\n iconRight={IconArrowDown}\n className={cnMegaMenuGlobalGroup('Button', { open: showList })}\n />\n )}\n </div>\n );\n};\n\nexport const MegaMenuGlobalGroup = forwardRef(\n MegaMenuGlobalGroupRender,\n) as MegaMenuGlobalGroupComponent;\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","onItemClick","getItemActive","getItemIconLeft","getItemIconRight","getItemLabel","getItemOnClick","getItemAs","getItemAttributes","className"];import"./MegaMenuNavBar.css";import{List,ListBox}from"@consta/uikit/ListCanary";import{cnMixSpace}from"@consta/uikit/MixSpace";import React,{forwardRef}from"react";import{getItemClick}from"../../../helpers/getItemClick";import{cn}from"../../../utils/bem";import{withDefaultGetters}from"./helper";const cnMegaMenuNavBar=cn("MegaMenuNavBar"),MegaMenuNavBarRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,onItemClick:e,getItemActive:f,getItemIconLeft:g,getItemIconRight:h,getItemLabel:i,getItemOnClick:j,getItemAs:k,getItemAttributes:l,className:m}=c,n=_objectWithoutProperties(c,_excluded);return React.createElement(ListBox,Object.assign({ref:b,className:cnMegaMenuNavBar(null,[m,cnMixSpace({pV:"2xl"})])},n),React.createElement(List,{items:d,size:"m",getItemLabel:i,getItemActive:f,getItemLeftIcon:g,getItemRightIcon:h,getItemOnClick:a=>getItemClick(a,j,e),getItemAs:k,
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","onItemClick","getItemActive","getItemIconLeft","getItemIconRight","getItemLabel","getItemOnClick","getItemAs","getItemAttributes","className"];import"./MegaMenuNavBar.css";import{List,ListBox}from"@consta/uikit/ListCanary";import{cnMixSpace}from"@consta/uikit/MixSpace";import React,{forwardRef}from"react";import{getItemClick}from"../../../helpers/getItemClick";import{cn}from"../../../utils/bem";import{withDefaultGetters}from"./helper";const cnMegaMenuNavBar=cn("MegaMenuNavBar"),MegaMenuNavBarRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,onItemClick:e,getItemActive:f,getItemIconLeft:g,getItemIconRight:h,getItemLabel:i,getItemOnClick:j,getItemAs:k,getItemAttributes:l,className:m}=c,n=_objectWithoutProperties(c,_excluded);return React.createElement(ListBox,Object.assign({ref:b,className:cnMegaMenuNavBar(null,[m,cnMixSpace({pV:"2xl"})])},n),React.createElement(List,{items:d,size:"m",getItemLabel:i,getItemActive:f,getItemLeftIcon:g,getItemRightIcon:h,getItemOnClick:a=>getItemClick(a,j,e),getItemAs:k,itemSpace:{pV:"s",pH:"l"},getItemAttributes:l,getItemAdditionalClassName:a=>cnMegaMenuNavBar("Item",{active:f(a)})}))};export const MegaMenuNavBar=forwardRef(MegaMenuNavBarRender);
|
|
2
2
|
//# sourceMappingURL=MegaMenuNavBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MegaMenuNavBar.js","names":["List","ListBox","cnMixSpace","React","forwardRef","getItemClick","cn","withDefaultGetters","cnMegaMenuNavBar","MegaMenuNavBarRender","props","ref","c","items","onItemClick","getItemActive","getItemIconLeft","getItemIconRight","getItemLabel","getItemOnClick","getItemOnClickProp","getItemAs","getItemAttributes","className","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","pV","size","getItemLeftIcon","getItemRightIcon","item","
|
|
1
|
+
{"version":3,"file":"MegaMenuNavBar.js","names":["List","ListBox","cnMixSpace","React","forwardRef","getItemClick","cn","withDefaultGetters","cnMegaMenuNavBar","MegaMenuNavBarRender","props","ref","c","items","onItemClick","getItemActive","getItemIconLeft","getItemIconRight","getItemLabel","getItemOnClick","getItemOnClickProp","getItemAs","getItemAttributes","className","otherProps","_objectWithoutProperties","_excluded","createElement","Object","assign","pV","size","getItemLeftIcon","getItemRightIcon","item","itemSpace","pH","getItemAdditionalClassName","active","MegaMenuNavBar"],"sources":["../../../../../../src/components/MegaMenu/MegaMenuNavBar/MegaMenuNavBar.tsx"],"sourcesContent":["import './MegaMenuNavBar.css';\n\nimport { List, ListBox } from '@consta/uikit/ListCanary';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport React, { forwardRef } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helper';\nimport { MegaMenuNavBarComponent, MegaMenuNavBarProps } from './types';\n\nconst cnMegaMenuNavBar = cn('MegaMenuNavBar');\n\nconst MegaMenuNavBarRender = (\n props: MegaMenuNavBarProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n items,\n onItemClick,\n getItemActive,\n getItemIconLeft,\n getItemIconRight,\n getItemLabel,\n getItemOnClick: getItemOnClickProp,\n getItemAs,\n getItemAttributes,\n className,\n ...otherProps\n } = withDefaultGetters(props);\n\n return (\n <ListBox\n ref={ref}\n className={cnMegaMenuNavBar(null, [\n className,\n cnMixSpace({\n pV: '2xl',\n }),\n ])}\n {...otherProps}\n >\n <List\n items={items}\n size=\"m\"\n getItemLabel={getItemLabel}\n getItemActive={getItemActive}\n getItemLeftIcon={getItemIconLeft}\n getItemRightIcon={getItemIconRight}\n getItemOnClick={(item) =>\n getItemClick(item, getItemOnClickProp, onItemClick)\n }\n getItemAs={getItemAs}\n itemSpace={{ pV: 's', pH: 'l' }}\n getItemAttributes={getItemAttributes}\n getItemAdditionalClassName={(item) =>\n cnMegaMenuNavBar('Item', { active: getItemActive(item) })\n }\n />\n </ListBox>\n );\n};\n\nexport const MegaMenuNavBar = forwardRef(\n MegaMenuNavBarRender,\n) as MegaMenuNavBarComponent;\n"],"mappings":"8PAAA,6BAEA,OAASA,IAAI,CAAEC,OAAO,KAAQ,0BAA0B,CACxD,OAASC,UAAU,KAAQ,wBAAwB,CACnD,MAAO,CAAAC,KAAK,EAAIC,UAAU,KAAQ,OAAO,CAEzC,OAASC,YAAY,qCACrB,OAASC,EAAE,0BAEX,OAASC,kBAAkB,gBAAmB,KAGxC,CAAAC,gBAAgB,CAAGF,EAAE,CAAC,gBAAgB,CAAC,CAEvCG,oBAAoB,CAAGA,CAC3BC,CAA0B,CAC1BC,CAA8B,GAC3B,CACH,MAAAC,CAAA,CAYIL,kBAAkB,CAACG,CAAK,CAAC,CAZvB,CACJG,KAAK,CAALA,CAAK,CACLC,WAAW,CAAXA,CAAW,CACXC,aAAa,CAAbA,CAAa,CACbC,eAAe,CAAfA,CAAe,CACfC,gBAAgB,CAAhBA,CAAgB,CAChBC,YAAY,CAAZA,CAAY,CACZC,cAAc,CAAEC,CAAkB,CAClCC,SAAS,CAATA,CAAS,CACTC,iBAAiB,CAAjBA,CAAiB,CACjBC,SAAS,CAATA,CAEF,CAAC,CAAAX,CAAA,CADIY,CAAU,CAAAC,wBAAA,CAAAb,CAAA,CAAAc,SAAA,EAGf,MACE,CAAAvB,KAAA,CAAAwB,aAAA,CAAC1B,OAAO,CAAA2B,MAAA,CAAAC,MAAA,EACNlB,GAAG,CAAEA,CAAI,CACTY,SAAS,CAAEf,gBAAgB,CAAC,IAAI,CAAE,CAChCe,CAAS,CACTrB,UAAU,CAAC,CACT4B,EAAE,CAAE,KACN,CAAC,CAAC,CACH,CAAE,EACCN,CAAU,EAEdrB,KAAA,CAAAwB,aAAA,CAAC3B,IAAI,EACHa,KAAK,CAAEA,CAAM,CACbkB,IAAI,CAAC,GAAG,CACRb,YAAY,CAAEA,CAAa,CAC3BH,aAAa,CAAEA,CAAc,CAC7BiB,eAAe,CAAEhB,CAAgB,CACjCiB,gBAAgB,CAAEhB,CAAiB,CACnCE,cAAc,CAAGe,CAAI,EACnB7B,YAAY,CAAC6B,CAAI,CAAEd,CAAkB,CAAEN,CAAW,CACnD,CACDO,SAAS,CAAEA,CAAU,CACrBc,SAAS,CAAE,CAAEL,EAAE,CAAE,GAAG,CAAEM,EAAE,CAAE,GAAI,CAAE,CAChCd,iBAAiB,CAAEA,CAAkB,CACrCe,0BAA0B,CAAGH,CAAI,EAC/B1B,gBAAgB,CAAC,MAAM,CAAE,CAAE8B,MAAM,CAAEvB,CAAa,CAACmB,CAAI,CAAE,CAAC,CACzD,CACF,CACM,CAEb,CAAC,CAED,MAAO,MAAM,CAAAK,cAAc,CAAGnC,UAAU,CACtCK,oBACF,CAA4B"}
|
|
@@ -7,5 +7,5 @@ type PopoverButtonProps = Omit<React.ComponentProps<typeof Button>, 'children'>
|
|
|
7
7
|
popoverClassName?: string;
|
|
8
8
|
withCloseButton?: boolean;
|
|
9
9
|
};
|
|
10
|
-
export declare const PopoverButton: React.ForwardRefExoticComponent<Pick<PopoverButtonProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "size" | "view" | "onlyIcon" | "label" | "key" | "width" | "disabled" | "loading" | "iconLeft" | "iconRight" | "iconSize" | "type" | "as" | "isMobile" | "popoverClassName" | "withCloseButton"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
export declare const PopoverButton: React.ForwardRefExoticComponent<Pick<PopoverButtonProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "size" | "view" | "onlyIcon" | "label" | "key" | "width" | "disabled" | "loading" | "iconLeft" | "iconRight" | "iconSize" | "type" | "formId" | "as" | "isMobile" | "popoverClassName" | "withCloseButton"> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
11
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["size","view","children","className","onClick","withCloseButton","popoverClassName","isMobile","title"];import"./PopoverButton.css";import{Button}from"@consta/uikit/Button";import{animateTimeout,cnMixPopoverAnimate}from"@consta/uikit/MixPopoverAnimate";import{cnMixPopoverArrow}from"@consta/uikit/MixPopoverArrow";import{Popover}from"@consta/uikit/Popover";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import React,{forwardRef,useRef,useState}from"react";import{Transition}from"react-transition-group";import{Sidebar}from"../Sidebar";import{cn}from"../../utils/bem";const cnPopoverButton=cn("PopoverButton"),DEFAULT_POPOVER_ARROW_SIZE=6,DEFAULT_POPOVER_ARROW_OFFSET=10;export const PopoverButton=forwardRef((a,b)=>{var c;const{size:j="s",view:k="clear",children:d,className:e,onClick:f,withCloseButton:l=!0,popoverClassName:g,isMobile:h,title:i}=a,m=_objectWithoutProperties(a,_excluded),[n,o]=useFlag(),[p,q]=useState(void 0),r=useRef(null),s="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({ref:useForkRef([b,r]),size:j,view:k,onClick:a=>{null===f||void 0===f?void 0:f(a),o.toggle()},className:cnPopoverButton(null,[e])},m)),h?React.createElement(Sidebar,{isOpen:n,onClickOutside:o.off,className:cnPopoverButton("Sidebar",[g]),onClose:l?o.off:void 0,title:i,style:{zIndex:
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["size","view","children","className","onClick","withCloseButton","popoverClassName","isMobile","title"];import"./PopoverButton.css";import{Button}from"@consta/uikit/Button";import{animateTimeout,cnMixPopoverAnimate}from"@consta/uikit/MixPopoverAnimate";import{cnMixPopoverArrow}from"@consta/uikit/MixPopoverArrow";import{Popover}from"@consta/uikit/Popover";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import React,{forwardRef,useRef,useState}from"react";import{Transition}from"react-transition-group";import{Sidebar}from"../Sidebar";import{cn}from"../../utils/bem";const cnPopoverButton=cn("PopoverButton"),DEFAULT_POPOVER_ARROW_SIZE=6,DEFAULT_POPOVER_ARROW_OFFSET=10;export const PopoverButton=forwardRef((a,b)=>{var c;const{size:j="s",view:k="clear",children:d,className:e,onClick:f,withCloseButton:l=!0,popoverClassName:g,isMobile:h,title:i}=a,m=_objectWithoutProperties(a,_excluded),[n,o]=useFlag(),[p,q]=useState(void 0),r=useRef(null),s=useRef(null),t="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({ref:useForkRef([b,r]),size:j,view:k,onClick:a=>{null===f||void 0===f?void 0:f(a),o.toggle()},className:cnPopoverButton(null,[e])},m)),h?React.createElement(Sidebar,{isOpen:n,onClickOutside:o.off,className:cnPopoverButton("Sidebar",[g]),onClose:l?o.off:void 0,title:i,style:{zIndex:t}},"function"==typeof d?null===d||void 0===d?void 0:d(o.off):d):React.createElement(Transition,{timeout:animateTimeout,unmountOnExit:!0,in:n,nodeRef:s},a=>React.createElement(Popover,{className:cnPopoverButton("Popover",[g,cnMixPopoverAnimate({animate:a,direction:p})]),anchorRef:r,arrowOffset:DEFAULT_POPOVER_ARROW_SIZE+DEFAULT_POPOVER_ARROW_OFFSET,offset:DEFAULT_POPOVER_ARROW_SIZE+4,onSetDirection:q,style:{"--popover-arrow-size":`${DEFAULT_POPOVER_ARROW_SIZE}px`,"--popover-arrow-offset":`${DEFAULT_POPOVER_ARROW_OFFSET}px`,zIndex:t},ref:s,onClickOutside:o.off},React.createElement("div",{className:cnPopoverButton("Arrow",[cnMixPopoverArrow({direction:p})])}),"function"==typeof d?null===d||void 0===d?void 0:d(o.off):d)))});
|
|
2
2
|
//# sourceMappingURL=PopoverButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverButton.js","names":["Button","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","Popover","useFlag","useForkRef","React","forwardRef","useRef","useState","Transition","Sidebar","cn","cnPopoverButton","DEFAULT_POPOVER_ARROW_SIZE","DEFAULT_POPOVER_ARROW_OFFSET","PopoverButton","props","ref","c","size","view","children","className","onClick","withCloseButton","popoverClassName","isMobile","title","otherProps","_objectWithoutProperties","_excluded","isOpen","setIsOpen","direction","setDirection","buttonRef","zIndex","style","createElement","Fragment","Object","assign","e","toggle","onClickOutside","off","onClose","timeout","unmountOnExit","in","animate","anchorRef","arrowOffset","offset","onSetDirection","\"--popover-arrow-size\"","\"--popover-arrow-offset\""],"sources":["../../../../../src/components/PopoverButton/PopoverButton.tsx"],"sourcesContent":["import './PopoverButton.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport {\n animateTimeout,\n cnMixPopoverAnimate,\n} from '@consta/uikit/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '@consta/uikit/MixPopoverArrow';\nimport { Direction, Popover } from '@consta/uikit/Popover';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Sidebar } from '##/components/Sidebar';\nimport { cn } from '##/utils/bem';\n\nconst cnPopoverButton = cn('PopoverButton');\n\ntype PopoverButtonProps = Omit<\n React.ComponentProps<typeof Button>,\n 'children'\n> & {\n children?: React.ReactNode | ((onClose: () => void) => React.ReactNode);\n isMobile?: boolean;\n popoverClassName?: string;\n withCloseButton?: boolean;\n};\n\nconst DEFAULT_POPOVER_ARROW_SIZE = 6;\nconst DEFAULT_POPOVER_ARROW_OFFSET = 10;\n\nexport const PopoverButton = forwardRef<HTMLButtonElement, PopoverButtonProps>(\n (props, ref) => {\n const {\n size = 's',\n view = 'clear',\n children,\n className,\n onClick,\n withCloseButton = true,\n popoverClassName,\n isMobile,\n title,\n ...otherProps\n } = props;\n\n const [isOpen, setIsOpen] = useFlag();\n const [direction, setDirection] = useState<Direction | undefined>(\n undefined,\n );\n\n const buttonRef = useRef<HTMLButtonElement>(null);\n\n const handleClick: React.MouseEventHandler = (e) => {\n onClick?.(e);\n setIsOpen.toggle();\n };\n\n const zIndex =\n typeof props.style?.zIndex === 'number'\n ? props.style.zIndex + 1\n : undefined;\n\n return (\n <>\n <Button\n ref={useForkRef([ref, buttonRef])}\n size={size}\n view={view}\n onClick={handleClick}\n className={cnPopoverButton(null, [className])}\n {...otherProps}\n />\n {isMobile ? (\n <Sidebar\n isOpen={isOpen}\n onClickOutside={setIsOpen.off}\n className={cnPopoverButton('Sidebar', [popoverClassName])}\n onClose={withCloseButton ? setIsOpen.off : undefined}\n title={title}\n style={{ zIndex }}\n >\n {typeof children === 'function'\n ? children?.(setIsOpen.off)\n : children}\n </Sidebar>\n ) : (\n <Transition
|
|
1
|
+
{"version":3,"file":"PopoverButton.js","names":["Button","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","Popover","useFlag","useForkRef","React","forwardRef","useRef","useState","Transition","Sidebar","cn","cnPopoverButton","DEFAULT_POPOVER_ARROW_SIZE","DEFAULT_POPOVER_ARROW_OFFSET","PopoverButton","props","ref","c","size","view","children","className","onClick","withCloseButton","popoverClassName","isMobile","title","otherProps","_objectWithoutProperties","_excluded","isOpen","setIsOpen","direction","setDirection","buttonRef","popoverRef","zIndex","style","createElement","Fragment","Object","assign","e","toggle","onClickOutside","off","onClose","timeout","unmountOnExit","in","nodeRef","animate","anchorRef","arrowOffset","offset","onSetDirection","\"--popover-arrow-size\"","\"--popover-arrow-offset\""],"sources":["../../../../../src/components/PopoverButton/PopoverButton.tsx"],"sourcesContent":["import './PopoverButton.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport {\n animateTimeout,\n cnMixPopoverAnimate,\n} from '@consta/uikit/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '@consta/uikit/MixPopoverArrow';\nimport { Direction, Popover } from '@consta/uikit/Popover';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Sidebar } from '##/components/Sidebar';\nimport { cn } from '##/utils/bem';\n\nconst cnPopoverButton = cn('PopoverButton');\n\ntype PopoverButtonProps = Omit<\n React.ComponentProps<typeof Button>,\n 'children'\n> & {\n children?: React.ReactNode | ((onClose: () => void) => React.ReactNode);\n isMobile?: boolean;\n popoverClassName?: string;\n withCloseButton?: boolean;\n};\n\nconst DEFAULT_POPOVER_ARROW_SIZE = 6;\nconst DEFAULT_POPOVER_ARROW_OFFSET = 10;\n\nexport const PopoverButton = forwardRef<HTMLButtonElement, PopoverButtonProps>(\n (props, ref) => {\n const {\n size = 's',\n view = 'clear',\n children,\n className,\n onClick,\n withCloseButton = true,\n popoverClassName,\n isMobile,\n title,\n ...otherProps\n } = props;\n\n const [isOpen, setIsOpen] = useFlag();\n const [direction, setDirection] = useState<Direction | undefined>(\n undefined,\n );\n\n const buttonRef = useRef<HTMLButtonElement>(null);\n const popoverRef = useRef<HTMLDivElement>(null);\n\n const handleClick: React.MouseEventHandler = (e) => {\n onClick?.(e);\n setIsOpen.toggle();\n };\n\n const zIndex =\n typeof props.style?.zIndex === 'number'\n ? props.style.zIndex + 1\n : undefined;\n\n return (\n <>\n <Button\n ref={useForkRef([ref, buttonRef])}\n size={size}\n view={view}\n onClick={handleClick}\n className={cnPopoverButton(null, [className])}\n {...otherProps}\n />\n {isMobile ? (\n <Sidebar\n isOpen={isOpen}\n onClickOutside={setIsOpen.off}\n className={cnPopoverButton('Sidebar', [popoverClassName])}\n onClose={withCloseButton ? setIsOpen.off : undefined}\n title={title}\n style={{ zIndex }}\n >\n {typeof children === 'function'\n ? children?.(setIsOpen.off)\n : children}\n </Sidebar>\n ) : (\n <Transition\n timeout={animateTimeout}\n unmountOnExit\n in={isOpen}\n nodeRef={popoverRef}\n >\n {(animate) => (\n <Popover\n className={cnPopoverButton('Popover', [\n popoverClassName,\n cnMixPopoverAnimate({ animate, direction }),\n ])}\n anchorRef={buttonRef}\n arrowOffset={\n DEFAULT_POPOVER_ARROW_SIZE + DEFAULT_POPOVER_ARROW_OFFSET\n }\n offset={DEFAULT_POPOVER_ARROW_SIZE + 4}\n onSetDirection={setDirection}\n style={{\n ['--popover-arrow-size' as string]: `${DEFAULT_POPOVER_ARROW_SIZE}px`,\n ['--popover-arrow-offset' as string]: `${DEFAULT_POPOVER_ARROW_OFFSET}px`,\n zIndex,\n }}\n ref={popoverRef}\n onClickOutside={setIsOpen.off}\n >\n <div\n className={cnPopoverButton('Arrow', [\n cnMixPopoverArrow({ direction }),\n ])}\n />\n {typeof children === 'function'\n ? children?.(setIsOpen.off)\n : children}\n </Popover>\n )}\n </Transition>\n )}\n </>\n );\n },\n);\n"],"mappings":"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"}
|