@elliemae/ds-page-number 2.0.0-alpha.1 → 2.0.0-alpha.13

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 (8) hide show
  1. package/cjs/DSPageNumber.js +29 -29
  2. package/cjs/DSPageNumber.test.js +3 -3
  3. package/cjs/index.js +1 -1
  4. package/esm/DSPageNumber.js +16 -12
  5. package/package.json +9 -7
  6. package/types/DSPageNumber.d.ts +55 -9
  7. package/cjs/package.json +0 -7
  8. 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 ChevronSmallDown = require('@elliemae/ds-icons/ChevronSmallDown');
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 DSInputGroup = require('@elliemae/ds-form/InputGroup');
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
 
@@ -33,9 +33,9 @@ const _excluded = ["className", "disabled", "value", "onChange", "containerProps
33
33
 
34
34
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
35
35
 
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; }
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(DSInputGroup__default['default'])(blockName);
38
+ const PageNumberInputContainer = dsClassnames.aggregatedClasses(dsForm.DSInputGroup)(blockName);
39
39
 
40
40
  const DSPageNumber = _ref => {
41
41
  let {
@@ -48,7 +48,7 @@ const DSPageNumber = _ref => {
48
48
  totalPages,
49
49
  separator
50
50
  } = _ref,
51
- otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
51
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
52
52
 
53
53
  const safeTotal = utils.cleanPage(totalPages);
54
54
  const ref = react.useRef(null);
@@ -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: `${cssClassName}`
94
+ className: "".concat(cssClassName)
95
95
  }, containerProps), otherProps), {}, {
96
- children: /*#__PURE__*/_jsx__default['default'](PageNumberInputContainer, {}, void 0, /*#__PURE__*/_jsx__default['default']("div", {
97
- className: `${classNameElement('pages')}`
98
- }, void 0, /*#__PURE__*/_jsx__default['default'](DSInput__default['default'], {
99
- className: `${classNameElement('input')}`,
96
+ children: /*#__PURE__*/_jsx__default["default"](PageNumberInputContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
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: `${size}px`
103
+ width: "".concat(size, "px")
104
104
  },
105
105
  value: page
106
- }), /*#__PURE__*/_jsx__default['default']("div", {
107
- className: `${classNameElement('separator')}`
108
- }, void 0, separator), /*#__PURE__*/_jsx__default['default']("div", {
109
- className: `${classNameElement('total')}`,
106
+ }), /*#__PURE__*/_jsx__default["default"]("div", {
107
+ className: "".concat(classNameElement('separator'))
108
+ }, void 0, separator), /*#__PURE__*/_jsx__default["default"]("div", {
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: `${classNameElement('ref')}`
114
- })), /*#__PURE__*/_jsx__default['default']("div", {
115
- className: `${classNameElement('limiter')}`
116
- }), /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
113
+ className: "".concat(classNameElement('ref'))
114
+ })), /*#__PURE__*/_jsx__default["default"]("div", {
115
+ className: "".concat(classNameElement('limiter'))
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'](ChevronSmallUp__default['default'], {})),
121
+ icon: _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallUp, {})),
122
122
  onClick: handleIncrease
123
- }), /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
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'](ChevronSmallDown__default['default'], {})),
128
+ icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})),
129
129
  onClick: handleDecrease
130
130
  }))
131
131
  }));
