@consta/uikit 5.20.1 → 5.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__internal__/src/components/BadgeGroup/BadgeGroup.js +1 -1
- package/__internal__/src/components/BadgeGroup/BadgeGroup.js.map +1 -1
- package/__internal__/src/components/Breadcrumbs/BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll.js +1 -1
- package/__internal__/src/components/Breadcrumbs/BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll.js.map +1 -1
- package/__internal__/src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.js +1 -1
- package/__internal__/src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -1
- package/__internal__/src/components/Breadcrumbs/helpers.d.ts +8 -8
- package/__internal__/src/components/Breadcrumbs/helpers.js.map +1 -1
- package/__internal__/src/components/Breadcrumbs/types.d.ts +5 -4
- package/__internal__/src/components/Breadcrumbs/types.js.map +1 -1
- package/__internal__/src/components/FieldComponents/FieldWrapper/helpers.js +1 -1
- package/__internal__/src/components/FieldComponents/FieldWrapper/helpers.js.map +1 -1
- package/__internal__/src/components/ThemeToggler/ThemeToggler.js +1 -1
- package/__internal__/src/components/ThemeToggler/ThemeToggler.js.map +1 -1
- package/__internal__/src/components/UserSelect/UserSelectValue/UserSelectValue.css +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","fitMode","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemKey","getItemLabel","getItemStatus","getItemRef","getItemView","minified","size","form","className","moreRef","moreAttributes"];import"./BadgeGroup.css";import React,{forwardRef}from"react";import{Badge,badgePropFormDefault,badgePropSizeDefault}from"../Badge";import{forkRef,useForkRef}from"../../hooks/useForkRef";import{useHideElementsInLine}from"../../hooks/useHideElementsInLine";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helper";var cnBadgeGroup=cn("BadgeGroup"),BadgeGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.fitMode,f=void 0===e?"wrap":e,g=c.getItemAs,h=c.getItemAttributes,i=c.getItemIconLeft,j=c.getItemIconRight,k=c.getItemKey,l=c.getItemLabel,m=c.getItemStatus,n=c.getItemRef,o=c.getItemView,p=c.minified,q=c.size,r=void 0===q?badgePropSizeDefault:q,s=c.form,t=void 0===s?badgePropFormDefault:s,u=c.className,v=c.moreRef,w=c.moreAttributes,x=_objectWithoutProperties(c,_excluded),y=d.length+1,z=y-1,A=useHideElementsInLine(y,z,0,[f,t]),B=A.visibleMap,C=A.elementsRefs,D=A.parentRef,E=useForkRef([C[z],v]);return React.createElement("div",Object.assign({ref:useForkRef([b,D]),className:cnBadgeGroup({size:r,fitMode:f},[u])},x),d.map(function(a,b){
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","fitMode","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemKey","getItemLabel","getItemStatus","getItemRef","getItemView","minified","size","form","className","moreRef","moreAttributes"];import"./BadgeGroup.css";import React,{forwardRef}from"react";import{Badge,badgePropFormDefault,badgePropSizeDefault}from"../Badge";import{forkRef,useForkRef}from"../../hooks/useForkRef";import{useHideElementsInLine}from"../../hooks/useHideElementsInLine";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helper";var cnBadgeGroup=cn("BadgeGroup"),BadgeGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.fitMode,f=void 0===e?"wrap":e,g=c.getItemAs,h=c.getItemAttributes,i=c.getItemIconLeft,j=c.getItemIconRight,k=c.getItemKey,l=c.getItemLabel,m=c.getItemStatus,n=c.getItemRef,o=c.getItemView,p=c.minified,q=c.size,r=void 0===q?badgePropSizeDefault:q,s=c.form,t=void 0===s?badgePropFormDefault:s,u=c.className,v=c.moreRef,w=c.moreAttributes,x=_objectWithoutProperties(c,_excluded),y=d.length+1,z=y-1,A=useHideElementsInLine(y,z,0,[f,t]),B=A.visibleMap,C=A.elementsRefs,D=A.parentRef,E=useForkRef([C[z],v]);return React.createElement("div",Object.assign({ref:useForkRef([b,D]),className:cnBadgeGroup({size:r,fitMode:f},[u])},x),d.map(function(a,b){return React.createElement(Badge,Object.assign({key:k(a),size:r,form:t,minified:p,label:l(a),iconLeft:i(a),iconRight:j(a),as:g(a),ref:forkRef([C[b],n(a)]),view:o(a),status:m(a),className:cnBadgeGroup("Badge",{hidden:!("reduction"!==f)&&!B[b]})},h(a)))}),"reduction"===f&&React.createElement(Badge,Object.assign({className:cnBadgeGroup("Badge",{hidden:!B[d.length]}),key:"more",label:"+".concat(B.filter(function(a){return!a}).length),status:"system",form:t,size:r,view:"filled",ref:E},w)))};export var BadgeGroup=forwardRef(BadgeGroupRender);export*from"./types";
|
|
2
2
|
//# sourceMappingURL=BadgeGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeGroup.js","names":["React","forwardRef","Badge","badgePropFormDefault","badgePropSizeDefault","forkRef","useForkRef","useHideElementsInLine","cn","withDefaultGetters","cnBadgeGroup","BadgeGroupRender","props","ref","items","fitMode","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemKey","getItemLabel","getItemStatus","getItemRef","getItemView","minified","size","form","className","moreRefProp","moreRef","moreAttributes","otherProps","length","moreIndex","visibleMap","elementsRefs","parentRef","map","item","index","
|
|
1
|
+
{"version":3,"file":"BadgeGroup.js","names":["React","forwardRef","Badge","badgePropFormDefault","badgePropSizeDefault","forkRef","useForkRef","useHideElementsInLine","cn","withDefaultGetters","cnBadgeGroup","BadgeGroupRender","props","ref","items","fitMode","getItemAs","getItemAttributes","getItemIconLeft","getItemIconRight","getItemKey","getItemLabel","getItemStatus","getItemRef","getItemView","minified","size","form","className","moreRefProp","moreRef","moreAttributes","otherProps","length","moreIndex","visibleMap","elementsRefs","parentRef","map","item","index","hidden","filter","BadgeGroup"],"sources":["../../../../../src/components/BadgeGroup/BadgeGroup.tsx"],"sourcesContent":["import './BadgeGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport {\n Badge,\n badgePropFormDefault,\n badgePropSizeDefault,\n} from '##/components/Badge';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useHideElementsInLine } from '##/hooks/useHideElementsInLine';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helper';\nimport { BadgeGroupComponent, BadgeGroupProps } from './types';\n\nconst cnBadgeGroup = cn('BadgeGroup');\n\nconst BadgeGroupRender = (\n props: BadgeGroupProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n items,\n fitMode = 'wrap',\n getItemAs,\n getItemAttributes,\n getItemIconLeft,\n getItemIconRight,\n getItemKey,\n getItemLabel,\n getItemStatus,\n getItemRef,\n getItemView,\n minified,\n size = badgePropSizeDefault,\n form = badgePropFormDefault,\n className,\n moreRef: moreRefProp,\n moreAttributes,\n ...otherProps\n } = withDefaultGetters(props);\n\n const length = items.length + 1;\n const moreIndex = length - 1;\n\n const { visibleMap, elementsRefs, parentRef } = useHideElementsInLine(\n length,\n moreIndex,\n 0,\n [fitMode, form],\n );\n\n const moreRef = useForkRef([elementsRefs[moreIndex], moreRefProp]);\n\n return (\n <div\n ref={useForkRef([ref, parentRef])}\n className={cnBadgeGroup({ size, fitMode }, [className])}\n {...otherProps}\n >\n {items.map((item, index) => {\n return (\n <Badge\n key={getItemKey(item)}\n size={size}\n form={form}\n minified={minified}\n label={getItemLabel(item)}\n iconLeft={getItemIconLeft(item)}\n iconRight={getItemIconRight(item)}\n as={getItemAs(item)}\n ref={forkRef([elementsRefs[index], getItemRef(item)])}\n view={getItemView(item)}\n status={getItemStatus(item)}\n className={cnBadgeGroup('Badge', {\n hidden: fitMode === 'reduction' ? !visibleMap[index] : false,\n })}\n {...getItemAttributes(item)}\n />\n );\n })}\n {fitMode === 'reduction' && (\n <Badge\n className={cnBadgeGroup('Badge', {\n hidden: !visibleMap[items.length],\n })}\n key=\"more\"\n label={`+${visibleMap.filter((item) => !item).length}`}\n status=\"system\"\n form={form}\n size={size}\n view=\"filled\"\n ref={moreRef}\n {...moreAttributes}\n />\n )}\n </div>\n );\n};\n\nexport const BadgeGroup = forwardRef(BadgeGroupRender) as BadgeGroupComponent;\n\nexport * from './types';\n"],"mappings":"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"}
|
package/__internal__/src/components/Breadcrumbs/BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","className","renderItem"];import"./BreadcrumbsFitModeScroll.css";import React,{forwardRef,useEffect,useRef}from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{cn}from"../../../utils/bem";export var cnBreadcrumbsFitModeScroll=cn("BreadcrumbsFitModeScroll");export var BreadcrumbsFitModeScroll=forwardRef(function(a,b){var c=a.items,d=a.className,e=a.renderItem,f=_objectWithoutProperties(a,_excluded),g=useRef(null);return useEffect(function(){var a,b;null===(a=g.current)||void 0===a?void 0:
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","className","renderItem"];import"./BreadcrumbsFitModeScroll.css";import React,{forwardRef,useEffect,useRef}from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{cn}from"../../../utils/bem";export var cnBreadcrumbsFitModeScroll=cn("BreadcrumbsFitModeScroll");export var BreadcrumbsFitModeScroll=forwardRef(function(a,b){var c=a.items,d=a.className,e=a.renderItem,f=_objectWithoutProperties(a,_excluded),g=useRef(null);return useEffect(function(){var a,b,c;null===(a=g.current)||void 0===a||null===(b=a.scrollTo)||void 0===b?void 0:b.call(a,{left:null===(c=g.current)||void 0===c?void 0:c.scrollWidth})},[]),React.createElement("ul",Object.assign({className:cnBreadcrumbsFitModeScroll(null,[d]),ref:useForkRef([g,b])},f),c.map(function(a,b){return e(a,b,0===b,b===c.length-1)}))});
|
|
2
2
|
//# sourceMappingURL=BreadcrumbsFitModeScroll.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbsFitModeScroll.js","names":["React","forwardRef","useEffect","useRef","useForkRef","cn","cnBreadcrumbsFitModeScroll","BreadcrumbsFitModeScroll","props","ref","items","className","renderItem","otherProps","rootRef","current","scrollTo","left","scrollWidth","map","item","index","length"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll.tsx"],"sourcesContent":["import './BreadcrumbsFitModeScroll.css';\n\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../../utils/bem';\nimport { BreadcrumbsFitModeScrollComponent } from '../types';\n\nexport const cnBreadcrumbsFitModeScroll = cn('BreadcrumbsFitModeScroll');\n\nexport const BreadcrumbsFitModeScroll: BreadcrumbsFitModeScrollComponent =\n forwardRef((props, ref) => {\n const { items, className, renderItem, ...otherProps } = props;\n\n const rootRef = useRef<HTMLUListElement>(null);\n\n useEffect(() => {\n rootRef.current?.scrollTo({\n left: rootRef.current?.scrollWidth,\n });\n }, []);\n\n return (\n <ul\n className={cnBreadcrumbsFitModeScroll(null, [className])}\n ref={useForkRef([rootRef, ref])}\n {...otherProps}\n >\n {items.map((item, index) =>\n renderItem(item, index, index === 0, index === items.length - 1),\n )}\n </ul>\n );\n });\n"],"mappings":"sIAAA,uCAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,SAA5B,CAAuCC,MAAvC,KAAqD,OAArD,CAEA,OAASC,UAAT,4CACA,OAASC,EAAT,0BAGA,MAAO,IAAMC,2BAA0B,CAAGD,EAAE,CAAC,0BAAD,CAArC,CAEP,MAAO,IAAME,yBAA2D,CACtEN,UAAU,CAAC,SAACO,CAAD,CAAQC,CAAR,CAAgB,IACjBC,EADiB,CAC+BF,CAD/B,CACjBE,KADiB,CACVC,CADU,CAC+BH,CAD/B,CACVG,SADU,CACCC,CADD,CAC+BJ,CAD/B,CACCI,UADD,CACgBC,CADhB,0BAC+BL,CAD/B,YAGnBM,CAAO,CAAGX,MAAM,CAAmB,IAAnB,CAHG,CAWzB,MANAD,UAAS,CAAC,UAAM,
|
|
1
|
+
{"version":3,"file":"BreadcrumbsFitModeScroll.js","names":["React","forwardRef","useEffect","useRef","useForkRef","cn","cnBreadcrumbsFitModeScroll","BreadcrumbsFitModeScroll","props","ref","items","className","renderItem","otherProps","rootRef","current","scrollTo","left","scrollWidth","map","item","index","length"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll.tsx"],"sourcesContent":["import './BreadcrumbsFitModeScroll.css';\n\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../../utils/bem';\nimport { BreadcrumbsFitModeScrollComponent } from '../types';\n\nexport const cnBreadcrumbsFitModeScroll = cn('BreadcrumbsFitModeScroll');\n\nexport const BreadcrumbsFitModeScroll: BreadcrumbsFitModeScrollComponent =\n forwardRef((props, ref) => {\n const { items, className, renderItem, ...otherProps } = props;\n\n const rootRef = useRef<HTMLUListElement>(null);\n\n useEffect(() => {\n rootRef.current?.scrollTo?.({\n left: rootRef.current?.scrollWidth,\n });\n }, []);\n\n return (\n <ul\n className={cnBreadcrumbsFitModeScroll(null, [className])}\n ref={useForkRef([rootRef, ref])}\n {...otherProps}\n >\n {items.map((item, index) =>\n renderItem(item, index, index === 0, index === items.length - 1),\n )}\n </ul>\n );\n });\n"],"mappings":"sIAAA,uCAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,SAA5B,CAAuCC,MAAvC,KAAqD,OAArD,CAEA,OAASC,UAAT,4CACA,OAASC,EAAT,0BAGA,MAAO,IAAMC,2BAA0B,CAAGD,EAAE,CAAC,0BAAD,CAArC,CAEP,MAAO,IAAME,yBAA2D,CACtEN,UAAU,CAAC,SAACO,CAAD,CAAQC,CAAR,CAAgB,IACjBC,EADiB,CAC+BF,CAD/B,CACjBE,KADiB,CACVC,CADU,CAC+BH,CAD/B,CACVG,SADU,CACCC,CADD,CAC+BJ,CAD/B,CACCI,UADD,CACgBC,CADhB,0BAC+BL,CAD/B,YAGnBM,CAAO,CAAGX,MAAM,CAAmB,IAAnB,CAHG,CAWzB,MANAD,UAAS,CAAC,UAAM,qBACdY,CAAO,CAACC,OADM,yBACd,EAAiBC,QADH,qBACd,SAA4B,CAC1BC,IAAI,WAAEH,CAAO,CAACC,OAAV,qBAAE,EAAiBG,WADG,CAA5B,CAGD,CAJQ,CAIN,EAJM,CAMT,CACE,wCACE,SAAS,CAAEZ,0BAA0B,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CADvC,CAEE,GAAG,CAAEP,UAAU,CAAC,CAACU,CAAD,CAAUL,CAAV,CAAD,CAFjB,EAGMI,CAHN,EAKGH,CAAK,CAACS,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,QACTT,EAAU,CAACQ,CAAD,CAAOC,CAAP,CAAwB,CAAV,GAAAA,CAAd,CAA2BA,CAAK,GAAKX,CAAK,CAACY,MAAN,CAAe,CAApD,CADD,CAAV,CALH,CAUH,CAtBS,CADL"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","onItemClick","item","size","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children"];import"./BreadcrumbsItem.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Button}from"../../Button/Button";import{ContextMenu}from"../../ContextMenu/ContextMenu";import{Text}from"../../Text/Text";import{contextMenuSizeMap,getItemAs,getItemAttributes}from"../BreadcrumbsMore/BreadcrumbsMore";import{iconSizeMap}from"../helpers";export var cnBreadcrumbsItem=cn("BreadcrumbsItem");function BreadcrumbsItemRender(a,b){var c=a.className,d=a.onItemClick,f=a.item,g=a.size,h=a.onlyIcon,i=a.delimiter,j=a.active,k=a.getItemHref,l=a.getItemIcon,m=a.getItemLabel,n=a.getItemSubMenu,o=a.children,p=_objectWithoutProperties(a,_excluded),q=useFlag(),r=_slicedToArray(q,2),s=r[0],t=r[1],u=useRef(null),v=f&&(null===l||void 0===l?void 0:l(f)),w=v&&h,x=f&&(null===k||void 0===k?void 0:k(f)),y=f&&(null===m||void 0===m?void 0:m(f)),z=f&&(null===n||void 0===n?void 0:n(f)),A=getByMap(iconSizeMap,g),B=x?{as:"a",href:x}:{as:"span"};return React.createElement("li",Object.assign({className:cnBreadcrumbsItem(null,[c]),ref:b},p),i&&React.createElement(IconArrowRight,{className:cnBreadcrumbsItem("Delimiter",[cnMixSpace({mH:g})]),view:"ghost",size:A}),o||React.createElement(React.Fragment,null,React.createElement(Text,Object.assign({className:cnBreadcrumbsItem("Link",{active:j}),view:j?"primary":"secondary",onClick:function handleClick(a){f&&(null===d||void 0===d?void 0:d(f,{e:a}))},size:g,truncate:!w,lineHeight:"m"},B),v&&(w?React.createElement(Button,{type:"button",view:"clear",onlyIcon:!0,iconLeft:v,size:A}):React.createElement(v,{className:cnBreadcrumbsItem("Icon",[cnMixSpace({mR:"xs"})]),size:A})),!w&&y),z&&React.createElement("button",{ref:u,onClick:t.toggle,type:"button",className:cnBreadcrumbsItem("SelectButton")},React.createElement(IconSelect,{size:"xs",view:j?"primary":"secondary"}))),z&&React.createElement(ContextMenu,{isOpen:s,items:z,getItemLabel:m,getItemSubMenu:n,getItemLeftIcon:l,onItemClick:function onItemClick(a,b){var c=b.e;t.off(),a&&(null===d||void 0===d?void 0:d(a,{e:c}))},getItemAs:getItemAs(k),getItemAttributes:getItemAttributes(k),direction:"downStartRight",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],anchorRef:u,offset:"xs",onClickOutside:t.off,size:contextMenuSizeMap[g]}))}export var BreadcrumbsItem=forwardRef(BreadcrumbsItemRender);
|
|
1
|
+
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","onItemClick","item","size","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children"];import"./BreadcrumbsItem.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Button}from"../../Button/Button";import{ContextMenu}from"../../ContextMenu/ContextMenu";import{Text}from"../../Text/Text";import{contextMenuSizeMap,getItemAs,getItemAttributes}from"../BreadcrumbsMore/BreadcrumbsMore";import{iconSizeMap}from"../helpers";export var cnBreadcrumbsItem=cn("BreadcrumbsItem");function BreadcrumbsItemRender(a,b){var c=a.className,d=a.onItemClick,f=a.item,g=a.size,h=a.onlyIcon,i=a.delimiter,j=a.active,k=a.getItemHref,l=a.getItemIcon,m=a.getItemLabel,n=a.getItemSubMenu,o=a.children,p=_objectWithoutProperties(a,_excluded),q=useFlag(),r=_slicedToArray(q,2),s=r[0],t=r[1],u=useRef(null),v=f&&(null===l||void 0===l?void 0:l(f)),w=v&&h,x=f&&(null===k||void 0===k?void 0:k(f)),y=f&&(null===m||void 0===m?void 0:m(f)),z=f&&(null===n||void 0===n?void 0:n(f)),A=getByMap(iconSizeMap,g),B=x?{as:"a",href:x}:{as:"span"};return React.createElement("li",Object.assign({className:cnBreadcrumbsItem(null,[c]),ref:b},p),i&&React.createElement(IconArrowRight,{className:cnBreadcrumbsItem("Delimiter",[cnMixSpace({mH:g})]),view:"ghost",size:A}),o||React.createElement(React.Fragment,null,React.createElement(Text,Object.assign({className:cnBreadcrumbsItem("Link",{active:j}),view:j?"primary":"secondary",onClick:function handleClick(a){f&&(null===d||void 0===d?void 0:d(f,{e:a}))},size:g,truncate:!w,lineHeight:"m"},B),v&&(w?React.createElement(Button,{type:"button",view:"clear",onlyIcon:!0,iconLeft:v,size:A}):React.createElement(v,{className:cnBreadcrumbsItem("Icon",[cnMixSpace({mR:"xs"})]),size:A})),!w&&y),z&&React.createElement("button",{ref:u,onClick:t.toggle,type:"button",className:cnBreadcrumbsItem("SelectButton")},React.createElement(IconSelect,{size:"xs",view:j?"primary":"secondary"}))),z&&React.createElement(ContextMenu,{isOpen:s,items:z,getItemLabel:m,getItemSubMenu:n,getItemLeftIcon:l,onItemClick:function onItemClick(a,b){var c=b.e;t.off(),a&&(null===d||void 0===d?void 0:d(a,{e:c}))},getItemAs:getItemAs(k),getItemAttributes:getItemAttributes(k),direction:"downStartRight",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],anchorRef:u,offset:"xs",onClickOutside:t.off,size:contextMenuSizeMap[g],role:"listbox"}))}export var BreadcrumbsItem=forwardRef(BreadcrumbsItemRender);
|
|
2
2
|
//# sourceMappingURL=BreadcrumbsItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbsItem.js","names":["IconArrowRight","IconSelect","React","forwardRef","useRef","useFlag","cnMixSpace","cn","getByMap","Button","ContextMenu","Text","contextMenuSizeMap","getItemAs","getItemAttributes","iconSizeMap","cnBreadcrumbsItem","BreadcrumbsItemRender","props","ref","className","onItemClickProp","onItemClick","item","size","onlyIconProp","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children","otherProps","open","setOpen","buttonRef","Icon","href","label","subMenu","iconSize","linkProps","as","mH","handleClick","e","mR","toggle","off","BreadcrumbsItem"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.tsx"],"sourcesContent":["import './BreadcrumbsItem.css';\n\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cnMixSpace } from '../../../mixs/MixSpace/MixSpace';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Button } from '../../Button/Button';\nimport { ContextMenu } from '../../ContextMenu/ContextMenu';\nimport { Text } from '../../Text/Text';\nimport {\n contextMenuSizeMap,\n getItemAs,\n getItemAttributes,\n} from '../BreadcrumbsMore/BreadcrumbsMore';\nimport { iconSizeMap } from '../helpers';\nimport {\n BreadcrumbsItemComponent,\n BreadcrumbsItemProps,\n BreadcrumbsPropOnItemClick,\n} from '../types';\n\nexport const cnBreadcrumbsItem = cn('BreadcrumbsItem');\n\nfunction BreadcrumbsItemRender<ITEM>(\n props: BreadcrumbsItemProps<ITEM>,\n ref: React.Ref<HTMLLIElement>,\n) {\n const {\n className,\n onItemClick: onItemClickProp,\n item,\n size,\n onlyIcon: onlyIconProp,\n delimiter,\n active,\n getItemHref,\n getItemIcon,\n getItemLabel,\n getItemSubMenu,\n children,\n ...otherProps\n } = props;\n\n const [open, setOpen] = useFlag();\n\n const buttonRef = useRef<HTMLButtonElement>(null);\n\n const Icon = item && getItemIcon?.(item);\n const onlyIcon = Icon && onlyIconProp;\n const href = item && getItemHref?.(item);\n const label = item && getItemLabel?.(item);\n const subMenu = item && getItemSubMenu?.(item);\n\n const iconSize = getByMap(iconSizeMap, size);\n const linkProps = href\n ? ({\n as: 'a',\n href,\n } as const)\n : ({\n as: 'span',\n } as const);\n\n const handleClick: React.MouseEventHandler = (e) => {\n item && onItemClickProp?.(item, { e });\n };\n\n const onItemClick: BreadcrumbsPropOnItemClick<ITEM> = (item, { e }) => {\n setOpen.off();\n item && onItemClickProp?.(item, { e });\n };\n\n return (\n <li\n className={cnBreadcrumbsItem(null, [className])}\n ref={ref}\n {...otherProps}\n >\n {delimiter && (\n <IconArrowRight\n className={cnBreadcrumbsItem('Delimiter', [cnMixSpace({ mH: size })])}\n view=\"ghost\"\n size={iconSize}\n />\n )}\n {children || (\n <>\n <Text\n className={cnBreadcrumbsItem('Link', { active })}\n view={active ? 'primary' : 'secondary'}\n onClick={handleClick}\n size={size}\n truncate={!onlyIcon}\n lineHeight=\"m\"\n {...linkProps}\n >\n {Icon &&\n (onlyIcon ? (\n <Button\n type=\"button\"\n view=\"clear\"\n onlyIcon\n iconLeft={Icon}\n size={iconSize}\n />\n ) : (\n <Icon\n className={cnBreadcrumbsItem('Icon', [\n cnMixSpace({ mR: 'xs' }),\n ])}\n size={iconSize}\n />\n ))}\n {!onlyIcon && label}\n </Text>\n {subMenu && (\n <button\n ref={buttonRef}\n onClick={setOpen.toggle}\n type=\"button\"\n className={cnBreadcrumbsItem('SelectButton')}\n >\n <IconSelect size=\"xs\" view={active ? 'primary' : 'secondary'} />\n </button>\n )}\n </>\n )}\n {subMenu && (\n <ContextMenu\n isOpen={open}\n items={subMenu}\n getItemLabel={getItemLabel}\n getItemSubMenu={getItemSubMenu}\n getItemLeftIcon={getItemIcon}\n onItemClick={onItemClick}\n getItemAs={getItemAs(getItemHref)}\n getItemAttributes={getItemAttributes(getItemHref)}\n direction=\"downStartRight\"\n possibleDirections={[\n 'downStartLeft',\n 'upStartLeft',\n 'downStartRight',\n 'upStartRight',\n ]}\n anchorRef={buttonRef}\n offset=\"xs\"\n onClickOutside={setOpen.off}\n size={contextMenuSizeMap[size]}\n />\n )}\n </li>\n );\n}\n\nexport const BreadcrumbsItem = forwardRef(\n BreadcrumbsItemRender,\n) as BreadcrumbsItemComponent;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BreadcrumbsItem.js","names":["IconArrowRight","IconSelect","React","forwardRef","useRef","useFlag","cnMixSpace","cn","getByMap","Button","ContextMenu","Text","contextMenuSizeMap","getItemAs","getItemAttributes","iconSizeMap","cnBreadcrumbsItem","BreadcrumbsItemRender","props","ref","className","onItemClickProp","onItemClick","item","size","onlyIconProp","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children","otherProps","open","setOpen","buttonRef","Icon","href","label","subMenu","iconSize","linkProps","as","mH","handleClick","e","mR","toggle","off","BreadcrumbsItem"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.tsx"],"sourcesContent":["import './BreadcrumbsItem.css';\n\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cnMixSpace } from '../../../mixs/MixSpace/MixSpace';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Button } from '../../Button/Button';\nimport { ContextMenu } from '../../ContextMenu/ContextMenu';\nimport { Text } from '../../Text/Text';\nimport {\n contextMenuSizeMap,\n getItemAs,\n getItemAttributes,\n} from '../BreadcrumbsMore/BreadcrumbsMore';\nimport { iconSizeMap } from '../helpers';\nimport {\n BreadcrumbsItemComponent,\n BreadcrumbsItemProps,\n BreadcrumbsPropOnItemClick,\n} from '../types';\n\nexport const cnBreadcrumbsItem = cn('BreadcrumbsItem');\n\nfunction BreadcrumbsItemRender<ITEM>(\n props: BreadcrumbsItemProps<ITEM>,\n ref: React.Ref<HTMLLIElement>,\n) {\n const {\n className,\n onItemClick: onItemClickProp,\n item,\n size,\n onlyIcon: onlyIconProp,\n delimiter,\n active,\n getItemHref,\n getItemIcon,\n getItemLabel,\n getItemSubMenu,\n children,\n ...otherProps\n } = props;\n\n const [open, setOpen] = useFlag();\n\n const buttonRef = useRef<HTMLButtonElement>(null);\n\n const Icon = item && getItemIcon?.(item);\n const onlyIcon = Icon && onlyIconProp;\n const href = item && getItemHref?.(item);\n const label = item && getItemLabel?.(item);\n const subMenu = item && getItemSubMenu?.(item);\n\n const iconSize = getByMap(iconSizeMap, size);\n const linkProps = href\n ? ({\n as: 'a',\n href,\n } as const)\n : ({\n as: 'span',\n } as const);\n\n const handleClick: React.MouseEventHandler = (e) => {\n item && onItemClickProp?.(item, { e });\n };\n\n const onItemClick: BreadcrumbsPropOnItemClick<ITEM> = (item, { e }) => {\n setOpen.off();\n item && onItemClickProp?.(item, { e });\n };\n\n return (\n <li\n className={cnBreadcrumbsItem(null, [className])}\n ref={ref}\n {...otherProps}\n >\n {delimiter && (\n <IconArrowRight\n className={cnBreadcrumbsItem('Delimiter', [cnMixSpace({ mH: size })])}\n view=\"ghost\"\n size={iconSize}\n />\n )}\n {children || (\n <>\n <Text\n className={cnBreadcrumbsItem('Link', { active })}\n view={active ? 'primary' : 'secondary'}\n onClick={handleClick}\n size={size}\n truncate={!onlyIcon}\n lineHeight=\"m\"\n {...linkProps}\n >\n {Icon &&\n (onlyIcon ? (\n <Button\n type=\"button\"\n view=\"clear\"\n onlyIcon\n iconLeft={Icon}\n size={iconSize}\n />\n ) : (\n <Icon\n className={cnBreadcrumbsItem('Icon', [\n cnMixSpace({ mR: 'xs' }),\n ])}\n size={iconSize}\n />\n ))}\n {!onlyIcon && label}\n </Text>\n {subMenu && (\n <button\n ref={buttonRef}\n onClick={setOpen.toggle}\n type=\"button\"\n className={cnBreadcrumbsItem('SelectButton')}\n >\n <IconSelect size=\"xs\" view={active ? 'primary' : 'secondary'} />\n </button>\n )}\n </>\n )}\n {subMenu && (\n <ContextMenu\n isOpen={open}\n items={subMenu}\n getItemLabel={getItemLabel}\n getItemSubMenu={getItemSubMenu}\n getItemLeftIcon={getItemIcon}\n onItemClick={onItemClick}\n getItemAs={getItemAs(getItemHref)}\n getItemAttributes={getItemAttributes(getItemHref)}\n direction=\"downStartRight\"\n possibleDirections={[\n 'downStartLeft',\n 'upStartLeft',\n 'downStartRight',\n 'upStartRight',\n ]}\n anchorRef={buttonRef}\n offset=\"xs\"\n onClickOutside={setOpen.off}\n size={contextMenuSizeMap[size]}\n role=\"listbox\"\n />\n )}\n </li>\n );\n}\n\nexport const BreadcrumbsItem = forwardRef(\n BreadcrumbsItemRender,\n) as BreadcrumbsItemComponent;\n"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { BreadcrumbsPropGetItemHref, BreadcrumbsPropGetItemIcon, BreadcrumbsPropGetItemLabel, BreadcrumbsPropGetItemOnClick, BreadcrumbsPropGetItemSubMenu, BreadcrumbsProps
|
|
1
|
+
import { BreadcrumbsDefaultItem, BreadcrumbsPropGetItemHref, BreadcrumbsPropGetItemIcon, BreadcrumbsPropGetItemLabel, BreadcrumbsPropGetItemOnClick, BreadcrumbsPropGetItemSubMenu, BreadcrumbsProps } from './types';
|
|
2
2
|
export declare function withDefaultGetters(props: BreadcrumbsProps): {
|
|
3
|
-
getItemLabel: BreadcrumbsPropGetItemLabel<
|
|
4
|
-
getItemHref: BreadcrumbsPropGetItemHref<
|
|
5
|
-
getItemOnClick: BreadcrumbsPropGetItemOnClick<
|
|
6
|
-
getItemIcon: BreadcrumbsPropGetItemIcon<
|
|
7
|
-
getItemSubMenu: BreadcrumbsPropGetItemSubMenu<
|
|
8
|
-
items:
|
|
9
|
-
onItemClick?: import("./types").BreadcrumbsPropOnItemClick<
|
|
3
|
+
getItemLabel: BreadcrumbsPropGetItemLabel<BreadcrumbsDefaultItem>;
|
|
4
|
+
getItemHref: BreadcrumbsPropGetItemHref<BreadcrumbsDefaultItem>;
|
|
5
|
+
getItemOnClick: BreadcrumbsPropGetItemOnClick<BreadcrumbsDefaultItem>;
|
|
6
|
+
getItemIcon: BreadcrumbsPropGetItemIcon<BreadcrumbsDefaultItem>;
|
|
7
|
+
getItemSubMenu: BreadcrumbsPropGetItemSubMenu<BreadcrumbsDefaultItem>;
|
|
8
|
+
items: BreadcrumbsDefaultItem[];
|
|
9
|
+
onItemClick?: import("./types").BreadcrumbsPropOnItemClick<BreadcrumbsDefaultItem> | undefined;
|
|
10
10
|
size?: import("./types").BreadcrumbPropSize;
|
|
11
11
|
onlyIconRoot?: boolean;
|
|
12
12
|
fitMode?: import("./types").BreadcrumbPropFitMode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemIcon","icon","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemSubMenu","subMenu","withDefaultGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemIcon","getItemSubMenu","iconSizeMap","xs","s","m","l"],"sources":["../../../../../src/components/Breadcrumbs/helpers.ts"],"sourcesContent":["import {\n BreadcrumbsPropGetItemHref,\n BreadcrumbsPropGetItemIcon,\n BreadcrumbsPropGetItemLabel,\n BreadcrumbsPropGetItemOnClick,\n BreadcrumbsPropGetItemSubMenu,\n BreadcrumbsProps,\n
|
|
1
|
+
{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemIcon","icon","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemSubMenu","subMenu","withDefaultGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemIcon","getItemSubMenu","iconSizeMap","xs","s","m","l"],"sources":["../../../../../src/components/Breadcrumbs/helpers.ts"],"sourcesContent":["import {\n BreadcrumbsDefaultItem,\n BreadcrumbsPropGetItemHref,\n BreadcrumbsPropGetItemIcon,\n BreadcrumbsPropGetItemLabel,\n BreadcrumbsPropGetItemOnClick,\n BreadcrumbsPropGetItemSubMenu,\n BreadcrumbsProps,\n} from './types';\n\nconst defaultGetItemLabel: BreadcrumbsPropGetItemLabel<\n BreadcrumbsDefaultItem\n> = (item) => item.label;\nconst defaultGetItemIcon: BreadcrumbsPropGetItemIcon<BreadcrumbsDefaultItem> = (\n item,\n) => item.icon;\nconst defaultGetItemHref: BreadcrumbsPropGetItemHref<BreadcrumbsDefaultItem> = (\n item,\n) => item.href;\nconst defaultGetItemOnClick: BreadcrumbsPropGetItemOnClick<\n BreadcrumbsDefaultItem\n> = (item) => item.onClick;\nconst defaultGetItemSubMenu: BreadcrumbsPropGetItemSubMenu<\n BreadcrumbsDefaultItem\n> = (item) => item.subMenu;\n\nexport function withDefaultGetters(props: BreadcrumbsProps) {\n return {\n ...props,\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemHref: props.getItemHref || defaultGetItemHref,\n getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n getItemIcon: props.getItemIcon || defaultGetItemIcon,\n getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n };\n}\n\nexport const iconSizeMap = {\n xs: 'xs',\n s: 'xs',\n m: 's',\n l: 's',\n} as const;\n"],"mappings":"wqBAUMA,oBAEL,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,KAAf,C,CACEC,kBAAsE,CAAG,SAC7EF,CAD6E,QAE1EA,EAAI,CAACG,IAFqE,C,CAGzEC,kBAAsE,CAAG,SAC7EJ,CAD6E,QAE1EA,EAAI,CAACK,IAFqE,C,CAGzEC,qBAEL,CAAG,SAACN,CAAD,QAAUA,EAAI,CAACO,OAAf,C,CACEC,qBAEL,CAAG,SAACR,CAAD,QAAUA,EAAI,CAACS,OAAf,C,CAEJ,MAAO,SAASC,mBAAT,CAA4BC,CAA5B,CAAqD,CAC1D,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBb,mBAFtC,CAGEc,WAAW,CAAEF,CAAK,CAACE,WAAN,EAAqBT,kBAHpC,CAIEU,cAAc,CAAEH,CAAK,CAACG,cAAN,EAAwBR,qBAJ1C,CAKES,WAAW,CAAEJ,CAAK,CAACI,WAAN,EAAqBb,kBALpC,CAMEc,cAAc,CAAEL,CAAK,CAACK,cAAN,EAAwBR,qBAN1C,EAQD,CAED,MAAO,IAAMS,YAAW,CAAG,CACzBC,EAAE,CAAE,IADqB,CAEzBC,CAAC,CAAE,IAFsB,CAGzBC,CAAC,CAAE,GAHsB,CAIzBC,CAAC,CAAE,GAJsB,CAApB"}
|
|
@@ -14,15 +14,16 @@ export type BreadcrumbsPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEve
|
|
|
14
14
|
export type BreadcrumbsPropOnItemClick<ITEM> = (item: ITEM, props: {
|
|
15
15
|
e: React.MouseEvent;
|
|
16
16
|
}) => void;
|
|
17
|
-
export type
|
|
17
|
+
export type BreadcrumbsDefaultItem = {
|
|
18
18
|
label: string;
|
|
19
19
|
icon?: IconComponent;
|
|
20
20
|
href?: string;
|
|
21
21
|
onClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
22
|
-
subMenu?:
|
|
22
|
+
subMenu?: BreadcrumbsDefaultItem[];
|
|
23
23
|
};
|
|
24
|
+
export type DefaultItem = BreadcrumbsDefaultItem;
|
|
24
25
|
export type RenderItem<ITEM> = (item: ITEM | undefined, index: number | string, isFirst?: boolean, isLast?: boolean, ref?: React.Ref<HTMLLIElement>, hidden?: boolean) => React.ReactElement | undefined;
|
|
25
|
-
export type BreadcrumbsProps<ITEM =
|
|
26
|
+
export type BreadcrumbsProps<ITEM = BreadcrumbsDefaultItem> = PropsWithHTMLAttributesAndRef<{
|
|
26
27
|
items: ITEM[];
|
|
27
28
|
getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;
|
|
28
29
|
getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;
|
|
@@ -35,7 +36,7 @@ export type BreadcrumbsProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef
|
|
|
35
36
|
fitMode?: BreadcrumbPropFitMode;
|
|
36
37
|
lastItemIsLink?: boolean;
|
|
37
38
|
}, HTMLUListElement> & (ITEM extends {
|
|
38
|
-
label:
|
|
39
|
+
label: BreadcrumbsDefaultItem['label'];
|
|
39
40
|
} ? {} : {
|
|
40
41
|
getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;
|
|
41
42
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":["breadcrumbPropSize","breadcrumbPropSizeDefault","breadcrumbPropFitMode","breadcrumbPropFitModeDefault"],"sources":["../../../../../src/components/Breadcrumbs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const breadcrumbPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BreadcrumbPropSize = typeof breadcrumbPropSize[number];\nexport const breadcrumbPropSizeDefault = breadcrumbPropSize[0];\n\nexport const breadcrumbPropFitMode = ['dropdown', 'scroll'] as const;\nexport type BreadcrumbPropFitMode = typeof breadcrumbPropFitMode[number];\nexport const breadcrumbPropFitModeDefault = breadcrumbPropFitMode[0];\n\nexport type BreadcrumbsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type BreadcrumbsPropGetItemHref<ITEM> = (\n item: ITEM,\n) => string | undefined;\nexport type BreadcrumbsPropGetItemIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\nexport type BreadcrumbsPropGetItemSubMenu<ITEM> = (\n item: ITEM,\n) => ITEM[] | undefined;\nexport type BreadcrumbsPropGetItemOnClick<ITEM> = (\n item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type BreadcrumbsPropOnItemClick<ITEM> = (\n item: ITEM,\n props: {\n e: React.MouseEvent;\n },\n) => void;\n\nexport type
|
|
1
|
+
{"version":3,"file":"types.js","names":["breadcrumbPropSize","breadcrumbPropSizeDefault","breadcrumbPropFitMode","breadcrumbPropFitModeDefault"],"sources":["../../../../../src/components/Breadcrumbs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const breadcrumbPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BreadcrumbPropSize = typeof breadcrumbPropSize[number];\nexport const breadcrumbPropSizeDefault = breadcrumbPropSize[0];\n\nexport const breadcrumbPropFitMode = ['dropdown', 'scroll'] as const;\nexport type BreadcrumbPropFitMode = typeof breadcrumbPropFitMode[number];\nexport const breadcrumbPropFitModeDefault = breadcrumbPropFitMode[0];\n\nexport type BreadcrumbsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type BreadcrumbsPropGetItemHref<ITEM> = (\n item: ITEM,\n) => string | undefined;\nexport type BreadcrumbsPropGetItemIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\nexport type BreadcrumbsPropGetItemSubMenu<ITEM> = (\n item: ITEM,\n) => ITEM[] | undefined;\nexport type BreadcrumbsPropGetItemOnClick<ITEM> = (\n item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type BreadcrumbsPropOnItemClick<ITEM> = (\n item: ITEM,\n props: {\n e: React.MouseEvent;\n },\n) => void;\n\nexport type BreadcrumbsDefaultItem = {\n label: string;\n icon?: IconComponent;\n href?: string;\n onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n subMenu?: BreadcrumbsDefaultItem[];\n};\n\nexport type DefaultItem = BreadcrumbsDefaultItem;\n\nexport type RenderItem<ITEM> = (\n item: ITEM | undefined,\n index: number | string,\n isFirst?: boolean,\n isLast?: boolean,\n ref?: React.Ref<HTMLLIElement>,\n hidden?: boolean,\n) => React.ReactElement | undefined;\n\nexport type BreadcrumbsProps<ITEM = BreadcrumbsDefaultItem> =\n PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[];\n getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n getItemOnClick?: BreadcrumbsPropGetItemOnClick<ITEM>;\n getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n size?: BreadcrumbPropSize;\n onlyIconRoot?: boolean;\n fitMode?: BreadcrumbPropFitMode;\n lastItemIsLink?: boolean;\n },\n HTMLUListElement\n > &\n (ITEM extends { label: BreadcrumbsDefaultItem['label'] }\n ? {}\n : { getItemLabel: BreadcrumbsPropGetItemLabel<ITEM> });\n\nexport type BreadcrumbsComponent = <ITEM>(\n props: BreadcrumbsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsMoreProps<ITEM> = PropsWithHTMLAttributesAndRef<\n {\n size: BreadcrumbPropSize;\n items: ITEM[];\n getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n },\n HTMLLIElement\n>;\n\nexport type BreadcrumbsMoreComponent = <ITEM>(\n props: BreadcrumbsMoreProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsItemProps<ITEM> = PropsWithHTMLAttributesAndRef<\n {\n size: 'm' | 'xs' | 's' | 'l';\n item?: ITEM;\n getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n active?: boolean;\n onlyIcon?: boolean;\n delimiter?: boolean;\n onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n },\n HTMLLIElement\n>;\n\nexport type BreadcrumbsItemComponent = <ITEM>(\n props: BreadcrumbsItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsFitModeDropdownProps<ITEM> =\n PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[];\n getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n renderItem: RenderItem<ITEM>;\n size: BreadcrumbPropSize;\n },\n HTMLUListElement\n >;\n\nexport type BreadcrumbsFitModeDropdownComponent = <ITEM>(\n props: BreadcrumbsFitModeDropdownProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsFitModeScrollProps<ITEM> = PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[];\n renderItem: RenderItem<ITEM>;\n },\n HTMLUListElement\n>;\n\nexport type BreadcrumbsFitModeScrollComponent = <ITEM>(\n props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsShortListComponent = <ITEM>(\n props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAIA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAEP,MAAO,IAAME,sBAAqB,CAAG,CAAC,UAAD,CAAa,QAAb,CAA9B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,qBAAqB,CAAC,CAAD,CAA1D"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var spaceMap={l:"xs",m:"xs",s:"
|
|
1
|
+
export var spaceMap={l:"xs",m:"xs",s:"2xs",xs:"2xs"};export var directionMap={top:"column",left:"row"};
|
|
2
2
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","names":["spaceMap","l","m","s","xs","directionMap","top","left"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/helpers.ts"],"sourcesContent":["import { MixFlexPropDirection } from '##/mixs/MixFlex';\nimport { Space } from '##/mixs/MixSpace';\n\nimport { FieldPropSize } from '../types';\nimport { FieldWrapperProps } from './types';\n\nexport const spaceMap: Record<FieldPropSize, Space> = {\n l: 'xs',\n m: 'xs',\n s: '
|
|
1
|
+
{"version":3,"file":"helpers.js","names":["spaceMap","l","m","s","xs","directionMap","top","left"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/helpers.ts"],"sourcesContent":["import { MixFlexPropDirection } from '##/mixs/MixFlex';\nimport { Space } from '##/mixs/MixSpace';\n\nimport { FieldPropSize } from '../types';\nimport { FieldWrapperProps } from './types';\n\nexport const spaceMap: Record<FieldPropSize, Space> = {\n l: 'xs',\n m: 'xs',\n s: '2xs',\n xs: '2xs',\n};\n\nexport const directionMap: Record<\n Exclude<FieldWrapperProps['labelPosition'], undefined>,\n MixFlexPropDirection\n> = {\n top: 'column',\n left: 'row',\n};\n"],"mappings":"AAMA,MAAO,IAAMA,SAAsC,CAAG,CACpDC,CAAC,CAAE,IADiD,CAEpDC,CAAC,CAAE,IAFiD,CAGpDC,CAAC,CAAE,KAHiD,CAIpDC,EAAE,CAAE,KAJgD,CAA/C,CAOP,MAAO,IAAMC,aAGZ,CAAG,CACFC,GAAG,CAAE,QADH,CAEFC,IAAI,CAAE,KAFJ,CAHG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","value","onChange","getItemKey","getItemLabel","getItemIcon","direction","possibleDirections","style","view"];import{IconCheck}from"@consta/icons/IconCheck";import React,{forwardRef,useRef}from"react";import{Button}from"../Button";import{ContextMenu}from"../ContextMenu";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{useChoiceGroup}from"../../hooks/useChoiceGroup";import{useFlag}from"../../hooks/useFlag";import{useForkRef}from"../../hooks/useForkRef";import{contextMenuSizeMap,iconSizeMap,withDefaultGetters}from"./helpers";import{themeTogglerPropSizeDefault}from"./types";export var COMPONENT_NAME="ThemeToggler";var ThemeTogglerRender=function(a,b){var c=useRef(null),
|
|
1
|
+
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","value","onChange","getItemKey","getItemLabel","getItemIcon","direction","possibleDirections","style","view"];import{AnimateIconBaseProvider}from"@consta/icons/AnimateIconBaseProvider";import{IconCheck}from"@consta/icons/IconCheck";import{withAnimateBaseHOC}from"@consta/icons/withAnimateBaseHOC";import React,{forwardRef,useMemo,useRef}from"react";import{Button}from"../Button";import{ContextMenu}from"../ContextMenu";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{useChoiceGroup}from"../../hooks/useChoiceGroup";import{useFlag}from"../../hooks/useFlag";import{useForkRef}from"../../hooks/useForkRef";import{contextMenuSizeMap,iconSizeMap,withDefaultGetters}from"./helpers";import{themeTogglerPropSizeDefault}from"./types";export var COMPONENT_NAME="ThemeToggler";var ThemeTogglerRender=function(a,b){var c,d=useRef(null),e=useForkRef([d,b]),f=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),e),g=f.size,h=void 0===g?themeTogglerPropSizeDefault:g,i=f.items,j=f.value,k=f.onChange,l=f.getItemKey,m=f.getItemLabel,n=f.getItemIcon,o=f.direction,p=f.possibleDirections,q=f.style,r=f.view,s=void 0===r?"clear":r,t=_objectWithoutProperties(f,_excluded),u=useFlag(),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useChoiceGroup({value:j,getKey:l||m,callBack:k,multiple:!1}),z=y.getOnChange,A=y.getChecked,B=iconSizeMap[h],C=contextMenuSizeMap[h],D=useMemo(function(){return withAnimateBaseHOC({icons:i.map(n),transition:260})},[i]);return 1>=i.length?null:React.createElement(React.Fragment,null,React.createElement(AnimateIconBaseProvider,{activeIndex:null!==(c=i.findIndex(function(a){return A(a)}))&&void 0!==c?c:i[0]},React.createElement(Button,Object.assign({},t,{ref:e,iconLeft:D,onClick:function onButtonClick(a){2<i.length?x.toggle():z(i[A(i[0])?1:0])(a)},onlyIcon:!0,type:"button",size:h,view:s,style:q}))),2<i.length&&React.createElement(ContextMenu,{isOpen:w,offset:"s",items:i,getItemLabel:m,getItemKey:l||m,anchorRef:d,direction:o,possibleDirections:p,getItemLeftSide:function renderIcons(a){var b=n(a);if(b)return React.createElement(b,{size:B})},getItemRightSide:function renderChecks(a){if(A(a))return React.createElement(IconCheck,{size:B})},onClickOutside:x.off,onItemClick:function onItemClick(a,b){var c=b.e;return z(a)(c)},size:C,style:"number"==typeof(null===q||void 0===q?void 0:q.zIndex)?{zIndex:q.zIndex+1}:void 0}))};export var ThemeToggler=forwardRef(ThemeTogglerRender);export*from"./types";
|
|
2
2
|
//# sourceMappingURL=ThemeToggler.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeToggler.js","names":["IconCheck","React","forwardRef","useRef","Button","ContextMenu","usePropsHandler","useChoiceGroup","useFlag","useForkRef","contextMenuSizeMap","iconSizeMap","withDefaultGetters","themeTogglerPropSizeDefault","COMPONENT_NAME","ThemeTogglerRender","props","ref","anchorRef","buttonRef","size","items","value","onChange","getItemKey","getItemLabel","getItemIcon","direction","possibleDirections","style","view","otherProps","isOpen","setIsOpen","getKey","callBack","multiple","getOnChange","getChecked","iconSize","contextMenuSize","
|
|
1
|
+
{"version":3,"file":"ThemeToggler.js","names":["AnimateIconBaseProvider","IconCheck","withAnimateBaseHOC","React","forwardRef","useMemo","useRef","Button","ContextMenu","usePropsHandler","useChoiceGroup","useFlag","useForkRef","contextMenuSizeMap","iconSizeMap","withDefaultGetters","themeTogglerPropSizeDefault","COMPONENT_NAME","ThemeTogglerRender","props","ref","anchorRef","buttonRef","size","items","value","onChange","getItemKey","getItemLabel","getItemIcon","direction","possibleDirections","style","view","otherProps","isOpen","setIsOpen","getKey","callBack","multiple","getOnChange","getChecked","iconSize","contextMenuSize","Icon","icons","map","transition","length","findIndex","theme","onButtonClick","e","toggle","renderIcons","item","renderChecks","off","zIndex","ThemeToggler"],"sources":["../../../../../src/components/ThemeToggler/ThemeToggler.tsx"],"sourcesContent":["import { AnimateIconBaseProvider } from '@consta/icons/AnimateIconBaseProvider';\nimport { IconCheck } from '@consta/icons/IconCheck';\nimport { withAnimateBaseHOC } from '@consta/icons/withAnimateBaseHOC';\nimport React, { forwardRef, useMemo, useRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { ContextMenu } from '##/components/ContextMenu';\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { useChoiceGroup } from '##/hooks/useChoiceGroup';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { contextMenuSizeMap, iconSizeMap, withDefaultGetters } from './helpers';\nimport {\n ThemeTogglerComponent,\n ThemeTogglerProps,\n themeTogglerPropSizeDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'ThemeToggler' as const;\n\nconst ThemeTogglerRender = (\n props: ThemeTogglerProps,\n ref: React.Ref<HTMLButtonElement>,\n) => {\n const anchorRef = useRef<HTMLButtonElement>(null);\n const buttonRef = useForkRef([anchorRef, ref]);\n\n const {\n size = themeTogglerPropSizeDefault,\n items,\n value,\n onChange,\n getItemKey,\n getItemLabel,\n getItemIcon,\n direction,\n possibleDirections,\n style,\n view = 'clear',\n ...otherProps\n } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), buttonRef);\n\n const [isOpen, setIsOpen] = useFlag();\n\n const { getOnChange, getChecked } = useChoiceGroup({\n value,\n getKey: getItemKey || getItemLabel,\n callBack: onChange,\n multiple: false,\n });\n\n type Item = typeof items[number];\n\n const iconSize = iconSizeMap[size];\n const contextMenuSize = contextMenuSizeMap[size];\n\n const Icon = useMemo(\n () =>\n withAnimateBaseHOC({ icons: items.map(getItemIcon), transition: 260 }),\n [items],\n );\n\n const onButtonClick = (e: React.MouseEvent<Element, MouseEvent>) => {\n if (items.length > 2) {\n setIsOpen.toggle();\n } else {\n getOnChange(items[getChecked(items[0]) ? 1 : 0])(e);\n }\n };\n\n const renderIcons = (item: Item) => {\n const Icon = getItemIcon(item);\n\n if (Icon) {\n return <Icon size={iconSize} />;\n }\n };\n\n const renderChecks = (item: Item) => {\n if (getChecked(item)) {\n return <IconCheck size={iconSize} />;\n }\n };\n\n if (items.length <= 1) {\n return null;\n }\n\n return (\n <>\n <AnimateIconBaseProvider\n activeIndex={items.findIndex((theme) => getChecked(theme)) ?? items[0]}\n >\n <Button\n {...otherProps}\n ref={buttonRef}\n iconLeft={Icon}\n onClick={onButtonClick}\n onlyIcon\n type=\"button\"\n size={size}\n view={view}\n style={style}\n />\n </AnimateIconBaseProvider>\n {items.length > 2 && (\n <ContextMenu\n isOpen={isOpen}\n offset=\"s\"\n items={items}\n getItemLabel={getItemLabel}\n getItemKey={getItemKey || getItemLabel}\n anchorRef={anchorRef}\n direction={direction}\n possibleDirections={possibleDirections}\n getItemLeftSide={renderIcons}\n getItemRightSide={renderChecks}\n onClickOutside={setIsOpen.off}\n onItemClick={(item, { e }) => getOnChange(item)(e)}\n size={contextMenuSize}\n style={\n typeof style?.zIndex === 'number'\n ? { zIndex: style.zIndex + 1 }\n : undefined\n }\n />\n )}\n </>\n );\n};\n\nexport const ThemeToggler = forwardRef(\n ThemeTogglerRender,\n) as ThemeTogglerComponent;\n\nexport * from './types';\n"],"mappings":"kSAAA,OAASA,uBAAT,KAAwC,uCAAxC,CACA,OAASC,SAAT,KAA0B,yBAA1B,CACA,OAASC,kBAAT,KAAmC,kCAAnC,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,OAA5B,CAAqCC,MAArC,KAAmD,OAAnD,CAEA,OAASC,MAAT,iBACA,OAASC,WAAT,sBACA,OAASC,eAAT,2CACA,OAASC,cAAT,kCACA,OAASC,OAAT,2BACA,OAASC,UAAT,8BAEA,OAASC,kBAAT,CAA6BC,WAA7B,CAA0CC,kBAA1C,iBACA,OAGEC,2BAHF,eAMA,MAAO,IAAMC,eAAc,CAAG,cAAvB,CAEP,GAAMC,mBAAkB,CAAG,SACzBC,CADyB,CAEzBC,CAFyB,CAGtB,OACGC,CAAS,CAAGf,MAAM,CAAoB,IAApB,CADrB,CAEGgB,CAAS,CAAGV,UAAU,CAAC,CAACS,CAAD,CAAYD,CAAZ,CAAD,CAFzB,GAiBCX,eAAe,CAACQ,cAAD,CAAiBF,kBAAkB,CAACI,CAAD,CAAnC,CAA4CG,CAA5C,CAjBhB,KAKDC,IALC,CAKDA,CALC,YAKMP,2BALN,GAMDQ,CANC,GAMDA,KANC,CAODC,CAPC,GAODA,KAPC,CAQDC,CARC,GAQDA,QARC,CASDC,CATC,GASDA,UATC,CAUDC,CAVC,GAUDA,YAVC,CAWDC,CAXC,GAWDA,WAXC,CAYDC,CAZC,GAYDA,SAZC,CAaDC,CAbC,GAaDA,kBAbC,CAcDC,CAdC,GAcDA,KAdC,KAeDC,IAfC,CAeDA,CAfC,YAeM,OAfN,GAgBEC,CAhBF,yCAmByBvB,OAAO,EAnBhC,uBAmBIwB,CAnBJ,MAmBYC,CAnBZ,QAqBiC1B,cAAc,CAAC,CACjDe,KAAK,CAALA,CADiD,CAEjDY,MAAM,CAAEV,CAAU,EAAIC,CAF2B,CAGjDU,QAAQ,CAAEZ,CAHuC,CAIjDa,QAAQ,GAJyC,CAAD,CArB/C,CAqBKC,CArBL,GAqBKA,WArBL,CAqBkBC,CArBlB,GAqBkBA,UArBlB,CA8BGC,CAAQ,CAAG5B,WAAW,CAACS,CAAD,CA9BzB,CA+BGoB,CAAe,CAAG9B,kBAAkB,CAACU,CAAD,CA/BvC,CAiCGqB,CAAI,CAAGvC,OAAO,CAClB,iBACEH,mBAAkB,CAAC,CAAE2C,KAAK,CAAErB,CAAK,CAACsB,GAAN,CAAUjB,CAAV,CAAT,CAAiCkB,UAAU,CAAE,GAA7C,CAAD,CADpB,CADkB,CAGlB,CAACvB,CAAD,CAHkB,CAjCjB,OA6DiB,EAAhB,EAAAA,CAAK,CAACwB,MA7DP,CA8DM,IA9DN,CAkED,wCACE,oBAAC,uBAAD,EACE,WAAW,WAAExB,CAAK,CAACyB,SAAN,CAAgB,SAACC,CAAD,QAAWT,EAAU,CAACS,CAAD,CAArB,CAAhB,CAAF,gBAAmD1B,CAAK,CAAC,CAAD,CADrE,EAGE,oBAAC,MAAD,kBACMU,CADN,EAEE,GAAG,CAAEZ,CAFP,CAGE,QAAQ,CAAEsB,CAHZ,CAIE,OAAO,CAnCO,QAAhBO,cAAgB,CAACC,CAAD,CAA8C,CAC/C,CAAf,CAAA5B,CAAK,CAACwB,MADwD,CAEhEZ,CAAS,CAACiB,MAAV,EAFgE,CAIhEb,CAAW,CAAChB,CAAK,CAACiB,CAAU,CAACjB,CAAK,CAAC,CAAD,CAAN,CAAV,CAAuB,CAAvB,CAA2B,CAA5B,CAAN,CAAX,CAAiD4B,CAAjD,CAEH,CAyBK,CAKE,QAAQ,GALV,CAME,IAAI,CAAC,QANP,CAOE,IAAI,CAAE7B,CAPR,CAQE,IAAI,CAAEU,CARR,CASE,KAAK,CAAED,CATT,GAHF,CADF,CAgBkB,CAAf,CAAAR,CAAK,CAACwB,MAAN,EACC,oBAAC,WAAD,EACE,MAAM,CAAEb,CADV,CAEE,MAAM,CAAC,GAFT,CAGE,KAAK,CAAEX,CAHT,CAIE,YAAY,CAAEI,CAJhB,CAKE,UAAU,CAAED,CAAU,EAAIC,CAL5B,CAME,SAAS,CAAEP,CANb,CAOE,SAAS,CAAES,CAPb,CAQE,kBAAkB,CAAEC,CARtB,CASE,eAAe,CA7CH,QAAduB,YAAc,CAACC,CAAD,CAAgB,CAClC,GAAMX,EAAI,CAAGf,CAAW,CAAC0B,CAAD,CAAxB,CAEA,GAAIX,CAAJ,CACE,MAAO,qBAAC,CAAD,EAAM,IAAI,CAAEF,CAAZ,EAEV,CA8BK,CAUE,gBAAgB,CAtCH,QAAfc,aAAe,CAACD,CAAD,CAAgB,CACnC,GAAId,CAAU,CAACc,CAAD,CAAd,CACE,MAAO,qBAAC,SAAD,EAAW,IAAI,CAAEb,CAAjB,EAEV,CAwBK,CAWE,cAAc,CAAEN,CAAS,CAACqB,GAX5B,CAYE,WAAW,CAAE,qBAACF,CAAD,OAASH,EAAT,GAASA,CAAT,OAAiBZ,EAAW,CAACe,CAAD,CAAX,CAAkBH,CAAlB,CAAjB,CAZf,CAaE,IAAI,CAAET,CAbR,CAcE,KAAK,CACsB,QAAzB,gBAAOX,CAAP,WAAOA,CAAP,QAAOA,CAAK,CAAE0B,MAAd,EACI,CAAEA,MAAM,CAAE1B,CAAK,CAAC0B,MAAN,CAAe,CAAzB,CADJ,OAfJ,EAjBJ,CAwCH,CA7GD,CA+GA,MAAO,IAAMC,aAAY,CAAGvD,UAAU,CACpCc,kBADoC,CAA/B,CAIP"}
|
|
@@ -1 +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)}
|
|
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)}.UserSelectValue:not(.UserSelectValue_multiple) .User-Name{max-width:100%}
|