@elliemae/ds-page-number 2.0.0-alpha.9 → 2.0.0-next.12
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/cjs/DSPageNumber.js +20 -20
- package/esm/DSPageNumber.js +16 -12
- package/package.json +7 -7
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
package/cjs/DSPageNumber.js
CHANGED
|
@@ -5,14 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
6
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
7
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
14
|
var react = require('react');
|
|
9
15
|
var reactDesc = require('react-desc');
|
|
10
16
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
11
|
-
var
|
|
12
|
-
var ChevronSmallUp = require('@elliemae/ds-icons/ChevronSmallUp');
|
|
17
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
13
18
|
var DSButton = require('@elliemae/ds-button');
|
|
14
|
-
var
|
|
15
|
-
var DSInput = require('@elliemae/ds-form/Input');
|
|
19
|
+
var dsForm = require('@elliemae/ds-form');
|
|
16
20
|
var utils = require('./components/utils.js');
|
|
17
21
|
var jsxRuntime = require('react/jsx-runtime');
|
|
18
22
|
|
|
@@ -21,11 +25,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
21
25
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
22
26
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
23
27
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
24
|
-
var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
|
|
25
|
-
var ChevronSmallUp__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallUp);
|
|
26
28
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
27
|
-
var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
|
|
28
|
-
var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
|
|
29
29
|
|
|
30
30
|
var _ChevronSmallUp, _ChevronSmallDown;
|
|
31
31
|
|
|
@@ -35,7 +35,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
35
35
|
|
|
36
36
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
37
37
|
const blockName = 'page-number-block';
|
|
38
|
-
const PageNumberInputContainer = dsClassnames.aggregatedClasses(
|
|
38
|
+
const PageNumberInputContainer = dsClassnames.aggregatedClasses(dsForm.DSInputGroup)(blockName);
|
|
39
39
|
|
|
40
40
|
const DSPageNumber = _ref => {
|
|
41
41
|
let {
|
|
@@ -91,41 +91,41 @@ const DSPageNumber = _ref => {
|
|
|
91
91
|
|
|
92
92
|
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread(_objectSpread({
|
|
93
93
|
"data-testid": "ds-page-number",
|
|
94
|
-
className:
|
|
94
|
+
className: "".concat(cssClassName)
|
|
95
95
|
}, containerProps), otherProps), {}, {
|
|
96
96
|
children: /*#__PURE__*/_jsx__default["default"](PageNumberInputContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
97
|
-
className:
|
|
98
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](
|
|
99
|
-
className:
|
|
97
|
+
className: "".concat(classNameElement('pages'))
|
|
98
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
|
|
99
|
+
className: "".concat(classNameElement('input')),
|
|
100
100
|
"data-testid": "page-number__current-page",
|
|
101
101
|
onChange: handleUpdateInput,
|
|
102
102
|
style: {
|
|
103
|
-
width:
|
|
103
|
+
width: "".concat(size, "px")
|
|
104
104
|
},
|
|
105
105
|
value: page
|
|
106
106
|
}), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
107
|
-
className:
|
|
107
|
+
className: "".concat(classNameElement('separator'))
|
|
108
108
|
}, void 0, separator), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
109
|
-
className:
|
|
109
|
+
className: "".concat(classNameElement('total')),
|
|
110
110
|
"data-testid": "page-number__total-pages"
|
|
111
111
|
}, void 0, totalPages), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
112
112
|
ref: ref,
|
|
113
|
-
className:
|
|
113
|
+
className: "".concat(classNameElement('ref'))
|
|
114
114
|
})), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
115
|
-
className:
|
|
115
|
+
className: "".concat(classNameElement('limiter'))
|
|
116
116
|
}), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
117
117
|
"aria-label": "dropdown-indicator",
|
|
118
118
|
buttonType: "text",
|
|
119
119
|
className: "dropdown-indicator",
|
|
120
120
|
"data-testid": "page-number__increase",
|
|
121
|
-
icon: _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](
|
|
121
|
+
icon: _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallUp, {})),
|
|
122
122
|
onClick: handleIncrease
|
|
123
123
|
}), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
124
124
|
"aria-label": "dropdown-indicator",
|
|
125
125
|
buttonType: "text",
|
|
126
126
|
className: "dropdown-indicator",
|
|
127
127
|
"data-testid": "page-number__decrease",
|
|
128
|
-
icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](
|
|
128
|
+
icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})),
|
|
129
129
|
onClick: handleDecrease
|
|
130
130
|
}))
|
|
131
131
|
}));
|
package/esm/DSPageNumber.js
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
2
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
8
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
9
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
4
10
|
import { useRef, useState, useEffect } from 'react';
|
|
5
11
|
import { PropTypes, describe } from 'react-desc';
|
|
6
12
|
import { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
7
|
-
import ChevronSmallDown from '@elliemae/ds-icons
|
|
8
|
-
import ChevronSmallUp from '@elliemae/ds-icons/ChevronSmallUp';
|
|
13
|
+
import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
|
|
9
14
|
import DSButton from '@elliemae/ds-button';
|
|
10
|
-
import DSInputGroup from '@elliemae/ds-form
|
|
11
|
-
import DSInput from '@elliemae/ds-form/Input';
|
|
15
|
+
import { DSInputGroup, DSInput } from '@elliemae/ds-form';
|
|
12
16
|
import { cleanPage, lengthToSize } from './components/utils.js';
|
|
13
17
|
import { jsx } from 'react/jsx-runtime';
|
|
14
18
|
|
|
@@ -76,28 +80,28 @@ const DSPageNumber = _ref => {
|
|
|
76
80
|
|
|
77
81
|
return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread(_objectSpread({
|
|
78
82
|
"data-testid": "ds-page-number",
|
|
79
|
-
className:
|
|
83
|
+
className: "".concat(cssClassName)
|
|
80
84
|
}, containerProps), otherProps), {}, {
|
|
81
85
|
children: /*#__PURE__*/_jsx(PageNumberInputContainer, {}, void 0, /*#__PURE__*/_jsx("div", {
|
|
82
|
-
className:
|
|
86
|
+
className: "".concat(classNameElement('pages'))
|
|
83
87
|
}, void 0, /*#__PURE__*/_jsx(DSInput, {
|
|
84
|
-
className:
|
|
88
|
+
className: "".concat(classNameElement('input')),
|
|
85
89
|
"data-testid": "page-number__current-page",
|
|
86
90
|
onChange: handleUpdateInput,
|
|
87
91
|
style: {
|
|
88
|
-
width:
|
|
92
|
+
width: "".concat(size, "px")
|
|
89
93
|
},
|
|
90
94
|
value: page
|
|
91
95
|
}), /*#__PURE__*/_jsx("div", {
|
|
92
|
-
className:
|
|
96
|
+
className: "".concat(classNameElement('separator'))
|
|
93
97
|
}, void 0, separator), /*#__PURE__*/_jsx("div", {
|
|
94
|
-
className:
|
|
98
|
+
className: "".concat(classNameElement('total')),
|
|
95
99
|
"data-testid": "page-number__total-pages"
|
|
96
100
|
}, void 0, totalPages), /*#__PURE__*/jsx("div", {
|
|
97
101
|
ref: ref,
|
|
98
|
-
className:
|
|
102
|
+
className: "".concat(classNameElement('ref'))
|
|
99
103
|
})), /*#__PURE__*/_jsx("div", {
|
|
100
|
-
className:
|
|
104
|
+
className: "".concat(classNameElement('limiter'))
|
|
101
105
|
}), /*#__PURE__*/_jsx(DSButton, {
|
|
102
106
|
"aria-label": "dropdown-indicator",
|
|
103
107
|
buttonType: "text",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-page-number",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-next.12",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Page Number",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -40,20 +40,20 @@
|
|
|
40
40
|
"build": "node ../../scripts/build/build.js"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@elliemae/ds-button": "2.0.0-
|
|
44
|
-
"@elliemae/ds-classnames": "2.0.0-
|
|
45
|
-
"@elliemae/ds-form": "2.0.0-
|
|
46
|
-
"@elliemae/ds-icons": "2.0.0-
|
|
43
|
+
"@elliemae/ds-button": "2.0.0-next.12",
|
|
44
|
+
"@elliemae/ds-classnames": "2.0.0-next.12",
|
|
45
|
+
"@elliemae/ds-form": "2.0.0-next.12",
|
|
46
|
+
"@elliemae/ds-icons": "2.0.0-next.12",
|
|
47
47
|
"react-desc": "~4.1.3"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"styled-components": "~5.3.
|
|
50
|
+
"styled-components": "~5.3.3"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"lodash": "^4.17.21",
|
|
54
54
|
"react": "^17.0.2",
|
|
55
55
|
"react-dom": "^17.0.2",
|
|
56
|
-
"styled-components": "^5.3.
|
|
56
|
+
"styled-components": "^5.3.3"
|
|
57
57
|
},
|
|
58
58
|
"publishConfig": {
|
|
59
59
|
"access": "public",
|
package/cjs/package.json
DELETED