@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.
Files changed (83) hide show
  1. package/lib/display/Badge/Badge.d.ts +1 -1
  2. package/lib/display/Badge/utils.d.ts +2 -2
  3. package/lib/display/Badge/utils.js.map +1 -1
  4. package/lib/display/Collapse/Collapse.d.ts +26 -0
  5. package/lib/display/Collapse/Collapse.js +27 -0
  6. package/lib/display/Collapse/Collapse.js.map +1 -0
  7. package/lib/display/Divider/Divider.d.ts +19 -0
  8. package/lib/display/Divider/Divider.js +27 -0
  9. package/lib/display/Divider/Divider.js.map +1 -0
  10. package/lib/display/Drawer.d.ts +1 -2
  11. package/lib/display/Html.d.ts +1 -2
  12. package/lib/display/Image/Image.d.ts +3 -4
  13. package/lib/display/Image/Image.js +3 -6
  14. package/lib/display/Image/Image.js.map +1 -1
  15. package/lib/display/Image/ImageInfo.d.ts +4 -5
  16. package/lib/display/Image/ImageInfo.js +4 -1
  17. package/lib/display/Image/ImageInfo.js.map +1 -1
  18. package/lib/display/Pagination/ExtraPage.d.ts +3 -0
  19. package/lib/display/Pagination/ExtraPage.js +27 -0
  20. package/lib/display/Pagination/ExtraPage.js.map +1 -0
  21. package/lib/display/Pagination/Pages.d.ts +3 -0
  22. package/lib/display/Pagination/Pages.js +22 -0
  23. package/lib/display/Pagination/Pages.js.map +1 -0
  24. package/lib/display/Pagination/Pagination.d.ts +4 -25
  25. package/lib/display/Pagination/Pagination.js +42 -117
  26. package/lib/display/Pagination/Pagination.js.map +1 -1
  27. package/lib/display/Pagination/Select.d.ts +3 -0
  28. package/lib/display/Pagination/Select.js +11 -0
  29. package/lib/display/Pagination/Select.js.map +1 -0
  30. package/lib/display/Pagination/Total.d.ts +3 -0
  31. package/lib/display/Pagination/Total.js +12 -0
  32. package/lib/display/Pagination/Total.js.map +1 -0
  33. package/lib/display/Pagination/constants.d.ts +83 -0
  34. package/lib/display/Pagination/constants.js +22 -0
  35. package/lib/display/Pagination/constants.js.map +1 -0
  36. package/lib/display/Pagination/helpers.d.ts +10 -0
  37. package/lib/display/Pagination/helpers.js +22 -0
  38. package/lib/display/Pagination/helpers.js.map +1 -0
  39. package/lib/display/Pagination/usePagination.d.ts +6 -0
  40. package/lib/display/Pagination/usePagination.js +44 -0
  41. package/lib/display/Pagination/usePagination.js.map +1 -0
  42. package/lib/display/Panel/Panel.d.ts +8 -0
  43. package/lib/display/Panel/Panel.js +9 -0
  44. package/lib/display/Panel/Panel.js.map +1 -0
  45. package/lib/display/Text.d.ts +1 -4
  46. package/lib/display/Text.js +1 -4
  47. package/lib/display/Text.js.map +1 -1
  48. package/lib/display/Tooltip.d.ts +4 -0
  49. package/lib/display/Tooltip.js +24 -0
  50. package/lib/display/Tooltip.js.map +1 -0
  51. package/lib/inputs/DatePicker/DateTimeControl.js.map +1 -1
  52. package/lib/inputs/DatePicker/utils.js.map +1 -1
  53. package/lib/inputs/Input.d.ts +1 -2
  54. package/lib/inputs/InputMoney.d.ts +1 -1
  55. package/lib/inputs/InputMoney.js +1 -7
  56. package/lib/inputs/InputMoney.js.map +1 -1
  57. package/lib/inputs/InputSelect/InputContent.d.ts +3 -1
  58. package/lib/inputs/InputSelect/InputContent.js +4 -4
  59. package/lib/inputs/InputSelect/InputContent.js.map +1 -1
  60. package/lib/inputs/InputSelect/InputSelect.d.ts +0 -1
  61. package/lib/inputs/InputSelect/InputSelect.js +9 -11
  62. package/lib/inputs/InputSelect/InputSelect.js.map +1 -1
  63. package/lib/inputs/InputText.d.ts +1 -2
  64. package/lib/inputs/Rating.d.ts +8 -8
  65. package/lib/inputs/Rating.js.map +1 -1
  66. package/lib/inputs/Select/Select.js +13 -3
  67. package/lib/inputs/Select/Select.js.map +1 -1
  68. package/lib/inputs/Select/types.d.ts +1 -0
  69. package/lib/inputs/Switch.d.ts +2 -3
  70. package/lib/inputs/Switch.js.map +1 -1
  71. package/lib/inputs/eventHandlersContext.d.ts +1 -2
  72. package/lib/layouts/ScrollContainer.d.ts +12 -1
  73. package/lib/layouts/Spinner/Spinner.d.ts +2 -1
  74. package/lib/layouts/Spinner/Spinner.js.map +1 -1
  75. package/lib/tests/unit/InputPassword.test.js.map +1 -1
  76. package/lib/tests/unit/ProgressControl.test.js.map +1 -1
  77. package/package.json +6 -3
  78. package/lib/display/Pagination/PaginationButton.d.ts +0 -13
  79. package/lib/display/Pagination/PaginationButton.js +0 -16
  80. package/lib/display/Pagination/PaginationButton.js.map +0 -1
  81. package/lib/display/Pagination/types.d.ts +0 -62
  82. package/lib/display/Pagination/types.js +0 -22
  83. package/lib/display/Pagination/types.js.map +0 -1
