@toptal/picasso-forms 73.0.18 → 73.0.20-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.6

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2021-2022 Toptal, LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the “Software”), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist-package/src/NumberInput/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAKpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAI7D,oBAAY,KAAK,GAAG,gBAAgB,GAClC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,GACrC,eAAe,CAAA;AAOjB,eAAO,MAAM,WAAW;YAAW,KAAK;;;CA2CvC,CAAA;AAMD,eAAe,WAAW,CAAA"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAKpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAI7D,oBAAY,KAAK,GAAG,gBAAgB,GAClC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,GACrC,eAAe,CAAA;AAOjB,eAAO,MAAM,WAAW;YAAW,KAAK;;;CA6CvC,CAAA;AAMD,eAAe,WAAW,CAAA"}

package/dist-package/src/NumberInput/NumberInput.js

@@ -27,7 +27,7 @@ export const NumberInput = (props) => {
             return `Must be greater than or equal to ${min}.`;
         }
     };
-    return (React.createElement(InputField, Object.assign({}, rest, { validate: composeValidators([validateNumberLimits, validate]), label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase })) : null }), (inputProps) => {
+    return (React.createElement(InputField, Object.assign({ min: min, max: max }, rest, { validate: composeValidators([validateNumberLimits, validate]), label: label ? (React.createElement(FieldLabel, { name: props.name, required: props.required, label: label, labelEndAdornment: labelEndAdornment, titleCase: titleCase })) : null }), (inputProps) => {
         return React.createElement(PicassoNumberInput, Object.assign({}, inputProps));
     }));
 };

package/dist-package/src/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGhF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGrC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAMtC,MAAM,GAAG,GAAG,CAAC,UAAU,CAAA;AACvB,MAAM,GAAG,GAAG,UAAU,CAAA;AAEtB,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EACJ,GAAG,GAAG,GAAG,EACT,GAAG,GAAG,GAAG,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EARH,qEAQL,CAAQ,CAAA;IAET,MAAM,oBAAoB,GAEtB,KAAK,CAAC,EAAE;QACV,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,iCAAiC,GAAG,GAAG,CAAA;SAC/C;QACD,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,oCAAoC,GAAG,GAAG,CAAA;SAClD;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,QAAQ,EAAE,iBAAiB,CAAC,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,EAC7D,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA4B,EAAE,EAAE;QAChC,OAAO,oBAAC,kBAAkB,oBAAK,UAAU,EAAI,CAAA;IAC/C,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGhF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAGrC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAMtC,MAAM,GAAG,GAAG,CAAC,UAAU,CAAA;AACvB,MAAM,GAAG,GAAG,UAAU,CAAA;AAEtB,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EACJ,GAAG,GAAG,GAAG,EACT,GAAG,GAAG,GAAG,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EARH,qEAQL,CAAQ,CAAA;IAET,MAAM,oBAAoB,GAEtB,KAAK,CAAC,EAAE;QACV,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,iCAAiC,GAAG,GAAG,CAAA;SAC/C;QACD,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;YACvB,OAAO,oCAAoC,GAAG,GAAG,CAAA;SAClD;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,kBACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,QAAQ,EAAE,iBAAiB,CAAC,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,EAC7D,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,KAGT,CAAC,UAA4B,EAAE,EAAE;QAChC,OAAO,oBAAC,kBAAkB,oBAAK,UAAU,EAAI,CAAA;IAC/C,CAAC,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-forms",
-  "version": "73.0.18",
+  "version": "73.0.20-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.6+3ab759916",
   "description": "Picasso form components",
   "author": "Toptal",
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-forms#readme",
@@ -29,29 +29,29 @@
     "typescript": "~4.7.0"
   },
   "dependencies": {
-    "@toptal/picasso-container": "3.1.1",
-    "@toptal/picasso-input": "4.0.12",
-    "@toptal/picasso-dropzone": "5.0.13",
-    "@toptal/picasso-button": "4.0.14",
-    "@toptal/picasso-password-input": "5.0.12",
-    "@toptal/picasso-radio": "5.0.6",
-    "@toptal/picasso-rating": "3.0.5",
-    "@toptal/picasso-icons": "1.8.1",
-    "@toptal/picasso-form": "6.1.4",
-    "@toptal/picasso-file-input": "4.0.12",
-    "@toptal/picasso-checkbox": "5.0.6",
-    "@toptal/picasso-outlined-input": "4.0.12",
-    "@toptal/picasso-number-input": "4.0.15",
-    "@toptal/picasso-switch": "4.0.5",
-    "@toptal/picasso-tagselector": "3.1.14",
-    "@toptal/picasso-timepicker": "4.0.12",
-    "@toptal/picasso-autocomplete": "5.0.14",
-    "@toptal/picasso-select": "4.0.12",
-    "@toptal/picasso-avatar-upload": "3.0.16",
-    "@toptal/picasso-date-picker": "3.0.12",
-    "@toptal/picasso-rich-text-editor": "17.0.12",
-    "@toptal/picasso-utils": "3.0.0",
-    "@toptal/picasso-notification": "4.0.14",
+    "@toptal/picasso-autocomplete": "5.0.15-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-avatar-upload": "3.0.17-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-button": "4.0.15-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-checkbox": "5.0.7-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-container": "3.1.2-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-date-picker": "3.0.13-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-dropzone": "5.0.14-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-file-input": "4.0.13-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-form": "6.1.5-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-icons": "1.8.2-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-input": "4.0.13-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-notification": "4.0.15-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-number-input": "4.0.16-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.8+3ab759916",
+    "@toptal/picasso-outlined-input": "4.0.13-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-password-input": "5.0.13-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-radio": "5.0.7-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-rating": "3.0.6-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-rich-text-editor": "17.0.13-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-select": "4.0.13-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-switch": "4.0.6-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-tagselector": "3.1.15-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-timepicker": "4.0.13-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
+    "@toptal/picasso-utils": "3.0.1-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.14+3ab759916",
     "classnames": "^2.5.1",
     "debounce": "^1.2.1",
     "detect-browser": "^5.3.0",
@@ -63,7 +63,7 @@
   },
   "devDependencies": {
     "@testing-library/react-hooks": "^8.0.1",
-    "@toptal/picasso-test-utils": "1.1.1",
+    "@toptal/picasso-test-utils": "1.1.2-alpha-FX-NULL-do-not-pass-min-and-max-3ab759916.267+3ab759916",
     "@types/classnames": "^2.3.1",
     "@types/react-final-form-listeners": "^1.0.0",
     "type-fest": "^4.15.0"
@@ -79,5 +79,6 @@
     "utils.d.ts",
     "utils.js",
     "src"
-  ]
+  ],
+  "gitHead": "3ab75991614e7b60794ebca5dcc0ec8863b417b9"
 }

