@veeqo/ui 10.0.0-beta.2 → 10.0.0-beta.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/dist/components/DimensionsInput/DimensionsInput.cjs +1 -2
- package/dist/components/DimensionsInput/DimensionsInput.cjs.map +1 -1
- package/dist/components/DimensionsInput/DimensionsInput.d.ts +1 -2
- package/dist/components/DimensionsInput/DimensionsInput.js +1 -2
- package/dist/components/DimensionsInput/DimensionsInput.js.map +1 -1
- package/dist/components/Pagination/Pagination.cjs +1 -2
- package/dist/components/Pagination/Pagination.cjs.map +1 -1
- package/dist/components/Pagination/Pagination.js +1 -2
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/PriceInput/PriceInput.cjs +1 -2
- package/dist/components/PriceInput/PriceInput.cjs.map +1 -1
- package/dist/components/PriceInput/PriceInput.js +1 -2
- package/dist/components/PriceInput/PriceInput.js.map +1 -1
- package/dist/components/TextField/TextField.cjs +1 -2
- package/dist/components/TextField/TextField.cjs.map +1 -1
- package/dist/components/TextField/TextField.d.ts +1 -2
- package/dist/components/TextField/TextField.js +1 -2
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/WeightInput/WeightInput.cjs +4 -5
- package/dist/components/WeightInput/WeightInput.cjs.map +1 -1
- package/dist/components/WeightInput/WeightInput.js +1 -2
- package/dist/components/WeightInput/WeightInput.js.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/types.d.ts +1 -4
- package/package.json +1 -1
- package/dist/components/types.cjs +0 -8
- package/dist/components/types.cjs.map +0 -1
- package/dist/components/types.js +0 -8
- package/dist/components/types.js.map +0 -1
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var withLabels = require('../../hoc/withLabels/withLabels.cjs');
|
|
5
5
|
var index$1 = require('../InputGroup/index.cjs');
|
|
6
|
-
var types = require('../types.cjs');
|
|
7
6
|
var styled = require('./styled.cjs');
|
|
8
7
|
var CrossIcon = require('../../tempIcons/CrossIcon.cjs');
|
|
9
8
|
var index = require('../../theme/index.cjs');
|
|
@@ -16,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
15
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
17
16
|
|
|
18
17
|
const blockInvalidChars = (e) => blockInvalidCharacters.blockInvalidCharacters(e, invalidCharactersNumeric.invalidCharsList);
|
|
19
|
-
const DimensionsInput = withLabels.withLabels(({ size =
|
|
18
|
+
const DimensionsInput = withLabels.withLabels(({ size = 'base', handleChangeHeight, handleChangeWidth, handleChangeLength, className, height, width, length, unit = 'cm', hasError, ...rest }) => {
|
|
20
19
|
const compact = size === 'sm';
|
|
21
20
|
return (React__default.default.createElement(styled.Container, { className: className, role: "group", "aria-label": "Dimensions" },
|
|
22
21
|
React__default.default.createElement(styled.Row, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DimensionsInput.cjs","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { InputGroup } from '../InputGroup';\
|
|
1
|
+
{"version":3,"file":"DimensionsInput.cjs","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { InputGroup } from '../InputGroup';\n\nimport { Container, Row, TextField } from './styled';\n\nimport { DimensionsProps } from './types';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { theme } from '../../theme';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\nimport { InputAffix } from '../InputAffix';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const DimensionsInput = withLabels<DimensionsProps>(\n ({\n size = 'base',\n handleChangeHeight,\n handleChangeWidth,\n handleChangeLength,\n className,\n height,\n width,\n length,\n unit = 'cm',\n hasError,\n ...rest\n }) => {\n const compact = size === 'sm';\n\n return (\n <Container className={className} role=\"group\" aria-label=\"Dimensions\">\n <Row>\n <TextField\n name=\"length\"\n type=\"number\"\n value={length}\n aria-label=\"Length\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeLength}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"L\"\n hasError={hasError}\n {...rest}\n />\n <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n <TextField\n name=\"width\"\n type=\"number\"\n value={width}\n aria-label=\"Width\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeWidth}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"W\"\n hasError={hasError}\n {...rest}\n />\n <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n <InputGroup hasError={hasError} compact={compact}>\n <TextField\n name=\"height\"\n type=\"number\"\n value={height}\n aria-label=\"Height\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeHeight}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"H\"\n hasError={hasError}\n {...rest}\n />\n <InputAffix compact={compact} hasError={hasError} id=\"dimensions-unit\">\n {unit}\n </InputAffix>\n </InputGroup>\n </Row>\n </Container>\n );\n },\n);\n\nDimensionsInput.displayName = 'DimensionsInput';\n"],"names":["blockInvalidCharacters","invalidCharsList","withLabels","React","Container","Row","TextField","CrossIcon","theme","InputGroup","InputAffix"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAKA,6CAAsB,CAAC,CAAC,EAAEC,yCAAgB,CAAC;AAEpF,MAAA,eAAe,GAAGC,qBAAU,CACvC,CAAC,EACC,IAAI,GAAG,MAAM,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;AAE7B,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,gBAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,EAAA,YAAA,EAAY,YAAY,EAAA;AACnE,QAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;YACFF,sBAAC,CAAA,aAAA,CAAAG,gBAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,gBACF,QAAQ,EAAA,kBAAA,EACF,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;YACFH,sBAAC,CAAA,aAAA,CAAAI,mBAAS,IAAC,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;YACpFL,sBAAC,CAAA,aAAA,CAAAG,gBAAS,IACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,gBACD,OAAO,EAAA,kBAAA,EACD,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;YACFH,sBAAC,CAAA,aAAA,CAAAI,mBAAS,IAAC,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;YACpFL,sBAAC,CAAA,aAAA,CAAAM,kBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAA;gBAC9CN,sBAAC,CAAA,aAAA,CAAAG,gBAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,gBACF,QAAQ,EAAA,kBAAA,EACF,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;gBACFH,sBAAC,CAAA,aAAA,CAAAO,qBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,iBAAiB,IACnE,IAAI,CACM,CACF,CACT,CACI;AAEhB,CAAC;AAGH,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ComponentSize } from '../types';
|
|
3
2
|
export declare const DimensionsInput: React.FC<{
|
|
4
3
|
form?: string | undefined;
|
|
5
4
|
slot?: string | undefined;
|
|
@@ -299,7 +298,7 @@ export declare const DimensionsInput: React.FC<{
|
|
|
299
298
|
type?: import("../TextField/types").TextFieldType | undefined;
|
|
300
299
|
onChange?: ((value: string) => void) | undefined;
|
|
301
300
|
hasError?: boolean | undefined;
|
|
302
|
-
size?: ComponentSize | undefined;
|
|
301
|
+
size?: import("../types").ComponentSize | undefined;
|
|
303
302
|
multiline?: boolean | undefined;
|
|
304
303
|
} & {
|
|
305
304
|
handleChangeHeight: (value: string) => void;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { withLabels } from '../../hoc/withLabels/withLabels.js';
|
|
3
3
|
import { InputGroup } from '../InputGroup/index.js';
|
|
4
|
-
import { ComponentSize } from '../types.js';
|
|
5
4
|
import { Container, Row, TextField as StyledTextField } from './styled.js';
|
|
6
5
|
import { CrossIcon } from '../../tempIcons/CrossIcon.js';
|
|
7
6
|
import { theme } from '../../theme/index.js';
|
|
@@ -10,7 +9,7 @@ import { invalidCharsList } from '../../utils/invalidCharactersNumeric.js';
|
|
|
10
9
|
import { InputAffix } from '../InputAffix/InputAffix.js';
|
|
11
10
|
|
|
12
11
|
const blockInvalidChars = (e) => blockInvalidCharacters(e, invalidCharsList);
|
|
13
|
-
const DimensionsInput = withLabels(({ size =
|
|
12
|
+
const DimensionsInput = withLabels(({ size = 'base', handleChangeHeight, handleChangeWidth, handleChangeLength, className, height, width, length, unit = 'cm', hasError, ...rest }) => {
|
|
14
13
|
const compact = size === 'sm';
|
|
15
14
|
return (React__default.createElement(Container, { className: className, role: "group", "aria-label": "Dimensions" },
|
|
16
15
|
React__default.createElement(Row, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DimensionsInput.js","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { InputGroup } from '../InputGroup';\
|
|
1
|
+
{"version":3,"file":"DimensionsInput.js","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { InputGroup } from '../InputGroup';\n\nimport { Container, Row, TextField } from './styled';\n\nimport { DimensionsProps } from './types';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { theme } from '../../theme';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\nimport { InputAffix } from '../InputAffix';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const DimensionsInput = withLabels<DimensionsProps>(\n ({\n size = 'base',\n handleChangeHeight,\n handleChangeWidth,\n handleChangeLength,\n className,\n height,\n width,\n length,\n unit = 'cm',\n hasError,\n ...rest\n }) => {\n const compact = size === 'sm';\n\n return (\n <Container className={className} role=\"group\" aria-label=\"Dimensions\">\n <Row>\n <TextField\n name=\"length\"\n type=\"number\"\n value={length}\n aria-label=\"Length\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeLength}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"L\"\n hasError={hasError}\n {...rest}\n />\n <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n <TextField\n name=\"width\"\n type=\"number\"\n value={width}\n aria-label=\"Width\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeWidth}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"W\"\n hasError={hasError}\n {...rest}\n />\n <CrossIcon height={theme.sizes.base} width={theme.sizes.base} role=\"presentation\" />\n <InputGroup hasError={hasError} compact={compact}>\n <TextField\n name=\"height\"\n type=\"number\"\n value={height}\n aria-label=\"Height\"\n aria-describedby=\"dimensions-unit\"\n min=\"0\"\n step=\"any\"\n onChange={handleChangeHeight}\n onKeyDown={blockInvalidChars}\n size={size}\n placeholder=\"H\"\n hasError={hasError}\n {...rest}\n />\n <InputAffix compact={compact} hasError={hasError} id=\"dimensions-unit\">\n {unit}\n </InputAffix>\n </InputGroup>\n </Row>\n </Container>\n );\n },\n);\n\nDimensionsInput.displayName = 'DimensionsInput';\n"],"names":["React","TextField"],"mappings":";;;;;;;;;;AAcA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAK,sBAAsB,CAAC,CAAC,EAAE,gBAAgB,CAAC;AAEpF,MAAA,eAAe,GAAG,UAAU,CACvC,CAAC,EACC,IAAI,GAAG,MAAM,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;AAE7B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,EAAA,YAAA,EAAY,YAAY,EAAA;AACnE,QAAAA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;YACFA,cAAC,CAAA,aAAA,CAAAC,eAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,gBACF,QAAQ,EAAA,kBAAA,EACF,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;YACFD,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;YACpFA,cAAC,CAAA,aAAA,CAAAC,eAAS,IACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,gBACD,OAAO,EAAA,kBAAA,EACD,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;YACFD,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA;YACpFA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAA;gBAC9CA,cAAC,CAAA,aAAA,CAAAC,eAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,gBACF,QAAQ,EAAA,kBAAA,EACF,iBAAiB,EAClC,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,GAAG,EACf,QAAQ,EAAE,QAAQ,EACd,GAAA,IAAI,EACR,CAAA;gBACFD,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,iBAAiB,IACnE,IAAI,CACM,CACF,CACT,CACI;AAEhB,CAAC;AAGH,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
|
|
@@ -9,7 +9,6 @@ var RightArrowIcon = require('../../tempIcons/RightArrowIcon.cjs');
|
|
|
9
9
|
var StartArrowIcon = require('../../tempIcons/StartArrowIcon.cjs');
|
|
10
10
|
var LeftArrowIcon = require('../../tempIcons/LeftArrowIcon.cjs');
|
|
11
11
|
var EndArrowIcon = require('../../tempIcons/EndArrowIcon.cjs');
|
|
12
|
-
var types = require('../types.cjs');
|
|
13
12
|
|
|
14
13
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
15
14
|
|
|
@@ -39,7 +38,7 @@ const Pagination = ({ testId, e2eClassName, currentPage, totalPagesCount, handle
|
|
|
39
38
|
React__default.default.createElement(styled.PaginationButton, { onClick: handleSkipBack, iconSlot: React__default.default.createElement(StartArrowIcon.StartArrowIcon, null), size: "sm", "aria-label": "go to first page" }),
|
|
40
39
|
React__default.default.createElement(styled.PaginationButton, { onClick: handleDecrement, iconSlot: React__default.default.createElement(LeftArrowIcon.LeftArrowIcon, null), size: "sm", "aria-label": "go to previous page", "aria-disabled": currentPage <= 1 }),
|
|
41
40
|
React__default.default.createElement("form", { onSubmit: handleFormSubmit },
|
|
42
|
-
React__default.default.createElement(styled.PageInput, { "aria-live": "polite", "aria-label": `page ${currentPage} of ${totalPagesCount}`, size:
|
|
41
|
+
React__default.default.createElement(styled.PageInput, { "aria-live": "polite", "aria-label": `page ${currentPage} of ${totalPagesCount}`, size: "sm", type: "number", value: pageInputValue, min: "1", max: `${totalPagesCount}`, onChange: handleInputChange, onBlur: handleSubmit })),
|
|
43
42
|
React__default.default.createElement(components.PageCount, { count: totalPagesCount }),
|
|
44
43
|
React__default.default.createElement(styled.PaginationButton, { onClick: handleIncrement, iconSlot: React__default.default.createElement(RightArrowIcon.RightArrowIcon, null), size: "sm", "aria-label": "go to next page", "aria-disabled": currentPage >= totalPagesCount }),
|
|
45
44
|
React__default.default.createElement(styled.PaginationButton, { onClick: handleSkipToEnd, iconSlot: React__default.default.createElement(EndArrowIcon.EndArrowIcon, null), size: "sm", "aria-label": "go to last page", "aria-disabled": currentPage >= totalPagesCount })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { PaginationProps } from './types';\n\nimport { Stack } from '../Stack';\nimport { PageInput, PaginationButton } from './styled';\nimport { PageCount } from './components';\nimport { usePagination } from './hooks/usePagination';\n\nimport { RightArrowIcon } from '../../tempIcons/RightArrowIcon';\nimport { StartArrowIcon } from '../../tempIcons/StartArrowIcon';\nimport { LeftArrowIcon } from '../../tempIcons/LeftArrowIcon';\nimport { EndArrowIcon } from '../../tempIcons/EndArrowIcon';\n\
|
|
1
|
+
{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { PaginationProps } from './types';\n\nimport { Stack } from '../Stack';\nimport { PageInput, PaginationButton } from './styled';\nimport { PageCount } from './components';\nimport { usePagination } from './hooks/usePagination';\n\nimport { RightArrowIcon } from '../../tempIcons/RightArrowIcon';\nimport { StartArrowIcon } from '../../tempIcons/StartArrowIcon';\nimport { LeftArrowIcon } from '../../tempIcons/LeftArrowIcon';\nimport { EndArrowIcon } from '../../tempIcons/EndArrowIcon';\n\nexport const Pagination = ({\n testId,\n e2eClassName,\n currentPage,\n totalPagesCount,\n handleChangePage,\n}: PaginationProps) => {\n const {\n pageInputValue,\n handleIncrement,\n handleDecrement,\n handleFormSubmit,\n handleInputChange,\n handleSubmit,\n } = usePagination({\n currentPage,\n totalPagesCount,\n handleChangePage,\n });\n\n /**\n * A function to go back to the first page, provided we aren't already there.\n */\n const handleSkipBack = () => {\n if (currentPage !== 1) handleChangePage(1);\n };\n\n /**\n * A function to go to the last page, provided we aren't already there.\n */\n const handleSkipToEnd = () => {\n if (currentPage !== totalPagesCount) handleChangePage(totalPagesCount);\n };\n\n return (\n <Stack\n direction=\"horizontal\"\n alignY=\"center\"\n spacing=\"xs\"\n data-testid={testId}\n className={e2eClassName}\n >\n <PaginationButton\n onClick={handleSkipBack}\n iconSlot={<StartArrowIcon />}\n size=\"sm\"\n aria-label=\"go to first page\"\n />\n <PaginationButton\n onClick={handleDecrement}\n iconSlot={<LeftArrowIcon />}\n size=\"sm\"\n aria-label=\"go to previous page\"\n aria-disabled={currentPage <= 1}\n />\n\n <form onSubmit={handleFormSubmit}>\n <PageInput\n aria-live=\"polite\"\n aria-label={`page ${currentPage} of ${totalPagesCount}`}\n size=\"sm\"\n type=\"number\"\n value={pageInputValue}\n min=\"1\"\n max={`${totalPagesCount}`}\n onChange={handleInputChange}\n onBlur={handleSubmit}\n />\n </form>\n\n <PageCount count={totalPagesCount} />\n\n <PaginationButton\n onClick={handleIncrement}\n iconSlot={<RightArrowIcon />}\n size=\"sm\"\n aria-label=\"go to next page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n\n <PaginationButton\n onClick={handleSkipToEnd}\n iconSlot={<EndArrowIcon />}\n size=\"sm\"\n aria-label=\"go to last page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n </Stack>\n );\n};\n"],"names":["usePagination","React","Stack","PaginationButton","StartArrowIcon","LeftArrowIcon","PageInput","PageCount","RightArrowIcon","EndArrowIcon"],"mappings":";;;;;;;;;;;;;;;;AAaa,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAGA,2BAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACEC,qCAACC,WAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAAD,sBAAA,CAAA,aAAA,CAACE,uBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACFH,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAI,2BAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEFJ,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAAA,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,GAAG,eAAe,CAAA,CAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAAL,sBAAA,CAAA,aAAA,CAACM,oBAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErCN,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAO,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEFP,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAQ,yBAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}
|
|
@@ -7,7 +7,6 @@ import { RightArrowIcon } from '../../tempIcons/RightArrowIcon.js';
|
|
|
7
7
|
import { StartArrowIcon } from '../../tempIcons/StartArrowIcon.js';
|
|
8
8
|
import { LeftArrowIcon } from '../../tempIcons/LeftArrowIcon.js';
|
|
9
9
|
import { EndArrowIcon } from '../../tempIcons/EndArrowIcon.js';
|
|
10
|
-
import { ComponentSize } from '../types.js';
|
|
11
10
|
|
|
12
11
|
const Pagination = ({ testId, e2eClassName, currentPage, totalPagesCount, handleChangePage, }) => {
|
|
13
12
|
const { pageInputValue, handleIncrement, handleDecrement, handleFormSubmit, handleInputChange, handleSubmit, } = usePagination({
|
|
@@ -33,7 +32,7 @@ const Pagination = ({ testId, e2eClassName, currentPage, totalPagesCount, handle
|
|
|
33
32
|
React__default.createElement(PaginationButton, { onClick: handleSkipBack, iconSlot: React__default.createElement(StartArrowIcon, null), size: "sm", "aria-label": "go to first page" }),
|
|
34
33
|
React__default.createElement(PaginationButton, { onClick: handleDecrement, iconSlot: React__default.createElement(LeftArrowIcon, null), size: "sm", "aria-label": "go to previous page", "aria-disabled": currentPage <= 1 }),
|
|
35
34
|
React__default.createElement("form", { onSubmit: handleFormSubmit },
|
|
36
|
-
React__default.createElement(PageInput, { "aria-live": "polite", "aria-label": `page ${currentPage} of ${totalPagesCount}`, size:
|
|
35
|
+
React__default.createElement(PageInput, { "aria-live": "polite", "aria-label": `page ${currentPage} of ${totalPagesCount}`, size: "sm", type: "number", value: pageInputValue, min: "1", max: `${totalPagesCount}`, onChange: handleInputChange, onBlur: handleSubmit })),
|
|
37
36
|
React__default.createElement(PageCount, { count: totalPagesCount }),
|
|
38
37
|
React__default.createElement(PaginationButton, { onClick: handleIncrement, iconSlot: React__default.createElement(RightArrowIcon, null), size: "sm", "aria-label": "go to next page", "aria-disabled": currentPage >= totalPagesCount }),
|
|
39
38
|
React__default.createElement(PaginationButton, { onClick: handleSkipToEnd, iconSlot: React__default.createElement(EndArrowIcon, null), size: "sm", "aria-label": "go to last page", "aria-disabled": currentPage >= totalPagesCount })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { PaginationProps } from './types';\n\nimport { Stack } from '../Stack';\nimport { PageInput, PaginationButton } from './styled';\nimport { PageCount } from './components';\nimport { usePagination } from './hooks/usePagination';\n\nimport { RightArrowIcon } from '../../tempIcons/RightArrowIcon';\nimport { StartArrowIcon } from '../../tempIcons/StartArrowIcon';\nimport { LeftArrowIcon } from '../../tempIcons/LeftArrowIcon';\nimport { EndArrowIcon } from '../../tempIcons/EndArrowIcon';\n\
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { PaginationProps } from './types';\n\nimport { Stack } from '../Stack';\nimport { PageInput, PaginationButton } from './styled';\nimport { PageCount } from './components';\nimport { usePagination } from './hooks/usePagination';\n\nimport { RightArrowIcon } from '../../tempIcons/RightArrowIcon';\nimport { StartArrowIcon } from '../../tempIcons/StartArrowIcon';\nimport { LeftArrowIcon } from '../../tempIcons/LeftArrowIcon';\nimport { EndArrowIcon } from '../../tempIcons/EndArrowIcon';\n\nexport const Pagination = ({\n testId,\n e2eClassName,\n currentPage,\n totalPagesCount,\n handleChangePage,\n}: PaginationProps) => {\n const {\n pageInputValue,\n handleIncrement,\n handleDecrement,\n handleFormSubmit,\n handleInputChange,\n handleSubmit,\n } = usePagination({\n currentPage,\n totalPagesCount,\n handleChangePage,\n });\n\n /**\n * A function to go back to the first page, provided we aren't already there.\n */\n const handleSkipBack = () => {\n if (currentPage !== 1) handleChangePage(1);\n };\n\n /**\n * A function to go to the last page, provided we aren't already there.\n */\n const handleSkipToEnd = () => {\n if (currentPage !== totalPagesCount) handleChangePage(totalPagesCount);\n };\n\n return (\n <Stack\n direction=\"horizontal\"\n alignY=\"center\"\n spacing=\"xs\"\n data-testid={testId}\n className={e2eClassName}\n >\n <PaginationButton\n onClick={handleSkipBack}\n iconSlot={<StartArrowIcon />}\n size=\"sm\"\n aria-label=\"go to first page\"\n />\n <PaginationButton\n onClick={handleDecrement}\n iconSlot={<LeftArrowIcon />}\n size=\"sm\"\n aria-label=\"go to previous page\"\n aria-disabled={currentPage <= 1}\n />\n\n <form onSubmit={handleFormSubmit}>\n <PageInput\n aria-live=\"polite\"\n aria-label={`page ${currentPage} of ${totalPagesCount}`}\n size=\"sm\"\n type=\"number\"\n value={pageInputValue}\n min=\"1\"\n max={`${totalPagesCount}`}\n onChange={handleInputChange}\n onBlur={handleSubmit}\n />\n </form>\n\n <PageCount count={totalPagesCount} />\n\n <PaginationButton\n onClick={handleIncrement}\n iconSlot={<RightArrowIcon />}\n size=\"sm\"\n aria-label=\"go to next page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n\n <PaginationButton\n onClick={handleSkipToEnd}\n iconSlot={<EndArrowIcon />}\n size=\"sm\"\n aria-label=\"go to last page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n </Stack>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAaa,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,aAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACEA,6BAAC,KAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACFA,cAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,aAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEFA,cAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,GAAG,eAAe,CAAA,CAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErCA,cAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEFA,cAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var types = require('../types.cjs');
|
|
5
4
|
var Stepper = require('../Stepper/Stepper.cjs');
|
|
6
5
|
var InputAffix = require('../InputAffix/InputAffix.cjs');
|
|
7
6
|
var withLabels = require('../../hoc/withLabels/withLabels.cjs');
|
|
@@ -17,7 +16,7 @@ function stringToFixed(price) {
|
|
|
17
16
|
const floatPrice = parseFloat(price.replace(',', '.'));
|
|
18
17
|
return floatPrice.toFixed(fractionDigits);
|
|
19
18
|
}
|
|
20
|
-
const PriceInput = withLabels.withLabels(({ className = '', hasError, currency, disabled = false, onChange, onPriceChange, priceValue, step = '0.1', size =
|
|
19
|
+
const PriceInput = withLabels.withLabels(({ className = '', hasError, currency, disabled = false, onChange, onPriceChange, priceValue, step = '0.1', size = 'base', ...otherProps }) => {
|
|
21
20
|
const handleChange = (value) => onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));
|
|
22
21
|
const handleBlur = (e) => {
|
|
23
22
|
const target = e.target;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceInput.cjs","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport {
|
|
1
|
+
{"version":3,"file":"PriceInput.cjs","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Stepper } from '../Stepper';\nimport type { TextFieldProps } from '../TextField/types';\nimport { InputAffix } from '../InputAffix';\nimport { withLabels } from '../../hoc';\n\nimport { PriceInputProps } from './types';\nimport { InputGroup } from '../InputGroup';\nimport { TextField } from '../TextField';\n\nconst fractionDigits = 2;\n\nfunction stringToFixed(price: string) {\n const floatPrice = parseFloat(price.replace(',', '.'));\n return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels<PriceInputProps>(\n ({\n className = '',\n hasError,\n currency,\n disabled = false,\n onChange,\n onPriceChange,\n priceValue,\n step = '0.1',\n size = 'base',\n ...otherProps\n }) => {\n const handleChange = (value: string) =>\n onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n const handleBlur: TextFieldProps['onBlur'] = (e) => {\n const target = e.target as HTMLInputElement;\n const { value } = target;\n\n if (!value) {\n onPriceChange('');\n\n return;\n }\n\n const roundedValue = stringToFixed(value);\n\n onPriceChange(roundedValue);\n };\n\n const handleIncrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) || 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice + currentStep).toFixed(fractionDigits));\n };\n const handleDecrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) || 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice - currentStep).toFixed(fractionDigits));\n };\n\n const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n const { key } = e;\n const target = e.target as HTMLInputElement;\n const isInForm = target.form;\n\n if (!isInForm) {\n if (key === 'Enter') target.blur();\n }\n if (key === 'ArrowUp') handleIncrement(onChange);\n if (key === 'ArrowDown') handleDecrement(onChange);\n };\n\n const compact = size === 'sm';\n\n return (\n <InputGroup className={className} hasError={hasError}>\n <InputAffix compact={compact} hasError={hasError}>\n {currency}\n </InputAffix>\n <TextField\n placeholder=\"0.00\"\n type=\"currency\"\n value={priceValue}\n step={step}\n onChange={handleChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n size={size}\n hasError={hasError}\n {...otherProps}\n />\n <Stepper\n onIncrement={() => handleIncrement()}\n onDecrement={() => handleDecrement()}\n disabled={disabled}\n hasError={hasError}\n size={size}\n />\n </InputGroup>\n );\n },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["withLabels","React","InputGroup","InputAffix","TextField","Stepper"],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import { ComponentSize } from '../types.js';
|
|
3
2
|
import { Stepper } from '../Stepper/Stepper.js';
|
|
4
3
|
import { InputAffix } from '../InputAffix/InputAffix.js';
|
|
5
4
|
import { withLabels } from '../../hoc/withLabels/withLabels.js';
|
|
@@ -11,7 +10,7 @@ function stringToFixed(price) {
|
|
|
11
10
|
const floatPrice = parseFloat(price.replace(',', '.'));
|
|
12
11
|
return floatPrice.toFixed(fractionDigits);
|
|
13
12
|
}
|
|
14
|
-
const PriceInput = withLabels(({ className = '', hasError, currency, disabled = false, onChange, onPriceChange, priceValue, step = '0.1', size =
|
|
13
|
+
const PriceInput = withLabels(({ className = '', hasError, currency, disabled = false, onChange, onPriceChange, priceValue, step = '0.1', size = 'base', ...otherProps }) => {
|
|
15
14
|
const handleChange = (value) => onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));
|
|
16
15
|
const handleBlur = (e) => {
|
|
17
16
|
const target = e.target;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport {
|
|
1
|
+
{"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Stepper } from '../Stepper';\nimport type { TextFieldProps } from '../TextField/types';\nimport { InputAffix } from '../InputAffix';\nimport { withLabels } from '../../hoc';\n\nimport { PriceInputProps } from './types';\nimport { InputGroup } from '../InputGroup';\nimport { TextField } from '../TextField';\n\nconst fractionDigits = 2;\n\nfunction stringToFixed(price: string) {\n const floatPrice = parseFloat(price.replace(',', '.'));\n return floatPrice.toFixed(fractionDigits);\n}\n\nexport const PriceInput = withLabels<PriceInputProps>(\n ({\n className = '',\n hasError,\n currency,\n disabled = false,\n onChange,\n onPriceChange,\n priceValue,\n step = '0.1',\n size = 'base',\n ...otherProps\n }) => {\n const handleChange = (value: string) =>\n onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));\n\n const handleBlur: TextFieldProps['onBlur'] = (e) => {\n const target = e.target as HTMLInputElement;\n const { value } = target;\n\n if (!value) {\n onPriceChange('');\n\n return;\n }\n\n const roundedValue = stringToFixed(value);\n\n onPriceChange(roundedValue);\n };\n\n const handleIncrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) || 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice + currentStep).toFixed(fractionDigits));\n };\n const handleDecrement = (callback = onPriceChange) => {\n const currentPrice = parseFloat(priceValue) || 0;\n const currentStep = parseFloat(step);\n\n callback((currentPrice - currentStep).toFixed(fractionDigits));\n };\n\n const handleKeyDown: TextFieldProps['onKeyDown'] = (e) => {\n const { key } = e;\n const target = e.target as HTMLInputElement;\n const isInForm = target.form;\n\n if (!isInForm) {\n if (key === 'Enter') target.blur();\n }\n if (key === 'ArrowUp') handleIncrement(onChange);\n if (key === 'ArrowDown') handleDecrement(onChange);\n };\n\n const compact = size === 'sm';\n\n return (\n <InputGroup className={className} hasError={hasError}>\n <InputAffix compact={compact} hasError={hasError}>\n {currency}\n </InputAffix>\n <TextField\n placeholder=\"0.00\"\n type=\"currency\"\n value={priceValue}\n step={step}\n onChange={handleChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n size={size}\n hasError={hasError}\n {...otherProps}\n />\n <Stepper\n onIncrement={() => handleIncrement()}\n onDecrement={() => handleDecrement()}\n disabled={disabled}\n hasError={hasError}\n size={size}\n />\n </InputGroup>\n );\n },\n);\n\nPriceInput.displayName = 'PriceInput';\n"],"names":["React"],"mappings":"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"}
|
|
@@ -3,14 +3,13 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var generateId = require('../../utils/generateId.cjs');
|
|
5
5
|
var styled = require('./styled.cjs');
|
|
6
|
-
var types = require('../types.cjs');
|
|
7
6
|
|
|
8
7
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
8
|
|
|
10
9
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
10
|
|
|
12
11
|
const NUMBER_REGEX = /^-?[0-9]*\.?[0-9]+$/;
|
|
13
|
-
const TextField = React.forwardRef(({ id, className, disabled = false, hasError, multiline = false, spellCheck = false, name, onChange, placeholder, size =
|
|
12
|
+
const TextField = React.forwardRef(({ id, className, disabled = false, hasError, multiline = false, spellCheck = false, name, onChange, placeholder, size = 'base', type = 'text', value, ...otherProps }, ref) => {
|
|
14
13
|
const handleChange = React.useCallback((event) => {
|
|
15
14
|
if (!onChange)
|
|
16
15
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.cjs","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { useCallback, ChangeEvent, forwardRef } from 'react';\nimport { TextFieldProps } from './types';\nimport { generateId } from '../../utils/generateId';\n\nimport { Input, Textarea } from './styled';\
|
|
1
|
+
{"version":3,"file":"TextField.cjs","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { useCallback, ChangeEvent, forwardRef } from 'react';\nimport { TextFieldProps } from './types';\nimport { generateId } from '../../utils/generateId';\n\nimport { Input, Textarea } from './styled';\n\nconst NUMBER_REGEX = /^-?[0-9]*\\.?[0-9]+$/;\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n disabled = false,\n hasError,\n multiline = false,\n spellCheck = false,\n name,\n onChange,\n placeholder,\n size = 'base',\n type = 'text',\n value,\n ...otherProps\n }: TextFieldProps,\n ref,\n ) => {\n const handleChange = useCallback(\n (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n if (!onChange) return;\n const newValue = event.currentTarget.value;\n\n if (newValue === '') {\n onChange(newValue);\n return;\n }\n\n if (type !== 'number') {\n onChange(newValue);\n return;\n }\n\n const reg = new RegExp(NUMBER_REGEX);\n if (!reg.test(newValue)) {\n return;\n }\n\n onChange(newValue);\n },\n [onChange, type],\n );\n\n const componentId = id ?? generateId('textfield');\n\n if (type === 'text' && multiline) {\n return (\n <Textarea\n className={className}\n disabled={disabled}\n hasError={hasError}\n id={componentId}\n name={name}\n onChange={handleChange}\n placeholder={placeholder}\n value={value}\n ref={ref}\n spellCheck={spellCheck}\n {...otherProps}\n />\n );\n }\n\n return (\n <Input\n className={className}\n disabled={disabled}\n hasError={hasError}\n id={componentId}\n compact={size === 'sm'}\n name={name}\n aria-label={name}\n onChange={handleChange}\n placeholder={placeholder}\n type={type}\n value={value}\n ref={ref}\n spellCheck={spellCheck}\n {...otherProps}\n />\n );\n },\n);\n"],"names":["forwardRef","useCallback","generateId","React","Textarea","Input"],"mappings":";;;;;;;;;;AAMA,MAAM,YAAY,GAAG,qBAAqB;MAE7B,SAAS,GAAGA,gBAAU,CACjC,CACE,EACE,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,MAAM,EACb,KAAK,EACL,GAAG,UAAU,EACE,EACjB,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,KAA0D,KAAI;AAC7D,QAAA,IAAI,CAAC,QAAQ;YAAE;AACf,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK;QAE1C,IAAI,QAAQ,KAAK,EAAE,EAAE;YACnB,QAAQ,CAAC,QAAQ,CAAC;YAClB;AACD;QAED,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,QAAQ,CAAC,QAAQ,CAAC;YAClB;AACD;AAED,QAAA,MAAM,GAAG,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC;AACpC,QAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACvB;AACD;QAED,QAAQ,CAAC,QAAQ,CAAC;AACpB,KAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACjB;AAED,IAAA,MAAM,WAAW,GAAG,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,SAAA,GAAF,EAAE,GAAIC,qBAAU,CAAC,WAAW,CAAC;AAEjD,IAAA,IAAI,IAAI,KAAK,MAAM,IAAI,SAAS,EAAE;QAChC,QACEC,qCAACC,eAAQ,EAAA,EACP,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EAClB,GAAA,UAAU,EACd,CAAA;AAEL;IAED,QACED,sBAAC,CAAA,aAAA,CAAAE,YAAK,EACJ,EAAA,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,IAAI,KAAK,IAAI,EACtB,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,IAAI,EAChB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EAClB,GAAA,UAAU,EACd,CAAA;AAEN,CAAC;;;;"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ComponentSize } from '../types';
|
|
3
2
|
export declare const TextField: React.ForwardRefExoticComponent<{
|
|
4
3
|
form?: string | undefined;
|
|
5
4
|
slot?: string | undefined;
|
|
@@ -299,6 +298,6 @@ export declare const TextField: React.ForwardRefExoticComponent<{
|
|
|
299
298
|
type?: import("./types").TextFieldType | undefined;
|
|
300
299
|
onChange?: ((value: string) => void) | undefined;
|
|
301
300
|
hasError?: boolean | undefined;
|
|
302
|
-
size?: ComponentSize | undefined;
|
|
301
|
+
size?: import("../types").ComponentSize | undefined;
|
|
303
302
|
multiline?: boolean | undefined;
|
|
304
303
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React__default, { forwardRef, useCallback } from 'react';
|
|
2
2
|
import { generateId } from '../../utils/generateId.js';
|
|
3
3
|
import { Textarea, Input } from './styled.js';
|
|
4
|
-
import { ComponentSize } from '../types.js';
|
|
5
4
|
|
|
6
5
|
const NUMBER_REGEX = /^-?[0-9]*\.?[0-9]+$/;
|
|
7
|
-
const TextField = forwardRef(({ id, className, disabled = false, hasError, multiline = false, spellCheck = false, name, onChange, placeholder, size =
|
|
6
|
+
const TextField = forwardRef(({ id, className, disabled = false, hasError, multiline = false, spellCheck = false, name, onChange, placeholder, size = 'base', type = 'text', value, ...otherProps }, ref) => {
|
|
8
7
|
const handleChange = useCallback((event) => {
|
|
9
8
|
if (!onChange)
|
|
10
9
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { useCallback, ChangeEvent, forwardRef } from 'react';\nimport { TextFieldProps } from './types';\nimport { generateId } from '../../utils/generateId';\n\nimport { Input, Textarea } from './styled';\
|
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { useCallback, ChangeEvent, forwardRef } from 'react';\nimport { TextFieldProps } from './types';\nimport { generateId } from '../../utils/generateId';\n\nimport { Input, Textarea } from './styled';\n\nconst NUMBER_REGEX = /^-?[0-9]*\\.?[0-9]+$/;\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n disabled = false,\n hasError,\n multiline = false,\n spellCheck = false,\n name,\n onChange,\n placeholder,\n size = 'base',\n type = 'text',\n value,\n ...otherProps\n }: TextFieldProps,\n ref,\n ) => {\n const handleChange = useCallback(\n (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n if (!onChange) return;\n const newValue = event.currentTarget.value;\n\n if (newValue === '') {\n onChange(newValue);\n return;\n }\n\n if (type !== 'number') {\n onChange(newValue);\n return;\n }\n\n const reg = new RegExp(NUMBER_REGEX);\n if (!reg.test(newValue)) {\n return;\n }\n\n onChange(newValue);\n },\n [onChange, type],\n );\n\n const componentId = id ?? generateId('textfield');\n\n if (type === 'text' && multiline) {\n return (\n <Textarea\n className={className}\n disabled={disabled}\n hasError={hasError}\n id={componentId}\n name={name}\n onChange={handleChange}\n placeholder={placeholder}\n value={value}\n ref={ref}\n spellCheck={spellCheck}\n {...otherProps}\n />\n );\n }\n\n return (\n <Input\n className={className}\n disabled={disabled}\n hasError={hasError}\n id={componentId}\n compact={size === 'sm'}\n name={name}\n aria-label={name}\n onChange={handleChange}\n placeholder={placeholder}\n type={type}\n value={value}\n ref={ref}\n spellCheck={spellCheck}\n {...otherProps}\n />\n );\n },\n);\n"],"names":["React"],"mappings":";;;;AAMA,MAAM,YAAY,GAAG,qBAAqB;MAE7B,SAAS,GAAG,UAAU,CACjC,CACE,EACE,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,MAAM,EACb,KAAK,EACL,GAAG,UAAU,EACE,EACjB,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAA0D,KAAI;AAC7D,QAAA,IAAI,CAAC,QAAQ;YAAE;AACf,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK;QAE1C,IAAI,QAAQ,KAAK,EAAE,EAAE;YACnB,QAAQ,CAAC,QAAQ,CAAC;YAClB;AACD;QAED,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,QAAQ,CAAC,QAAQ,CAAC;YAClB;AACD;AAED,QAAA,MAAM,GAAG,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC;AACpC,QAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACvB;AACD;QAED,QAAQ,CAAC,QAAQ,CAAC;AACpB,KAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACjB;AAED,IAAA,MAAM,WAAW,GAAG,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,SAAA,GAAF,EAAE,GAAI,UAAU,CAAC,WAAW,CAAC;AAEjD,IAAA,IAAI,IAAI,KAAK,MAAM,IAAI,SAAS,EAAE;QAChC,QACEA,6BAAC,QAAQ,EAAA,EACP,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EAClB,GAAA,UAAU,EACd,CAAA;AAEL;IAED,QACEA,cAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,IAAI,KAAK,IAAI,EACtB,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,IAAI,EAChB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EAClB,GAAA,UAAU,EACd,CAAA;AAEN,CAAC;;;;"}
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var withLabels = require('../../hoc/withLabels/withLabels.cjs');
|
|
5
|
-
var types
|
|
6
|
-
var types = require('../types.cjs');
|
|
5
|
+
var types = require('./types.cjs');
|
|
7
6
|
var index = require('../InputGroup/index.cjs');
|
|
8
7
|
var styled = require('./styled.cjs');
|
|
9
8
|
var blockInvalidCharacters = require('../../utils/blockInvalidCharacters.cjs');
|
|
@@ -17,14 +16,14 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
17
16
|
|
|
18
17
|
const blockInvalidChars = (e) => blockInvalidCharacters.blockInvalidCharacters(e, invalidCharactersNumeric.invalidCharsList);
|
|
19
18
|
const WeightInput = withLabels.withLabels((props) => {
|
|
20
|
-
const { size =
|
|
19
|
+
const { size = 'base', hasError, disabled, className } = props;
|
|
21
20
|
const compact = size === 'sm';
|
|
22
21
|
return (React__default.default.createElement(styled.Container, { className: className, role: "group", "aria-label": "Weight" },
|
|
23
22
|
React__default.default.createElement(styled.Row, null,
|
|
24
|
-
types
|
|
23
|
+
types.isWeightMetric(props) && (React__default.default.createElement(index.InputGroup, null,
|
|
25
24
|
React__default.default.createElement(styled.TextField, { name: "gram", type: "number", value: props.gram, "aria-label": "Grams", placeholder: "0", min: "0", step: "any", size: size, disabled: disabled, hasError: hasError, onChange: props.handleChangeGram, onKeyDown: blockInvalidChars }),
|
|
26
25
|
React__default.default.createElement(InputAffix.InputAffix, { compact: compact, hasError: hasError }, "g"))),
|
|
27
|
-
types
|
|
26
|
+
types.isWeightImperial(props) && (React__default.default.createElement(Stack.Stack, { direction: "horizontal", alignY: "center", spacing: 3 },
|
|
28
27
|
React__default.default.createElement(index.InputGroup, null,
|
|
29
28
|
React__default.default.createElement(styled.TextField, { name: "pound", type: "number", value: props.pound, "aria-label": "Pounds", placeholder: "0", min: "0", step: "any", size: size, disabled: disabled, hasError: hasError, onChange: props.handleChangePound, onKeyDown: blockInvalidChars }),
|
|
30
29
|
React__default.default.createElement(InputAffix.InputAffix, { compact: compact, hasError: hasError }, "lb")),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WeightInput.cjs","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport {
|
|
1
|
+
{"version":3,"file":"WeightInput.cjs","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport { InputGroup } from '../InputGroup';\n\nimport { Container, TextField, Row } from './styled';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\nimport { Stack } from '../Stack';\nimport { InputAffix } from '../InputAffix';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput = withLabels<WeightProps>((props) => {\n const { size = 'base', hasError, disabled, className } = props;\n\n const compact = size === 'sm';\n\n return (\n <Container className={className} role=\"group\" aria-label=\"Weight\">\n <Row>\n {isWeightMetric(props) && (\n <InputGroup>\n <TextField\n name=\"gram\"\n type=\"number\"\n value={props.gram}\n aria-label=\"Grams\"\n placeholder=\"0\"\n min=\"0\"\n step=\"any\"\n size={size}\n disabled={disabled}\n hasError={hasError}\n onChange={props.handleChangeGram}\n onKeyDown={blockInvalidChars}\n />\n <InputAffix compact={compact} hasError={hasError}>\n g\n </InputAffix>\n </InputGroup>\n )}\n\n {isWeightImperial(props) && (\n <Stack direction=\"horizontal\" alignY=\"center\" spacing={3}>\n <InputGroup>\n <TextField\n name=\"pound\"\n type=\"number\"\n value={props.pound}\n aria-label=\"Pounds\"\n placeholder=\"0\"\n min=\"0\"\n step=\"any\"\n size={size}\n disabled={disabled}\n hasError={hasError}\n onChange={props.handleChangePound}\n onKeyDown={blockInvalidChars}\n />\n <InputAffix compact={compact} hasError={hasError}>\n lb\n </InputAffix>\n </InputGroup>\n <InputGroup>\n <TextField\n name=\"ounce\"\n type=\"number\"\n value={props.ounce}\n aria-label=\"Ounces\"\n placeholder=\"0\"\n min=\"0\"\n step=\"any\"\n size={size}\n disabled={disabled}\n hasError={hasError}\n onChange={props.handleChangeOunce}\n onKeyDown={blockInvalidChars}\n />\n <InputAffix compact={compact} hasError={hasError}>\n oz\n </InputAffix>\n </InputGroup>\n </Stack>\n )}\n </Row>\n </Container>\n );\n});\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n weightUnit: 'lb',\n};\n"],"names":["blockInvalidCharacters","invalidCharsList","withLabels","React","Container","Row","isWeightMetric","InputGroup","TextField","InputAffix","isWeightImperial","Stack"],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { withLabels } from '../../hoc/withLabels/withLabels.js';
|
|
3
3
|
import { isWeightMetric, isWeightImperial } from './types.js';
|
|
4
|
-
import { ComponentSize } from '../types.js';
|
|
5
4
|
import { InputGroup } from '../InputGroup/index.js';
|
|
6
5
|
import { Container, Row, TextField as StyledTextField } from './styled.js';
|
|
7
6
|
import { blockInvalidCharacters } from '../../utils/blockInvalidCharacters.js';
|
|
@@ -11,7 +10,7 @@ import { InputAffix } from '../InputAffix/InputAffix.js';
|
|
|
11
10
|
|
|
12
11
|
const blockInvalidChars = (e) => blockInvalidCharacters(e, invalidCharsList);
|
|
13
12
|
const WeightInput = withLabels((props) => {
|
|
14
|
-
const { size =
|
|
13
|
+
const { size = 'base', hasError, disabled, className } = props;
|
|
15
14
|
const compact = size === 'sm';
|
|
16
15
|
return (React__default.createElement(Container, { className: className, role: "group", "aria-label": "Weight" },
|
|
17
16
|
React__default.createElement(Row, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WeightInput.js","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport {
|
|
1
|
+
{"version":3,"file":"WeightInput.js","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React from 'react';\nimport { withLabels } from '../../hoc';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport { InputGroup } from '../InputGroup';\n\nimport { Container, TextField, Row } from './styled';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\nimport { Stack } from '../Stack';\nimport { InputAffix } from '../InputAffix';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput = withLabels<WeightProps>((props) => {\n const { size = 'base', hasError, disabled, className } = props;\n\n const compact = size === 'sm';\n\n return (\n <Container className={className} role=\"group\" aria-label=\"Weight\">\n <Row>\n {isWeightMetric(props) && (\n <InputGroup>\n <TextField\n name=\"gram\"\n type=\"number\"\n value={props.gram}\n aria-label=\"Grams\"\n placeholder=\"0\"\n min=\"0\"\n step=\"any\"\n size={size}\n disabled={disabled}\n hasError={hasError}\n onChange={props.handleChangeGram}\n onKeyDown={blockInvalidChars}\n />\n <InputAffix compact={compact} hasError={hasError}>\n g\n </InputAffix>\n </InputGroup>\n )}\n\n {isWeightImperial(props) && (\n <Stack direction=\"horizontal\" alignY=\"center\" spacing={3}>\n <InputGroup>\n <TextField\n name=\"pound\"\n type=\"number\"\n value={props.pound}\n aria-label=\"Pounds\"\n placeholder=\"0\"\n min=\"0\"\n step=\"any\"\n size={size}\n disabled={disabled}\n hasError={hasError}\n onChange={props.handleChangePound}\n onKeyDown={blockInvalidChars}\n />\n <InputAffix compact={compact} hasError={hasError}>\n lb\n </InputAffix>\n </InputGroup>\n <InputGroup>\n <TextField\n name=\"ounce\"\n type=\"number\"\n value={props.ounce}\n aria-label=\"Ounces\"\n placeholder=\"0\"\n min=\"0\"\n step=\"any\"\n size={size}\n disabled={disabled}\n hasError={hasError}\n onChange={props.handleChangeOunce}\n onKeyDown={blockInvalidChars}\n />\n <InputAffix compact={compact} hasError={hasError}>\n oz\n </InputAffix>\n </InputGroup>\n </Stack>\n )}\n </Row>\n </Container>\n );\n});\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n weightUnit: 'lb',\n};\n"],"names":["React","TextField"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ export { Accordion } from './Accordion';
|
|
|
2
2
|
export { ActionMenu } from './ActionMenu';
|
|
3
3
|
export { Alert } from './Alerts/Alert';
|
|
4
4
|
export { MiniAlert } from './Alerts/MiniAlert';
|
|
5
|
-
export { Anchor,
|
|
5
|
+
export { Anchor, isAnchorUrl, isRelativeUrl, createContextAwareUrl, addPrefixToUrl, shouldAddPrefix, } from './Anchor';
|
|
6
6
|
export { AnimatedDropdown } from './AnimatedDropdown';
|
|
7
7
|
export { Avatar } from './Avatar';
|
|
8
8
|
export { Badge } from './Badge';
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { SyntheticEvent } from 'react';
|
|
2
|
-
export
|
|
3
|
-
base = "base",
|
|
4
|
-
sm = "sm"
|
|
5
|
-
}
|
|
2
|
+
export type ComponentSize = 'base' | 'sm';
|
|
6
3
|
export type MetricWeight = 'g';
|
|
7
4
|
export type ImperialWeight = 'lb' | 'oz';
|
|
8
5
|
export type EventHandlerProps = {
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.cjs","sources":["../../src/components/types.ts"],"sourcesContent":["import { SyntheticEvent } from 'react';\n\nexport enum ComponentSize {\n base = 'base',\n sm = 'sm',\n}\n\nexport type MetricWeight = 'g';\nexport type ImperialWeight = 'lb' | 'oz';\n\nexport type EventHandlerProps = {\n onClick?: (event: SyntheticEvent) => void;\n onKeyUp?: (event: SyntheticEvent) => void;\n onKeyDown?: (event: SyntheticEvent) => void;\n onKeyPress?: (event: SyntheticEvent) => void;\n onMouseEnter?: (event: SyntheticEvent) => void;\n onMouseLeave?: (event: SyntheticEvent) => void;\n onChange?: (event: SyntheticEvent) => void;\n onBlur?: (event: SyntheticEvent) => void;\n onFocus?: (event: SyntheticEvent) => void;\n};\n\n/* Geneeric props for all input field components (e.g. TextField, Select, etc.) */\nexport type InputProps = {\n hasError?: boolean;\n disabled?: boolean;\n compact?: boolean;\n};\n"],"names":["ComponentSize"],"mappings":";;AAEYA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,aAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACX,CAAC,EAHWA,qBAAa,KAAbA,qBAAa,GAGxB,EAAA,CAAA,CAAA;;"}
|
package/dist/components/types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../src/components/types.ts"],"sourcesContent":["import { SyntheticEvent } from 'react';\n\nexport enum ComponentSize {\n base = 'base',\n sm = 'sm',\n}\n\nexport type MetricWeight = 'g';\nexport type ImperialWeight = 'lb' | 'oz';\n\nexport type EventHandlerProps = {\n onClick?: (event: SyntheticEvent) => void;\n onKeyUp?: (event: SyntheticEvent) => void;\n onKeyDown?: (event: SyntheticEvent) => void;\n onKeyPress?: (event: SyntheticEvent) => void;\n onMouseEnter?: (event: SyntheticEvent) => void;\n onMouseLeave?: (event: SyntheticEvent) => void;\n onChange?: (event: SyntheticEvent) => void;\n onBlur?: (event: SyntheticEvent) => void;\n onFocus?: (event: SyntheticEvent) => void;\n};\n\n/* Geneeric props for all input field components (e.g. TextField, Select, etc.) */\nexport type InputProps = {\n hasError?: boolean;\n disabled?: boolean;\n compact?: boolean;\n};\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,aAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACX,CAAC,EAHW,aAAa,KAAb,aAAa,GAGxB,EAAA,CAAA,CAAA;;;;"}
|