@toptal/picasso 22.2.0 → 22.2.2

package/ModalContent/hooks/use-scrollable-shades.js

@@ -20,6 +20,7 @@ const useScrollableShades = (ref) => {
         el.addEventListener('scroll', updateShades);
         window.addEventListener('resize', updateShades);
         return () => {
+            updateShades.clear();
             el.removeEventListener('scroll', updateShades);
             window.addEventListener('resize', updateShades);
         };

package/ModalContent/hooks/use-scrollable-shades.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-scrollable-shades.js","sourceRoot":"","sources":["../../../src/ModalContent/hooks/use-scrollable-shades.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,QAAQ,MAAM,UAAU,CAAA;AAE/B,MAAM,mBAAmB,GAAG,CAAC,GAAoC,EAAE,EAAE;IACnE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QAEtB,IAAI,CAAC,EAAE,EAAE;YACP,OAAM;SACP;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACjC,IAAI,EAAE,CAAC,YAAY,KAAK,EAAE,CAAC,YAAY,EAAE;gBACvC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACb,SAAS,CAAC,KAAK,CAAC,CAAA;aACjB;YAED,MAAM,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;YACxB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC,CAAA;QACzE,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,YAAY,EAAE,CAAA;QAEd,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC3C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACjD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"use-scrollable-shades.js","sourceRoot":"","sources":["../../../src/ModalContent/hooks/use-scrollable-shades.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,QAAQ,MAAM,UAAU,CAAA;AAE/B,MAAM,mBAAmB,GAAG,CAAC,GAAoC,EAAE,EAAE;IACnE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QAEtB,IAAI,CAAC,EAAE,EAAE;YACP,OAAM;SACP;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACjC,IAAI,EAAE,CAAC,YAAY,KAAK,EAAE,CAAC,YAAY,EAAE;gBACvC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACb,SAAS,CAAC,KAAK,CAAC,CAAA;aACjB;YAED,MAAM,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;YACxB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC,CAAA;QACzE,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,YAAY,EAAE,CAAA;QAEd,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC3C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,EAAE,CAAA;YACpB,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACjD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/Select/Select.js

@@ -30,12 +30,6 @@ const purifyProps = (props) => {
 };
 export const Select = (_a) => {
     var { native } = _a, props = __rest(_a, ["native"]);
-    usePropDeprecationWarning({
-        props,
-        name: 'onSearchChange',
-        componentName: 'Select',
-        description: 'Use the Autocomplete component if you require dynamic options.'
-    });
     usePropDeprecationWarning({
         props,
         name: 'error',

package/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,uBAEN,MAAM,oCAAoC,CAAA;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAiD,EAGnD,EAAE,EAAE;QAH+C,EACrE,MAAM,OAEY,EADf,KAAK,cAF6D,UAGtE,CADS;IAER,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,gBAAgB;QACtB,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,gEAAgE;KACnE,CAAC,CAAA;IAEF,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CACzC,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CAC5C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,uBAEN,MAAM,oCAAoC,CAAA;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAiD,EAGnD,EAAE,EAAE;QAH+C,EACrE,MAAM,OAEY,EADf,KAAK,cAF6D,UAGtE,CADS;IAER,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CACzC,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CAC5C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/Select/hooks/use-select-props/mocks.js

@@ -20,7 +20,6 @@ export const getUseSelectPropsMock = () => {
             error: false,
             loading: false,
             onChange: jest.fn(),
-            onSearchChange: jest.fn(),
             options: [],
             renderOption: jest.fn(),
             getDisplayValue: jest.fn(),

package/Select/hooks/use-select-props/mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../../src/Select/hooks/use-select-props/mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAmB,EAAE;IACxD,OAAO;QACL,cAAc,EAAE;YACd,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;YACnB,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;YACzB,OAAO,EAAE,EAAE;YACX,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE;YACvB,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE;YAC1B,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,WAAW,EAAE;YACX,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;YACf,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;YAChB,gBAAgB,EAAE,CAAC;YACnB,YAAY,EAAE,IAAI;YAClB,mBAAmB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC9B,qBAAqB,EAAE,IAAI,CAAC,EAAE,EAAE;YAChC,UAAU,EAAE,KAAK;YACjB,kBAAkB,EAAE,EAAE;YACtB,YAAY,EAAE,EAAE;YAChB,SAAS,EAAE;gBACT,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;gBACrB,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;gBAC3B,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;aACnB;YACD,eAAe,EAAE,EAAE;YACnB,gBAAgB,EAAE,EAAE;YACpB,eAAe,EAAE,EAAE;YACnB,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;SACpB;KACF,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../../src/Select/hooks/use-select-props/mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAmB,EAAE;IACxD,OAAO;QACL,cAAc,EAAE;YACd,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;YACnB,OAAO,EAAE,EAAE;YACX,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE;YACvB,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE;YAC1B,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,WAAW,EAAE;YACX,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;YACf,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;YAChB,gBAAgB,EAAE,CAAC;YACnB,YAAY,EAAE,IAAI;YAClB,mBAAmB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC9B,qBAAqB,EAAE,IAAI,CAAC,EAAE,EAAE;YAChC,UAAU,EAAE,KAAK;YACjB,kBAAkB,EAAE,EAAE;YACtB,YAAY,EAAE,EAAE;YAChB,SAAS,EAAE;gBACT,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;gBACrB,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;gBAC3B,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;aACnB;YACD,eAAe,EAAE,EAAE;YACnB,gBAAgB,EAAE,EAAE;YACpB,eAAe,EAAE,EAAE;YACnB,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;SACpB;KACF,CAAA;AACH,CAAC,CAAA"}

package/Select/hooks/use-select-props/use-search-change-handler/use-search-change-handler.d.ts

@@ -1,4 +1,4 @@
 import { ChangeEvent } from 'react';
 import { ValueType, UseSelectProps } from '../../../types';
-declare const useSearchChangeHandler: <T extends ValueType, M extends boolean = false>({ selectState: { setFilterOptionsValue }, selectProps: { onSearchChange } }: UseSelectProps<T, M, M extends true ? T[] : T>) => (event: ChangeEvent<HTMLInputElement>) => void;
+declare const useSearchChangeHandler: <T extends ValueType, M extends boolean = false>({ selectState: { setFilterOptionsValue } }: UseSelectProps<T, M, M extends true ? T[] : T>) => (event: ChangeEvent<HTMLInputElement>) => void;
 export default useSearchChangeHandler;

package/Select/hooks/use-select-props/use-search-change-handler/use-search-change-handler.js

@@ -1,7 +1,3 @@
-import { useCallback } from 'react';
-const useSearchChangeHandler = ({ selectState: { setFilterOptionsValue }, selectProps: { onSearchChange } }) => useCallback((event) => {
-    onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(event.target.value);
-    setFilterOptionsValue(event.target.value);
-}, [onSearchChange, setFilterOptionsValue]);
+const useSearchChangeHandler = ({ selectState: { setFilterOptionsValue } }) => (event) => setFilterOptionsValue(event.target.value);
 export default useSearchChangeHandler;
 //# sourceMappingURL=use-search-change-handler.js.map

package/Select/hooks/use-select-props/use-search-change-handler/use-search-change-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-search-change-handler.js","sourceRoot":"","sources":["../../../../../src/Select/hooks/use-select-props/use-search-change-handler/use-search-change-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAe,MAAM,OAAO,CAAA;AAIhD,MAAM,sBAAsB,GAAG,CAG7B,EACA,WAAW,EAAE,EAAE,qBAAqB,EAAE,EACtC,WAAW,EAAE,EAAE,cAAc,EAAE,EACV,EAAE,EAAE,CACzB,WAAW,CACT,CAAC,KAAoC,EAAE,EAAE;IACvC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACpC,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC3C,CAAC,EACD,CAAC,cAAc,EAAE,qBAAqB,CAAC,CACxC,CAAA;AAEH,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"use-search-change-handler.js","sourceRoot":"","sources":["../../../../../src/Select/hooks/use-select-props/use-search-change-handler/use-search-change-handler.ts"],"names":[],"mappings":"AAIA,MAAM,sBAAsB,GAC1B,CAAiD,EAC/C,WAAW,EAAE,EAAE,qBAAqB,EAAE,EACjB,EAAE,EAAE,CAC3B,CAAC,KAAoC,EAAE,EAAE,CACvC,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAE7C,eAAe,sBAAsB,CAAA"}

package/Select/types.d.ts

@@ -40,8 +40,6 @@ export interface SelectProps<T extends ValueType = ValueType, M extends boolean
         name?: string | undefined;
         value: V;
     }>) => void;
-    /** @deprecated Callback invoked when search value changes */
-    onSearchChange?: (value: string) => void;
     /** Label to show when no options were found */
     noOptionsText?: string;
     /** List of options or option groups to be rendered as `Select` */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso",
-  "version": "22.2.0",
+  "version": "22.2.2",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public",
@@ -41,7 +41,7 @@
     "date-fns": "^2.9.0",
     "date-fns-tz": "^1.1.3",
     "debounce": "^1.2.1",
-    "detect-browser": "^5.2.0",
+    "detect-browser": "^5.3.0",
     "hast-util-from-dom": "^3.0.0",
     "hast-to-hyperscript": "^9.0.1",
     "hast-util-to-html": "^7.1.3",
@@ -49,7 +49,7 @@
     "quill": "^1.3.7",
     "quill-delta": "^4.2.0",
     "quill-paste-smart": "^1.4.9",
-    "react-content-loader": "^5.1.0",
+    "react-content-loader": "^6.2.0",
     "react-dropzone": "^11.4.0",
     "react-input-mask": "^3.0.0-alpha.2",
     "react-router-dom": "^5.2.0",
@@ -63,7 +63,6 @@
     "@testing-library/react-hooks": "^7.0.2",
     "@types/classnames": "^2.3.1",
     "@types/d3": "^6.3.0",
-    "@types/detect-browser": "^4.0.0",
     "@types/quill": "^2.0.9",
     "@types/react-helmet": "^5.0.15",
     "@types/react-input-mask": "^3.0.0",