@consta/uikit 4.29.0 → 4.30.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/BookmarkTabsCanary/BookmarkTabsTab/BookmarkTabsTab.js +1 -1
- package/__internal__/src/components/BookmarkTabsCanary/BookmarkTabsTab/BookmarkTabsTab.js.map +1 -1
- package/__internal__/src/components/BookmarkTabsCanary/types.d.ts +2 -2
- package/__internal__/src/components/BookmarkTabsCanary/types.js.map +1 -1
- package/__internal__/src/components/ListCanary/ListItemGrid/ListItemGrid.d.ts +1 -1
- package/__internal__/src/components/ListCanary/ListItemGrid/ListItemGrid.js +1 -1
- package/__internal__/src/components/ListCanary/ListItemGrid/ListItemGrid.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","leftIcon","rightIcon","as","onClick","size","form","active","fixed","tabRef","controlRef","onClose","view","className","bordered","tabWidth","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./BookmarkTabsTab.css";import{IconClose}from"@consta/icons/IconClose";import React,{forwardRef}from"react";import{Button}from"../../Button";import{Text}from"../../Text";import{useForkRef}from"../../../hooks/useForkRef";import{cnMixSpace}from"../../../mixs/MixSpace";import{cnCanary as cn}from"../../../utils/bem";export var cnBookmarkTabsTab=cn("BookmarkTabsTab");var BookmarkTabsTabRender=function(a,b){var c=a.label,d=a.leftIcon,e=a.rightIcon,f=a.as,g=void 0===f?"
|
|
1
|
+
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","leftIcon","rightIcon","as","onClick","size","form","active","fixed","tabRef","controlRef","onClose","onKeyDown","view","className","bordered","tabWidth","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./BookmarkTabsTab.css";import{IconClose}from"@consta/icons/IconClose";import React,{forwardRef,useRef}from"react";import{Button}from"../../Button";import{Text}from"../../Text";import{useForkRef}from"../../../hooks/useForkRef";import{cnMixSpace}from"../../../mixs/MixSpace";import{cnCanary as cn}from"../../../utils/bem";export var cnBookmarkTabsTab=cn("BookmarkTabsTab");var BookmarkTabsTabRender=function(a,b){var c=a.label,d=a.leftIcon,e=a.rightIcon,f=a.as,g=void 0===f?"div":f,h=a.onClick,i=a.size,j=a.form,k=a.active,l=a.fixed,m=a.tabRef,n=a.controlRef,o=a.onClose,p=a.onKeyDown,q=a.view,r=a.className,s=a.bordered,t=a.tabWidth,u=void 0===t?"100%":t,v=a.style,w=_objectWithoutProperties(a,_excluded),x=useRef(null),y=useRef(null);return React.createElement(g,Object.assign({className:cnBookmarkTabsTab({size:i,form:j,view:q,active:k,fixed:l,bordered:s,withCloseButton:!!o,withLeftIcon:!!d,withRightIcon:!!e},[r]),role:"button",onClick:h,onKeyDown:function onKeyDown(a){var b=a.code;if(null===p||void 0===p?void 0:p(a),o&&"Enter"===b){var c;a.stopPropagation(),a.preventDefault(),null===(c=x.current)||void 0===c?void 0:c.focus()}},ref:useForkRef([b,m,n,y]),style:_objectSpread(_defineProperty({},"--bookmarks-tab-width",u),v)},w),d&&React.createElement(d,{className:cnBookmarkTabsTab("Icon",{side:"left"},[l?void 0:cnMixSpace({mR:"s"===i?"2xs":"xs"})]),size:i}),!l&&React.createElement(React.Fragment,null,React.createElement(Text,{align:"left",className:cnBookmarkTabsTab("Label"),size:i},c),e&&React.createElement(e,{className:cnBookmarkTabsTab("Icon",{side:"right"},[cnMixSpace({mL:"xs"})]),size:"xs",view:"secondary"}),o&&React.createElement(Button,{size:"xs",onlyIcon:!0,ref:x,view:"clear",onKeyDown:function onCloseKeydown(a){var b=a.code;if(a.stopPropagation(),a.preventDefault(),"Tab"===b||"Escape"===b){var c;null===y||void 0===y||null===(c=y.current)||void 0===c?void 0:c.focus()}("Enter"===b||"Space"===b)&&(null===o||void 0===o?void 0:o(a))},tabIndex:-1,className:cnBookmarkTabsTab("Button",[cnMixSpace({mL:"xs"})]),onClick:o,iconLeft:IconClose})))};export var BookmarkTabsTab=forwardRef(BookmarkTabsTabRender);
|
|
2
2
|
//# sourceMappingURL=BookmarkTabsTab.js.map
|
package/__internal__/src/components/BookmarkTabsCanary/BookmarkTabsTab/BookmarkTabsTab.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BookmarkTabsTab.js","names":["IconClose","React","forwardRef","Button","Text","useForkRef","cnMixSpace","cnCanary","cn","cnBookmarkTabsTab","BookmarkTabsTabRender","props","ref","label","LeftIcon","leftIcon","RightIcon","rightIcon","as","Tag","onClick","size","form","active","fixed","tabRef","controlRef","onClose","view","className","bordered","tabWidth","style","otherProps","withCloseButton","withLeftIcon","withRightIcon","side","mR","mL","BookmarkTabsTab"],"sources":["../../../../../../src/components/BookmarkTabsCanary/BookmarkTabsTab/BookmarkTabsTab.tsx"],"sourcesContent":["import './BookmarkTabsTab.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport React, { forwardRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { Text } from '##/components/Text';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary as cn } from '##/utils/bem';\n\nimport { BookmarkTabsTabComponent, BookmarkTabsTabProps } from '../types';\n\nexport const cnBookmarkTabsTab = cn('BookmarkTabsTab');\n\nconst BookmarkTabsTabRender = (\n props: BookmarkTabsTabProps,\n ref: React.Ref<
|
|
1
|
+
{"version":3,"file":"BookmarkTabsTab.js","names":["IconClose","React","forwardRef","useRef","Button","Text","useForkRef","cnMixSpace","cnCanary","cn","cnBookmarkTabsTab","BookmarkTabsTabRender","props","ref","label","LeftIcon","leftIcon","RightIcon","rightIcon","as","Tag","onClick","size","form","active","fixed","tabRef","controlRef","onClose","onKeyDownProp","onKeyDown","view","className","bordered","tabWidth","style","otherProps","closeButtonRef","tagRef","withCloseButton","withLeftIcon","withRightIcon","e","code","stopPropagation","preventDefault","current","focus","side","mR","mL","onCloseKeydown","BookmarkTabsTab"],"sources":["../../../../../../src/components/BookmarkTabsCanary/BookmarkTabsTab/BookmarkTabsTab.tsx"],"sourcesContent":["import './BookmarkTabsTab.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { Text } from '##/components/Text';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary as cn } from '##/utils/bem';\n\nimport { BookmarkTabsTabComponent, BookmarkTabsTabProps } from '../types';\n\nexport const cnBookmarkTabsTab = cn('BookmarkTabsTab');\n\nconst BookmarkTabsTabRender = (\n props: BookmarkTabsTabProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n label,\n leftIcon: LeftIcon,\n rightIcon: RightIcon,\n as: Tag = 'div',\n onClick,\n size,\n form,\n active,\n fixed,\n tabRef,\n controlRef,\n onClose,\n onKeyDown: onKeyDownProp,\n view,\n className,\n bordered,\n tabWidth = '100%',\n style,\n ...otherProps\n } = props;\n\n const closeButtonRef = useRef<HTMLButtonElement>(null);\n const tagRef = useRef<HTMLDivElement>(null);\n\n const onCloseKeydown: React.KeyboardEventHandler = (e) => {\n const { code } = e;\n e.stopPropagation();\n e.preventDefault();\n if (code === 'Tab' || code === 'Escape') {\n tagRef?.current?.focus();\n }\n if (code === 'Enter' || code === 'Space') {\n onClose?.(e);\n }\n };\n\n const onKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (e) => {\n const { code } = e;\n onKeyDownProp?.(e);\n if (onClose && code === 'Enter') {\n e.stopPropagation();\n e.preventDefault();\n closeButtonRef.current?.focus();\n }\n };\n\n return (\n <Tag\n className={cnBookmarkTabsTab(\n {\n size,\n form,\n view,\n active,\n fixed,\n bordered,\n withCloseButton: !!onClose,\n withLeftIcon: !!LeftIcon,\n withRightIcon: !!RightIcon,\n },\n [className],\n )}\n role=\"button\"\n onClick={onClick}\n onKeyDown={onKeyDown}\n ref={useForkRef([ref, tabRef, controlRef, tagRef])}\n style={{\n ['--bookmarks-tab-width' as string]: tabWidth,\n ...style,\n }}\n {...otherProps}\n >\n {LeftIcon && (\n <LeftIcon\n className={cnBookmarkTabsTab('Icon', { side: 'left' }, [\n fixed ? undefined : cnMixSpace({ mR: size === 's' ? '2xs' : 'xs' }),\n ])}\n size={size}\n />\n )}\n {!fixed && (\n <>\n <Text align=\"left\" className={cnBookmarkTabsTab('Label')} size={size}>\n {label}\n </Text>\n {RightIcon && (\n <RightIcon\n className={cnBookmarkTabsTab('Icon', { side: 'right' }, [\n cnMixSpace({ mL: 'xs' }),\n ])}\n size=\"xs\"\n view=\"secondary\"\n />\n )}\n {onClose && (\n <Button\n size=\"xs\"\n onlyIcon\n ref={closeButtonRef}\n view=\"clear\"\n onKeyDown={onCloseKeydown}\n tabIndex={-1}\n className={cnBookmarkTabsTab('Button', [\n cnMixSpace({ mL: 'xs' }),\n ])}\n onClick={onClose}\n iconLeft={IconClose}\n />\n )}\n </>\n )}\n </Tag>\n );\n};\n\nexport const BookmarkTabsTab = forwardRef(\n BookmarkTabsTabRender,\n) as BookmarkTabsTabComponent;\n"],"mappings":"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"}
|
|
@@ -76,7 +76,7 @@ export declare type BookmarkTabsProps<ITEM = BookmarkTabsItemDefault> = PropsWit
|
|
|
76
76
|
getItemKey: BookmarkTabsPropGetItemKey<ITEM>;
|
|
77
77
|
});
|
|
78
78
|
export declare type BookmarkTabsComponent = <ITEM>(props: BookmarkTabsProps<ITEM>) => React.ReactElement | null;
|
|
79
|
-
export declare type BookmarkTabsTabProps<AS extends AsTags = '
|
|
79
|
+
export declare type BookmarkTabsTabProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<{
|
|
80
80
|
size: BookmarkTabsPropSize;
|
|
81
81
|
form: BookmarkTabsPropForm;
|
|
82
82
|
view: BookmarkTabsPropView;
|
|
@@ -88,4 +88,4 @@ export declare type BookmarkTabsTabProps<AS extends AsTags = 'button'> = PropsWi
|
|
|
88
88
|
fixed?: boolean;
|
|
89
89
|
onClose?: React.ReactEventHandler;
|
|
90
90
|
}, AS> & Omit<BookmarkTabsItemDefault, 'key' | 'attributes' | 'ref'>;
|
|
91
|
-
export declare type BookmarkTabsTabComponent = <AS extends AsTags = '
|
|
91
|
+
export declare type BookmarkTabsTabComponent = <AS extends AsTags = 'div'>(props: BookmarkTabsTabProps<AS>) => React.ReactElement | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":["bookmarkTabsPropSize","bookmarkTabsPropSizeDefault","bookmarkTabsPropForm","bookmarkTabsPropFormDefault","bookmarkTabsPropView","bookmarkTabsPropViewDefault"],"sources":["../../../../../src/components/BookmarkTabsCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const bookmarkTabsPropSize = ['m', 's'] as const;\nexport type BookmarkTabsPropSize = typeof bookmarkTabsPropSize[number];\nexport const bookmarkTabsPropSizeDefault: BookmarkTabsPropSize =\n bookmarkTabsPropSize[0];\n\nexport const bookmarkTabsPropForm = ['brick', 'round'] as const;\nexport type BookmarkTabsPropForm = typeof bookmarkTabsPropForm[number];\nexport const bookmarkTabsPropFormDefault: BookmarkTabsPropForm =\n bookmarkTabsPropForm[0];\n\nexport const bookmarkTabsPropView = ['ghost', 'clear'] as const;\nexport type BookmarkTabsPropView = typeof bookmarkTabsPropView[number];\nexport const bookmarkTabsPropViewDefault: BookmarkTabsPropView =\n bookmarkTabsPropView[0];\n\nexport type BookmarkTabsItemDefault = {\n key: string | number;\n label?: string | number;\n leftIcon?: IconComponent;\n rightIcon?: IconComponent;\n fixed?: boolean;\n as?: AsTags;\n ref?: React.RefObject<HTMLElement>;\n attributes?: AsAttributes;\n};\n\nexport type BookmarkTabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type BookmarkTabsPropGetItemLabel<ITEM> = (\n item: ITEM,\n) => string | number | undefined;\nexport type BookmarkTabsPropGetItemLeftIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemRightIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemFixed<ITEM> = (\n item: ITEM,\n) => boolean | undefined;\nexport type BookmarkTabsPropGetItemAs<ITEM> = (\n item: ITEM,\n) => AsTags | undefined;\nexport type BookmarkTabsPropGetItemRef<ITEM> = (\n item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\nexport type BookmarkTabsPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) => AsAttributes | undefined;\n\nexport type BookmarkTabsPropOnChange<ITEM> = (\n value: ITEM,\n params: {\n e: React.MouseEvent;\n id?: string;\n },\n) => void;\n\nexport type BookmarkTabsRenderItemProps<ITEM> = {\n item: ITEM;\n onClick: React.MouseEventHandler;\n active?: boolean;\n onClose?: React.MouseEventHandler;\n size: BookmarkTabsPropSize;\n form: BookmarkTabsPropForm;\n view: BookmarkTabsPropView;\n bordered?: boolean;\n tabWidth?: string;\n tabRef?: React.RefObject<HTMLElement>;\n controlRef?: React.RefObject<HTMLElement>;\n} & Omit<BookmarkTabsItemDefault, 'key' | 'ref'>;\n\nexport type BookmarkTabsPropRenderItem<ITEM> = (\n props: BookmarkTabsRenderItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BookmarkTabsProps<ITEM = BookmarkTabsItemDefault> =\n PropsWithHTMLAttributesAndRef<\n {\n size?: BookmarkTabsPropSize;\n form?: BookmarkTabsPropForm;\n view?: BookmarkTabsPropView;\n items: ITEM[];\n value?: ITEM | null;\n getItemKey?: BookmarkTabsPropGetItemKey<ITEM>;\n getItemLabel?: BookmarkTabsPropGetItemLabel<ITEM>;\n getItemLeftIcon?: BookmarkTabsPropGetItemLeftIcon<ITEM>;\n getItemRightIcon?: BookmarkTabsPropGetItemRightIcon<ITEM>;\n getItemFixed?: BookmarkTabsPropGetItemFixed<ITEM>;\n getItemAs?: BookmarkTabsPropGetItemAs<ITEM>;\n getItemRef?: BookmarkTabsPropGetItemRef<ITEM>;\n getItemAttributes?: BookmarkTabsPropGetItemAttributes<ITEM>;\n children?: never;\n withNavigationButtons?: boolean;\n onCreate?: React.MouseEventHandler;\n onRemove?: (item: ITEM, params: { e: React.MouseEvent }) => void;\n onChange?: BookmarkTabsPropOnChange<ITEM>;\n renderItem?: BookmarkTabsPropRenderItem<ITEM>;\n },\n HTMLDivElement\n > &\n (ITEM extends { key: string | number }\n ? {}\n : {\n getItemKey: BookmarkTabsPropGetItemKey<ITEM>;\n });\n\nexport type BookmarkTabsComponent = <ITEM>(\n props: BookmarkTabsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BookmarkTabsTabProps<AS extends AsTags = '
|
|
1
|
+
{"version":3,"file":"types.js","names":["bookmarkTabsPropSize","bookmarkTabsPropSizeDefault","bookmarkTabsPropForm","bookmarkTabsPropFormDefault","bookmarkTabsPropView","bookmarkTabsPropViewDefault"],"sources":["../../../../../src/components/BookmarkTabsCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const bookmarkTabsPropSize = ['m', 's'] as const;\nexport type BookmarkTabsPropSize = typeof bookmarkTabsPropSize[number];\nexport const bookmarkTabsPropSizeDefault: BookmarkTabsPropSize =\n bookmarkTabsPropSize[0];\n\nexport const bookmarkTabsPropForm = ['brick', 'round'] as const;\nexport type BookmarkTabsPropForm = typeof bookmarkTabsPropForm[number];\nexport const bookmarkTabsPropFormDefault: BookmarkTabsPropForm =\n bookmarkTabsPropForm[0];\n\nexport const bookmarkTabsPropView = ['ghost', 'clear'] as const;\nexport type BookmarkTabsPropView = typeof bookmarkTabsPropView[number];\nexport const bookmarkTabsPropViewDefault: BookmarkTabsPropView =\n bookmarkTabsPropView[0];\n\nexport type BookmarkTabsItemDefault = {\n key: string | number;\n label?: string | number;\n leftIcon?: IconComponent;\n rightIcon?: IconComponent;\n fixed?: boolean;\n as?: AsTags;\n ref?: React.RefObject<HTMLElement>;\n attributes?: AsAttributes;\n};\n\nexport type BookmarkTabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type BookmarkTabsPropGetItemLabel<ITEM> = (\n item: ITEM,\n) => string | number | undefined;\nexport type BookmarkTabsPropGetItemLeftIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemRightIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemFixed<ITEM> = (\n item: ITEM,\n) => boolean | undefined;\nexport type BookmarkTabsPropGetItemAs<ITEM> = (\n item: ITEM,\n) => AsTags | undefined;\nexport type BookmarkTabsPropGetItemRef<ITEM> = (\n item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\nexport type BookmarkTabsPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) => AsAttributes | undefined;\n\nexport type BookmarkTabsPropOnChange<ITEM> = (\n value: ITEM,\n params: {\n e: React.MouseEvent;\n id?: string;\n },\n) => void;\n\nexport type BookmarkTabsRenderItemProps<ITEM> = {\n item: ITEM;\n onClick: React.MouseEventHandler;\n active?: boolean;\n onClose?: React.MouseEventHandler;\n size: BookmarkTabsPropSize;\n form: BookmarkTabsPropForm;\n view: BookmarkTabsPropView;\n bordered?: boolean;\n tabWidth?: string;\n tabRef?: React.RefObject<HTMLElement>;\n controlRef?: React.RefObject<HTMLElement>;\n} & Omit<BookmarkTabsItemDefault, 'key' | 'ref'>;\n\nexport type BookmarkTabsPropRenderItem<ITEM> = (\n props: BookmarkTabsRenderItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BookmarkTabsProps<ITEM = BookmarkTabsItemDefault> =\n PropsWithHTMLAttributesAndRef<\n {\n size?: BookmarkTabsPropSize;\n form?: BookmarkTabsPropForm;\n view?: BookmarkTabsPropView;\n items: ITEM[];\n value?: ITEM | null;\n getItemKey?: BookmarkTabsPropGetItemKey<ITEM>;\n getItemLabel?: BookmarkTabsPropGetItemLabel<ITEM>;\n getItemLeftIcon?: BookmarkTabsPropGetItemLeftIcon<ITEM>;\n getItemRightIcon?: BookmarkTabsPropGetItemRightIcon<ITEM>;\n getItemFixed?: BookmarkTabsPropGetItemFixed<ITEM>;\n getItemAs?: BookmarkTabsPropGetItemAs<ITEM>;\n getItemRef?: BookmarkTabsPropGetItemRef<ITEM>;\n getItemAttributes?: BookmarkTabsPropGetItemAttributes<ITEM>;\n children?: never;\n withNavigationButtons?: boolean;\n onCreate?: React.MouseEventHandler;\n onRemove?: (item: ITEM, params: { e: React.MouseEvent }) => void;\n onChange?: BookmarkTabsPropOnChange<ITEM>;\n renderItem?: BookmarkTabsPropRenderItem<ITEM>;\n },\n HTMLDivElement\n > &\n (ITEM extends { key: string | number }\n ? {}\n : {\n getItemKey: BookmarkTabsPropGetItemKey<ITEM>;\n });\n\nexport type BookmarkTabsComponent = <ITEM>(\n props: BookmarkTabsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BookmarkTabsTabProps<AS extends AsTags = 'div'> =\n PropsWithAsAttributes<\n {\n size: BookmarkTabsPropSize;\n form: BookmarkTabsPropForm;\n view: BookmarkTabsPropView;\n active?: boolean;\n tabWidth?: string;\n bordered?: boolean;\n tabRef?: React.RefObject<HTMLElement>;\n controlRef?: React.RefObject<HTMLElement>;\n fixed?: boolean;\n onClose?: React.ReactEventHandler;\n },\n AS\n > &\n Omit<BookmarkTabsItemDefault, 'key' | 'attributes' | 'ref'>;\n\nexport type BookmarkTabsTabComponent = <AS extends AsTags = 'div'>(\n props: BookmarkTabsTabProps<AS>,\n) => React.ReactElement | null;\n"],"mappings":"AAOA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf"}
|
|
@@ -3,4 +3,4 @@ import React from 'react';
|
|
|
3
3
|
import { IconComponent, IconPropSize } from "../../../icons/Icon";
|
|
4
4
|
import { ListPropSize } from '../types';
|
|
5
5
|
export declare const cnListItemGrid: import("@bem-react/classname").ClassNameFormatter;
|
|
6
|
-
export declare const renderSlot: (side: React.ReactNode, position: 'left' | 'right', size: ListPropSize,
|
|
6
|
+
export declare const renderSlot: (side: React.ReactNode, position: 'left' | 'right', size: ListPropSize, Icon?: IconComponent, iconSize?: IconPropSize) => React.ReactNode[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./ListItemGrid.css";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{mapIconSize}from"../maps";export var cnListItemGrid=cn("ListItemGrid");export var renderSlot=function(a,b,c,d,e){var f=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];if(d){var g=React.createElement(d,{size:getByMap(mapIconSize,c,e)});"left"===b&&f.push(g),"right"===b&&f.unshift(g)}return f.map(function(a,c){return React.createElement("div",{className:cnListItemGrid("Slot",{position:b}),key:cnListItemGrid("Slot",{position:b,index:c})},a)})};
|
|
1
|
+
import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./ListItemGrid.css";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{isNotNil}from"../../../utils/type-guards";import{mapIconSize}from"../maps";export var cnListItemGrid=cn("ListItemGrid");export var renderSlot=function(a,b,c,d,e){var f=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];if(d){var g=React.createElement(d,{size:getByMap(mapIconSize,c,e)});"left"===b&&f.push(g),"right"===b&&f.unshift(g)}return f.map(function(a,c){if(isNotNil(a))return React.createElement("div",{className:cnListItemGrid("Slot",{position:b}),key:cnListItemGrid("Slot",{position:b,index:c})},a)})};
|
|
2
2
|
//# sourceMappingURL=ListItemGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemGrid.js","names":["React","cn","getByMap","mapIconSize","cnListItemGrid","renderSlot","side","position","size","
|
|
1
|
+
{"version":3,"file":"ListItemGrid.js","names":["React","cn","getByMap","isNotNil","mapIconSize","cnListItemGrid","renderSlot","side","position","size","Icon","iconSize","sides","Array","isArray","render","push","unshift","map","item","index"],"sources":["../../../../../../src/components/ListCanary/ListItemGrid/ListItemGrid.tsx"],"sourcesContent":["import './ListItemGrid.css';\n\nimport React from 'react';\n\nimport { IconComponent, IconPropSize } from '##/icons/Icon';\nimport { cn } from '##/utils/bem';\nimport { getByMap } from '##/utils/getByMap';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { mapIconSize } from '../maps';\nimport { ListPropSize } from '../types';\n\nexport const cnListItemGrid = cn('ListItemGrid');\n\nexport const renderSlot = (\n side: React.ReactNode,\n position: 'left' | 'right',\n size: ListPropSize,\n Icon?: IconComponent,\n iconSize?: IconPropSize,\n): React.ReactNode[] => {\n const sides: React.ReactNode[] = side\n ? [...(Array.isArray(side) ? side : [side])]\n : [];\n if (Icon) {\n const render = <Icon size={getByMap(mapIconSize, size, iconSize)} />;\n if (position === 'left') {\n sides.push(render);\n }\n if (position === 'right') {\n sides.unshift(render);\n }\n }\n return sides.map((item, index) => {\n if (isNotNil(item)) {\n return (\n <div\n className={cnListItemGrid('Slot', {\n position,\n })}\n key={cnListItemGrid('Slot', {\n position,\n index,\n })}\n >\n {item}\n </div>\n );\n }\n });\n};\n"],"mappings":"yEAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAGA,OAASC,EAAT,0BACA,OAASC,QAAT,+BACA,OAASC,QAAT,kCAEA,OAASC,WAAT,eAGA,MAAO,IAAMC,eAAc,CAAGJ,EAAE,CAAC,cAAD,CAAzB,CAEP,MAAO,IAAMK,WAAU,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGxBC,CAHwB,CAIxBC,CAJwB,CAKxBC,CALwB,CAMF,CACtB,GAAMC,EAAwB,CAAGL,CAAI,oBAC5BM,KAAK,CAACC,OAAN,CAAcP,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CADD,EAEjC,EAFJ,CAGA,GAAIG,CAAJ,CAAU,CACR,GAAMK,EAAM,CAAG,oBAAC,CAAD,EAAM,IAAI,CAAEb,QAAQ,CAACE,WAAD,CAAcK,CAAd,CAAoBE,CAApB,CAApB,EAAf,CACiB,MAAb,GAAAH,CAFI,EAGNI,CAAK,CAACI,IAAN,CAAWD,CAAX,CAHM,CAKS,OAAb,GAAAP,CALI,EAMNI,CAAK,CAACK,OAAN,CAAcF,CAAd,CAEH,CACD,MAAOH,EAAK,CAACM,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,CAAiB,CAChC,GAAIjB,QAAQ,CAACgB,CAAD,CAAZ,CACE,MACE,4BACE,SAAS,CAAEd,cAAc,CAAC,MAAD,CAAS,CAChCG,QAAQ,CAARA,CADgC,CAAT,CAD3B,CAIE,GAAG,CAAEH,cAAc,CAAC,MAAD,CAAS,CAC1BG,QAAQ,CAARA,CAD0B,CAE1BY,KAAK,CAALA,CAF0B,CAAT,CAJrB,EASGD,CATH,CAaL,CAhBM,CAiBR,CApCM"}
|