@consta/uikit 4.2.1 → 4.3.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/README.md +3 -3
- package/__internal__/src/components/AvatarGroup/helpers.d.ts +1 -1
- package/__internal__/src/components/Breadcrumbs/helpers.d.ts +1 -1
- package/__internal__/src/components/CheckboxGroup/helper.d.ts +1 -1
- package/__internal__/src/components/ChoiceGroup/helper.d.ts +3 -3
- package/__internal__/src/components/Collapse/Collapse.d.ts +4 -45
- package/__internal__/src/components/Collapse/Collapse.js +1 -1
- package/__internal__/src/components/Collapse/Collapse.js.map +1 -1
- package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.d.ts +1 -13
- package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.js +1 -1
- package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.js.map +1 -1
- package/__internal__/src/components/Collapse/types.d.ts +53 -0
- package/__internal__/src/components/Collapse/types.js +2 -0
- package/__internal__/src/components/Collapse/types.js.map +1 -0
- package/__internal__/src/components/CollapseGroup/helpers.d.ts +9 -10
- package/__internal__/src/components/CollapseGroup/helpers.js.map +1 -1
- package/__internal__/src/components/Combobox/helpers.d.ts +1 -1
- package/__internal__/src/components/ContextMenu/helpers.d.ts +2 -2
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/DatePickerFieldTypeDate.d.ts +2 -2
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.d.ts +2 -2
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonth/DatePickerFieldTypeMonth.d.ts +2 -2
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeTime/DatePickerFieldTypeTime.d.ts +2 -2
- package/__internal__/src/components/DatePicker/DatePickerFieldTypeYear/DatePickerFieldTypeYear.d.ts +2 -2
- package/__internal__/src/components/DateTime/DateTimeTypeDateTime/DateTimeTypeDateTime.css +1 -1
- package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.css +1 -1
- package/__internal__/src/components/EventInterceptor/propsHandlers/useCheckboxEventsHandler.d.ts +2 -2
- package/__internal__/src/components/EventInterceptor/propsHandlers/useTextFieldEventsHandler.d.ts +2 -2
- package/__internal__/src/components/ProgressLine/helpers.d.ts +1 -1
- package/__internal__/src/components/ProgressStepBar/helpers.d.ts +1 -1
- package/__internal__/src/components/RadioGroup/helper.d.ts +1 -1
- package/__internal__/src/components/Select/helpers.d.ts +1 -1
- package/__internal__/src/components/SnackBar/SnackBar.js +1 -1
- package/__internal__/src/components/SnackBar/SnackBar.js.map +1 -1
- package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.css +1 -1
- package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.js +1 -1
- package/__internal__/src/components/SnackBar/SnackBarItem/SnackBarItem.js.map +1 -1
- package/__internal__/src/components/SnackBar/helper.d.ts +1 -0
- package/__internal__/src/components/SnackBar/types.d.ts +5 -0
- package/__internal__/src/components/SnackBar/types.js +1 -1
- package/__internal__/src/components/SnackBar/types.js.map +1 -1
- package/__internal__/src/components/SwitchGroup/helpers.d.ts +1 -1
- package/__internal__/src/components/Table/Table.d.ts +3 -2
- package/__internal__/src/components/Table/Table.js +1 -1
- package/__internal__/src/components/Table/Table.js.map +1 -1
- package/__internal__/src/components/Table/helpers.js +1 -1
- package/__internal__/src/components/Table/helpers.js.map +1 -1
- package/__internal__/src/components/Tabs/helpers.d.ts +4 -4
- package/__internal__/src/components/TagBase/TagBase.d.ts +1 -1
- package/__internal__/src/components/ThemeToggler/helpers.d.ts +1 -1
- package/__internal__/src/components/UserSelect/helpers.d.ts +1 -1
- package/__internal__/src/hooks/useBreakpoints/useBreakpoints.d.ts +1 -1
- package/__internal__/src/hooks/useChoiceGroup/useChoiceGroup.js +1 -1
- package/__internal__/src/hooks/useChoiceGroup/useChoiceGroup.js.map +1 -1
- package/__internal__/src/icons/Icon/Icon.d.ts +6 -2
- package/__internal__/src/icons/Icon/Icon.js +1 -1
- package/__internal__/src/icons/Icon/Icon.js.map +1 -1
- package/package.json +1 -1
- package/__internal__/src/docs/aboutConsta/aboutConsta.stand.d.ts +0 -2
- package/__internal__/src/docs/aboutConsta/aboutConsta.stand.js +0 -2
- package/__internal__/src/docs/aboutConsta/aboutConsta.stand.js.map +0 -1
- package/__internal__/src/docs/aboutConsta/components/AboutData/AboutData.css +0 -1
- package/__internal__/src/docs/aboutConsta/components/AboutData/AboutData.d.ts +0 -2
- package/__internal__/src/docs/aboutConsta/components/AboutData/AboutData.js +0 -2
- package/__internal__/src/docs/aboutConsta/components/AboutData/AboutData.js.map +0 -1
- package/__internal__/src/docs/addComponent/addComponent.stand.d.ts +0 -2
- package/__internal__/src/docs/addComponent/addComponent.stand.js +0 -2
- package/__internal__/src/docs/addComponent/addComponent.stand.js.map +0 -1
- package/__internal__/src/docs/addComponent/components/addComponentData/AddComponentData.css +0 -1
- package/__internal__/src/docs/addComponent/components/addComponentData/AddComponentData.d.ts +0 -5
- package/__internal__/src/docs/addComponent/components/addComponentData/AddComponentData.js +0 -2
- package/__internal__/src/docs/addComponent/components/addComponentData/AddComponentData.js.map +0 -1
- package/__internal__/src/docs/code/code.stand.d.ts +0 -2
- package/__internal__/src/docs/code/code.stand.js +0 -2
- package/__internal__/src/docs/code/code.stand.js.map +0 -1
- package/__internal__/src/docs/commits/commits.stand.d.ts +0 -2
- package/__internal__/src/docs/commits/commits.stand.js +0 -2
- package/__internal__/src/docs/commits/commits.stand.js.map +0 -1
- package/__internal__/src/docs/connectTheme/connectTheme.stand.d.ts +0 -2
- package/__internal__/src/docs/connectTheme/connectTheme.stand.js +0 -2
- package/__internal__/src/docs/connectTheme/connectTheme.stand.js.map +0 -1
- package/__internal__/src/docs/createPreset/createPreset.stand.d.ts +0 -2
- package/__internal__/src/docs/createPreset/createPreset.stand.js +0 -2
- package/__internal__/src/docs/createPreset/createPreset.stand.js.map +0 -1
- package/__internal__/src/docs/docs/docs.stand.d.ts +0 -2
- package/__internal__/src/docs/docs/docs.stand.js +0 -2
- package/__internal__/src/docs/docs/docs.stand.js.map +0 -1
- package/__internal__/src/docs/fileStructure/fileStructure.stand.d.ts +0 -2
- package/__internal__/src/docs/fileStructure/fileStructure.stand.js +0 -2
- package/__internal__/src/docs/fileStructure/fileStructure.stand.js.map +0 -1
- package/__internal__/src/docs/howToGo/howToGo.stand.d.ts +0 -2
- package/__internal__/src/docs/howToGo/howToGo.stand.js +0 -2
- package/__internal__/src/docs/howToGo/howToGo.stand.js.map +0 -1
- package/__internal__/src/docs/issue/issue.stand.d.ts +0 -2
- package/__internal__/src/docs/issue/issue.stand.js +0 -2
- package/__internal__/src/docs/issue/issue.stand.js.map +0 -1
- package/__internal__/src/docs/principle/principles.stand.d.ts +0 -2
- package/__internal__/src/docs/principle/principles.stand.js +0 -2
- package/__internal__/src/docs/principle/principles.stand.js.map +0 -1
- package/__internal__/src/docs/prototype/prototype.stand.d.ts +0 -2
- package/__internal__/src/docs/prototype/prototype.stand.js +0 -2
- package/__internal__/src/docs/prototype/prototype.stand.js.map +0 -1
- package/__internal__/src/docs/review/review.stand.d.ts +0 -2
- package/__internal__/src/docs/review/review.stand.js +0 -2
- package/__internal__/src/docs/review/review.stand.js.map +0 -1
- package/__internal__/src/docs/sla/components/SlaPictures/SlaPictures.d.ts +0 -1
- package/__internal__/src/docs/sla/components/SlaPictures/SlaPictures.js +0 -2
- package/__internal__/src/docs/sla/components/SlaPictures/SlaPictures.js.map +0 -1
- package/__internal__/src/docs/sla/sla.stand.d.ts +0 -2
- package/__internal__/src/docs/sla/sla.stand.js +0 -2
- package/__internal__/src/docs/sla/sla.stand.js.map +0 -1
- package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.css +0 -1
- package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.d.ts +0 -2
- package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.js +0 -2
- package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.js.map +0 -1
- package/__internal__/src/docs/tableComparison/tableComparison.stand.d.ts +0 -2
- package/__internal__/src/docs/tableComparison/tableComparison.stand.js +0 -2
- package/__internal__/src/docs/tableComparison/tableComparison.stand.js.map +0 -1
- package/__internal__/src/docs/themeAbout/themeAbout.stand.d.ts +0 -2
- package/__internal__/src/docs/themeAbout/themeAbout.stand.js +0 -2
- package/__internal__/src/docs/themeAbout/themeAbout.stand.js.map +0 -1
- package/__internal__/src/docs/units/units.stand.d.ts +0 -2
- package/__internal__/src/docs/units/units.stand.js +0 -2
- package/__internal__/src/docs/units/units.stand.js.map +0 -1
- package/__internal__/src/docs/workflow/workflow.stand.d.ts +0 -2
- package/__internal__/src/docs/workflow/workflow.stand.js +0 -2
- package/__internal__/src/docs/workflow/workflow.stand.js.map +0 -1
|
@@ -89,7 +89,7 @@ export declare type ProgressStepBarItemComponent = (props: PropsWithHTMLAttribut
|
|
|
89
89
|
export declare function withDefaultGetters<ITEM>(props: ProgressStepBarProps<ITEM>): {
|
|
90
90
|
steps: ITEM[];
|
|
91
91
|
direction?: "horizontal" | "vertical" | undefined;
|
|
92
|
-
size?: "
|
|
92
|
+
size?: "m" | "s" | "xs" | undefined;
|
|
93
93
|
activeStepIndex?: number | undefined;
|
|
94
94
|
onItemClick?: ((props: {
|
|
95
95
|
e: React.MouseEvent<Element, MouseEvent>;
|
|
@@ -13,7 +13,7 @@ export declare const withDefaultGetters: (props: RadioGroupProps) => {
|
|
|
13
13
|
name?: string | undefined;
|
|
14
14
|
direction?: "row" | "column" | undefined;
|
|
15
15
|
size?: "m" | "l" | undefined;
|
|
16
|
-
view?: "
|
|
16
|
+
view?: "primary" | "ghost" | undefined;
|
|
17
17
|
disabled?: boolean | undefined;
|
|
18
18
|
className?: string | undefined;
|
|
19
19
|
defaultChecked?: boolean | undefined;
|
|
@@ -94,7 +94,7 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: SelectProps<ITEM,
|
|
|
94
94
|
disabled?: boolean | undefined;
|
|
95
95
|
form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | undefined;
|
|
96
96
|
dropdownForm?: "default" | "round" | "brick" | undefined;
|
|
97
|
-
size?: "
|
|
97
|
+
size?: "m" | "s" | "xs" | "l" | undefined;
|
|
98
98
|
view?: "default" | "clear" | undefined;
|
|
99
99
|
status?: "alert" | "success" | "warning" | undefined;
|
|
100
100
|
focused?: boolean | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","className","getItemKey","getItemActions","getItemAutoClose","getItemIcon","getItemMessage","getItemOnAutoClose","getItemOnClose","getItemShowProgress","getItemStatus","onItemClose","onItemAutoClose"];import"./SnackBar.css";import React,{forwardRef}from"react";import{CSSTransition,TransitionGroup}from"react-transition-group";import{useRefs}from"../../hooks/useRefs/useRefs";import{cn}from"../../utils/bem";import{cnForCssTransition}from"../../utils/cnForCssTransition";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{getItem,withDefaultGetters}from"./helper";import{SnackBarItem}from"./SnackBarItem/SnackBarItem";export var cnSnackBar=cn("SnackBar");var cssTransitionClassNames=cnForCssTransition(cnSnackBar,"Item"),SnackBarRender=function(a,b){var c=usePropsHandler("SnackBar",withDefaultGetters(a)),d=c.items,e=c.className,f=c.
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","className","form","getItemKey","getItemActions","getItemAutoClose","getItemIcon","getItemMessage","getItemOnAutoClose","getItemOnClose","getItemShowProgress","getItemStatus","onItemClose","onItemAutoClose"];import"./SnackBar.css";import React,{forwardRef}from"react";import{CSSTransition,TransitionGroup}from"react-transition-group";import{useRefs}from"../../hooks/useRefs/useRefs";import{cn}from"../../utils/bem";import{cnForCssTransition}from"../../utils/cnForCssTransition";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{getItem,withDefaultGetters}from"./helper";import{SnackBarItem}from"./SnackBarItem/SnackBarItem";import{snackBarPropFormDefault}from"./types";export var cnSnackBar=cn("SnackBar");var cssTransitionClassNames=cnForCssTransition(cnSnackBar,"Item"),SnackBarRender=function(a,b){var c=usePropsHandler("SnackBar",withDefaultGetters(a)),d=c.items,e=c.className,f=c.form,g=void 0===f?snackBarPropFormDefault:f,h=c.getItemKey,i=c.getItemActions,j=c.getItemAutoClose,k=c.getItemIcon,l=c.getItemMessage,m=c.getItemOnAutoClose,n=c.getItemOnClose,o=c.getItemShowProgress,p=c.getItemStatus,q=c.onItemClose,r=c.onItemAutoClose,s=_objectWithoutProperties(c,_excluded),t=useRefs(d.length);return React.createElement("div",Object.assign({className:cnSnackBar(null,[e]),ref:b},s),React.createElement(TransitionGroup,{component:null,appear:!0,enter:!0,exit:!0},d.map(function(a,b){return React.createElement(CSSTransition,{nodeRef:t[b],classNames:cssTransitionClassNames,key:cnSnackBar("Item",{key:h(a)}),timeout:200},React.createElement(SnackBarItem,Object.assign({ref:t[b],form:g,className:cnSnackBar("Item")},getItem(a,c))))})))};export var SnackBar=forwardRef(SnackBarRender);export*from"./types";
|
|
2
2
|
//# sourceMappingURL=SnackBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackBar.js","names":["React","forwardRef","CSSTransition","TransitionGroup","useRefs","cn","cnForCssTransition","usePropsHandler","getItem","withDefaultGetters","SnackBarItem","cnSnackBar","cssTransitionClassNames","SnackBarRender","propsComponent","ref","props","items","className","getItemKey","getItemActions","getItemAutoClose","getItemIcon","getItemMessage","getItemOnAutoClose","getItemOnClose","getItemShowProgress","getItemStatus","onItemClose","onItemAutoClose","otherProps","refs","length","map","item","index","key","SnackBar"],"sources":["../../../../../src/components/SnackBar/SnackBar.tsx"],"sourcesContent":["import './SnackBar.css';\n\nimport React, { forwardRef } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\n\nimport { useRefs } from '../../hooks/useRefs/useRefs';\nimport { cn } from '../../utils/bem';\nimport { cnForCssTransition } from '../../utils/cnForCssTransition';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { getItem, withDefaultGetters } from './helper';\nimport { SnackBarItem } from './SnackBarItem/SnackBarItem';\nimport {
|
|
1
|
+
{"version":3,"file":"SnackBar.js","names":["React","forwardRef","CSSTransition","TransitionGroup","useRefs","cn","cnForCssTransition","usePropsHandler","getItem","withDefaultGetters","SnackBarItem","snackBarPropFormDefault","cnSnackBar","cssTransitionClassNames","SnackBarRender","propsComponent","ref","props","items","className","form","getItemKey","getItemActions","getItemAutoClose","getItemIcon","getItemMessage","getItemOnAutoClose","getItemOnClose","getItemShowProgress","getItemStatus","onItemClose","onItemAutoClose","otherProps","refs","length","map","item","index","key","SnackBar"],"sources":["../../../../../src/components/SnackBar/SnackBar.tsx"],"sourcesContent":["import './SnackBar.css';\n\nimport React, { forwardRef } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\n\nimport { useRefs } from '../../hooks/useRefs/useRefs';\nimport { cn } from '../../utils/bem';\nimport { cnForCssTransition } from '../../utils/cnForCssTransition';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { getItem, withDefaultGetters } from './helper';\nimport { SnackBarItem } from './SnackBarItem/SnackBarItem';\nimport {\n SnackBarComponent,\n snackBarPropFormDefault,\n SnackBarProps,\n} from './types';\n\nexport const cnSnackBar = cn('SnackBar');\n\nconst cssTransitionClassNames = cnForCssTransition(cnSnackBar, 'Item');\n\nconst SnackBarRender = (\n propsComponent: SnackBarProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const props = usePropsHandler('SnackBar', withDefaultGetters(propsComponent));\n const {\n items,\n className,\n form = snackBarPropFormDefault,\n getItemKey,\n getItemActions,\n getItemAutoClose,\n getItemIcon,\n getItemMessage,\n getItemOnAutoClose,\n getItemOnClose,\n getItemShowProgress,\n getItemStatus,\n onItemClose,\n onItemAutoClose,\n ...otherProps\n } = props;\n\n const refs = useRefs<HTMLDivElement>(items.length);\n\n return (\n <div className={cnSnackBar(null, [className])} ref={ref} {...otherProps}>\n <TransitionGroup component={null} appear enter exit>\n {items.map((item, index) => {\n return (\n <CSSTransition\n nodeRef={refs[index]}\n classNames={cssTransitionClassNames}\n key={cnSnackBar('Item', { key: getItemKey(item) })}\n timeout={200}\n >\n <SnackBarItem\n ref={refs[index]}\n form={form}\n className={cnSnackBar('Item')}\n {...getItem(item, props)}\n />\n </CSSTransition>\n );\n })}\n </TransitionGroup>\n </div>\n );\n};\n\nexport const SnackBar = forwardRef(SnackBarRender) as SnackBarComponent;\n\nexport * from './types';\n"],"mappings":"4TAAA,uBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CACA,OAASC,aAAT,CAAwBC,eAAxB,KAA+C,wBAA/C,CAEA,OAASC,OAAT,mCACA,OAASC,EAAT,uBACA,OAASC,kBAAT,sCACA,OAASC,eAAT,2CACA,OAASC,OAAT,CAAkBC,kBAAlB,gBACA,OAASC,YAAT,mCACA,OAEEC,uBAFF,eAMA,MAAO,IAAMC,WAAU,CAAGP,EAAE,CAAC,UAAD,CAArB,C,GAEDQ,wBAAuB,CAAGP,kBAAkB,CAACM,UAAD,CAAa,MAAb,C,CAE5CE,cAAc,CAAG,SACrBC,CADqB,CAErBC,CAFqB,CAGlB,IACGC,EAAK,CAAGV,eAAe,CAAC,UAAD,CAAaE,kBAAkB,CAACM,CAAD,CAA/B,CAD1B,CAGDG,CAHC,CAkBCD,CAlBD,CAGDC,KAHC,CAIDC,CAJC,CAkBCF,CAlBD,CAIDE,SAJC,GAkBCF,CAlBD,CAKDG,IALC,CAKDA,CALC,YAKMT,uBALN,GAMDU,CANC,CAkBCJ,CAlBD,CAMDI,UANC,CAODC,CAPC,CAkBCL,CAlBD,CAODK,cAPC,CAQDC,CARC,CAkBCN,CAlBD,CAQDM,gBARC,CASDC,CATC,CAkBCP,CAlBD,CASDO,WATC,CAUDC,CAVC,CAkBCR,CAlBD,CAUDQ,cAVC,CAWDC,CAXC,CAkBCT,CAlBD,CAWDS,kBAXC,CAYDC,CAZC,CAkBCV,CAlBD,CAYDU,cAZC,CAaDC,CAbC,CAkBCX,CAlBD,CAaDW,mBAbC,CAcDC,CAdC,CAkBCZ,CAlBD,CAcDY,aAdC,CAeDC,CAfC,CAkBCb,CAlBD,CAeDa,WAfC,CAgBDC,CAhBC,CAkBCd,CAlBD,CAgBDc,eAhBC,CAiBEC,CAjBF,0BAkBCf,CAlBD,YAoBGgB,CAAI,CAAG7B,OAAO,CAAiBc,CAAK,CAACgB,MAAvB,CApBjB,CAsBH,MACE,0CAAK,SAAS,CAAEtB,UAAU,CAAC,IAAD,CAAO,CAACO,CAAD,CAAP,CAA1B,CAA+C,GAAG,CAAEH,CAApD,EAA6DgB,CAA7D,EACE,oBAAC,eAAD,EAAiB,SAAS,CAAE,IAA5B,CAAkC,MAAM,GAAxC,CAAyC,KAAK,GAA9C,CAA+C,IAAI,GAAnD,EACGd,CAAK,CAACiB,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,CAAiB,CAC1B,MACE,qBAAC,aAAD,EACE,OAAO,CAAEJ,CAAI,CAACI,CAAD,CADf,CAEE,UAAU,CAAExB,uBAFd,CAGE,GAAG,CAAED,UAAU,CAAC,MAAD,CAAS,CAAE0B,GAAG,CAAEjB,CAAU,CAACe,CAAD,CAAjB,CAAT,CAHjB,CAIE,OAAO,CAAE,GAJX,EAME,oBAAC,YAAD,gBACE,GAAG,CAAEH,CAAI,CAACI,CAAD,CADX,CAEE,IAAI,CAAEjB,CAFR,CAGE,SAAS,CAAER,UAAU,CAAC,MAAD,CAHvB,EAIMJ,OAAO,CAAC4B,CAAD,CAAOnB,CAAP,CAJb,EANF,CAcH,CAhBA,CADH,CADF,CAsBH,C,CAED,MAAO,IAAMsB,SAAQ,CAAGtC,UAAU,CAACa,cAAD,CAA3B,CAEP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.SnackBarItem{border-radius:var(--
|
|
1
|
+
.SnackBarItem{--snack-bar-item-radius:0;border-radius:var(--snack-bar-item-radius);box-shadow:var(--shadow-group);color:var(--color-typo-primary);display:flex;padding:var(--space-m) var(--space-2xl) var(--space-m) var(--space-m);position:relative}.SnackBarItem_showProgress_line{padding-bottom:calc(var(--space-m) + var(--space-2xs))}.SnackBarItem_form_default{--snack-bar-item-radius:var(--space-xs)}.SnackBarItem_form_round{--snack-bar-item-radius:var(--space-m)}.SnackBarItem_form_brick{--snack-bar-item-radius:0}.SnackBarItem-ActionButton{margin-top:calc(var(--space-2xs) + var(--space-xs))}.SnackBarItem_status_system{background-color:var(--color-bg-system)}.SnackBarItem_status_normal{background-color:var(--color-bg-normal)}.SnackBarItem_status_success{background-color:var(--color-bg-success)}.SnackBarItem_status_warning{background-color:var(--color-bg-warning)}.SnackBarItem_status_alert{background-color:var(--color-bg-alert)}.SnackBarItem-Timer{margin-right:var(--space-m)}.SnackBarItem-Line{bottom:0;left:0;position:absolute}.SnackBarItem-Icon{flex:none;margin-right:var(--space-m)}.SnackBarItem-Content{flex:1}.SnackBarItem-CloseButton{position:absolute;right:var(--space-2xs);top:var(--space-2xs)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onClose","autoClose","showProgress","icon","message","actions","status","onAutoClose","className"];import"../../Theme/_color/Theme_color_gpnDark.css";import"./SnackBarItem.css";import React,{useEffect,useState}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{IconClose}from"../../../icons/IconClose/IconClose";import{cn}from"../../../utils/bem";import{isNumber,isString}from"../../../utils/type-guards";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";import{cnTheme}from"../../Theme/Theme";import{SnackBarActionButton}from"../SnackBarActionButton/SnackBarActionButton";import{SnackBarLine}from"../SnackBarLine/SnackBarLine";import{SnackBarTimer}from"../SnackBarTimer/SnackBarTimer";import{snackBarItemStatusDefault}from"../types";var defaultInitialTimerTime=3;export var cnSnackBarItem=cn("SnackBarItem");var getAutoCloseTime=function(a){return!!a&&("number"==typeof a?a:defaultInitialTimerTime)};export var SnackBarItemRender=function(a,b){var c=a.onClose,d=a.autoClose,e=a.showProgress,f=a.icon,g=a.
|
|
1
|
+
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onClose","autoClose","showProgress","icon","form","message","actions","status","onAutoClose","className"];import"../../Theme/_color/Theme_color_gpnDark.css";import"./SnackBarItem.css";import React,{useEffect,useState}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{IconClose}from"../../../icons/IconClose/IconClose";import{cn}from"../../../utils/bem";import{isNumber,isString}from"../../../utils/type-guards";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";import{cnTheme}from"../../Theme/Theme";import{SnackBarActionButton}from"../SnackBarActionButton/SnackBarActionButton";import{SnackBarLine}from"../SnackBarLine/SnackBarLine";import{SnackBarTimer}from"../SnackBarTimer/SnackBarTimer";import{snackBarItemStatusDefault,snackBarPropFormDefault}from"../types";var defaultInitialTimerTime=3;export var cnSnackBarItem=cn("SnackBarItem");var getAutoCloseTime=function(a){return!!a&&("number"==typeof a?a:defaultInitialTimerTime)};export var SnackBarItemRender=function(a,b){var c=a.onClose,d=a.autoClose,e=a.showProgress,f=a.icon,g=a.form,h=void 0===g?snackBarPropFormDefault:g,i=a.message,j=a.actions,k=a.status,l=void 0===k?snackBarItemStatusDefault:k,m=a.onAutoClose,n=a.className,o=_objectWithoutProperties(a,_excluded),p=useState(null),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useFlag(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=w.on,y=w.off,z=useFlag(!1),A=_slicedToArray(z,2),B=A[0],C=A[1].on,D=function(a){return s(a)},E=getAutoCloseTime(d),F=e===void 0||!(isNumber(E)&&0<E),G=function(){m?m():null===c||void 0===c?void 0:c()};useEffect(function(){B||(v?r&&r.pause():r&&r.start())},[v,B,r]);var H=function(){C(),G()},I=c?function(){return c()}:void 0;return React.createElement("div",Object.assign({ref:b,className:cnSnackBarItem({status:l,showProgress:e,form:h},[cnTheme({color:"gpnDark"}),n]),onMouseEnter:E?function handleMouseEnter(){return x()}:void 0,onMouseLeave:E?function handleMouseLeave(){return y()}:void 0},o),E&&"line"!==e&&React.createElement(SnackBarTimer,{className:cnSnackBarItem("Timer"),onMount:D,onTimeIsOver:H,startTime:E,hidden:F}),f&&(F&&"timer"===e||"timer"!==e)&&React.createElement(f,{className:cnSnackBarItem("Icon"),size:"m"}),React.createElement("div",{className:cnSnackBarItem("Content")},isString(i)||isNumber(i)?React.createElement(Text,{className:cnSnackBarItem("Message"),lineHeight:"s"},i):i,j&&React.createElement(SnackBarActionButton,{actions:j,className:cnSnackBarItem("ActionButton")})),c&&React.createElement(Button,{className:cnSnackBarItem("CloseButton"),view:"clear",iconLeft:IconClose,form:"round",size:"xs",onClick:I}),E&&"line"===e&&React.createElement(SnackBarLine,{className:cnSnackBarItem("Line"),onMount:D,onTimeIsOver:H,startTime:E}))};export var SnackBarItem=React.forwardRef(SnackBarItemRender);
|
|
2
2
|
//# sourceMappingURL=SnackBarItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackBarItem.js","names":["React","useEffect","useState","useFlag","IconClose","cn","isNumber","isString","Button","Text","cnTheme","SnackBarActionButton","SnackBarLine","SnackBarTimer","snackBarItemStatusDefault","defaultInitialTimerTime","cnSnackBarItem","getAutoCloseTime","autoClose","SnackBarItemRender","props","ref","onClose","showProgress","Icon","icon","message","actions","status","onAutoCloseProp","onAutoClose","className","otherProps","timerFunctions","setTimerFunctions","hover","onHover","on","offHover","off","timeIsOver","onTimeIsOver","handleMountTimer","autoCloseTime","hideAutoCloseTimer","pause","start","handleTimeIsOver","handleClose","color","handleMouseEnter","handleMouseLeave","SnackBarItem","forwardRef"],"sources":["../../../../../../src/components/SnackBar/SnackBarItem/SnackBarItem.tsx"],"sourcesContent":["import '../../Theme/_color/Theme_color_gpnDark.css';\nimport './SnackBarItem.css';\n\nimport React, { useEffect, useState } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { IconClose } from '../../../icons/IconClose/IconClose';\nimport { cn } from '../../../utils/bem';\nimport { isNumber, isString } from '../../../utils/type-guards';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\nimport { cnTheme } from '../../Theme/Theme';\nimport { SnackBarActionButton } from '../SnackBarActionButton/SnackBarActionButton';\nimport { SnackBarLine } from '../SnackBarLine/SnackBarLine';\nimport { SnackBarTimer } from '../SnackBarTimer/SnackBarTimer';\nimport {\n SnackBarItemComponent,\n SnackBarItemProps,\n snackBarItemStatusDefault,\n SnackBarTimerPropOnMount,\n} from '../types';\n\nconst defaultInitialTimerTime = 3;\n\nexport const cnSnackBarItem = cn('SnackBarItem');\n\nconst getAutoCloseTime = (\n autoClose: boolean | number | undefined,\n): number | false => {\n if (autoClose) {\n if (typeof autoClose === 'number') {\n return autoClose;\n }\n return defaultInitialTimerTime;\n }\n return false;\n};\n\nexport const SnackBarItemRender = (\n props: SnackBarItemProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n onClose,\n autoClose,\n showProgress,\n icon: Icon,\n message,\n actions,\n status = snackBarItemStatusDefault,\n onAutoClose: onAutoCloseProp,\n className,\n ...otherProps\n } = props;\n\n const [timerFunctions, setTimerFunctions] = useState<{\n start: () => void;\n pause: () => void;\n } | null>(null);\n const [hover, { on: onHover, off: offHover }] = useFlag(false);\n const [timeIsOver, { on: onTimeIsOver }] = useFlag(false);\n const handleMountTimer: SnackBarTimerPropOnMount = (timerFunctions) =>\n setTimerFunctions(timerFunctions);\n const handleMouseEnter = () => onHover();\n const handleMouseLeave = () => offHover();\n const autoCloseTime = getAutoCloseTime(autoClose);\n const hideAutoCloseTimer =\n showProgress === undefined ||\n !(isNumber(autoCloseTime) && autoCloseTime > 0);\n const onAutoClose = () => {\n if (onAutoCloseProp) {\n onAutoCloseProp();\n } else {\n onClose?.();\n }\n };\n\n useEffect(() => {\n if (!timeIsOver) {\n if (hover) {\n timerFunctions && timerFunctions.pause();\n } else {\n timerFunctions && timerFunctions.start();\n }\n }\n }, [hover, timeIsOver, timerFunctions]);\n\n const handleTimeIsOver = () => {\n onTimeIsOver();\n onAutoClose();\n };\n\n const handleClose = onClose ? () => onClose() : undefined;\n\n return (\n <div\n ref={ref}\n className={cnSnackBarItem({ status, showProgress }, [\n cnTheme({ color: 'gpnDark' }),\n className,\n ])}\n onMouseEnter={autoCloseTime ? handleMouseEnter : undefined}\n onMouseLeave={autoCloseTime ? handleMouseLeave : undefined}\n {...otherProps}\n >\n {autoCloseTime && showProgress !== 'line' && (\n <SnackBarTimer\n className={cnSnackBarItem('Timer')}\n onMount={handleMountTimer}\n onTimeIsOver={handleTimeIsOver}\n startTime={autoCloseTime}\n hidden={hideAutoCloseTimer}\n />\n )}\n {Icon &&\n ((hideAutoCloseTimer && showProgress === 'timer') ||\n showProgress !== 'timer') && (\n <Icon className={cnSnackBarItem('Icon')} size=\"m\" />\n )}\n <div className={cnSnackBarItem('Content')}>\n {isString(message) || isNumber(message) ? (\n <Text className={cnSnackBarItem('Message')} lineHeight=\"s\">\n {message}\n </Text>\n ) : (\n message\n )}\n {actions && (\n <SnackBarActionButton\n actions={actions}\n className={cnSnackBarItem('ActionButton')}\n />\n )}\n </div>\n {onClose && (\n <Button\n className={cnSnackBarItem('CloseButton')}\n view=\"clear\"\n iconLeft={IconClose}\n form=\"round\"\n size=\"xs\"\n onClick={handleClose}\n />\n )}\n {autoCloseTime && showProgress === 'line' && (\n <SnackBarLine\n className={cnSnackBarItem('Line')}\n onMount={handleMountTimer}\n onTimeIsOver={handleTimeIsOver}\n startTime={autoCloseTime}\n />\n )}\n </div>\n );\n};\n\nexport const SnackBarItem = React.forwardRef(\n SnackBarItemRender,\n) as SnackBarItemComponent;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SnackBarItem.js","names":["React","useEffect","useState","useFlag","IconClose","cn","isNumber","isString","Button","Text","cnTheme","SnackBarActionButton","SnackBarLine","SnackBarTimer","snackBarItemStatusDefault","snackBarPropFormDefault","defaultInitialTimerTime","cnSnackBarItem","getAutoCloseTime","autoClose","SnackBarItemRender","props","ref","onClose","showProgress","Icon","icon","form","message","actions","status","onAutoCloseProp","onAutoClose","className","otherProps","timerFunctions","setTimerFunctions","hover","onHover","on","offHover","off","timeIsOver","onTimeIsOver","handleMountTimer","autoCloseTime","hideAutoCloseTimer","pause","start","handleTimeIsOver","handleClose","color","handleMouseEnter","handleMouseLeave","SnackBarItem","forwardRef"],"sources":["../../../../../../src/components/SnackBar/SnackBarItem/SnackBarItem.tsx"],"sourcesContent":["import '../../Theme/_color/Theme_color_gpnDark.css';\nimport './SnackBarItem.css';\n\nimport React, { useEffect, useState } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { IconClose } from '../../../icons/IconClose/IconClose';\nimport { cn } from '../../../utils/bem';\nimport { isNumber, isString } from '../../../utils/type-guards';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\nimport { cnTheme } from '../../Theme/Theme';\nimport { SnackBarActionButton } from '../SnackBarActionButton/SnackBarActionButton';\nimport { SnackBarLine } from '../SnackBarLine/SnackBarLine';\nimport { SnackBarTimer } from '../SnackBarTimer/SnackBarTimer';\nimport {\n SnackBarItemComponent,\n SnackBarItemProps,\n snackBarItemStatusDefault,\n snackBarPropFormDefault,\n SnackBarTimerPropOnMount,\n} from '../types';\n\nconst defaultInitialTimerTime = 3;\n\nexport const cnSnackBarItem = cn('SnackBarItem');\n\nconst getAutoCloseTime = (\n autoClose: boolean | number | undefined,\n): number | false => {\n if (autoClose) {\n if (typeof autoClose === 'number') {\n return autoClose;\n }\n return defaultInitialTimerTime;\n }\n return false;\n};\n\nexport const SnackBarItemRender = (\n props: SnackBarItemProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n onClose,\n autoClose,\n showProgress,\n icon: Icon,\n form = snackBarPropFormDefault,\n message,\n actions,\n status = snackBarItemStatusDefault,\n onAutoClose: onAutoCloseProp,\n className,\n ...otherProps\n } = props;\n\n const [timerFunctions, setTimerFunctions] = useState<{\n start: () => void;\n pause: () => void;\n } | null>(null);\n const [hover, { on: onHover, off: offHover }] = useFlag(false);\n const [timeIsOver, { on: onTimeIsOver }] = useFlag(false);\n const handleMountTimer: SnackBarTimerPropOnMount = (timerFunctions) =>\n setTimerFunctions(timerFunctions);\n const handleMouseEnter = () => onHover();\n const handleMouseLeave = () => offHover();\n const autoCloseTime = getAutoCloseTime(autoClose);\n const hideAutoCloseTimer =\n showProgress === undefined ||\n !(isNumber(autoCloseTime) && autoCloseTime > 0);\n const onAutoClose = () => {\n if (onAutoCloseProp) {\n onAutoCloseProp();\n } else {\n onClose?.();\n }\n };\n\n useEffect(() => {\n if (!timeIsOver) {\n if (hover) {\n timerFunctions && timerFunctions.pause();\n } else {\n timerFunctions && timerFunctions.start();\n }\n }\n }, [hover, timeIsOver, timerFunctions]);\n\n const handleTimeIsOver = () => {\n onTimeIsOver();\n onAutoClose();\n };\n\n const handleClose = onClose ? () => onClose() : undefined;\n\n return (\n <div\n ref={ref}\n className={cnSnackBarItem({ status, showProgress, form }, [\n cnTheme({ color: 'gpnDark' }),\n className,\n ])}\n onMouseEnter={autoCloseTime ? handleMouseEnter : undefined}\n onMouseLeave={autoCloseTime ? handleMouseLeave : undefined}\n {...otherProps}\n >\n {autoCloseTime && showProgress !== 'line' && (\n <SnackBarTimer\n className={cnSnackBarItem('Timer')}\n onMount={handleMountTimer}\n onTimeIsOver={handleTimeIsOver}\n startTime={autoCloseTime}\n hidden={hideAutoCloseTimer}\n />\n )}\n {Icon &&\n ((hideAutoCloseTimer && showProgress === 'timer') ||\n showProgress !== 'timer') && (\n <Icon className={cnSnackBarItem('Icon')} size=\"m\" />\n )}\n <div className={cnSnackBarItem('Content')}>\n {isString(message) || isNumber(message) ? (\n <Text className={cnSnackBarItem('Message')} lineHeight=\"s\">\n {message}\n </Text>\n ) : (\n message\n )}\n {actions && (\n <SnackBarActionButton\n actions={actions}\n className={cnSnackBarItem('ActionButton')}\n />\n )}\n </div>\n {onClose && (\n <Button\n className={cnSnackBarItem('CloseButton')}\n view=\"clear\"\n iconLeft={IconClose}\n form=\"round\"\n size=\"xs\"\n onClick={handleClose}\n />\n )}\n {autoCloseTime && showProgress === 'line' && (\n <SnackBarLine\n className={cnSnackBarItem('Line')}\n onMount={handleMountTimer}\n onTimeIsOver={handleTimeIsOver}\n startTime={autoCloseTime}\n />\n )}\n </div>\n );\n};\n\nexport const SnackBarItem = React.forwardRef(\n SnackBarItemRender,\n) as SnackBarItemComponent;\n"],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ export declare const withDefaultGetters: (props: SnackBarProps) => {
|
|
|
12
12
|
getItemOnAutoClose: SnackBarPropGetItemOnAutoClose<SnackBarItemDefault>;
|
|
13
13
|
items: SnackBarItemDefault[];
|
|
14
14
|
children?: undefined;
|
|
15
|
+
form?: "default" | "round" | "brick" | undefined;
|
|
15
16
|
onItemClose?: ((item: SnackBarItemDefault) => void) | undefined;
|
|
16
17
|
onItemAutoClose?: ((item: SnackBarItemDefault) => void) | undefined;
|
|
17
18
|
defaultChecked?: boolean | undefined;
|
|
@@ -26,6 +26,7 @@ export declare type SnackBarActionButtonProps = {
|
|
|
26
26
|
};
|
|
27
27
|
export declare type SnackBarItemProps = PropsWithHTMLAttributesAndRef<Omit<SnackBarItemDefault, 'onClose' | 'onAutoClose'> & {
|
|
28
28
|
onClose?: () => void;
|
|
29
|
+
form?: SnackBarPropForm;
|
|
29
30
|
onAutoClose?: () => void;
|
|
30
31
|
}, HTMLDivElement>;
|
|
31
32
|
export declare const snackBarItemStatus: readonly ["normal", "system", "success", "warning", "alert"];
|
|
@@ -53,9 +54,13 @@ export declare type Mappers<ITEM> = {
|
|
|
53
54
|
getItemOnClose?: SnackBarPropGetItemOnClose<ITEM>;
|
|
54
55
|
getItemOnAutoClose?: SnackBarPropGetItemOnAutoClose<ITEM>;
|
|
55
56
|
};
|
|
57
|
+
export declare const snackBarPropForm: readonly ["default", "round", "brick"];
|
|
58
|
+
export declare type SnackBarPropForm = typeof snackBarPropForm[number];
|
|
59
|
+
export declare const snackBarPropFormDefault: "default";
|
|
56
60
|
export declare type SnackBarProps<ITEM = SnackBarItemDefault> = PropsWithHTMLAttributesAndRef<{
|
|
57
61
|
items: ITEM[];
|
|
58
62
|
children?: never;
|
|
63
|
+
form?: SnackBarPropForm;
|
|
59
64
|
onItemClose?: (item: ITEM) => void;
|
|
60
65
|
onItemAutoClose?: (item: ITEM) => void;
|
|
61
66
|
} & Mappers<ITEM>, HTMLDivElement> & (ITEM extends {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var snackBarItemStatus=["normal","system","success","warning","alert"];export var snackBarItemStatusDefault=snackBarItemStatus[0];export var snackBarItemShowProgressProp=["timer","line"];
|
|
1
|
+
export var snackBarItemStatus=["normal","system","success","warning","alert"];export var snackBarItemStatusDefault=snackBarItemStatus[0];export var snackBarItemShowProgressProp=["timer","line"];export var snackBarPropForm=["default","round","brick"];export var snackBarPropFormDefault=snackBarPropForm[0];
|
|
2
2
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":["snackBarItemStatus","snackBarItemStatusDefault","snackBarItemShowProgressProp"],"sources":["../../../../../src/components/SnackBar/types.ts"],"sourcesContent":["import { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type SnackBarItemDefault = {\n key: string | number;\n message?: React.ReactNode;\n status?: SnackBarItemStatus;\n autoClose?: boolean | number;\n showProgress?: SnackBarItemShowProgressProp;\n icon?: IconComponent;\n actions?: SnackBarPropItemAction[];\n onClose?: (item: SnackBarItemDefault) => void;\n onAutoClose?: (item: SnackBarItemDefault) => void;\n};\n\n/**\n * @deprecated since version 3.16.0 use SnackBarItemDefault\n */\nexport type Item = SnackBarItemDefault;\n\nexport type SnackBarPropItemAction = {\n label: string | number;\n onClick: React.EventHandler<React.MouseEvent>;\n};\n\nexport type SnackBarActionButtonProps = {\n actions: SnackBarPropItemAction[];\n className?: string;\n};\n\nexport type SnackBarItemProps = PropsWithHTMLAttributesAndRef<\n Omit<SnackBarItemDefault, 'onClose' | 'onAutoClose'> & {\n onClose?: () => void;\n onAutoClose?: () => void;\n },\n HTMLDivElement\n>;\n\nexport const snackBarItemStatus = [\n 'normal',\n 'system',\n 'success',\n 'warning',\n 'alert',\n] as const;\nexport type SnackBarItemStatus = typeof snackBarItemStatus[number];\nexport const snackBarItemStatusDefault: SnackBarItemStatus =\n snackBarItemStatus[0];\n\nexport const snackBarItemShowProgressProp = ['timer', 'line'] as const;\nexport type SnackBarItemShowProgressProp =\n typeof snackBarItemShowProgressProp[number];\n\nexport type SnackBarPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type SnackBarPropGetItemMessage<ITEM> = (\n item: ITEM,\n) => React.ReactNode | undefined;\nexport type SnackBarPropGetItemStatus<ITEM> = (\n item: ITEM,\n) => SnackBarItemStatus | undefined;\nexport type SnackBarPropGetItemAutoClose<ITEM> = (\n item: ITEM,\n) => boolean | number | undefined;\nexport type SnackBarPropGetItemShowProgress<ITEM> = (\n item: ITEM,\n) => SnackBarItemShowProgressProp | undefined;\nexport type SnackBarPropGetItemIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\nexport type SnackBarPropGetItemActions<ITEM> = (\n item: ITEM,\n) => SnackBarPropItemAction[] | undefined;\nexport type SnackBarPropGetItemOnClose<ITEM> = (\n item: ITEM,\n) => ((item: ITEM) => void) | undefined;\nexport type SnackBarPropGetItemOnAutoClose<ITEM> = (\n item: ITEM,\n) => ((item: ITEM) => void) | undefined;\n\nexport type Mappers<ITEM> = {\n getItemKey?: SnackBarPropGetItemKey<ITEM>;\n getItemMessage?: SnackBarPropGetItemMessage<ITEM>;\n getItemStatus?: SnackBarPropGetItemStatus<ITEM>;\n getItemAutoClose?: SnackBarPropGetItemAutoClose<ITEM>;\n getItemShowProgress?: SnackBarPropGetItemShowProgress<ITEM>;\n getItemIcon?: SnackBarPropGetItemIcon<ITEM>;\n getItemActions?: SnackBarPropGetItemActions<ITEM>;\n getItemOnClose?: SnackBarPropGetItemOnClose<ITEM>;\n getItemOnAutoClose?: SnackBarPropGetItemOnAutoClose<ITEM>;\n};\n\nexport type SnackBarProps<ITEM = SnackBarItemDefault> =\n PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[];\n children?: never;\n onItemClose?: (item: ITEM) => void;\n onItemAutoClose?: (item: ITEM) => void;\n } & Mappers<ITEM>,\n HTMLDivElement\n > &\n (ITEM extends { key: SnackBarItemDefault['key'] }\n ? {}\n : { getItemKey: SnackBarPropGetItemKey<ITEM> });\n\nexport type SnackBarComponent = <ITEM = SnackBarItemDefault>(\n props: SnackBarProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type SnackBarTimerPropOnMount = (object: {\n pause: () => void;\n start: () => void;\n}) => void;\n\nexport type SnackBarTimerProps = {\n onMount: SnackBarTimerPropOnMount;\n onTimeIsOver: () => void;\n startTime: number;\n hidden?: boolean;\n className?: string;\n};\n\nexport type SnackBarItemComponent = (\n props: SnackBarItemProps,\n) => React.ReactElement | null;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","names":["snackBarItemStatus","snackBarItemStatusDefault","snackBarItemShowProgressProp","snackBarPropForm","snackBarPropFormDefault"],"sources":["../../../../../src/components/SnackBar/types.ts"],"sourcesContent":["import { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type SnackBarItemDefault = {\n key: string | number;\n message?: React.ReactNode;\n status?: SnackBarItemStatus;\n autoClose?: boolean | number;\n showProgress?: SnackBarItemShowProgressProp;\n icon?: IconComponent;\n actions?: SnackBarPropItemAction[];\n onClose?: (item: SnackBarItemDefault) => void;\n onAutoClose?: (item: SnackBarItemDefault) => void;\n};\n\n/**\n * @deprecated since version 3.16.0 use SnackBarItemDefault\n */\nexport type Item = SnackBarItemDefault;\n\nexport type SnackBarPropItemAction = {\n label: string | number;\n onClick: React.EventHandler<React.MouseEvent>;\n};\n\nexport type SnackBarActionButtonProps = {\n actions: SnackBarPropItemAction[];\n className?: string;\n};\n\nexport type SnackBarItemProps = PropsWithHTMLAttributesAndRef<\n Omit<SnackBarItemDefault, 'onClose' | 'onAutoClose'> & {\n onClose?: () => void;\n form?: SnackBarPropForm;\n onAutoClose?: () => void;\n },\n HTMLDivElement\n>;\n\nexport const snackBarItemStatus = [\n 'normal',\n 'system',\n 'success',\n 'warning',\n 'alert',\n] as const;\nexport type SnackBarItemStatus = typeof snackBarItemStatus[number];\nexport const snackBarItemStatusDefault: SnackBarItemStatus =\n snackBarItemStatus[0];\n\nexport const snackBarItemShowProgressProp = ['timer', 'line'] as const;\nexport type SnackBarItemShowProgressProp =\n typeof snackBarItemShowProgressProp[number];\n\nexport type SnackBarPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type SnackBarPropGetItemMessage<ITEM> = (\n item: ITEM,\n) => React.ReactNode | undefined;\nexport type SnackBarPropGetItemStatus<ITEM> = (\n item: ITEM,\n) => SnackBarItemStatus | undefined;\nexport type SnackBarPropGetItemAutoClose<ITEM> = (\n item: ITEM,\n) => boolean | number | undefined;\nexport type SnackBarPropGetItemShowProgress<ITEM> = (\n item: ITEM,\n) => SnackBarItemShowProgressProp | undefined;\nexport type SnackBarPropGetItemIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\nexport type SnackBarPropGetItemActions<ITEM> = (\n item: ITEM,\n) => SnackBarPropItemAction[] | undefined;\nexport type SnackBarPropGetItemOnClose<ITEM> = (\n item: ITEM,\n) => ((item: ITEM) => void) | undefined;\nexport type SnackBarPropGetItemOnAutoClose<ITEM> = (\n item: ITEM,\n) => ((item: ITEM) => void) | undefined;\n\nexport type Mappers<ITEM> = {\n getItemKey?: SnackBarPropGetItemKey<ITEM>;\n getItemMessage?: SnackBarPropGetItemMessage<ITEM>;\n getItemStatus?: SnackBarPropGetItemStatus<ITEM>;\n getItemAutoClose?: SnackBarPropGetItemAutoClose<ITEM>;\n getItemShowProgress?: SnackBarPropGetItemShowProgress<ITEM>;\n getItemIcon?: SnackBarPropGetItemIcon<ITEM>;\n getItemActions?: SnackBarPropGetItemActions<ITEM>;\n getItemOnClose?: SnackBarPropGetItemOnClose<ITEM>;\n getItemOnAutoClose?: SnackBarPropGetItemOnAutoClose<ITEM>;\n};\n\nexport const snackBarPropForm = ['default', 'round', 'brick'] as const;\nexport type SnackBarPropForm = typeof snackBarPropForm[number];\nexport const snackBarPropFormDefault = snackBarPropForm[0];\n\nexport type SnackBarProps<ITEM = SnackBarItemDefault> =\n PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[];\n children?: never;\n form?: SnackBarPropForm;\n onItemClose?: (item: ITEM) => void;\n onItemAutoClose?: (item: ITEM) => void;\n } & Mappers<ITEM>,\n HTMLDivElement\n > &\n (ITEM extends { key: SnackBarItemDefault['key'] }\n ? {}\n : { getItemKey: SnackBarPropGetItemKey<ITEM> });\n\nexport type SnackBarComponent = <ITEM = SnackBarItemDefault>(\n props: SnackBarProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type SnackBarTimerPropOnMount = (object: {\n pause: () => void;\n start: () => void;\n}) => void;\n\nexport type SnackBarTimerProps = {\n onMount: SnackBarTimerPropOnMount;\n onTimeIsOver: () => void;\n startTime: number;\n hidden?: boolean;\n className?: string;\n};\n\nexport type SnackBarItemComponent = (\n props: SnackBarItemProps,\n) => React.ReactElement | null;\n"],"mappings":"AAuCA,MAAO,IAAMA,mBAAkB,CAAG,CAChC,QADgC,CAEhC,QAFgC,CAGhC,SAHgC,CAIhC,SAJgC,CAKhC,OALgC,CAA3B,CAQP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,6BAA4B,CAAG,CAAC,OAAD,CAAU,MAAV,CAArC,CA0CP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD"}
|
|
@@ -12,7 +12,7 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
|
|
|
12
12
|
name: string;
|
|
13
13
|
direction?: "row" | "column" | undefined;
|
|
14
14
|
size?: "m" | "l" | undefined;
|
|
15
|
-
view?: "
|
|
15
|
+
view?: "primary" | "ghost" | undefined;
|
|
16
16
|
disabled?: boolean | undefined;
|
|
17
17
|
className?: string | undefined;
|
|
18
18
|
defaultChecked?: boolean | undefined;
|
|
@@ -52,8 +52,9 @@ export declare type TableRow = {
|
|
|
52
52
|
rows?: TableRow[];
|
|
53
53
|
};
|
|
54
54
|
export declare type TableTreeRow<T extends TableRow> = {
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
options: {
|
|
56
|
+
level: number;
|
|
57
|
+
};
|
|
57
58
|
} & T;
|
|
58
59
|
export declare type TableFilters<T extends TableRow> = Filters<T>;
|
|
59
60
|
export declare type RowField<T extends TableRow> = Exclude<keyof T, symbol | number>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _excluded=["columns","rows","size","filters","isResizable","stickyHeader","stickyColumns","minColumnWidth","activeRow","verticalAlign","headerVerticalAlign","zebraStriped","borderBetweenRows","borderBetweenColumns","emptyRowsPlaceholder","defaultExpandAll","className","onRowHover","onRowClick","onRowCreate","onCellClick","getAdditionalClassName","rowCreateText","lazyLoad","onSortBy","onFiltersUpdated","getTagLabel","getCellWrap","isExpandedRowsByDefault"];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"./Table.css";import React,{useEffect,useMemo}from"react";import{useComponentSize}from"../../hooks/useComponentSize/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{IconSortDown}from"../../icons/IconSortDown/IconSortDown";import{IconSortUp}from"../../icons/IconSortUp/IconSortUp";import{IconUnsort}from"../../icons/IconUnsort/IconUnsort";import{sortBy as sortByDefault,updateAt}from"../../utils/array";import{cn}from"../../utils/bem";import{setRef}from"../../utils/setRef";import{isNotNil,isString}from"../../utils/type-guards";import{Button}from"../Button/Button";import{Text}from"../Text/Text";import{TableCell}from"./Cell/TableCell";import{fieldFiltersPresent,filterTableData,getSelectedFiltersList,isSelectedFiltersPresent,useSelectedFilters}from"./filtering";import{TableHeader}from"./Header/TableHeader";import{createSortingState,getColumnLeftOffset,getColumnsSize,getMergedArray,getNewSorting,Order,transformRows,useHeaderData,useLazyLoadData}from"./helpers";import{TableResizer}from"./Resizer/TableResizer";import{TableRowsCollapse}from"./RowsCollapse/TableRowsCollapse";import{TableSelectedOptionsList}from"./SelectedOptionsList/TableSelectedOptionsList";export{TableTextFilter}from"./TextFilter/TableTextFilter";export{TableFilterContainer}from"./FilterContainer/TableFilterContainer";export{TableNumberFilter}from"./NumberFilter/TableNumberFilter";export{TableChoiceGroupFilter}from"./ChoiceGroupFilter/TableChoiceGroupFilter";var cnTable=cn("Table");export var sizes=["s","m","l"];export var zebraStriped=["odd","even"];export var headerVerticalAligns=["center","bottom"];var createButtonSizeMap={s:"xs",m:"s",l:"m"},getColumnSortByField=function(a){return a.sortable&&a.sortByField||a.accessor},sortingData=function(a,b,c){if(c)return a;if(!b)return a;var d=sortByDefault(a,b.by,b.order,b.sortFn);return d.some(function(a){var b;return null===(b=a.rows)||void 0===b?void 0:b.length})?d.map(function(a){return a.rows?_objectSpread(_objectSpread({},a),{},{rows:sortingData(a.rows,b,c)}):a}):d},defaultEmptyRowsPlaceholder=React.createElement(Text,{as:"span",view:"primary",size:"s",lineHeight:"s"},"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"),InternalTable=function(a,b){var c,d,e,f,g=a.columns,h=a.rows,i=a.size,j=void 0===i?"l":i,k=a.filters,l=a.isResizable,m=void 0!==l&&l,n=a.stickyHeader,o=a.stickyColumns,p=void 0===o?0:o,q=a.minColumnWidth,r=void 0===q?150:q,s=a.activeRow,t=a.verticalAlign,u=void 0===t?"top":t,v=a.headerVerticalAlign,w=void 0===v?"center":v,x=a.zebraStriped,y=a.borderBetweenRows,z=a.borderBetweenColumns,A=void 0!==z&&z,B=a.emptyRowsPlaceholder,C=void 0===B?defaultEmptyRowsPlaceholder:B,D=a.defaultExpandAll,E=a.className,F=a.onRowHover,G=a.onRowClick,H=a.onRowCreate,I=a.onCellClick,J=a.getAdditionalClassName,K=a.rowCreateText,L=void 0===K?"+ \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443":K,M=a.lazyLoad,N=a.onSortBy,O=a.onFiltersUpdated,P=a.getTagLabel,Q=a.getCellWrap,R=a.isExpandedRowsByDefault,S=void 0!==R&&R,T=_objectWithoutProperties(a,_excluded),U=useHeaderData(g),V=U.headers,W=U.flattenedHeaders,X=U.lowHeaders,Y=U.headerRowsRefs,Z=U.headerRowsHeights,$=U.resizerTopOffsets,_=(null===(c=V[0][p-1])||void 0===c?void 0:c.position.gridIndex)+((null===(d=V[0][p-1])||void 0===d?void 0:d.position.colSpan)||1),aa=function(){return X.map(function(a){return a.width})},ba=React.useState(aa()),ca=_slicedToArray(ba,2),da=ca[0],ea=ca[1],fa=React.useMemo(function(){return k&&k.filter(function(a){return a.id&&a.field})},[k]);React.useEffect(function(){ea(aa())},[X.length]);var ga=React.useState([]),ha=_slicedToArray(ga,2),ia=ha[0],ja=ha[1],ka=React.useState(null),la=_slicedToArray(ka,2),ma=la[0],na=la[1],oa=React.useState(null),pa=_slicedToArray(oa,2),qa=pa[0],ra=pa[1],sa=React.useState({top:0,left:0}),ta=_slicedToArray(sa,2),ua=ta[0],va=ta[1],wa=React.useRef(null),xa=React.useRef({}),ya=React.useRef({}),za=useSelectedFilters(fa,O),Aa=za.selectedFilters,Ba=za.updateSelectedFilters,Ca=za.removeOneSelectedFilter,Da=za.removeAllSelectedFilters,Ea=React.useState([]),Fa=_slicedToArray(Ea,2),Ga=Fa[0],Ha=Fa[1];React.useEffect(function(){var a=g.find(function(a){return isString(a.order)&&Object.prototype.hasOwnProperty.call(Order,a.order)});if(a){var b=createSortingState(getColumnSortByField(a),a.order,a.sortFn);na(b)}},[g]),useComponentSize(wa);var Ia=(null===(e=wa.current)||void 0===e?void 0:e.clientHeight)||0,Ja=(null===(f=wa.current)||void 0===f?void 0:f.clientWidth)||0,Ka=0<ua.left,La=0<ua.top,Ma=s&&s.onChange,Na=function(a,b){ea(updateAt(da,a,b))},Oa=useMemo(function(){var a=Object.values(xa.current).filter(isNotNil),b=a.map(function(a){return a.getBoundingClientRect().width}),c=getMergedArray(b,da);return c.reduce(function(c,a){return(null!==c&&void 0!==c?c:0)+(null!==a&&void 0!==a?a:0)})},[da,m]);React.useLayoutEffect(function(){var a=Object.values(xa.current).filter(isNotNil);if(0!==a.length){var b=a.map(function(a){return a.getBoundingClientRect().width});if(ja(b),a[0].getBoundingClientRect().left!==a[a.length-1].getBoundingClientRect().left){var c=getMergedArray(b,da);return(null!==Oa&&void 0!==Oa?Oa:Ja)<Ja&&(c[c.length-1]=void 0),ea(c)}return 0<Ja&&!m?ea(aa()):void 0}},[Ja,Oa]);var Pa=function(a){return getColumnSortByField(a)===(null===ma||void 0===ma?void 0:ma.by)},Qa=function(a,b){return b>=p?void 0:getColumnLeftOffset({columnIndex:a,resizedColumnWidths:da,initialColumnWidths:ia})},Ra=function(a){var b=a.id,c=a.e;s&&s.onChange&&s.onChange({id:s.id===b?void 0:b,e:c})},Sa=function(a){return function(b){return F&&F({id:a,e:b})}},Ta=function(a,b){return function(c){return H&&H({e:c,id:b,index:a})}},Ua=function(a,b){var c=Math.min(r,ia[a]),d=da[a]||ia[a],e=Math.max(c,d+b);Na(a,e);var f=wa.current;a===da.length-1&&0<b&&f&&f.scrollBy(b,0)},Va=getColumnLeftOffset({columnIndex:p,resizedColumnWidths:da,initialColumnWidths:ia}),Wa=function(a){return a.map(function(a){var b,c=a.position.gridIndex,d=da[c],e=ia[c],f=d||e,g=getColumnLeftOffset({columnIndex:c,resizedColumnWidths:da,initialColumnWidths:ia}),h=p>a.position.topHeaderGridIndex,i=p>c||Va+ua.left<g+f,j=0<((null===(b=Aa[a.accessor])||void 0===b?void 0:b.selected)||[]).length;return _objectSpread(_objectSpread({},a),{},{filterable:!!(fa&&fieldFiltersPresent(fa,a.accessor)),isSortingActive:Pa(a),isFilterActive:j,isResized:!!f&&f!==e,isSticky:h,showResizer:i,columnWidth:f,columnLeftOffset:g})})},Xa=Wa(W),Ya=React.useMemo(function(){return h.some(function(a){var b;return!(!(null!==(b=a.rows)&&void 0!==b)||!b.length)})},[h]),Za=sortingData(h,ma,N),$a=fa&&isSelectedFiltersPresent(Aa)?filterTableData({data:Za,filters:fa||[],selectedFilters:Aa}):Za,_a=M||{},ab=_a.maxVisibleRows,bb=void 0===ab?210:ab,cb=_a.scrollableEl,db=void 0===cb?wa.current:cb,eb=useLazyLoadData(bb,db,!!M),fb=eb.getSlicedRows,gb=eb.setBoundaryRef,hb=transformRows($a,Ga,S),ib=fb(hb),jb={"--table-grid-template-columns":getColumnsSize(da),"--table-width":"".concat(Ja,"px")},kb=Wa(X).some(function(a){return a.mergeCells}),lb=function(a){return function(){return Ga.includes(a)?void Ha(function(b){return b.filter(function(b){return b!==a})}):void Ha(function(b){return[].concat(_toConsumableArray(b),[a])})}},mb=function(a,b){var c,d=!(!(null!==(c=a.rows)&&void 0!==c)||!c.length)&&0===b,e={level:a.level,isExpandedByDefault:S};if(!d||S)return e;var f=Ga.includes(a.id),g=lb(a.id);return _objectSpread(_objectSpread({},e),{},{withCollapseButton:d,isExpanded:f,toggleCollapse:g})},nb=function(a,b){var c=[];return a.forEach(function(a){var d,e;if((a.defaultExpand||0<(null!==(d=null===(e=a.rows)||void 0===e?void 0:e.length)&&void 0!==d?d:0)&&b)&&c.push(a.id),a.rows){var f=nb(a.rows,b);c=[].concat(_toConsumableArray(c),_toConsumableArray(f)),0<f.length&&-1===c.indexOf(a.id)&&c.push(a.id)}}),c};useEffect(function(){h&&Ha(nb(h,D))},[h,D]);var ob=function(a,b,c){var d=a.renderCell?a.renderCell(b):b[a.accessor];if(!Ya||0!==c)return d;var e=mb(b,c);return React.createElement(TableRowsCollapse,e,d)},pb=useMemo(function(){var a,b=ib.length,c=null!==(a=ib.slice(-1).pop())&&void 0!==a?a:{},d=c.id;return H?React.createElement("div",{className:cnTable(b?"CreatRowCell":"RowWithoutCells")},React.createElement(Button,{size:createButtonSizeMap[j],form:"brick",label:L,view:"clear",className:cnTable("CreateRowButton"),onClick:Ta(b,d),width:"full"})):null},[L,ib.length,H]),qb=function(a,b,c,d){var e=c.mergeCells,f=c.accessor,g=c.position,h=c.getComparisonValue,j=void 0===h?function(a){return a}:h,k=ib[b-1]&&j(ib[b-1][f]),l=j(a[f]),m={rowSpan:1,show:!1,style:{left:Qa(d,g.topHeaderGridIndex)}};if(e&&(ib[b-1]&&k!==l||0===b)){for(var n,o=b;o<ib.length&&ib[o+1]&&(n=j(ib[o+1][f]),l===n);o++)m.rowSpan++;1<m.rowSpan&&(m.style["--row-span"]="span ".concat(m.rowSpan)),m.show=!0}return e||(m.show=!0),m},rb=function(a){null===I||void 0===I?void 0:I(a)};return React.createElement("div",Object.assign({},T,{ref:useForkRef([wa,b]),className:cnTable({size:j,isResizable:m,zebraStriped:x,withBorderBottom:!$a.length},[E]),style:jb,onScroll:function handleScroll(a){a.target instanceof HTMLElement&&a.target===wa.current&&va({top:a.target.scrollTop,left:a.target.scrollLeft})}}),Wa(X).map(function(a,b){return React.createElement(TableCell,{type:"resizer",key:b,ref:function(a){xa.current[b]=a},style:{left:Qa(b,b)},onContextMenu:function onContextMenu(a){return rb({e:a,type:"contextMenu",columnIdx:b,ref:{current:xa.current[b]}})},onClick:function onClick(a){return rb({e:a,type:"click",columnIdx:b,ref:{current:xa.current[b]}})},column:a,showVerticalShadow:Ka},m&&React.createElement(TableResizer,{height:Ia-$[b],top:$[b],isVisible:a.showResizer,onResize:function onResize(a){return Ua(b,a)},onDoubleClick:function onDoubleClick(){return Na(b,ia[b])}}))}),React.createElement(TableHeader,{isStickyHeader:void 0!==n&&n,headersWithMetaData:Xa,headerRowsHeights:Z,headerRowsRefs:Y,getStickyLeftOffset:Qa,stickyColumnsGrid:_,showVerticalCellShadow:Ka,headerVerticalAlign:w,getSortIcon:function getSortIcon(a){return Pa(a)&&("desc"===(null===ma||void 0===ma?void 0:ma.order)?IconSortDown:IconSortUp)||IconUnsort},handleSortClick:function handleSortClick(a){var b=getNewSorting(ma,getColumnSortByField(a),a.sortable&&(null===a||void 0===a?void 0:a.sortFn)||void 0),c=b?{sortingBy:b.by,sortOrder:b.order}:null;N&&N(c),na(b)},handleFilterTogglerClick:function handleFilterTogglerClick(a){return function(){ra(qa===a?null:a)}},handleCellClick:rb,handleTooltipSave:function handleTooltipSave(a,b,c){Ba(a,b,c)},filters:fa,visibleFilter:qa,selectedFilters:Aa,showHorizontalCellShadow:La,borderBetweenColumns:A}),fa&&isSelectedFiltersPresent(Aa)&&React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement(TableSelectedOptionsList,{values:getSelectedFiltersList({filters:fa,selectedFilters:Aa,columns:X}),getTagLabel:P,onRemove:function removeSelectedFilter(a){return function(b){Ca(a,b)}}(fa),onReset:function resetSelectedFilters(){fa&&fa.length&&Da(fa)}})),0<ib.length?ib.map(function(a,b){var c=0==(b+1)%2?"even":"odd";return React.createElement("div",{key:a.id,role:"presentation",className:cnTable("CellsRow",{nth:c,withMergedCells:kb}),onMouseEnter:Sa(a.id),onMouseLeave:Sa(void 0),onClick:function onClick(b){return G&&G({id:a.id,e:b})}},Wa(X).map(function(c,d){var e=qb(a,b,c,d),f=e.show,g=e.style,h=e.rowSpan;return f?React.createElement(TableCell,{type:"content",key:c.accessor,ref:function(c){ya.current["".concat(d,"-").concat(a.id)]=c,setRef(gb(d,b),c)},style:g,wrapperClassName:cnTable("ContentCell",{isActive:!!s&&s.id===a.id,isDarkned:!!s&&void 0!==s.id&&s.id!==a.id,isMerged:c.mergeCells&&1<h}),className:null===J||void 0===J?void 0:J({column:c,row:a,isActive:!!s&&s.id===a.id}),wrap:null===Q||void 0===Q?void 0:Q(a),onContextMenu:function onContextMenu(b){return rb({e:b,type:"contextMenu",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},onClick:function onClick(b){Ra({id:a.id,e:b}),rb({e:b,type:"click",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},column:c,verticalAlign:u,isClickable:!!Ma,showVerticalShadow:Ka&&(null===c||void 0===c?void 0:c.position.gridIndex)+((null===c||void 0===c?void 0:c.position.colSpan)||1)===_,isBorderTop:0<b&&void 0!==y&&y,isBorderLeft:0<d&&A},ob(c,a,d)):null}))}):React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement("div",{className:cnTable("EmptyCell")},function renderEmptyRowsPlaceholder(a){return"string"==typeof a?React.createElement(Text,{size:"s"},a):a}(C))),pb)};export var Table=React.forwardRef(InternalTable);
|
|
1
|
+
import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _excluded=["columns","rows","size","filters","isResizable","stickyHeader","stickyColumns","minColumnWidth","activeRow","verticalAlign","headerVerticalAlign","zebraStriped","borderBetweenRows","borderBetweenColumns","emptyRowsPlaceholder","defaultExpandAll","className","onRowHover","onRowClick","onRowCreate","onCellClick","getAdditionalClassName","rowCreateText","lazyLoad","onSortBy","onFiltersUpdated","getTagLabel","getCellWrap","isExpandedRowsByDefault"];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"./Table.css";import React,{useEffect,useMemo}from"react";import{useComponentSize}from"../../hooks/useComponentSize/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{IconSortDown}from"../../icons/IconSortDown/IconSortDown";import{IconSortUp}from"../../icons/IconSortUp/IconSortUp";import{IconUnsort}from"../../icons/IconUnsort/IconUnsort";import{sortBy as sortByDefault,updateAt}from"../../utils/array";import{cn}from"../../utils/bem";import{setRef}from"../../utils/setRef";import{isNotNil,isString}from"../../utils/type-guards";import{Button}from"../Button/Button";import{Text}from"../Text/Text";import{TableCell}from"./Cell/TableCell";import{fieldFiltersPresent,filterTableData,getSelectedFiltersList,isSelectedFiltersPresent,useSelectedFilters}from"./filtering";import{TableHeader}from"./Header/TableHeader";import{createSortingState,getColumnLeftOffset,getColumnsSize,getMergedArray,getNewSorting,Order,transformRows,useHeaderData,useLazyLoadData}from"./helpers";import{TableResizer}from"./Resizer/TableResizer";import{TableRowsCollapse}from"./RowsCollapse/TableRowsCollapse";import{TableSelectedOptionsList}from"./SelectedOptionsList/TableSelectedOptionsList";export{TableTextFilter}from"./TextFilter/TableTextFilter";export{TableFilterContainer}from"./FilterContainer/TableFilterContainer";export{TableNumberFilter}from"./NumberFilter/TableNumberFilter";export{TableChoiceGroupFilter}from"./ChoiceGroupFilter/TableChoiceGroupFilter";var cnTable=cn("Table");export var sizes=["s","m","l"];export var zebraStriped=["odd","even"];export var headerVerticalAligns=["center","bottom"];var createButtonSizeMap={s:"xs",m:"s",l:"m"},getColumnSortByField=function(a){return a.sortable&&a.sortByField||a.accessor},sortingData=function(a,b,c){if(c)return a;if(!b)return a;var d=sortByDefault(a,b.by,b.order,b.sortFn);return d.some(function(a){var b;return null===(b=a.rows)||void 0===b?void 0:b.length})?d.map(function(a){return a.rows?_objectSpread(_objectSpread({},a),{},{rows:sortingData(a.rows,b,c)}):a}):d},defaultEmptyRowsPlaceholder=React.createElement(Text,{as:"span",view:"primary",size:"s",lineHeight:"s"},"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"),InternalTable=function(a,b){var c,d,e,f,g=a.columns,h=a.rows,i=a.size,j=void 0===i?"l":i,k=a.filters,l=a.isResizable,m=void 0!==l&&l,n=a.stickyHeader,o=a.stickyColumns,p=void 0===o?0:o,q=a.minColumnWidth,r=void 0===q?150:q,s=a.activeRow,t=a.verticalAlign,u=void 0===t?"top":t,v=a.headerVerticalAlign,w=void 0===v?"center":v,x=a.zebraStriped,y=a.borderBetweenRows,z=a.borderBetweenColumns,A=void 0!==z&&z,B=a.emptyRowsPlaceholder,C=void 0===B?defaultEmptyRowsPlaceholder:B,D=a.defaultExpandAll,E=a.className,F=a.onRowHover,G=a.onRowClick,H=a.onRowCreate,I=a.onCellClick,J=a.getAdditionalClassName,K=a.rowCreateText,L=void 0===K?"+ \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443":K,M=a.lazyLoad,N=a.onSortBy,O=a.onFiltersUpdated,P=a.getTagLabel,Q=a.getCellWrap,R=a.isExpandedRowsByDefault,S=void 0!==R&&R,T=_objectWithoutProperties(a,_excluded),U=useHeaderData(g),V=U.headers,W=U.flattenedHeaders,X=U.lowHeaders,Y=U.headerRowsRefs,Z=U.headerRowsHeights,$=U.resizerTopOffsets,_=(null===(c=V[0][p-1])||void 0===c?void 0:c.position.gridIndex)+((null===(d=V[0][p-1])||void 0===d?void 0:d.position.colSpan)||1),aa=function(){return X.map(function(a){return a.width})},ba=React.useState(aa()),ca=_slicedToArray(ba,2),da=ca[0],ea=ca[1],fa=React.useMemo(function(){return k&&k.filter(function(a){return a.id&&a.field})},[k]);React.useEffect(function(){ea(aa())},[X.length]);var ga=React.useState([]),ha=_slicedToArray(ga,2),ia=ha[0],ja=ha[1],ka=React.useState(null),la=_slicedToArray(ka,2),ma=la[0],na=la[1],oa=React.useState(null),pa=_slicedToArray(oa,2),qa=pa[0],ra=pa[1],sa=React.useState({top:0,left:0}),ta=_slicedToArray(sa,2),ua=ta[0],va=ta[1],wa=React.useRef(null),xa=React.useRef({}),ya=React.useRef({}),za=useSelectedFilters(fa,O),Aa=za.selectedFilters,Ba=za.updateSelectedFilters,Ca=za.removeOneSelectedFilter,Da=za.removeAllSelectedFilters,Ea=React.useState([]),Fa=_slicedToArray(Ea,2),Ga=Fa[0],Ha=Fa[1];React.useEffect(function(){var a=g.find(function(a){return isString(a.order)&&Object.prototype.hasOwnProperty.call(Order,a.order)});if(a){var b=createSortingState(getColumnSortByField(a),a.order,a.sortFn);na(b)}},[g]),useComponentSize(wa);var Ia=(null===(e=wa.current)||void 0===e?void 0:e.clientHeight)||0,Ja=(null===(f=wa.current)||void 0===f?void 0:f.clientWidth)||0,Ka=0<ua.left,La=0<ua.top,Ma=s&&s.onChange,Na=function(a,b){ea(updateAt(da,a,b))},Oa=useMemo(function(){var a=Object.values(xa.current).filter(isNotNil),b=a.map(function(a){return a.getBoundingClientRect().width}),c=getMergedArray(b,da);return c.reduce(function(c,a){return(null!==c&&void 0!==c?c:0)+(null!==a&&void 0!==a?a:0)})},[da,m]);React.useLayoutEffect(function(){var a=Object.values(xa.current).filter(isNotNil);if(0!==a.length){var b=a.map(function(a){return a.getBoundingClientRect().width});if(ja(b),a[0].getBoundingClientRect().left!==a[a.length-1].getBoundingClientRect().left){var c=getMergedArray(b,da);return(null!==Oa&&void 0!==Oa?Oa:Ja)<Ja&&(c[c.length-1]=void 0),ea(c)}return 0<Ja&&!m?ea(aa()):void 0}},[Ja,Oa]);var Pa=function(a){return getColumnSortByField(a)===(null===ma||void 0===ma?void 0:ma.by)},Qa=function(a,b){return b>=p?void 0:getColumnLeftOffset({columnIndex:a,resizedColumnWidths:da,initialColumnWidths:ia})},Ra=function(a){var b=a.id,c=a.e;s&&s.onChange&&s.onChange({id:s.id===b?void 0:b,e:c})},Sa=function(a){return function(b){return F&&F({id:a,e:b})}},Ta=function(a,b){return function(c){return H&&H({e:c,id:b,index:a})}},Ua=function(a,b){var c=Math.min(r,ia[a]),d=da[a]||ia[a],e=Math.max(c,d+b);Na(a,e);var f=wa.current;a===da.length-1&&0<b&&f&&f.scrollBy(b,0)},Va=getColumnLeftOffset({columnIndex:p,resizedColumnWidths:da,initialColumnWidths:ia}),Wa=function(a){return a.map(function(a){var b,c=a.position.gridIndex,d=da[c],e=ia[c],f=d||e,g=getColumnLeftOffset({columnIndex:c,resizedColumnWidths:da,initialColumnWidths:ia}),h=p>a.position.topHeaderGridIndex,i=p>c||Va+ua.left<g+f,j=0<((null===(b=Aa[a.accessor])||void 0===b?void 0:b.selected)||[]).length;return _objectSpread(_objectSpread({},a),{},{filterable:!!(fa&&fieldFiltersPresent(fa,a.accessor)),isSortingActive:Pa(a),isFilterActive:j,isResized:!!f&&f!==e,isSticky:h,showResizer:i,columnWidth:f,columnLeftOffset:g})})},Xa=Wa(W),Ya=React.useMemo(function(){return h.some(function(a){var b;return!(!(null!==(b=a.rows)&&void 0!==b)||!b.length)})},[h]),Za=sortingData(h,ma,N),$a=fa&&isSelectedFiltersPresent(Aa)?filterTableData({data:Za,filters:fa||[],selectedFilters:Aa}):Za,_a=M||{},ab=_a.maxVisibleRows,bb=void 0===ab?210:ab,cb=_a.scrollableEl,db=void 0===cb?wa.current:cb,eb=useLazyLoadData(bb,db,!!M),fb=eb.getSlicedRows,gb=eb.setBoundaryRef,hb=transformRows($a,Ga,S),ib=fb(hb),jb={"--table-grid-template-columns":getColumnsSize(da),"--table-width":"".concat(Ja,"px")},kb=Wa(X).some(function(a){return a.mergeCells}),lb=function(a){return function(){return Ga.includes(a)?void Ha(function(b){return b.filter(function(b){return b!==a})}):void Ha(function(b){return[].concat(_toConsumableArray(b),[a])})}},mb=function(a,b){var c,d=!(!(null!==(c=a.rows)&&void 0!==c)||!c.length)&&0===b,e={level:a.options.level,isExpandedByDefault:S};if(!d||S)return e;var f=Ga.includes(a.id),g=lb(a.id);return _objectSpread(_objectSpread({},e),{},{withCollapseButton:d,isExpanded:f,toggleCollapse:g})},nb=function(a,b){var c=[];return a.forEach(function(a){var d,e;if((a.defaultExpand||0<(null!==(d=null===(e=a.rows)||void 0===e?void 0:e.length)&&void 0!==d?d:0)&&b)&&c.push(a.id),a.rows){var f=nb(a.rows,b);c=[].concat(_toConsumableArray(c),_toConsumableArray(f)),0<f.length&&-1===c.indexOf(a.id)&&c.push(a.id)}}),c};useEffect(function(){h&&Ha(nb(h,D))},[h,D]);var ob=function(a,b,c){var d=a.renderCell?a.renderCell(b):b[a.accessor];if(!Ya||0!==c)return d;var e=mb(b,c);return React.createElement(TableRowsCollapse,e,d)},pb=useMemo(function(){var a,b=ib.length,c=null!==(a=ib.slice(-1).pop())&&void 0!==a?a:{},d=c.id;return H?React.createElement("div",{className:cnTable(b?"CreatRowCell":"RowWithoutCells")},React.createElement(Button,{size:createButtonSizeMap[j],form:"brick",label:L,view:"clear",className:cnTable("CreateRowButton"),onClick:Ta(b,d),width:"full"})):null},[L,ib.length,H]),qb=function(a,b,c,d){var e=c.mergeCells,f=c.accessor,g=c.position,h=c.getComparisonValue,j=void 0===h?function(a){return a}:h,k=ib[b-1]&&j(ib[b-1][f]),l=j(a[f]),m={rowSpan:1,show:!1,style:{left:Qa(d,g.topHeaderGridIndex)}};if(e&&(ib[b-1]&&k!==l||0===b)){for(var n,o=b;o<ib.length&&ib[o+1]&&(n=j(ib[o+1][f]),l===n);o++)m.rowSpan++;1<m.rowSpan&&(m.style["--row-span"]="span ".concat(m.rowSpan)),m.show=!0}return e||(m.show=!0),m},rb=function(a){null===I||void 0===I?void 0:I(a)};return React.createElement("div",Object.assign({},T,{ref:useForkRef([wa,b]),className:cnTable({size:j,isResizable:m,zebraStriped:x,withBorderBottom:!$a.length},[E]),style:jb,onScroll:function handleScroll(a){a.target instanceof HTMLElement&&a.target===wa.current&&va({top:a.target.scrollTop,left:a.target.scrollLeft})}}),Wa(X).map(function(a,b){return React.createElement(TableCell,{type:"resizer",key:b,ref:function(a){xa.current[b]=a},style:{left:Qa(b,b)},onContextMenu:function onContextMenu(a){return rb({e:a,type:"contextMenu",columnIdx:b,ref:{current:xa.current[b]}})},onClick:function onClick(a){return rb({e:a,type:"click",columnIdx:b,ref:{current:xa.current[b]}})},column:a,showVerticalShadow:Ka},m&&React.createElement(TableResizer,{height:Ia-$[b],top:$[b],isVisible:a.showResizer,onResize:function onResize(a){return Ua(b,a)},onDoubleClick:function onDoubleClick(){return Na(b,ia[b])}}))}),React.createElement(TableHeader,{isStickyHeader:void 0!==n&&n,headersWithMetaData:Xa,headerRowsHeights:Z,headerRowsRefs:Y,getStickyLeftOffset:Qa,stickyColumnsGrid:_,showVerticalCellShadow:Ka,headerVerticalAlign:w,getSortIcon:function getSortIcon(a){return Pa(a)&&("desc"===(null===ma||void 0===ma?void 0:ma.order)?IconSortDown:IconSortUp)||IconUnsort},handleSortClick:function handleSortClick(a){var b=getNewSorting(ma,getColumnSortByField(a),a.sortable&&(null===a||void 0===a?void 0:a.sortFn)||void 0),c=b?{sortingBy:b.by,sortOrder:b.order}:null;N&&N(c),na(b)},handleFilterTogglerClick:function handleFilterTogglerClick(a){return function(){ra(qa===a?null:a)}},handleCellClick:rb,handleTooltipSave:function handleTooltipSave(a,b,c){Ba(a,b,c)},filters:fa,visibleFilter:qa,selectedFilters:Aa,showHorizontalCellShadow:La,borderBetweenColumns:A}),fa&&isSelectedFiltersPresent(Aa)&&React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement(TableSelectedOptionsList,{values:getSelectedFiltersList({filters:fa,selectedFilters:Aa,columns:X}),getTagLabel:P,onRemove:function removeSelectedFilter(a){return function(b){Ca(a,b)}}(fa),onReset:function resetSelectedFilters(){fa&&fa.length&&Da(fa)}})),0<ib.length?ib.map(function(a,b){var c=0==(b+1)%2?"even":"odd";return React.createElement("div",{key:a.id,role:"presentation",className:cnTable("CellsRow",{nth:c,withMergedCells:kb}),onMouseEnter:Sa(a.id),onMouseLeave:Sa(void 0),onClick:function onClick(b){return G&&G({id:a.id,e:b})}},Wa(X).map(function(c,d){var e=qb(a,b,c,d),f=e.show,g=e.style,h=e.rowSpan;return f?React.createElement(TableCell,{type:"content",key:c.accessor,ref:function(c){ya.current["".concat(d,"-").concat(a.id)]=c,setRef(gb(d,b),c)},style:g,wrapperClassName:cnTable("ContentCell",{isActive:!!s&&s.id===a.id,isDarkned:!!s&&void 0!==s.id&&s.id!==a.id,isMerged:c.mergeCells&&1<h}),className:null===J||void 0===J?void 0:J({column:c,row:a,isActive:!!s&&s.id===a.id}),wrap:null===Q||void 0===Q?void 0:Q(a),onContextMenu:function onContextMenu(b){return rb({e:b,type:"contextMenu",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},onClick:function onClick(b){Ra({id:a.id,e:b}),rb({e:b,type:"click",columnIdx:d,rowId:a.id,ref:{current:ya.current["".concat(d,"-").concat(a.id)]}})},column:c,verticalAlign:u,isClickable:!!Ma,showVerticalShadow:Ka&&(null===c||void 0===c?void 0:c.position.gridIndex)+((null===c||void 0===c?void 0:c.position.colSpan)||1)===_,isBorderTop:0<b&&void 0!==y&&y,isBorderLeft:0<d&&A},ob(c,a,d)):null}))}):React.createElement("div",{className:cnTable("RowWithoutCells")},React.createElement("div",{className:cnTable("EmptyCell")},function renderEmptyRowsPlaceholder(a){return"string"==typeof a?React.createElement(Text,{size:"s"},a):a}(C))),pb)};export var Table=React.forwardRef(InternalTable);
|
|
2
2
|
//# sourceMappingURL=Table.js.map
|