@@ -8,7 +8,7 @@ export declare type Props = TBaseProps & Partial<{
8
8
  image: string;
9
9
  imagePosition: Position;
10
10
  imageShape: Shape;
11
- position: Position;
11
+ position: Position | string;
12
12
  shape: Shape;
13
13
  style: CSSProperties;
14
14
  text: string | number | ReactNode;
@@ -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,aAAuB,EAAE,EAAE,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,CAAA;AAE/F,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,aAAuB,EAAE,EAAE,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,CAAA;AAEhG,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"}
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"}
@@ -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 {};
@@ -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,IAAK,YAKJ;AALD,WAAK,YAAY;IACb,iCAAiB,CAAA;IACjB,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,2BAAW,CAAA;AACf,CAAC,EALI,YAAY,KAAZ,YAAY,QAKhB;AAED,IAAK,KAIJ;AAJD,WAAK,KAAK;IACN,0BAAiB,CAAA;IACjB,4BAAmB,CAAA;IACnB,0BAAiB,CAAA;AACrB,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;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;QACV,OAAO,IAAI,CAAA;KACd;IAED,6CAA6C;IAC7C,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;oBAChD,CAAC,KAAK,CAAC,EAAE,KAAK;iBACjB,CAAC,EACF,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
+ {"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: string;
4
- title: string;
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 && (React.createElement("p", { className: "n2o-image__info_description" }, 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,CACZ,2BAAG,SAAS,EAAC,6BAA6B,IAAE,WAAW,CAAK,CAC/D,CACK,CACb,CAAA;AACL,CAAC"}
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,3 @@
1
+ /// <reference types="react" />
2
+ import { ExtraPage as ExtraPageProps } from './constants';
3
+ export declare function ExtraPage({ visible, page, onSelect, ellipsis, showLast, hasNext, disabled, canSelect }: ExtraPageProps): JSX.Element | null;
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ import { Pages as PagesProps } from './constants';
3
+ export declare function Pages({ pages, activePage, onSelect, extraFirstVisible, extraLastVisible, lastPage, showLast, hasNext, loading, visible, }: PagesProps): JSX.Element | null;
@@ -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
- import React from 'react';
2
- import { Layout } from './types';
3
- export declare const Pagination: React.ComponentType<Omit<import("react-i18next/helpers").$Subtract<import("../../types").TBaseProps & {
4
- activePage?: number | undefined;
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 { withTranslation } from 'react-i18next';
4
- import { PaginationButton } from './PaginationButton';
5
- import { ButtonType, Direction, Layout } from './types';
6
- const getLabel = ({ direction, icon, label, additionalClass }) => {
7
- if (icon && label) {
8
- if (direction === 'left') {
9
- return (React.createElement(React.Fragment, null,
10
- React.createElement("span", { className: classNames(icon, additionalClass), "aria-hidden": "true" }),
11
- ' ',
12
- React.createElement("span", null, label)));
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
- if (direction === 'right') {
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 buttonOption = buttonsOptions[buttonType];
34
- return (React.createElement(PaginationButton, Object.assign({}, buttonOption.props, { label: getLabel({
35
- direction: buttonOption.direction,
36
- icon,
37
- label,
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
- else {
51
- // we have more than maxPages so calculate start and end pages
52
- const middle = Math.ceil(maxPages / 2);
53
- if (currentPage <= middle) {
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
- return getPager(totalPages, activePage, maxPages).map(page => (React.createElement(PaginationButton, { key: page.toString(), tabIndex: 0, eventKey: page, label: page, active: page === activePage, onSelect: onSelect })));
69
- };
70
- // Компонент интерфейса разбивки по страницам
71
- /**
72
- * @example
73
- * <Pagination
74
- * onSelect={this.changePage}
75
- * activePage={datasource.page}
76
- * count={datasource.count}
77
- * size={datasource.size}
78
- * maxPages={5}
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;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAsC,MAAM,EAAyC,MAAM,SAAS,CAAA;AAElI,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAgB,EAAE,EAAE;IAC3E,IAAI,IAAI,IAAI,KAAK,EAAE;QACf,IAAI,SAAS,KAAK,MAAM,EAAE;YACtB,OAAO,CACH;gBACI,8BAAM,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,eAAe,CAAC,iBAAc,MAAM,GAAG;gBACxE,GAAG;gBACJ,kCAAO,KAAK,CAAQ,CACrB,CACN,CAAA;SACJ;QAED,IAAI,SAAS,KAAK,OAAO,EAAE;YACvB,OAAO,CACH;gBACI,kCAAO,KAAK,CAAQ;gBACnB,GAAG;gBACJ,8BAAM,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,eAAe,CAAC,iBAAc,MAAM,GAAG,CAC1E,CACN,CAAA;SACJ;KACJ;IAED,IAAI,IAAI,EAAE;QACN,OAAO,CAAC,2BAAG,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,eAAe,CAAC,iBAAc,MAAM,GAAG,CAAC,CAAA;KAClF;IAED,OAAO,KAAK,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,EACtB,UAAU,EACV,IAAI,EACJ,KAAK,EACL,UAAU,GAAG,CAAC,EACd,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GACW,EAAE,EAAE;IACvB,MAAM,cAAc,GAAG;QACnB,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE;QACzH,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,KAAK,UAAU,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;QACtI,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,KAAK,UAAU,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;QAC5I,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAE,EAAE,eAAe,EAAE,iBAAiB,EAAE;KAC3I,CAAA;IAED,MAAM,YAAY,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;IAE/C,OAAO,CACH,oBAAC,gBAAgB,oBACT,YAAY,CAAC,KAAK,IACtB,KAAK,EAAE,QAAQ,CAAC;YACZ,SAAS,EAAE,YAAY,CAAC,SAAS;YACjC,IAAI;YACJ,KAAK;YACL,eAAe,EAAE,YAAY,CAAC,eAAe;SAChD,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,IACb,CACL,CAAA;AACL,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAwB,EAAE,EAAE;IAC9F,MAAM,QAAQ,GAAG,CACb,UAA8C,EAC9C,WAA+C,EAC/C,QAA0C,EAC5C,EAAE;QACA,IAAI,SAAiB,CAAA;QACrB,IAAI,OAAO,CAAA;QAEX,IAAI,UAAU,IAAI,QAAQ,EAAE;YACxB,4CAA4C;YAC5C,SAAS,GAAG,CAAC,CAAA;YACb,OAAO,GAAG,UAAU,CAAA;SACvB;aAAM;YACH,8DAA8D;YAC9D,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;YAEtC,IAAI,WAAW,IAAI,MAAM,EAAE;gBACvB,SAAS,GAAG,CAAC,CAAA;gBACb,OAAO,GAAG,QAAQ,CAAA;aACrB;iBAAM,IAAI,WAAW,GAAG,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,UAAU,EAAE;gBACxD,SAAS,GAAG,UAAU,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;gBACvC,OAAO,GAAG,UAAU,CAAA;aACvB;iBAAM;gBACH,SAAS,GAAG,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;gBAClD,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,CAAC,CAAA;aACrC;SACJ;QAED,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;IAC/E,CAAC,CAAA;IAED,OAAO,QAAQ,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC1D,oBAAC,gBAAgB,IACb,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,EACpB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,KAAK,UAAU,EAC3B,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC,CAAA;AACN,CAAC,CAAA;AAED,6CAA6C;AAE7C;;;;;;;;;EASE;AAEF,MAAM,mBAAmB,GAAG,CAAC,EACzB,MAAM,GAAG,MAAM,CAAC,SAAS,EACzB,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,CAAC,EACR,QAAQ,GAAG,CAAC,EACZ,KAAK,GAAG,KAAK,EACb,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,IAAI,EAChB,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,SAAS,EACT,QAAQ,GAAG,kBAAkB,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,mBAAmB,EAC9B,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,yBAAyB,EACrC,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,0BAA0B,EACrC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,EACnD,CAAC,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,EAAE,GACT,EAAE,EAAE;IAClB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAA;IAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IAExC,OAAO,CACH,6BACI,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,KAAK,EAAE,KAAK;QAEX,cAAc,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,4BAAI,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,eAAe,EAAE,MAAM,CAAC;YAC3D,KAAK,IAAI,gBAAgB,CACtB;gBACI,UAAU,EAAE,UAAU,CAAC,KAAK;gBAC5B,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,UAAU;gBACjB,UAAU;gBACV,QAAQ;gBACR,QAAQ;aACX,CACJ;YACA,IAAI,IAAI,gBAAgB,CACrB;gBACI,UAAU,EAAE,UAAU,CAAC,IAAI;gBAC3B,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,SAAS;gBAChB,UAAU;gBACV,QAAQ;gBACR,QAAQ;aACX,CACJ;YACA,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;YACvE,IAAI,IAAI,gBAAgB,CACrB;gBACI,UAAU,EAAE,UAAU,CAAC,IAAI;gBAC3B,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,SAAS;gBAChB,UAAU;gBACV,QAAQ;gBACR,QAAQ;aACX,CACJ;YACA,IAAI,IAAI,gBAAgB,CACrB;gBACI,UAAU,EAAE,UAAU,CAAC,IAAI;gBAC3B,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,SAAS;gBAChB,UAAU;gBACV,QAAQ;gBACR,QAAQ;aACX,CACJ,CACA,CACR,CAAC,CAAC,CAAC,IAAI;QAEP,SAAS,IAAI,CACV,8BACI,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE;gBACH,WAAW,EAAE,cAAc,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACrD,OAAO,EAAE,aAAa;aACzB,IAEA,GAAG,CAAC,CAAC,iBAAiB,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CACnE,CACV,CACC,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,EAAE,CAAC,mBAAmB,CAAC,CAAA"}
1
+ {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/display/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { Select as SelectProps } from './constants';
3
+ export declare function Select({ title, onClick, style, className, active, icon, disabled, visible }: SelectProps): JSX.Element | null;
@@ -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"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { Total as TotalProps } from './constants';
3
+ export declare function Total({ total, title, className, onClick, visible }: TotalProps): JSX.Element | null;