@flywire/react-headlessui - npm Package Compare versions

Comparing version 0.0.11 to 0.0.12

dist/cjs/hooks/useMaskInput/useMaskInput.js

@@ -10,7 +10,7 @@ "use strict";
 const NO_VALUE = '';
-function useMaskInput({ mask, onChange = () => {
+function useMaskInput({ initialValue = NO_VALUE, mask, onChange = () => {
     // does nothing
 }, ...rest }) {
     const inputRef = (0, react_1.useRef)(null);
-    const [value, setValue] = (0, react_1.useState)(NO_VALUE);
+    const [value, setValue] = (0, react_1.useState)(initialValue);
     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.useLayoutEffect)(() => {
+    (0, react_1.useEffect)(() => {
         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({ mask, onChange, ...rest }: Props): {
+declare function useMaskInput({ initialValue, mask, onChange, ...rest }: Props): {
     inputProps: {
@@ -7,0 +8,0 @@ accept?: string | undefined;

dist/esm/hooks/useMaskInput/useMaskInput.js

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

dist/esm/hooks/useRunAfterUpdate/useRunAfterUpdate.js

@@ -1,5 +0,5 @@
-import { useRef, useLayoutEffect } from 'react';
+import { useRef, useEffect } from 'react';
 function useRunAfterUpdate() {
     const afterPaintRef = useRef();
-    useLayoutEffect(() => {
+    useEffect(() => {
         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({ mask, onChange, ...rest }: Props): {
+declare function useMaskInput({ initialValue, mask, onChange, ...rest }: Props): {
     inputProps: {
@@ -7,0 +8,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({ mask, onChange = () => {
+    function useMaskInput({ initialValue = NO_VALUE, mask, onChange = () => {
         // does nothing
     }, ...rest }) {
         const inputRef = (0, react_1.useRef)(null);
-        const [value, setValue] = (0, react_1.useState)(NO_VALUE);
+        const [value, setValue] = (0, react_1.useState)(initialValue);
         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.useLayoutEffect)(() => {
+        (0, react_1.useEffect)(() => {
             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({ mask, onChange, ...rest }: Props): {
+declare function useMaskInput({ initialValue, mask, onChange, ...rest }: Props): {
     inputProps: {
@@ -7,0 +8,0 @@ accept?: string | undefined;

package.json

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

README.md

@@ -5,9 +5,6 @@ # @flywire/react-headlessui
 
-## Components
+## Documentation
 
-- [Input](src/components/Field/README.md)
+The documentation and examples are hosted in [https://flywire-ui-docs.flywire.com](https://flywire-ui-docs.flywire.com).
 
-## Wiki
-If you want to collaborate and contribute ideas, use the [Wiki](https://gitlab.flywire.tech/flywire/development/react-headlessui/-/wikis/react-headlessui)
-
 ## Installation
@@ -26,3 +23,3 @@
 ```bash
-git clone [e-mail]:peertransfer/react-headlessui.git
+git clone [e-mail]:flywire/development/react-headlessui.git
 ```
@@ -29,0 +26,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

299468

increased by0.08%

Lines of code

4816

increased by0.06%

Worsened metrics

Number of lines in readme file

79

decreased by-3.66%

No dependency changes