package/src/NumberInput/NumberInput.tsx

@@ -42,6 +42,8 @@ export const NumberInput = (props: Props) => {
 
   return (
     <InputField<NumberInputProps>
+      min={min}
+      max={max}
       {...rest}
       validate={composeValidators([validateNumberLimits, validate])}
       label={

package/src/NumberInput/test.tsx

@@ -0,0 +1,42 @@
+import React from 'react'
+import { render } from '@toptal/picasso-test-utils'
+
+import { FormCompound as Form } from '../FormCompound'
+import { NumberInput, type Props } from './NumberInput'
+
+const numberInputMock = jest.fn()
+
+jest.mock('@toptal/picasso-number-input', () => ({
+  ...jest.requireActual('@toptal/picasso-number-input'),
+  NumberInput: (props: any) => numberInputMock(props),
+}))
+
+const renderFormWithNumberInput = (props: Props) =>
+  render(
+    <Form.ConfigProvider value={{}}>
+      <Form onSubmit={() => {}}>
+        <NumberInput label='Test' data-testid='number-input' {...props} />
+      </Form>
+    </Form.ConfigProvider>
+  )
+
+describe('Form.NumberInput', () => {
+  describe('when "min" and "max" props are provided', () => {
+    it('passes them to NumberInput', () => {
+      renderFormWithNumberInput({
+        min: '8',
+        max: '12',
+        name: 'test-input',
+      })
+
+      expect(numberInputMock).toHaveBeenCalledTimes(1)
+      expect(numberInputMock).toHaveBeenCalledWith(
+        expect.objectContaining({
+          min: '8',
+          max: '12',
+          name: 'test-input',
+        })
+      )
+    })
+  })
+})