@consta/header 3.0.0-beta.1 → 3.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.
- package/__internal__/src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobal.js +1 -1
- package/__internal__/src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobal.js.map +1 -1
- package/__internal__/src/components/Sidebar/Sidebar.js +1 -1
- package/__internal__/src/components/Sidebar/Sidebar.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","getItemAs","getItemAttributes","getItemGroupId","title","getItemLabel","columns","getItemOnClick","getGroupKey","onItemClick","onGroupClick","getGroupLabel","getGroupOnClick","groups","showButtonText","hideButtonText","maxElements","className"];import"./MegaMenuGlobal.css";import{getGroups}from"@consta/uikit/__internal__/src/utils/getGroups";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import{getLastPoint,useBreakpoints}from"@consta/uikit/useBreakpoints";import{useForkRef}from"@consta/uikit/useForkRef";import React,{forwardRef,useMemo,useRef}from"react";import{cn}from"../../../utils/bem";import{withDefaultGetters}from"./helper";import{MegaMenuGlobalGroup}from"./MegaMenuGlobalGroup";const cnMegaMenuGlobal=cn("MegaMenuGlobal"),noGroupKey="no-group",MegaMenuGlobalRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,getItemAs:e,getItemAttributes:f,getItemGroupId:g,title:h,getItemLabel:j,columns:k,getItemOnClick:l,getGroupKey:m,onItemClick:n,onGroupClick:o,getGroupLabel:p,getGroupOnClick:q,groups:t=[],showButtonText:u="\u0415\u0449\u0451",hideButtonText:v="\u0421\u043A\u0440\u044B\u0442\u044C",maxElements:r,className:s}=c,w=_objectWithoutProperties(c,_excluded),x=useRef(null),y=getLastPoint(useBreakpoints({ref:x,map:{1:0,2:600,3:1e3,4:1600}})),z=useMemo(()=>{const a=null!==k&&void 0!==k?k:+y,b=getGroups(d,g,t,m,void 0,noGroupKey),c=[];return b.forEach((b,d)=>{const e=d%a;c[e]||(c[e]=[]),c[e].push(b)}),c},[d,t,y,k]);return React.createElement("div",Object.assign({ref:useForkRef([b,x]),className:cnMegaMenuGlobal(null,[s])},w),h&&React.createElement(Text,{weight:"semibold",transform:"uppercase",className:cnMixSpace({mB:"xl"}),lineHeight:"m",size:"xl",view:"primary"},h),React.createElement("div",{style:{"--global-menu-columns":y},className:cnMegaMenuGlobal("Content")},z.map((a,b)=>React.createElement("div",{key:cnMegaMenuGlobal("Column",{index:b}),className:cnMegaMenuGlobal("Column")},a.map((a,c)=>{const d=a.group?q(a.group):void 0,h=a.group&&(!!d||!!o);return React.createElement(MegaMenuGlobalGroup,{title:a.group?p(a.group):void 0,key:cnMegaMenuGlobal("Group",{index:b,i:c}),onClick:h?b=>{null===d||void 0===d?void 0:d(b),a.group&&(null===o||void 0===o?void 0:o(a.group,{e:b}))}:void 0,className:cnMegaMenuGlobal("Group"),items:a.items,showButtonText:u,hideButtonText:v,onItemClick:n,maxElements:r,getItemAs:e,getItemAttributes:f,getItemGroupId:g,getItemLabel:j,getItemOnClick:l})})))))};export const MegaMenuGlobal=forwardRef(MegaMenuGlobalRender);
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","getItemAs","getItemAttributes","getItemGroupId","title","getItemLabel","columns","getItemOnClick","getGroupKey","onItemClick","onGroupClick","getGroupLabel","getGroupOnClick","groups","showButtonText","hideButtonText","maxElements","className"];import"./MegaMenuGlobal.css";import{getGroups}from"@consta/uikit/__internal__/src/utils/getGroups";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import{getLastPoint,useBreakpoints}from"@consta/uikit/useBreakpoints";import{useForkRef}from"@consta/uikit/useForkRef";import React,{forwardRef,useMemo,useRef}from"react";import{cn}from"../../../utils/bem";import{withDefaultGetters}from"./helper";import{MegaMenuGlobalGroup}from"./MegaMenuGlobalGroup";const cnMegaMenuGlobal=cn("MegaMenuGlobal"),noGroupKey="no-group",MegaMenuGlobalRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,getItemAs:e,getItemAttributes:f,getItemGroupId:g,title:h,getItemLabel:j,columns:k,getItemOnClick:l,getGroupKey:m,onItemClick:n,onGroupClick:o,getGroupLabel:p,getGroupOnClick:q,groups:t=[],showButtonText:u="\u0415\u0449\u0451",hideButtonText:v="\u0421\u043A\u0440\u044B\u0442\u044C",maxElements:r,className:s}=c,w=_objectWithoutProperties(c,_excluded),x=useRef(null),y=getLastPoint(useBreakpoints({ref:x,map:{1:0,2:600,3:1e3,4:1600},isActive:!0})),z=useMemo(()=>{const a=null!==k&&void 0!==k?k:+y,b=getGroups(d,g,t,m,void 0,noGroupKey),c=[];return b.forEach((b,d)=>{const e=d%a;c[e]||(c[e]=[]),c[e].push(b)}),c},[d,t,y,k]);return React.createElement("div",Object.assign({ref:useForkRef([b,x]),className:cnMegaMenuGlobal(null,[s])},w),h&&React.createElement(Text,{weight:"semibold",transform:"uppercase",className:cnMixSpace({mB:"xl"}),lineHeight:"m",size:"xl",view:"primary"},h),React.createElement("div",{style:{"--global-menu-columns":y},className:cnMegaMenuGlobal("Content")},z.map((a,b)=>React.createElement("div",{key:cnMegaMenuGlobal("Column",{index:b}),className:cnMegaMenuGlobal("Column")},a.map((a,c)=>{const d=a.group?q(a.group):void 0,h=a.group&&(!!d||!!o);return React.createElement(MegaMenuGlobalGroup,{title:a.group?p(a.group):void 0,key:cnMegaMenuGlobal("Group",{index:b,i:c}),onClick:h?b=>{null===d||void 0===d?void 0:d(b),a.group&&(null===o||void 0===o?void 0:o(a.group,{e:b}))}:void 0,className:cnMegaMenuGlobal("Group"),items:a.items,showButtonText:u,hideButtonText:v,onItemClick:n,maxElements:r,getItemAs:e,getItemAttributes:f,getItemGroupId:g,getItemLabel:j,getItemOnClick:l})})))))};export const MegaMenuGlobal=forwardRef(MegaMenuGlobalRender);
|
|
2
2
|
//# sourceMappingURL=MegaMenuGlobal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MegaMenuGlobal.js","names":["getGroups","cnMixSpace","Text","getLastPoint","useBreakpoints","useForkRef","React","forwardRef","useMemo","useRef","cn","withDefaultGetters","MegaMenuGlobalGroup","cnMegaMenuGlobal","noGroupKey","MegaMenuGlobalRender","props","ref","c","items","getItemAs","getItemAttributes","getItemGroupId","title","getItemLabel","columns","columnsProp","getItemOnClick","getGroupKey","onItemClick","onGroupClick","getGroupLabel","getGroupOnClick","groups","groupsProp","showButtonText","hideButtonText","maxElements","className","otherProps","_objectWithoutProperties","_excluded","MegaMenuGlobalRef","map","sortedGroups","cols","arr","forEach","group","i","index","push","createElement","Object","assign","weight","transform","mB","lineHeight","size","view","style","\"--global-menu-columns\"","key","onClickGroup","hasClickableGroup","onClick","e","MegaMenuGlobal"],"sources":["../../../../../../src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobal.tsx"],"sourcesContent":["import './MegaMenuGlobal.css';\n\nimport { getGroups } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport { getLastPoint, useBreakpoints } from '@consta/uikit/useBreakpoints';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useMemo, useRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helper';\nimport { MegaMenuGlobalGroup } from './MegaMenuGlobalGroup';\nimport { MegaMenuGlobalComponent, MegaMenuGlobalProps } from './types';\n\nconst cnMegaMenuGlobal = cn('MegaMenuGlobal');\nconst noGroupKey = 'no-group';\n\nconst MegaMenuGlobalRender = (\n props: MegaMenuGlobalProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n items,\n getItemAs,\n getItemAttributes,\n getItemGroupId,\n title,\n getItemLabel,\n columns: columnsProp,\n getItemOnClick,\n getGroupKey,\n onItemClick,\n onGroupClick,\n getGroupLabel,\n getGroupOnClick,\n groups: groupsProp = [],\n showButtonText = 'Ещё',\n hideButtonText = 'Скрыть',\n maxElements,\n className,\n ...otherProps\n } = withDefaultGetters(props);\n\n const MegaMenuGlobalRef = useRef<HTMLDivElement>(null);\n\n const columns = getLastPoint(\n useBreakpoints({\n ref: MegaMenuGlobalRef,\n map: {\n 1: 0,\n 2: 600,\n 3: 1000,\n 4: 1600,\n },\n }),\n );\n\n const sortedGroups = useMemo(() => {\n const cols = columnsProp ?? Number(columns);\n\n const groups = getGroups(\n items,\n getItemGroupId,\n groupsProp,\n getGroupKey,\n undefined,\n noGroupKey,\n );\n const arr: Array<typeof groups> = [];\n groups.forEach((group, i) => {\n const index = i % cols;\n if (!arr[index]) {\n arr[index] = [];\n }\n arr[index].push(group);\n });\n return arr;\n }, [items, groupsProp, columns, columnsProp]);\n\n return (\n <div\n ref={useForkRef([ref, MegaMenuGlobalRef])}\n className={cnMegaMenuGlobal(null, [className])}\n {...otherProps}\n >\n {title && (\n <Text\n weight=\"semibold\"\n transform=\"uppercase\"\n className={cnMixSpace({ mB: 'xl' })}\n lineHeight=\"m\"\n size=\"xl\"\n view=\"primary\"\n >\n {title}\n </Text>\n )}\n <div\n style={{\n ['--global-menu-columns' as string]: columns,\n }}\n className={cnMegaMenuGlobal('Content')}\n >\n {sortedGroups.map((groups, index) => (\n <div\n key={cnMegaMenuGlobal('Column', { index })}\n className={cnMegaMenuGlobal('Column')}\n >\n {groups.map((group, i) => {\n const onClickGroup = group.group\n ? getGroupOnClick(group.group)\n : undefined;\n const hasClickableGroup =\n group.group && (!!onClickGroup || !!onGroupClick);\n const onClick = (e: React.MouseEvent) => {\n onClickGroup?.(e);\n group.group && onGroupClick?.(group.group, { e });\n };\n\n return (\n <MegaMenuGlobalGroup\n title={group.group ? getGroupLabel(group.group) : undefined}\n key={cnMegaMenuGlobal('Group', { index, i })}\n onClick={hasClickableGroup ? onClick : undefined}\n className={cnMegaMenuGlobal('Group')}\n items={group.items}\n showButtonText={showButtonText}\n hideButtonText={hideButtonText}\n onItemClick={onItemClick}\n maxElements={maxElements}\n getItemAs={getItemAs}\n getItemAttributes={getItemAttributes}\n getItemGroupId={getItemGroupId}\n getItemLabel={getItemLabel}\n getItemOnClick={getItemOnClick}\n />\n );\n })}\n </div>\n ))}\n </div>\n </div>\n );\n};\n\nexport const MegaMenuGlobal = forwardRef(\n MegaMenuGlobalRender,\n) as MegaMenuGlobalComponent;\n"],"mappings":"oWAAA,6BAEA,OAASA,SAAS,KAAQ,gDAAgD,CAC1E,OAASC,UAAU,KAAQ,wBAAwB,CACnD,OAASC,IAAI,KAAQ,oBAAoB,CACzC,OAASC,YAAY,CAAEC,cAAc,KAAQ,8BAA8B,CAC3E,OAASC,UAAU,KAAQ,0BAA0B,CACrD,MAAO,CAAAC,KAAK,EAAIC,UAAU,CAAEC,OAAO,CAAEC,MAAM,KAAQ,OAAO,CAE1D,OAASC,EAAE,0BAEX,OAASC,kBAAkB,gBAC3B,OAASC,mBAAmB,6BAAgC,KAGtD,CAAAC,gBAAgB,CAAGH,EAAE,CAAC,gBAAgB,CAAC,CACvCI,UAAU,CAAG,UAAU,CAEvBC,oBAAoB,CAAGA,CAC3BC,CAA0B,CAC1BC,CAA8B,GAC3B,OAAAC,CAAA,CAqBCP,kBAAkB,CAACK,CAAK,CAAC,CApBvB,CACJG,KAAK,CAALA,CAAK,CACLC,SAAS,CAATA,CAAS,CACTC,iBAAiB,CAAjBA,CAAiB,CACjBC,cAAc,CAAdA,CAAc,CACdC,KAAK,CAALA,CAAK,CACLC,YAAY,CAAZA,CAAY,CACZC,OAAO,CAAEC,CAAW,CACpBC,cAAc,CAAdA,CAAc,CACdC,WAAW,CAAXA,CAAW,CACXC,WAAW,CAAXA,CAAW,CACXC,YAAY,CAAZA,CAAY,CACZC,aAAa,CAAbA,CAAa,CACbC,eAAe,CAAfA,CAAe,CACfC,MAAM,CAAEC,CAAU,CAAG,EAAE,CACvBC,cAAc,CAAdA,CAAc,CAAG,oBAAK,CACtBC,cAAc,CAAdA,CAAc,CAAG,sCAAQ,CACzBC,WAAW,CAAXA,CAAW,CACXC,SAAS,CAATA,CAEF,CAAC,CAAApB,CAAA,CADIqB,CAAU,CAAAC,wBAAA,CAAAtB,CAAA,CAAAuB,SAAA,EAGTC,CAAiB,CAAGjC,MAAM,CAAiB,IAAI,CAAC,CAEhDgB,CAAO,CAAGtB,YAAY,CAC1BC,cAAc,CAAC,CACba,GAAG,CAAEyB,CAAiB,CACtBC,GAAG,CAAE,CACH,CAAC,CAAE,CAAC,CACJ,CAAC,CAAE,GAAG,CACN,CAAC,CAAE,GAAI,CACP,CAAC,CAAE,IACL,
|
|
1
|
+
{"version":3,"file":"MegaMenuGlobal.js","names":["getGroups","cnMixSpace","Text","getLastPoint","useBreakpoints","useForkRef","React","forwardRef","useMemo","useRef","cn","withDefaultGetters","MegaMenuGlobalGroup","cnMegaMenuGlobal","noGroupKey","MegaMenuGlobalRender","props","ref","c","items","getItemAs","getItemAttributes","getItemGroupId","title","getItemLabel","columns","columnsProp","getItemOnClick","getGroupKey","onItemClick","onGroupClick","getGroupLabel","getGroupOnClick","groups","groupsProp","showButtonText","hideButtonText","maxElements","className","otherProps","_objectWithoutProperties","_excluded","MegaMenuGlobalRef","map","isActive","sortedGroups","cols","arr","forEach","group","i","index","push","createElement","Object","assign","weight","transform","mB","lineHeight","size","view","style","\"--global-menu-columns\"","key","onClickGroup","hasClickableGroup","onClick","e","MegaMenuGlobal"],"sources":["../../../../../../src/components/MegaMenu/MegaMenuGlobal/MegaMenuGlobal.tsx"],"sourcesContent":["import './MegaMenuGlobal.css';\n\nimport { getGroups } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport { getLastPoint, useBreakpoints } from '@consta/uikit/useBreakpoints';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useMemo, useRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helper';\nimport { MegaMenuGlobalGroup } from './MegaMenuGlobalGroup';\nimport { MegaMenuGlobalComponent, MegaMenuGlobalProps } from './types';\n\nconst cnMegaMenuGlobal = cn('MegaMenuGlobal');\nconst noGroupKey = 'no-group';\n\nconst MegaMenuGlobalRender = (\n props: MegaMenuGlobalProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n items,\n getItemAs,\n getItemAttributes,\n getItemGroupId,\n title,\n getItemLabel,\n columns: columnsProp,\n getItemOnClick,\n getGroupKey,\n onItemClick,\n onGroupClick,\n getGroupLabel,\n getGroupOnClick,\n groups: groupsProp = [],\n showButtonText = 'Ещё',\n hideButtonText = 'Скрыть',\n maxElements,\n className,\n ...otherProps\n } = withDefaultGetters(props);\n\n const MegaMenuGlobalRef = useRef<HTMLDivElement>(null);\n\n const columns = getLastPoint(\n useBreakpoints({\n ref: MegaMenuGlobalRef,\n map: {\n 1: 0,\n 2: 600,\n 3: 1000,\n 4: 1600,\n },\n isActive: true,\n }),\n );\n\n const sortedGroups = useMemo(() => {\n const cols = columnsProp ?? Number(columns);\n\n const groups = getGroups(\n items,\n getItemGroupId,\n groupsProp,\n getGroupKey,\n undefined,\n noGroupKey,\n );\n const arr: Array<typeof groups> = [];\n groups.forEach((group, i) => {\n const index = i % cols;\n if (!arr[index]) {\n arr[index] = [];\n }\n arr[index].push(group);\n });\n return arr;\n }, [items, groupsProp, columns, columnsProp]);\n\n return (\n <div\n ref={useForkRef([ref, MegaMenuGlobalRef])}\n className={cnMegaMenuGlobal(null, [className])}\n {...otherProps}\n >\n {title && (\n <Text\n weight=\"semibold\"\n transform=\"uppercase\"\n className={cnMixSpace({ mB: 'xl' })}\n lineHeight=\"m\"\n size=\"xl\"\n view=\"primary\"\n >\n {title}\n </Text>\n )}\n <div\n style={{\n ['--global-menu-columns' as string]: columns,\n }}\n className={cnMegaMenuGlobal('Content')}\n >\n {sortedGroups.map((groups, index) => (\n <div\n key={cnMegaMenuGlobal('Column', { index })}\n className={cnMegaMenuGlobal('Column')}\n >\n {groups.map((group, i) => {\n const onClickGroup = group.group\n ? getGroupOnClick(group.group)\n : undefined;\n const hasClickableGroup =\n group.group && (!!onClickGroup || !!onGroupClick);\n const onClick = (e: React.MouseEvent) => {\n onClickGroup?.(e);\n group.group && onGroupClick?.(group.group, { e });\n };\n\n return (\n <MegaMenuGlobalGroup\n title={group.group ? getGroupLabel(group.group) : undefined}\n key={cnMegaMenuGlobal('Group', { index, i })}\n onClick={hasClickableGroup ? onClick : undefined}\n className={cnMegaMenuGlobal('Group')}\n items={group.items}\n showButtonText={showButtonText}\n hideButtonText={hideButtonText}\n onItemClick={onItemClick}\n maxElements={maxElements}\n getItemAs={getItemAs}\n getItemAttributes={getItemAttributes}\n getItemGroupId={getItemGroupId}\n getItemLabel={getItemLabel}\n getItemOnClick={getItemOnClick}\n />\n );\n })}\n </div>\n ))}\n </div>\n </div>\n );\n};\n\nexport const MegaMenuGlobal = forwardRef(\n MegaMenuGlobalRender,\n) as MegaMenuGlobalComponent;\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["children","title","onClose","className"];import"./Sidebar.css";import{IconClose}from"@consta/icons/IconClose";import{Button}from"@consta/uikit/Button";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Sidebar as ConstaSidebar}from"@consta/uikit/Sidebar";import{Text}from"@consta/uikit/Text";import{useBreakpoints}from"@consta/uikit/useBreakpoints";import React from"react";import{cn}from"../../utils/bem";const cnSidebar=cn("Sidebar");export const Sidebar=a=>{const{children:b,title:c,onClose:d,className:e}=a,f=_objectWithoutProperties(a,_excluded),{bigScreen:g}=useBreakpoints({map:{bigScreen:520}});return React.createElement(ConstaSidebar,Object.assign({},f,{position:g?"right":"bottom",size:g?"l":"full",className:cnSidebar(null,[e])}),(c||d)&&React.createElement("div",{className:cnSidebar("Header",[cnMixSpace({pV:"l",pH:"xl"})])},React.createElement(Text,{className:cnSidebar("Title"),size:"xl",truncate:!0,view:"primary",lineHeight:"m"},c),d&&React.createElement(Button,{size:"s",view:"clear",iconLeft:IconClose,onClick:d})),b)};
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["children","title","onClose","className"];import"./Sidebar.css";import{IconClose}from"@consta/icons/IconClose";import{Button}from"@consta/uikit/Button";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Sidebar as ConstaSidebar}from"@consta/uikit/Sidebar";import{Text}from"@consta/uikit/Text";import{useBreakpoints}from"@consta/uikit/useBreakpoints";import React from"react";import{cn}from"../../utils/bem";const cnSidebar=cn("Sidebar");export const Sidebar=a=>{const{children:b,title:c,onClose:d,className:e}=a,f=_objectWithoutProperties(a,_excluded),{bigScreen:g}=useBreakpoints({map:{bigScreen:520},isActive:!0});return React.createElement(ConstaSidebar,Object.assign({},f,{position:g?"right":"bottom",size:g?"l":"full",className:cnSidebar(null,[e])}),(c||d)&&React.createElement("div",{className:cnSidebar("Header",[cnMixSpace({pV:"l",pH:"xl"})])},React.createElement(Text,{className:cnSidebar("Title"),size:"xl",truncate:!0,view:"primary",lineHeight:"m"},c),d&&React.createElement(Button,{size:"s",view:"clear",iconLeft:IconClose,onClick:d})),b)};
|
|
2
2
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","names":["IconClose","Button","cnMixSpace","Sidebar","ConstaSidebar","Text","useBreakpoints","React","cn","cnSidebar","props","children","title","onClose","className","otherProps","_objectWithoutProperties","_excluded","bigScreen","map","createElement","Object","assign","position","size","pV","pH","truncate","view","lineHeight","iconLeft","onClick"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { Button } from '@consta/uikit/Button';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Sidebar as ConstaSidebar } from '@consta/uikit/Sidebar';\nimport { Text } from '@consta/uikit/Text';\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\ntype SidebarProps = Omit<\n React.ComponentProps<typeof ConstaSidebar>,\n 'position' | 'onClose'\n> & {\n title?: string;\n onClose?: React.EventHandler<React.MouseEvent>;\n};\n\nconst cnSidebar = cn('Sidebar');\n\nexport const Sidebar = (props: SidebarProps) => {\n const { children, title, onClose, className, ...otherProps } = props;\n const { bigScreen } = useBreakpoints({
|
|
1
|
+
{"version":3,"file":"Sidebar.js","names":["IconClose","Button","cnMixSpace","Sidebar","ConstaSidebar","Text","useBreakpoints","React","cn","cnSidebar","props","children","title","onClose","className","otherProps","_objectWithoutProperties","_excluded","bigScreen","map","isActive","createElement","Object","assign","position","size","pV","pH","truncate","view","lineHeight","iconLeft","onClick"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { Button } from '@consta/uikit/Button';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Sidebar as ConstaSidebar } from '@consta/uikit/Sidebar';\nimport { Text } from '@consta/uikit/Text';\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\ntype SidebarProps = Omit<\n React.ComponentProps<typeof ConstaSidebar>,\n 'position' | 'onClose'\n> & {\n title?: string;\n onClose?: React.EventHandler<React.MouseEvent>;\n};\n\nconst cnSidebar = cn('Sidebar');\n\nexport const Sidebar = (props: SidebarProps) => {\n const { children, title, onClose, className, ...otherProps } = props;\n const { bigScreen } = useBreakpoints({\n map: { bigScreen: 520 },\n isActive: true,\n });\n return (\n <ConstaSidebar\n {...otherProps}\n position={bigScreen ? 'right' : 'bottom'}\n size={bigScreen ? 'l' : 'full'}\n className={cnSidebar(null, [className])}\n >\n {(title || onClose) && (\n <div\n className={cnSidebar('Header', [cnMixSpace({ pV: 'l', pH: 'xl' })])}\n >\n <Text\n className={cnSidebar('Title')}\n size=\"xl\"\n truncate\n view=\"primary\"\n lineHeight=\"m\"\n >\n {title}\n </Text>\n {onClose && (\n <Button\n size=\"s\"\n view=\"clear\"\n iconLeft={IconClose}\n onClick={onClose}\n />\n )}\n </div>\n )}\n\n {children}\n </ConstaSidebar>\n );\n};\n"],"mappings":"gJAAA,sBAEA,OAASA,SAAS,KAAQ,yBAAyB,CACnD,OAASC,MAAM,KAAQ,sBAAsB,CAC7C,OAASC,UAAU,KAAQ,wBAAwB,CACnD,OAASC,OAAO,GAAI,CAAAC,aAAa,KAAQ,uBAAuB,CAChE,OAASC,IAAI,KAAQ,oBAAoB,CACzC,OAASC,cAAc,KAAQ,8BAA8B,CAC7D,MAAO,CAAAC,KAAK,KAAM,OAAO,CAEzB,OAASC,EAAE,uBAUX,KAAM,CAAAC,SAAS,CAAGD,EAAE,CAAC,SAAS,CAAC,CAE/B,MAAO,MAAM,CAAAL,OAAO,CAAIO,CAAmB,EAAK,MACxC,CAAEC,QAAQ,CAARA,CAAQ,CAAEC,KAAK,CAALA,CAAK,CAAEC,OAAO,CAAPA,CAAO,CAAEC,SAAS,CAATA,CAAyB,CAAC,CAAGJ,CAAK,CAApBK,CAAU,CAAAC,wBAAA,CAAKN,CAAK,CAAAO,SAAA,EAC9D,CAAEC,SAAS,CAATA,CAAU,CAAC,CAAGZ,cAAc,CAAC,CACnCa,GAAG,CAAE,CAAED,SAAS,CAAE,GAAI,CAAC,CACvBE,QAAQ,GACV,CAAC,CAAC,CACF,MACE,CAAAb,KAAA,CAAAc,aAAA,CAACjB,aAAa,CAAAkB,MAAA,CAAAC,MAAA,IACRR,CAAU,EACdS,QAAQ,CAAEN,CAAS,CAAG,OAAO,CAAG,QAAS,CACzCO,IAAI,CAAEP,CAAS,CAAG,GAAG,CAAG,MAAO,CAC/BJ,SAAS,CAAEL,SAAS,CAAC,IAAI,CAAE,CAACK,CAAS,CAAC,CAAE,GAEvC,CAACF,CAAK,EAAIC,CAAO,GAChBN,KAAA,CAAAc,aAAA,QACEP,SAAS,CAAEL,SAAS,CAAC,QAAQ,CAAE,CAACP,UAAU,CAAC,CAAEwB,EAAE,CAAE,GAAG,CAAEC,EAAE,CAAE,IAAK,CAAC,CAAC,CAAC,CAAE,EAEpEpB,KAAA,CAAAc,aAAA,CAAChB,IAAI,EACHS,SAAS,CAAEL,SAAS,CAAC,OAAO,CAAE,CAC9BgB,IAAI,CAAC,IAAI,CACTG,QAAQ,IACRC,IAAI,CAAC,SAAS,CACdC,UAAU,CAAC,GAAG,EAEblB,CACG,CAAC,CACNC,CAAO,EACNN,KAAA,CAAAc,aAAA,CAACpB,MAAM,EACLwB,IAAI,CAAC,GAAG,CACRI,IAAI,CAAC,OAAO,CACZE,QAAQ,CAAE/B,SAAU,CACpBgC,OAAO,CAAEnB,CAAQ,CAClB,CAEA,CACN,CAEAF,CACY,CAEnB,CAAC"}
|