@@ -156,4 +156,4 @@ DSPageNumber.defaultProps = {
156
156
 
157
157
  exports.DSPageNumber = DSPageNumber;
158
158
  exports.PageNumberWithSchema = PageNumberWithSchema;
159
- exports['default'] = DSPageNumber;
159
+ exports["default"] = DSPageNumber;
package/cjs/DSPageNumber.test.js CHANGED
@@ -14,7 +14,7 @@ var _PageNumber, _PageNumber2, _PageNumber3;
14
14
  test('Increases page number ', async () => {
15
15
  const {
16
16
  queryByTestId
17
- } = react.render(_PageNumber || (_PageNumber = /*#__PURE__*/_jsx__default['default'](DSPageNumber.DSPageNumber, {
17
+ } = react.render(_PageNumber || (_PageNumber = /*#__PURE__*/_jsx__default["default"](DSPageNumber.DSPageNumber, {
18
18
  totalPages: 3
19
19
  })));
20
20
  const increaseButton = queryByTestId('page-number__increase');
@@ -25,7 +25,7 @@ test('Increases page number ', async () => {
25
25
  test('Decreases page number ', async () => {
26
26
  const {
27
27
  queryByTestId
28
- } = react.render(_PageNumber2 || (_PageNumber2 = /*#__PURE__*/_jsx__default['default'](DSPageNumber.DSPageNumber, {
28
+ } = react.render(_PageNumber2 || (_PageNumber2 = /*#__PURE__*/_jsx__default["default"](DSPageNumber.DSPageNumber, {
29
29
  currentPage: 2,
30
30
  totalPages: 3
31
31
  })));
@@ -37,7 +37,7 @@ test('Decreases page number ', async () => {
37
37
  test('Increases page number until last page number', async () => {
38
38
  const {
39
39
  queryByTestId
40
- } = react.render(_PageNumber3 || (_PageNumber3 = /*#__PURE__*/_jsx__default['default'](DSPageNumber.DSPageNumber, {
40
+ } = react.render(_PageNumber3 || (_PageNumber3 = /*#__PURE__*/_jsx__default["default"](DSPageNumber.DSPageNumber, {
41
41
  currentPage: 2,
42
42
  totalPages: 3
43
43
  })));
package/cjs/index.js CHANGED
@@ -8,4 +8,4 @@ var DSPageNumber = require('./DSPageNumber.js');
8
8
 
9
9
  exports.DSPageNumber = DSPageNumber.DSPageNumber;
10
10
  exports.PageNumberWithSchema = DSPageNumber.PageNumberWithSchema;
11
- exports.default = DSPageNumber.DSPageNumber;
11
+ exports["default"] = DSPageNumber.DSPageNumber;
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/ChevronSmallDown';
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/InputGroup';
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: `${cssClassName}`
83
+ className: "".concat(cssClassName)
80
84
  }, containerProps), otherProps), {}, {
81
85
  children: /*#__PURE__*/_jsx(PageNumberInputContainer, {}, void 0, /*#__PURE__*/_jsx("div", {
82
- className: `${classNameElement('pages')}`
86
+ className: "".concat(classNameElement('pages'))
83
87
  }, void 0, /*#__PURE__*/_jsx(DSInput, {
84
- className: `${classNameElement('input')}`,
88
+ className: "".concat(classNameElement('input')),
85
89
  "data-testid": "page-number__current-page",
86
90
  onChange: handleUpdateInput,
87
91
  style: {
88
- width: `${size}px`
92
+ width: "".concat(size, "px")
89
93
  },
90
94
  value: page
91
95
  }), /*#__PURE__*/_jsx("div", {
92
- className: `${classNameElement('separator')}`
96
+ className: "".concat(classNameElement('separator'))
93
97
  }, void 0, separator), /*#__PURE__*/_jsx("div", {
94
- className: `${classNameElement('total')}`,
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: `${classNameElement('ref')}`
102
+ className: "".concat(classNameElement('ref'))
99
103
  })), /*#__PURE__*/_jsx("div", {
100
- className: `${classNameElement('limiter')}`
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-alpha.1",
3
+ "version": "2.0.0-alpha.13",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Page Number",
6
6
  "module": "./esm/index.js",
@@ -40,20 +40,22 @@
40
40
  "build": "node ../../scripts/build/build.js"
41
41
  },
42
42
  "dependencies": {
43
- "@elliemae/ds-button": "2.0.0-alpha.1",
44
- "@elliemae/ds-classnames": "2.0.0-alpha.1",
45
- "@elliemae/ds-form": "2.0.0-alpha.1",
46
- "@elliemae/ds-icons": "2.0.0-alpha.1",
43
+ "@elliemae/ds-button": "2.0.0-alpha.13",
44
+ "@elliemae/ds-classnames": "2.0.0-alpha.13",
45
+ "@elliemae/ds-form": "2.0.0-alpha.13",
46
+ "@elliemae/ds-icons": "2.0.0-alpha.13",
47
47
  "react-desc": "~4.1.3"
48
48
  },
49
49
  "devDependencies": {
50
- "styled-components": "~5.3.1"
50
+ "@testing-library/jest-dom": "~5.15.0",
51
+ "@testing-library/react": "~12.1.2",
52
+ "styled-components": "~5.3.3"
51
53
  },
52
54
  "peerDependencies": {
53
55
  "lodash": "^4.17.21",
54
56
  "react": "^17.0.2",
55
57
  "react-dom": "^17.0.2",
56
- "styled-components": "^5.3.1"
58
+ "styled-components": "^5.3.3"
57
59
  },
58
60
  "publishConfig": {
59
61
  "access": "public",
package/types/DSPageNumber.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  declare const DSPageNumber: {
3
4
  ({ className, disabled, value, onChange, containerProps, currentPage, totalPages, separator, ...otherProps }: {
@@ -12,14 +13,45 @@ declare const DSPageNumber: {
12
13
  separator: any;
13
14
  }): JSX.Element;
14
15
  propTypes: {
15
- className: any;
16
- containerProps: any;
17
- disabled: any;
18
- value: any;
19
- onChange: any;
20
- currentPage: any;
21
- totalPages: any;
22
- separator: any;
16
+ className: {
17
+ defaultValue<T = unknown>(arg: T): {
18
+ deprecated: import("react-desc").PropTypesDescValidator;
19
+ };
20
+ isRequired: import("react-desc").PropTypesDescValidator;
21
+ };
22
+ containerProps: {
23
+ defaultValue<T = unknown>(arg: T): {
24
+ deprecated: import("react-desc").PropTypesDescValidator;
25
+ };
26
+ isRequired: import("react-desc").PropTypesDescValidator;
27
+ };
28
+ disabled: {
29
+ deprecated: import("react-desc").PropTypesDescValidator;
30
+ };
31
+ value: {
32
+ defaultValue<T = unknown>(arg: T): {
33
+ deprecated: import("react-desc").PropTypesDescValidator;
34
+ };
35
+ isRequired: import("react-desc").PropTypesDescValidator;
36
+ };
37
+ onChange: {
38
+ defaultValue<T = unknown>(arg: T): {
39
+ deprecated: import("react-desc").PropTypesDescValidator;
40
+ };
41
+ isRequired: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ currentPage: {
44
+ defaultValue<T = unknown>(arg: T): {
45
+ deprecated: import("react-desc").PropTypesDescValidator;
46
+ };
47
+ isRequired: import("react-desc").PropTypesDescValidator;
48
+ };
49
+ totalPages: {
50
+ deprecated: import("react-desc").PropTypesDescValidator;
51
+ };
52
+ separator: {
53
+ deprecated: import("react-desc").PropTypesDescValidator;
54
+ };
23
55
  };
24
56
  defaultProps: {
25
57
  className: string;
@@ -32,6 +64,20 @@ declare const DSPageNumber: {
32
64
  separator: string;
33
65
  };
34
66
  };
35
- declare const PageNumberWithSchema: any;
67
+ declare const PageNumberWithSchema: {
68
+ (props?: {
69
+ [x: string]: any;
70
+ className: any;
71
+ disabled: any;
72
+ value: any;
73
+ onChange: any;
74
+ containerProps: any;
75
+ currentPage: any;
76
+ totalPages: any;
77
+ separator: any;
78
+ } | undefined): JSX.Element;
79
+ propTypes: unknown;
80
+ toTypescript: () => import("react-desc").TypescriptSchema;
81
+ };
36
82
  export { DSPageNumber, PageNumberWithSchema };
37
83
  export default DSPageNumber;
package/cjs/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "commonjs",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }
package/esm/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "module",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }