@flywire/react-headlessui - npm Package Compare versions

Comparing version 0.0.12 to 0.0.13-1

dist/cjs/hooks/useMaskInput/useMaskInput.js

@@ -10,7 +10,7 @@ "use strict";
 const NO_VALUE = '';
-function useMaskInput({ initialValue = NO_VALUE, mask, onChange = () => {
+function useMaskInput({ mask, onChange = () => {
     // does nothing
 }, ...rest }) {
     const inputRef = (0, react_1.useRef)(null);
-    const [value, setValue] = (0, react_1.useState)(initialValue);
+    const [value, setValue] = (0, react_1.useState)(NO_VALUE);
     const runAfterUpdate = (0, useRunAfterUpdate_1.default)();
@@ -17,0 +17,0 @@ function handleInputChange(evt) {

dist/cjs/hooks/useRunAfterUpdate/useRunAfterUpdate.js

@@ -6,3 +6,3 @@ "use strict";
     const afterPaintRef = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useLayoutEffect)(() => {
         var _a;
@@ -9,0 +9,0 @@ if (afterPaintRef.current) {

dist/cjs/types/hooks/useMaskInput/useMaskInput.d.ts

 import { ChangeEvent, InputHTMLAttributes } from 'react';
 interface Props extends InputHTMLAttributes<HTMLInputElement> {
-    initialValue?: string;
     mask: string;
 }
-declare function useMaskInput({ initialValue, mask, onChange, ...rest }: Props): {
+declare function useMaskInput({ mask, onChange, ...rest }: Props): {
     inputProps: {
@@ -8,0 +7,0 @@ accept?: string | undefined;

dist/esm/hooks/useMaskInput/useMaskInput.js

@@ -5,7 +5,7 @@ import { useRef, useState } from 'react';
 const NO_VALUE = '';
-function useMaskInput({ initialValue = NO_VALUE, mask, onChange = () => {
+function useMaskInput({ mask, onChange = () => {
     // does nothing
 }, ...rest }) {
     const inputRef = useRef(null);
-    const [value, setValue] = useState(initialValue);
+    const [value, setValue] = useState(NO_VALUE);
     const runAfterUpdate = useRunAfterUpdate();
@@ -12,0 +12,0 @@ function handleInputChange(evt) {

dist/esm/hooks/useRunAfterUpdate/useRunAfterUpdate.js

@@ -1,5 +0,5 @@
-import { useRef, useEffect } from 'react';
+import { useRef, useLayoutEffect } from 'react';
 function useRunAfterUpdate() {
     const afterPaintRef = useRef();
-    useEffect(() => {
+    useLayoutEffect(() => {
         var _a;
@@ -6,0 +6,0 @@ if (afterPaintRef.current) {

dist/esm/types/hooks/useMaskInput/useMaskInput.d.ts

 import { ChangeEvent, InputHTMLAttributes } from 'react';
 interface Props extends InputHTMLAttributes<HTMLInputElement> {
-    initialValue?: string;
     mask: string;
 }
-declare function useMaskInput({ initialValue, mask, onChange, ...rest }: Props): {
+declare function useMaskInput({ mask, onChange, ...rest }: Props): {
     inputProps: {
@@ -8,0 +7,0 @@ accept?: string | undefined;

dist/umd/hooks/useMaskInput/useMaskInput.js

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const NO_VALUE = '';
-    function useMaskInput({ initialValue = NO_VALUE, mask, onChange = () => {
+    function useMaskInput({ mask, onChange = () => {
         // does nothing
     }, ...rest }) {
         const inputRef = (0, react_1.useRef)(null);
-        const [value, setValue] = (0, react_1.useState)(initialValue);
+        const [value, setValue] = (0, react_1.useState)(NO_VALUE);
         const runAfterUpdate = (0, useRunAfterUpdate_1.default)();
@@ -26,0 +26,0 @@ function handleInputChange(evt) {

dist/umd/hooks/useRunAfterUpdate/useRunAfterUpdate.js

@@ -15,3 +15,3 @@ (function (factory) {
         const afterPaintRef = (0, react_1.useRef)();
-        (0, react_1.useEffect)(() => {
+        (0, react_1.useLayoutEffect)(() => {
             var _a;
@@ -18,0 +18,0 @@ if (afterPaintRef.current) {

dist/umd/types/hooks/useMaskInput/useMaskInput.d.ts

 import { ChangeEvent, InputHTMLAttributes } from 'react';
 interface Props extends InputHTMLAttributes<HTMLInputElement> {
-    initialValue?: string;
     mask: string;
 }
-declare function useMaskInput({ initialValue, mask, onChange, ...rest }: Props): {
+declare function useMaskInput({ mask, onChange, ...rest }: Props): {
     inputProps: {
@@ -8,0 +7,0 @@ accept?: string | undefined;

package.json

 {
   "name": "@flywire/react-headlessui",
-  "version": "0.0.12",
+  "version": "0.0.13-1",
   "description": "Headless UI components",
@@ -5,0 +5,0 @@ "main": "./dist/umd/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

299155

decreased by-0.1%

Lines of code

4813

decreased by-0.06%

No dependency changes