@i-novus/n2o-components 7.28.2 → 7.28.3
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/lib/display/Badge/Badge.d.ts +1 -1
- package/lib/display/Badge/utils.d.ts +2 -2
- package/lib/display/Badge/utils.js.map +1 -1
- package/lib/display/Collapse/Collapse.d.ts +26 -0
- package/lib/display/Collapse/Collapse.js +27 -0
- package/lib/display/Collapse/Collapse.js.map +1 -0
- package/lib/display/Divider/Divider.d.ts +19 -0
- package/lib/display/Divider/Divider.js +27 -0
- package/lib/display/Divider/Divider.js.map +1 -0
- package/lib/display/Drawer.d.ts +1 -2
- package/lib/display/Html.d.ts +1 -2
- package/lib/display/Image/Image.d.ts +3 -4
- package/lib/display/Image/Image.js +3 -6
- package/lib/display/Image/Image.js.map +1 -1
- package/lib/display/Image/ImageInfo.d.ts +4 -5
- package/lib/display/Image/ImageInfo.js +4 -1
- package/lib/display/Image/ImageInfo.js.map +1 -1
- package/lib/display/Pagination/ExtraPage.d.ts +3 -0
- package/lib/display/Pagination/ExtraPage.js +27 -0
- package/lib/display/Pagination/ExtraPage.js.map +1 -0
- package/lib/display/Pagination/Pages.d.ts +3 -0
- package/lib/display/Pagination/Pages.js +22 -0
- package/lib/display/Pagination/Pages.js.map +1 -0
- package/lib/display/Pagination/Pagination.d.ts +4 -25
- package/lib/display/Pagination/Pagination.js +42 -117
- package/lib/display/Pagination/Pagination.js.map +1 -1
- package/lib/display/Pagination/Select.d.ts +3 -0
- package/lib/display/Pagination/Select.js +11 -0
- package/lib/display/Pagination/Select.js.map +1 -0
- package/lib/display/Pagination/Total.d.ts +3 -0
- package/lib/display/Pagination/Total.js +12 -0
- package/lib/display/Pagination/Total.js.map +1 -0
- package/lib/display/Pagination/constants.d.ts +83 -0
- package/lib/display/Pagination/constants.js +22 -0
- package/lib/display/Pagination/constants.js.map +1 -0
- package/lib/display/Pagination/helpers.d.ts +10 -0
- package/lib/display/Pagination/helpers.js +22 -0
- package/lib/display/Pagination/helpers.js.map +1 -0
- package/lib/display/Pagination/usePagination.d.ts +6 -0
- package/lib/display/Pagination/usePagination.js +44 -0
- package/lib/display/Pagination/usePagination.js.map +1 -0
- package/lib/display/Panel/Panel.d.ts +8 -0
- package/lib/display/Panel/Panel.js +9 -0
- package/lib/display/Panel/Panel.js.map +1 -0
- package/lib/display/Text.d.ts +1 -4
- package/lib/display/Text.js +1 -4
- package/lib/display/Text.js.map +1 -1
- package/lib/display/Tooltip.d.ts +4 -0
- package/lib/display/Tooltip.js +24 -0
- package/lib/display/Tooltip.js.map +1 -0
- package/lib/inputs/DatePicker/DateTimeControl.js.map +1 -1
- package/lib/inputs/DatePicker/utils.js.map +1 -1
- package/lib/inputs/Input.d.ts +1 -2
- package/lib/inputs/InputMoney.d.ts +1 -1
- package/lib/inputs/InputMoney.js +1 -7
- package/lib/inputs/InputMoney.js.map +1 -1
- package/lib/inputs/InputSelect/InputContent.d.ts +3 -1
- package/lib/inputs/InputSelect/InputContent.js +4 -4
- package/lib/inputs/InputSelect/InputContent.js.map +1 -1
- package/lib/inputs/InputSelect/InputSelect.d.ts +0 -1
- package/lib/inputs/InputSelect/InputSelect.js +9 -11
- package/lib/inputs/InputSelect/InputSelect.js.map +1 -1
- package/lib/inputs/InputText.d.ts +1 -2
- package/lib/inputs/Rating.d.ts +8 -8
- package/lib/inputs/Rating.js.map +1 -1
- package/lib/inputs/Select/Select.js +13 -3
- package/lib/inputs/Select/Select.js.map +1 -1
- package/lib/inputs/Select/types.d.ts +1 -0
- package/lib/inputs/Switch.d.ts +2 -3
- package/lib/inputs/Switch.js.map +1 -1
- package/lib/inputs/eventHandlersContext.d.ts +1 -2
- package/lib/layouts/ScrollContainer.d.ts +12 -1
- package/lib/layouts/Spinner/Spinner.d.ts +2 -1
- package/lib/layouts/Spinner/Spinner.js.map +1 -1
- package/lib/tests/unit/InputPassword.test.js.map +1 -1
- package/lib/tests/unit/ProgressControl.test.js.map +1 -1
- package/package.json +6 -3
- package/lib/display/Pagination/PaginationButton.d.ts +0 -13
- package/lib/display/Pagination/PaginationButton.js +0 -16
- package/lib/display/Pagination/PaginationButton.js.map +0 -1
- package/lib/display/Pagination/types.d.ts +0 -62
- package/lib/display/Pagination/types.js +0 -22
- package/lib/display/Pagination/types.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Props as BadgeProps } from './Badge';
|
|
2
2
|
import { Position } from './enums';
|
|
3
|
-
export declare const isBadgeLeftPosition: (badgePosition: Position) => boolean;
|
|
4
|
-
export declare const isBadgeRightPosition: (badgePosition: Position) => boolean;
|
|
3
|
+
export declare const isBadgeLeftPosition: (badgePosition: Position | string) => boolean;
|
|
4
|
+
export declare const isBadgeRightPosition: (badgePosition: Position | string) => boolean;
|
|
5
5
|
export declare const resolveBadgeProps: (props: BadgeProps & {
|
|
6
6
|
colorFieldId: string;
|
|
7
7
|
fieldId: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/display/Badge/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAA;AAG9B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,MAAM,UAAU,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,CAAC,CAAA;AAEvE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/display/Badge/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAA;AAG9B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,MAAM,UAAU,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,CAAC,CAAA;AAEvE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,aAAgC,EAAE,EAAE,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,CAAA;AAExG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,aAAgC,EAAE,EAAE,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,CAAA;AAEzG,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC7B,KAIC,EACD,IAA4B,EAClB,EAAE;IACZ,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IAEzE,uCACO,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,KAC1B,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,EAC3B,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,EAClC,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,IACrC;AACL,CAAC,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Компонент Collapse
|
|
4
|
+
* @param {string | array} activeKey - активный ключ панели (При совпадении с ключами Panel происходит открытие последней)
|
|
5
|
+
* @param {boolean} collapsible - флаг выключения возможности сворачивания
|
|
6
|
+
* @returns {*}
|
|
7
|
+
* @constructor
|
|
8
|
+
*/
|
|
9
|
+
export declare type Props = {
|
|
10
|
+
className: string;
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
collapsible: boolean;
|
|
13
|
+
defaultActiveKey: string | null;
|
|
14
|
+
};
|
|
15
|
+
export declare const Collapse: {
|
|
16
|
+
({ className, children, collapsible, ...rest }: Props): JSX.Element;
|
|
17
|
+
defaultProps: {
|
|
18
|
+
destroyInactivePanel: boolean;
|
|
19
|
+
accordion: boolean;
|
|
20
|
+
dataKey: string;
|
|
21
|
+
collapsible: boolean;
|
|
22
|
+
isVisible: boolean;
|
|
23
|
+
onChange: () => void;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default Collapse;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
// @ts-ignore import from js file
|
|
4
|
+
import CollapseBody from 'rc-collapse';
|
|
5
|
+
import classNames from 'classnames';
|
|
6
|
+
import { Icon } from '../Icon';
|
|
7
|
+
const renderIcon = ({ isActive }, collapsible) => {
|
|
8
|
+
if (!collapsible) {
|
|
9
|
+
return null;
|
|
10
|
+
}
|
|
11
|
+
return (React.createElement("div", { className: "n2o-collapse-icon-wrapper" },
|
|
12
|
+
React.createElement(Icon, { className: classNames('n2o-collapse-icon', { isActive }), name: "fa fa-angle-right" })));
|
|
13
|
+
};
|
|
14
|
+
export const Collapse = (_a) => {
|
|
15
|
+
var { className, children, collapsible } = _a, rest = __rest(_a, ["className", "children", "collapsible"]);
|
|
16
|
+
return (React.createElement(CollapseBody, Object.assign({ className: classNames('n2o-collapse', className), expandIcon: (props) => renderIcon(props, collapsible) }, rest), children));
|
|
17
|
+
};
|
|
18
|
+
Collapse.defaultProps = {
|
|
19
|
+
destroyInactivePanel: false,
|
|
20
|
+
accordion: false,
|
|
21
|
+
dataKey: 'items',
|
|
22
|
+
collapsible: true,
|
|
23
|
+
isVisible: true,
|
|
24
|
+
onChange: () => { },
|
|
25
|
+
};
|
|
26
|
+
export default Collapse;
|
|
27
|
+
//# sourceMappingURL=Collapse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../../src/display/Collapse/Collapse.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,iCAAiC;AACjC,OAAO,YAAY,MAAM,aAAa,CAAA;AACtC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,WAAoB,EAAE,EAAE;IAC7E,IAAI,CAAC,WAAW,EAAE;QAAE,OAAO,IAAI,CAAA;KAAE;IAEjC,OAAO,CACH,6BAAK,SAAS,EAAC,2BAA2B;QACtC,oBAAC,IAAI,IACD,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,CAAC,EACxD,IAAI,EAAC,mBAAmB,GAC1B,CACA,CACT,CAAA;AACL,CAAC,CAAA;AAiBD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAoD,EAAE,EAAE;QAAxD,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,OAAkB,EAAb,IAAI,cAA3C,wCAA6C,CAAF;IAChE,OAAO,CACH,oBAAC,YAAY,kBACT,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAChD,UAAU,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,IACxE,IAAI,GAEP,QAAQ,CACE,CAClB,CAAA;AACL,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG;IACpB,oBAAoB,EAAE,KAAK;IAC3B,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,OAAO;IAChB,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACrB,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
className?: string;
|
|
4
|
+
dashed?: boolean;
|
|
5
|
+
position?: string;
|
|
6
|
+
type?: 'horizontal' | 'vertical';
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Компонент Divider
|
|
12
|
+
* @reactProps {string} className - Пользовательский className css (default : '');
|
|
13
|
+
* @reactProps {object} style - css стили Divider. Необходимые параметры width-для горизонтального, height-для вертикального (default : none);
|
|
14
|
+
* @reactProps {boolean} dashed - вкл/откл путктирной линии на Divider (default : false);
|
|
15
|
+
* @reactProps{string} position - Позиционирование заголовка. Работает только на горизонтальном Divider и при наличии заголовка (default : 'left');
|
|
16
|
+
* @reactProps {string} type - Тип Divider horizontal или vertical (default : 'horizontal');
|
|
17
|
+
* @reactProps {string} children - Заголовок для горизонтального типа. Указывается между тегами компонента: <Divider>Заголовок</Divider> (default : none);
|
|
18
|
+
* * */
|
|
19
|
+
export declare const Divider: ({ style, children, className, dashed, position, type }: Props) => JSX.Element;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
/**
|
|
4
|
+
* Компонент Divider
|
|
5
|
+
* @reactProps {string} className - Пользовательский className css (default : '');
|
|
6
|
+
* @reactProps {object} style - css стили Divider. Необходимые параметры width-для горизонтального, height-для вертикального (default : none);
|
|
7
|
+
* @reactProps {boolean} dashed - вкл/откл путктирной линии на Divider (default : false);
|
|
8
|
+
* @reactProps{string} position - Позиционирование заголовка. Работает только на горизонтальном Divider и при наличии заголовка (default : 'left');
|
|
9
|
+
* @reactProps {string} type - Тип Divider horizontal или vertical (default : 'horizontal');
|
|
10
|
+
* @reactProps {string} children - Заголовок для горизонтального типа. Указывается между тегами компонента: <Divider>Заголовок</Divider> (default : none);
|
|
11
|
+
* * */
|
|
12
|
+
export const Divider = ({ style, children, className, dashed = false, position = 'left', type = 'horizontal' }) => {
|
|
13
|
+
const horizontal = type === 'horizontal';
|
|
14
|
+
const vertical = type === 'vertical';
|
|
15
|
+
const computedClassName = classNames(className, {
|
|
16
|
+
'divider-h': horizontal,
|
|
17
|
+
'divider-h_with-title': horizontal && children,
|
|
18
|
+
[`divider-h_${position}`]: horizontal && position,
|
|
19
|
+
'divider-h_dashed': horizontal && dashed,
|
|
20
|
+
'divider-v': vertical,
|
|
21
|
+
'divider-v_dashed': vertical && dashed,
|
|
22
|
+
divider_horizontal: horizontal && !children,
|
|
23
|
+
divider_vertical: vertical,
|
|
24
|
+
});
|
|
25
|
+
return (React.createElement("div", { className: computedClassName, style: style }, children && React.createElement("span", { className: "divider-h__title" }, children)));
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=Divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/display/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAA;AACvD,OAAO,UAAU,MAAM,YAAY,CAAA;AAWnC;;;;;;;;OAQO;AAEP,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,GAAG,MAAM,EAAE,IAAI,GAAG,YAAY,EAAS,EAAE,EAAE;IACrH,MAAM,UAAU,GAAG,IAAI,KAAK,YAAY,CAAA;IACxC,MAAM,QAAQ,GAAG,IAAI,KAAK,UAAU,CAAA;IAEpC,MAAM,iBAAiB,GAAG,UAAU,CAChC,SAAS,EACT;QACI,WAAW,EAAE,UAAU;QACvB,sBAAsB,EAAE,UAAU,IAAI,QAAQ;QAC9C,CAAC,aAAa,QAAQ,EAAE,CAAC,EAAE,UAAU,IAAI,QAAQ;QACjD,kBAAkB,EAAE,UAAU,IAAI,MAAM;QACxC,WAAW,EAAE,QAAQ;QACrB,kBAAkB,EAAE,QAAQ,IAAI,MAAM;QACtC,kBAAkB,EAAE,UAAU,IAAI,CAAC,QAAQ;QAC3C,gBAAgB,EAAE,QAAQ;KAC7B,CACJ,CAAA;IAED,OAAO,CACH,6BAAK,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,IAC1C,QAAQ,IAAI,8BAAM,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAQ,CAC/D,CACT,CAAA;AACL,CAAC,CAAA"}
|
package/lib/display/Drawer.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { IPlacement } from 'rc-drawer/lib/IDrawerPropTypes';
|
|
3
3
|
import { TBaseProps } from '../types';
|
|
4
|
-
declare type Props = TBaseProps & {
|
|
4
|
+
export declare type Props = TBaseProps & {
|
|
5
5
|
animation: boolean;
|
|
6
6
|
backdrop: boolean;
|
|
7
7
|
children?: ReactNode;
|
|
@@ -22,4 +22,3 @@ export declare function Drawer({ className, closeOnBackdrop, visible, placement,
|
|
|
22
22
|
export declare namespace Drawer {
|
|
23
23
|
var defaultProps: Props;
|
|
24
24
|
}
|
|
25
|
-
export {};
|
package/lib/display/Html.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TBaseProps } from '../types';
|
|
3
|
-
declare type Props = TBaseProps & {
|
|
3
|
+
export declare type Props = TBaseProps & {
|
|
4
4
|
html: string;
|
|
5
5
|
id: string;
|
|
6
6
|
};
|
|
7
7
|
export declare const Html: ({ id, html, className }: Props) => JSX.Element;
|
|
8
|
-
export {};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TBaseProps } from '../../types';
|
|
3
|
-
declare enum TextPosition {
|
|
3
|
+
export declare enum TextPosition {
|
|
4
4
|
bottom = "bottom",
|
|
5
5
|
left = "left",
|
|
6
6
|
right = "right",
|
|
7
7
|
top = "top"
|
|
8
8
|
}
|
|
9
|
-
declare enum Shape {
|
|
9
|
+
export declare enum Shape {
|
|
10
10
|
circle = "circle",
|
|
11
11
|
rounded = "rounded",
|
|
12
12
|
square = "square"
|
|
13
13
|
}
|
|
14
|
-
declare type Props = TBaseProps & {
|
|
14
|
+
export declare type Props = TBaseProps & {
|
|
15
15
|
description: string;
|
|
16
16
|
height: number;
|
|
17
17
|
id: string;
|
|
@@ -27,4 +27,3 @@ export declare function Image({ id, src, title, description, textPosition, width
|
|
|
27
27
|
export declare namespace Image {
|
|
28
28
|
var defaultProps: Props;
|
|
29
29
|
}
|
|
30
|
-
export {};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { ImageInfo } from './ImageInfo';
|
|
4
|
-
var TextPosition;
|
|
4
|
+
export var TextPosition;
|
|
5
5
|
(function (TextPosition) {
|
|
6
6
|
TextPosition["bottom"] = "bottom";
|
|
7
7
|
TextPosition["left"] = "left";
|
|
8
8
|
TextPosition["right"] = "right";
|
|
9
9
|
TextPosition["top"] = "top";
|
|
10
10
|
})(TextPosition || (TextPosition = {}));
|
|
11
|
-
var Shape;
|
|
11
|
+
export var Shape;
|
|
12
12
|
(function (Shape) {
|
|
13
13
|
Shape["circle"] = "circle";
|
|
14
14
|
Shape["rounded"] = "rounded";
|
|
@@ -21,14 +21,11 @@ export function Image({ id, src, title, description, textPosition, width, height
|
|
|
21
21
|
if (!visible) {
|
|
22
22
|
return null;
|
|
23
23
|
}
|
|
24
|
-
// eslint-disable-next-line consistent-return
|
|
25
24
|
return (React.createElement("div", { id: id, className: classNames('n2o-image n2o-snippet', className) },
|
|
26
25
|
React.createElement("div", { className: classNames('n2o-image__content', {
|
|
27
26
|
[textPosition]: textPosition,
|
|
28
27
|
}) },
|
|
29
|
-
React.createElement("section", { className: classNames('n2o-image__image-container', {
|
|
30
|
-
[shape]: shape,
|
|
31
|
-
}), style: Object.assign(Object.assign({}, style), propsStyle) },
|
|
28
|
+
React.createElement("section", { className: classNames('n2o-image__image-container', { [shape]: shape }), style: Object.assign(Object.assign({}, style), propsStyle) },
|
|
32
29
|
React.createElement("div", { onClick: onClick },
|
|
33
30
|
React.createElement("img", { className: "n2o-image__image", src: src, alt: "img", style: imageStyle }))),
|
|
34
31
|
hasInfo && React.createElement(ImageInfo, { title: title, description: description }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/display/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAInC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/display/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAInC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACpB,iCAAiB,CAAA;IACjB,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,2BAAW,CAAA;AACf,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAED,MAAM,CAAN,IAAY,KAIX;AAJD,WAAY,KAAK;IACb,0BAAiB,CAAA;IACjB,4BAAmB,CAAA;IACnB,0BAAiB,CAAA;AACrB,CAAC,EAJW,KAAK,KAAL,KAAK,QAIhB;AAeD,MAAM,UAAU,KAAK,CAAC,EAClB,EAAE,EACF,GAAG,EACH,KAAK,EACL,WAAW,EACX,YAAY,EACZ,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,EACP,KAAK,EAAE,UAAU,EACjB,SAAS,EACT,OAAO,GACH;IACJ,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9C,MAAM,UAAU,GAAG,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC3D,MAAM,OAAO,GAAG,KAAK,IAAI,WAAW,CAAA;IAEpC,IAAI,CAAC,OAAO,EAAE;QAAE,OAAO,IAAI,CAAA;KAAE;IAE7B,OAAO,CACH,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC;QAClE,6BACI,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE;gBACxC,CAAC,YAAY,CAAC,EAAE,YAAY;aAC/B,CAAC;YAEF,iCACI,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EACvE,KAAK,kCAAO,KAAK,GAAK,UAAU;gBAEhC,6BACI,OAAO,EAAE,OAAO;oBAEhB,6BACI,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,GACnB,CACA,CACA;YACT,OAAO,IAAI,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,GAAI,CAC/D,CACJ,CACT,CAAA;AACL,CAAC;AAED,KAAK,CAAC,YAAY,GAAG;IACjB,GAAG,EAAE,EAAE;IACP,YAAY,EAAE,OAAO;IACrB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,EAAE;CACH,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare type Props = {
|
|
3
|
-
description
|
|
4
|
-
title
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
description?: string;
|
|
4
|
+
title?: string;
|
|
5
5
|
};
|
|
6
|
-
export declare function ImageInfo({ title, description }: Props): JSX.Element;
|
|
7
|
-
export {};
|
|
6
|
+
export declare function ImageInfo({ title, description }: Props): JSX.Element | null;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export function ImageInfo({ title, description }) {
|
|
3
|
+
if (!title && !description) {
|
|
4
|
+
return null;
|
|
5
|
+
}
|
|
3
6
|
return (React.createElement("section", { className: "n2o-image__info" },
|
|
4
7
|
title && React.createElement("h4", { className: "n2o-image__info_label" }, title),
|
|
5
|
-
description &&
|
|
8
|
+
description && React.createElement("p", { className: "n2o-image__info_description" }, description)));
|
|
6
9
|
}
|
|
7
10
|
//# sourceMappingURL=ImageInfo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../src/display/Image/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAS;IACnD,OAAO,CACH,iCAAS,SAAS,EAAC,iBAAiB;QAC/B,KAAK,IAAI,4BAAI,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAM;QAC3D,WAAW,IAAI,
|
|
1
|
+
{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../src/display/Image/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAS;IACnD,IAAI,CAAC,KAAK,IAAI,CAAC,WAAW,EAAE;QAAE,OAAO,IAAI,CAAA;KAAE;IAE3C,OAAO,CACH,iCAAS,SAAS,EAAC,iBAAiB;QAC/B,KAAK,IAAI,4BAAI,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAM;QAC3D,WAAW,IAAI,2BAAG,SAAS,EAAC,6BAA6B,IAAE,WAAW,CAAK,CACtE,CACb,CAAA;AACL,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { Select } from './Select';
|
|
4
|
+
import { PAGE_LINK_CLASS } from './constants';
|
|
5
|
+
function Ellipsis({ visible }) {
|
|
6
|
+
if (!visible) {
|
|
7
|
+
return null;
|
|
8
|
+
}
|
|
9
|
+
return React.createElement("span", { className: "ellipsis d-flex align-items-md-end" }, "...");
|
|
10
|
+
}
|
|
11
|
+
export function ExtraPage({ visible, page, onSelect, ellipsis, showLast, hasNext, disabled = false, canSelect = true }) {
|
|
12
|
+
if (!visible) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
const setPage = () => {
|
|
16
|
+
if (canSelect && page) {
|
|
17
|
+
onSelect(page);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
const needToSelect = canSelect && typeof page === 'number';
|
|
21
|
+
const leftCondition = showLast ? true : hasNext;
|
|
22
|
+
return (React.createElement("div", { className: "extra-page-item d-inline-flex" },
|
|
23
|
+
React.createElement(Ellipsis, { visible: ellipsis === 'left' && leftCondition }),
|
|
24
|
+
React.createElement(Select, { title: page, onClick: setPage, className: classNames(PAGE_LINK_CLASS, page), visible: needToSelect, disabled: disabled }),
|
|
25
|
+
React.createElement(Ellipsis, { visible: ellipsis === 'right' })));
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=ExtraPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExtraPage.js","sourceRoot":"","sources":["../../../src/display/Pagination/ExtraPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,eAAe,EAA+B,MAAM,aAAa,CAAA;AAE1E,SAAS,QAAQ,CAAC,EAAE,OAAO,EAAwB;IAC/C,IAAI,CAAC,OAAO,EAAE;QACV,OAAO,IAAI,CAAA;KACd;IAED,OAAO,8BAAM,SAAS,EAAC,oCAAoC,UAAW,CAAA;AAC1E,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,GAAG,IAAI,EAAkB;IAClI,IAAI,CAAC,OAAO,EAAE;QACV,OAAO,IAAI,CAAA;KACd;IAED,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,IAAI,SAAS,IAAI,IAAI,EAAE;YACnB,QAAQ,CAAC,IAAI,CAAC,CAAA;SACjB;IACL,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,SAAS,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAA;IAC1D,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAA;IAE/C,OAAO,CACH,6BAAK,SAAS,EAAC,+BAA+B;QAC1C,oBAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,KAAK,MAAM,IAAI,aAAa,GAAI;QAC3D,oBAAC,MAAM,IACH,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,IAAI,CAAC,EAC5C,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,GACpB;QACF,oBAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,KAAK,OAAO,GAAI,CACzC,CACT,CAAA;AACL,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Select } from './Select';
|
|
3
|
+
import { ExtraPage } from './ExtraPage';
|
|
4
|
+
import { PAGE_LINK_CLASS } from './constants';
|
|
5
|
+
export function Pages({ pages, activePage, onSelect, extraFirstVisible, extraLastVisible, lastPage, showLast, hasNext, loading, visible, }) {
|
|
6
|
+
if (!pages.length || !visible) {
|
|
7
|
+
return null;
|
|
8
|
+
}
|
|
9
|
+
return (React.createElement("div", { className: "pagination-pages pagination d-inline-flex" },
|
|
10
|
+
React.createElement(ExtraPage, { visible: extraFirstVisible, page: 1, onSelect: onSelect, ellipsis: "right", showLast: showLast, hasNext: hasNext, disabled: loading }),
|
|
11
|
+
pages.map((page) => {
|
|
12
|
+
const active = activePage === page;
|
|
13
|
+
const setPage = () => {
|
|
14
|
+
if (!active && !loading) {
|
|
15
|
+
onSelect(page);
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
return (React.createElement(Select, { key: page, title: page, onClick: setPage, className: PAGE_LINK_CLASS, active: active, disabled: loading }));
|
|
19
|
+
}),
|
|
20
|
+
React.createElement(ExtraPage, { visible: extraLastVisible, page: lastPage, onSelect: onSelect, ellipsis: "left", showLast: showLast, canSelect: showLast, hasNext: hasNext, disabled: loading })));
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=Pages.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pages.js","sourceRoot":"","sources":["../../../src/display/Pagination/Pages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,eAAe,EAAuB,MAAM,aAAa,CAAA;AAElE,MAAM,UAAU,KAAK,CAAC,EAClB,KAAK,EACL,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,GACE;IACT,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;QAC3B,OAAO,IAAI,CAAA;KACd;IAED,OAAO,CACH,6BAAK,SAAS,EAAC,2CAA2C;QACtD,oBAAC,SAAS,IACN,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,GACnB;QACD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,MAAM,GAAG,UAAU,KAAK,IAAI,CAAA;YAClC,MAAM,OAAO,GAAG,GAAG,EAAE;gBACjB,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;oBACrB,QAAQ,CAAC,IAAI,CAAC,CAAA;iBACjB;YACL,CAAC,CAAA;YAED,OAAO,CACH,oBAAC,MAAM,IACH,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe,EAC1B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,OAAO,GACnB,CACL,CAAA;QACL,CAAC,CAAC;QACF,oBAAC,SAAS,IACN,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,MAAM,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,EACnB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,GACnB,CACA,CACT,CAAA;AACL,CAAC"}
|
|
@@ -1,25 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
count?: number | undefined;
|
|
6
|
-
first?: boolean | undefined;
|
|
7
|
-
firstIcon?: string | undefined;
|
|
8
|
-
firstLabel?: string | undefined;
|
|
9
|
-
last?: boolean | undefined;
|
|
10
|
-
lastIcon?: string | undefined;
|
|
11
|
-
lastLabel?: string | undefined;
|
|
12
|
-
layout?: Layout | undefined;
|
|
13
|
-
maxPages?: number | undefined;
|
|
14
|
-
next?: boolean | undefined;
|
|
15
|
-
nextIcon?: string | undefined;
|
|
16
|
-
nextLabel?: string | undefined;
|
|
17
|
-
onSelect?(): void;
|
|
18
|
-
prev?: boolean | undefined;
|
|
19
|
-
prevIcon?: string | undefined;
|
|
20
|
-
prevLabel?: string | undefined;
|
|
21
|
-
showCount?: boolean | undefined;
|
|
22
|
-
showSinglePage?: boolean | undefined;
|
|
23
|
-
size?: number | undefined;
|
|
24
|
-
t?(str: string, obj?: object | undefined): string;
|
|
25
|
-
}, import("react-i18next").WithTranslationProps>, keyof import("react-i18next").WithTranslation<Ns, undefined>> & import("react-i18next").WithTranslationProps>;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Props } from './constants';
|
|
3
|
+
export { type Props };
|
|
4
|
+
export declare function Pagination({ className, showCount, count, size, onSelect, prevIcon, nextIcon, showSinglePage, showLast, activePage, prevLabel, nextLabel, prev, next, hasNext: propsHasNext, loading, visible, }: Props): JSX.Element | null;
|
|
@@ -1,125 +1,50 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
3
|
+
import { Select } from './Select';
|
|
4
|
+
import { Total } from './Total';
|
|
5
|
+
import { TOTAL, TOTAL_TITLE, PAGE_LINK_CLASS, COUNT_NEVER, } from './constants';
|
|
6
|
+
import { usePagination, getTotalPages } from './usePagination';
|
|
7
|
+
import { Pages } from './Pages';
|
|
8
|
+
import { getTotalVisibility, getHasNext } from './helpers';
|
|
9
|
+
export function Pagination({ className, showCount, count, size, onSelect, prevIcon, nextIcon, showSinglePage = true, showLast = true, activePage = 1, prevLabel = null, nextLabel = null, prev = true, next = true, hasNext: propsHasNext = false, loading = false, visible = true, }) {
|
|
10
|
+
const total = count ? `${TOTAL} ${count}` : null;
|
|
11
|
+
const totalPages = getTotalPages(count, size);
|
|
12
|
+
const totalVisible = getTotalVisibility(showCount, showLast, count);
|
|
13
|
+
const totalClick = () => { onSelect(activePage, { withCount: true }); };
|
|
14
|
+
const hasNext = getHasNext({
|
|
15
|
+
loading,
|
|
16
|
+
totalPages,
|
|
17
|
+
activePage,
|
|
18
|
+
propsHasNext,
|
|
19
|
+
});
|
|
20
|
+
const { pages = [], extraFirst, extraEnd } = usePagination(totalPages, activePage, hasNext, showLast);
|
|
21
|
+
const getNextDisabled = () => {
|
|
22
|
+
if (totalPages) {
|
|
23
|
+
return activePage === totalPages;
|
|
13
24
|
}
|
|
14
|
-
|
|
15
|
-
return (React.createElement(React.Fragment, null,
|
|
16
|
-
React.createElement("span", null, label),
|
|
17
|
-
' ',
|
|
18
|
-
React.createElement("span", { className: classNames(icon, additionalClass), "aria-hidden": "true" })));
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
if (icon) {
|
|
22
|
-
return (React.createElement("i", { className: classNames(icon, additionalClass), "aria-hidden": "true" }));
|
|
23
|
-
}
|
|
24
|
-
return label;
|
|
25
|
-
};
|
|
26
|
-
const getControlButton = ({ buttonType, icon, label, activePage = 0, onSelect = () => { }, lastPage, }) => {
|
|
27
|
-
const buttonsOptions = {
|
|
28
|
-
first: { direction: Direction.left, props: { eventKey: 1, disabled: activePage === 1 }, additionalClass: 'first-button' },
|
|
29
|
-
last: { direction: Direction.right, props: { eventKey: lastPage, disabled: lastPage === activePage }, additionalClass: 'last-button' },
|
|
30
|
-
next: { direction: Direction.right, props: { eventKey: activePage + 1, disabled: lastPage === activePage }, additionalClass: 'next-button' },
|
|
31
|
-
prev: { direction: Direction.left, props: { eventKey: activePage - 1, disabled: activePage === 1 }, additionalClass: 'previous-button' },
|
|
25
|
+
return !hasNext;
|
|
32
26
|
};
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
additionalClass: buttonOption.additionalClass,
|
|
39
|
-
}), onSelect: onSelect, tabIndex: 0 })));
|
|
40
|
-
};
|
|
41
|
-
const renderBodyPaging = ({ activePage, maxPages, onSelect, totalPages }) => {
|
|
42
|
-
const getPager = (totalPages, currentPage, maxPages) => {
|
|
43
|
-
let startPage;
|
|
44
|
-
let endPage;
|
|
45
|
-
if (totalPages <= maxPages) {
|
|
46
|
-
// if we have less than maxPages so show all
|
|
47
|
-
startPage = 1;
|
|
48
|
-
endPage = totalPages;
|
|
27
|
+
const prevDisabled = activePage === 1;
|
|
28
|
+
const nextDisabled = getNextDisabled();
|
|
29
|
+
const prevClick = () => {
|
|
30
|
+
if (!prevDisabled) {
|
|
31
|
+
onSelect(activePage - 1);
|
|
49
32
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
startPage = 1;
|
|
55
|
-
endPage = maxPages;
|
|
56
|
-
}
|
|
57
|
-
else if (currentPage + (maxPages - middle) >= totalPages) {
|
|
58
|
-
startPage = totalPages - (maxPages - 1);
|
|
59
|
-
endPage = totalPages;
|
|
60
|
-
}
|
|
61
|
-
else {
|
|
62
|
-
startPage = currentPage - Math.floor(maxPages / 2);
|
|
63
|
-
endPage = currentPage + middle - 1;
|
|
64
|
-
}
|
|
33
|
+
};
|
|
34
|
+
const nextClick = () => {
|
|
35
|
+
if (!nextDisabled) {
|
|
36
|
+
onSelect(activePage + 1);
|
|
65
37
|
}
|
|
66
|
-
return [...Array((endPage + 1) - startPage).keys()].map(i => startPage + i);
|
|
67
38
|
};
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
* />
|
|
80
|
-
*/
|
|
81
|
-
const PaginationComponent = ({ layout = Layout.separated, activePage = 1, count = 1, size = 1, maxPages = 5, first = false, last = false, prev = false, next = false, showCount = true, showSinglePage = false, onSelect = () => { }, className, prevIcon = 'fa fa-angle-left', prevLabel = '', nextIcon = 'fa fa-angle-right', nextLabel = '', firstIcon = 'fa fa-angle-double-left', firstLabel = '', lastIcon = 'fa fa-angle-double-right', lastLabel = '', style = { display: 'flex', alignItems: 'baseline' }, t = (str) => '', }) => {
|
|
82
|
-
const pages = Math.ceil(count / size) || 1;
|
|
83
|
-
const lastPage = Math.ceil(count / size);
|
|
84
|
-
return (React.createElement("nav", { className: classNames('n2o-pagination', className), style: style },
|
|
85
|
-
showSinglePage || pages > 1 ? (React.createElement("ul", { className: classNames('pagination', 'd-inline-flex', layout) },
|
|
86
|
-
first && getControlButton({
|
|
87
|
-
buttonType: ButtonType.first,
|
|
88
|
-
icon: firstIcon,
|
|
89
|
-
label: firstLabel,
|
|
90
|
-
activePage,
|
|
91
|
-
onSelect,
|
|
92
|
-
lastPage,
|
|
93
|
-
}),
|
|
94
|
-
prev && getControlButton({
|
|
95
|
-
buttonType: ButtonType.prev,
|
|
96
|
-
icon: prevIcon,
|
|
97
|
-
label: prevLabel,
|
|
98
|
-
activePage,
|
|
99
|
-
onSelect,
|
|
100
|
-
lastPage,
|
|
101
|
-
}),
|
|
102
|
-
renderBodyPaging({ activePage, maxPages, onSelect, totalPages: pages }),
|
|
103
|
-
next && getControlButton({
|
|
104
|
-
buttonType: ButtonType.next,
|
|
105
|
-
icon: nextIcon,
|
|
106
|
-
label: nextLabel,
|
|
107
|
-
activePage,
|
|
108
|
-
onSelect,
|
|
109
|
-
lastPage,
|
|
110
|
-
}),
|
|
111
|
-
last && getControlButton({
|
|
112
|
-
buttonType: ButtonType.last,
|
|
113
|
-
icon: lastIcon,
|
|
114
|
-
label: lastLabel,
|
|
115
|
-
activePage,
|
|
116
|
-
onSelect,
|
|
117
|
-
lastPage,
|
|
118
|
-
}))) : null,
|
|
119
|
-
showCount && (React.createElement("span", { className: "n2o-pagination-total", style: {
|
|
120
|
-
paddingLeft: showSinglePage || pages > 1 ? '1rem' : 0,
|
|
121
|
-
display: 'inline-flex',
|
|
122
|
-
} }, `${t('paginationTotal')} ${count} ${t('paginationCount', { count })}`))));
|
|
123
|
-
};
|
|
124
|
-
export const Pagination = withTranslation()(PaginationComponent);
|
|
39
|
+
const multiplePages = pages.length > 1;
|
|
40
|
+
const pagesVisible = showSinglePage ? pages.length > 0 : multiplePages;
|
|
41
|
+
if (!visible || (!pagesVisible && showCount === COUNT_NEVER)) {
|
|
42
|
+
return null;
|
|
43
|
+
}
|
|
44
|
+
return (React.createElement("section", { className: classNames('pagination-container d-inline-flex', className) },
|
|
45
|
+
React.createElement(Total, { total: total, title: TOTAL_TITLE, visible: totalVisible, className: "pagination__total", onClick: totalClick }),
|
|
46
|
+
React.createElement(Select, { onClick: prevClick, className: classNames(PAGE_LINK_CLASS, 'prev', { 'with-title': prevLabel, 'with-icon': prevIcon }), disabled: loading || prevDisabled, icon: prevIcon, title: prevLabel, visible: prev && multiplePages }),
|
|
47
|
+
React.createElement(Pages, { pages: pages, activePage: activePage, onSelect: onSelect, extraFirstVisible: extraFirst, extraLastVisible: extraEnd, lastPage: totalPages, showLast: showLast, hasNext: hasNext, loading: loading, visible: pagesVisible }),
|
|
48
|
+
React.createElement(Select, { onClick: nextClick, className: classNames(PAGE_LINK_CLASS, 'next', { 'with-title': nextLabel, 'with-icon': nextIcon }), disabled: loading || nextDisabled, icon: nextIcon, title: nextLabel, visible: next && multiplePages })));
|
|
49
|
+
}
|
|
125
50
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/display/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/display/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
export function Select({ title, onClick, style, className, active, icon, disabled, visible = true }) {
|
|
4
|
+
if (!visible) {
|
|
5
|
+
return null;
|
|
6
|
+
}
|
|
7
|
+
return (React.createElement("button", { type: "button", onClick: onClick, style: style, className: classNames(className, { active, disabled }), disabled: disabled },
|
|
8
|
+
icon && React.createElement("i", { className: icon }),
|
|
9
|
+
title && React.createElement("span", { className: "title" }, title)));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/display/Pagination/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAInC,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAe;IAC5G,IAAI,CAAC,OAAO,EAAE;QACV,OAAO,IAAI,CAAA;KACd;IAED,OAAO,CACH,gCACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EACtD,QAAQ,EAAE,QAAQ;QAEjB,IAAI,IAAI,2BAAG,SAAS,EAAE,IAAI,GAAI;QAC9B,KAAK,IAAI,8BAAM,SAAS,EAAC,OAAO,IAAE,KAAK,CAAQ,CAC3C,CACZ,CAAA;AACL,CAAC"}
|