@onepercentio/one-ui 0.2.5 → 0.3.0

package/dist/hooks/shims/ObjectWatchShim.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectWatchShim.js","sourceRoot":"","sources":["../../../src/hooks/shims/ObjectWatchShim.ts"],"names":[],"mappings":";AAAA,cAAc;AACd,eAAe;AACf,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK;IACzB,MAAM,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,eAAe,EAAE,OAAO;QACzD,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC/B,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,EACrB,MAAM,GAAG,MAAM,EACf,MAAM,GAAG;gBACP,OAAO,MAAM,CAAC;YAChB,CAAC,EACD,MAAM,GAAG,UAAU,GAAG;gBACpB,IAAI,IAAI,CAAC,WAAW;oBAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACrD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;oBACjC,OAAO,CAAC,IAAI,EAAE,CAAC;oBACf,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC/B,OAAO,IAAI,CAAC,WAAW,CAAC;gBAC1B,CAAC,EAAE,CAAC,CAAC,CAAC;gBACN,MAAM,GAAG,MAAM,CAAC;gBAChB,MAAM,GAAG,GAAG,CAAC;gBACb,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;YACJ,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE;gBACrB,wBAAwB;gBACxB,IAAI,MAAM,CAAC,cAAc;oBACvB,eAAe;oBACf,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE;wBAChC,GAAG,EAAE,MAAM;wBACX,GAAG,EAAE,MAAM;qBACZ,CAAC,CAAC;qBACA,IACH,MAAM,CAAC,SAAS,CAAC,gBAAgB;oBACjC,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACjC;oBACA,SAAS;oBACT,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;oBAC3D,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;iBAC5D;aACF;QACH,CAAC,CAAC,CAAC;QACH,SAAS,QAAQ,CAAC,IAAI;YACpB,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB;YACtC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,OAAO,GAAG;YACb,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC/B,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,CAAC"}
+{"version":3,"file":"ObjectWatchShim.js","sourceRoot":"","sources":["../../../src/hooks/shims/ObjectWatchShim.ts"],"names":[],"mappings":";AAAA,cAAc;AACd,eAAe;AACf,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK;IACzB,MAAM,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,eAAe,EAAE,OAAO;QACzD,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvD,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC/B,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,EACrB,MAAM,GAAG,MAAM,EACf,MAAM,GAAG;gBACP,OAAO,MAAM,CAAC;YAChB,CAAC,EACD,MAAM,GAAG,UAAU,GAAG;gBACpB,IAAI,IAAI,CAAC,WAAW;oBAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACrD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;oBACjC,KAAK,IAAI,OAAO,IAAI,IAAI,CAAC,SAAS;wBAChC,OAAO,CAAC,IAAI,EAAE,CAAC;oBACjB,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC/B,OAAO,IAAI,CAAC,WAAW,CAAC;gBAC1B,CAAC,EAAE,CAAC,CAAC,CAAC;gBACN,MAAM,GAAG,MAAM,CAAC;gBAChB,MAAM,GAAG,GAAG,CAAC;gBACb,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;YACJ,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE;gBACrB,wBAAwB;gBACxB,IAAI,MAAM,CAAC,cAAc,EAAE;oBACzB,yBAAyB;oBACzB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE;wBAChC,GAAG,EAAE,MAAM;wBACX,GAAG,EAAE,MAAM;qBACZ,CAAC,CAAC;iBACJ;qBACI,IACH,MAAM,CAAC,SAAS,CAAC,gBAAgB;oBACjC,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACjC;oBACA,SAAS;oBACT,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;oBAC3D,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;iBAC5D;aACF;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,GAAG,GAAG,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QAEF,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC,CAAC"}

package/dist/hooks/useForm.d.ts

@@ -0,0 +1,16 @@
+import { BaseForm, FieldDefinition, FieldTypes } from "../components/Form/Form";
+declare type Intermediary<F extends BaseForm> = {
+    form: F;
+    formValidation: {
+        [k in keyof F]: string;
+    } & {
+        isValid: string | true;
+    };
+    set: <K extends keyof F>(k: K, value: F[K]) => void;
+};
+export declare type FormControls<C extends FormConfig<any>> = Intermediary<C extends FormConfig<infer F> ? F : never>;
+export declare type FormConfig<T extends BaseForm> = {
+    [k in keyof T]: FieldDefinition<T, k, FieldTypes>;
+};
+export default function useContextForm<T extends BaseForm>(config: FormConfig<T>, initialState: T): FormControls<FormConfig<T>>;
+export {};

package/dist/hooks/useForm.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useContextForm(config, initialState) {
+    const [form, setForm] = (0, react_1.useState)(initialState);
+    const isValid = (0, react_1.useMemo)(() => !Object.keys(config).some((a) => typeof config[a].validator(form[a], form) === "string"), [form]);
+    const _setFormField = (key, value) => {
+        setForm(prev => (Object.assign(Object.assign({}, prev), { [key]: value })));
+    };
+    const validFormFields = (0, react_1.useMemo)(() => {
+        return Object.keys(config).reduce((result, field) => {
+            const fieldConfig = config[field];
+            const invalidMessage = fieldConfig.validator(form[field], form);
+            return Object.assign(Object.assign({}, result), { [field]: invalidMessage });
+        }, { isValid });
+    }, [form, isValid]);
+    return {
+        form: form,
+        formValidation: validFormFields,
+        set: _setFormField
+    };
+}
+exports.default = useContextForm;
+//# sourceMappingURL=useForm.js.map

package/dist/hooks/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":";;AAAA,iCAAkD;AAYlD,SAAwB,cAAc,CAClC,MAAqB,EACrB,YAAe;IAEf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAa,YAAY,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CACD,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CACrB,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,QAAQ,CAChE,EACL,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,MAAM,aAAa,GAAmD,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACjF,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,iCACT,IAAI,KACP,CAAC,GAAG,CAAC,EAAE,KAAK,IACd,CAAC,CAAA;IACP,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,KAAc,EAAE,EAAE;YACzD,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAClC,MAAM,cAAc,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;YAChE,uCACO,MAAM,KACT,CAAC,KAAK,CAAC,EAAE,cAAc,IAC1B;QACL,CAAC,EAAE,EAAE,OAAO,EAA8D,CAAC,CAAA;IAC/E,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO;QACH,IAAI,EAAE,IAAI;QACV,cAAc,EAAE,eAAe;QAC/B,GAAG,EAAE,aAAa;KACd,CAAA;AACZ,CAAC;AApCD,iCAoCC"}

package/dist/hooks/useObserve.js

@@ -6,7 +6,9 @@ function useObserve(object, keysToObserve) {
     const [_, ss] = (0, react_1.useState)(0);
     (0, react_1.useLayoutEffect)(() => {
         return object.watch(keysToObserve, () => {
-            ss((p) => p + 1);
+            ss((p) => {
+                return p + 1;
+            });
         });
     }, [object]);
 }

package/dist/hooks/useObserve.js.map

@@ -1 +1 @@
-{"version":3,"file":"useObserve.js","sourceRoot":"","sources":["../../src/hooks/useObserve.ts"],"names":[],"mappings":";;AAAA,iCAA6D;AAC7D,sCAAoC;AAOpC,SAAwB,UAAU,CAChC,MAAS,EACT,aAA0B;IAE1B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC5B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,OAAQ,MAAiB,CAAC,KAAK,CAAC,aAAoB,EAAE,GAAG,EAAE;YACzD,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC;AAVD,6BAUC"}
+{"version":3,"file":"useObserve.js","sourceRoot":"","sources":["../../src/hooks/useObserve.ts"],"names":[],"mappings":";;AAAA,iCAA6D;AAC7D,sCAAoC;AAOpC,SAAwB,UAAU,CAChC,MAAS,EACT,aAA0B;IAE1B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC5B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,OAAQ,MAAiB,CAAC,KAAK,CAAC,aAAoB,EAAE,GAAG,EAAE;YACzD,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;gBACP,OAAO,CAAC,GAAG,CAAC,CAAA;YACd,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC;AAZD,6BAYC"}

package/dist/hooks/useRebound.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * This hook adds a prop that you can toggle and returns to initial
+ * state after a defined time (usefull for notification)
+ */
+export default function useRebound<T extends any>(initialValue: T, timeoutSec?: number): {
+    current: T;
+    setState: import("react").Dispatch<import("react").SetStateAction<T>>;
+};

package/dist/hooks/useRebound.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+/**
+ * This hook adds a prop that you can toggle and returns to initial
+ * state after a defined time (usefull for notification)
+ */
+function useRebound(initialValue, timeoutSec = 1) {
+    const [state, setState] = (0, react_1.useState)(initialValue);
+    (0, react_1.useEffect)(() => {
+        if (state !== initialValue) {
+            const timeout = setTimeout(() => {
+                setState(initialValue);
+            }, timeoutSec * 1000);
+            return () => clearTimeout(timeout);
+        }
+    }, [state]);
+    return {
+        current: state,
+        setState
+    };
+}
+exports.default = useRebound;
+//# sourceMappingURL=useRebound.js.map

package/dist/hooks/useRebound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRebound.js","sourceRoot":"","sources":["../../src/hooks/useRebound.ts"],"names":[],"mappings":";;AAAA,iCAA2C;AAE3C;;;GAGG;AACH,SAAwB,UAAU,CAAgB,YAAe,EAAE,aAAqB,CAAC;IACrF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAI,YAAY,CAAC,CAAA;IAEnD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,KAAK,YAAY,EAAE;YACxB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,QAAQ,CAAC,YAAY,CAAC,CAAA;YAC1B,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAC;YAEtB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACtC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO;QACH,OAAO,EAAE,KAAK;QACd,QAAQ;KACX,CAAA;AACL,CAAC;AAhBD,6BAgBC"}

package/dist/hooks/useShortIntl.d.ts

@@ -2,6 +2,7 @@ import { IntlFormatters, IntlShape } from "react-intl";
 import { BigNumber } from "bignumber.js";
 export default function useShortIntl(): IntlShape & {
     txt: (id: OnepercentUtility.IntlIds, params?: Parameters<IntlFormatters["formatMessage"]>[1]) => ReturnType<IntlFormatters["formatMessage"]>;
+    formatToDoubleDecimal(number: number, options?: Parameters<IntlFormatters["formatNumber"]>[1]): string;
     formatBigNumber(number: BigNumber, options?: Parameters<IntlFormatters["formatNumber"]>[1]): string;
 };
 declare type StrMap = {

package/dist/hooks/useShortIntl.js

@@ -4,10 +4,13 @@ exports.isolateMessages = void 0;
 const react_intl_1 = require("react-intl");
 function useShortIntl() {
     const intl = (0, react_intl_1.useIntl)();
-    const { formatMessage } = intl;
+    const { formatMessage, formatNumber } = intl;
     return Object.assign(Object.assign({}, intl), { txt: (id, params) => {
             return formatMessage({ id }, params);
-        }, formatBigNumber(bigNumber, options) {
+        }, formatToDoubleDecimal(val, options = {}) {
+            return formatNumber(val, Object.assign({ minimumFractionDigits: 2, maximumFractionDigits: 2 }, options));
+        },
+        formatBigNumber(bigNumber, options) {
             const { decimalSeparator } = intl
                 .formatNumberToParts(1000.1)
                 .reduce((r, a) => {

package/dist/hooks/useShortIntl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShortIntl.js","sourceRoot":"","sources":["../../src/hooks/useShortIntl.ts"],"names":[],"mappings":";;;AAAA,2CAAgE;AAGhE,SAAwB,YAAY;IAUlC,MAAM,IAAI,GAAG,IAAA,oBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC/B,uCACK,IAAI,KACP,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE;YAClB,OAAO,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;QACvC,CAAC,EACD,eAAe,CAAC,SAAS,EAAE,OAAO;YAChC,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI;iBAC9B,mBAAmB,CAAC,MAAM,CAAC;iBAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;oBAAE,uCAAY,CAAC,KAAE,gBAAgB,EAAE,CAAC,CAAC,KAAK,IAAG;gBACrE,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO;oBAAE,uCAAY,CAAC,KAAE,iBAAiB,EAAE,CAAC,CAAC,KAAK,IAAG;gBACpE,OAAO,CAAC,CAAC;YACX,CAAC,EAAE,EAA6D,CAAC,CAAC;YAEpE,MAAM,WAAW,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,CAAC,CAAC;YACnE,MAAM,QAAQ,GAAG,SAAS;iBACvB,KAAK,CAAC,WAAW,CAAC;iBAClB,aAAa,CACZ,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,qBAAqB,KAAI,SAAS,CAAC,aAAa,EAAE,EAC3D,CAAC,CACF;iBACA,QAAQ,EAAE;iBACV,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrB,OAAO,GAAG,OAAO,GACf,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,gBAAgB,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,EACxD,EAAE,CAAC;QACL,CAAC,IACD;AACJ,CAAC;AAzCD,+BAyCC;AAUD,SAAgB,eAAe,CAC7B,OAAU,EACV,OAAU;IAEV,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CACnC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iCACV,CAAC,KACJ,CAAC,GAAG,OAAO,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IACtB,EACF,EAA4C,CAC7C,CAAC;AACJ,CAAC;AAXD,0CAWC"}
+{"version":3,"file":"useShortIntl.js","sourceRoot":"","sources":["../../src/hooks/useShortIntl.ts"],"names":[],"mappings":";;;AAAA,2CAAgE;AAGhE,SAAwB,YAAY;IAWlC,MAAM,IAAI,GAAG,IAAA,oBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC7C,uCACK,IAAI,KACP,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE;YAClB,OAAO,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;QACvC,CAAC,EACD,qBAAqB,CAAC,GAAW,EAAE,OAAO,GAAG,EAAE;YAC7C,OAAO,YAAY,CAAC,GAAG,kBACrB,qBAAqB,EAAE,CAAC,EACxB,qBAAqB,EAAE,CAAC,IACrB,OAAO,EACV,CAAA;QACJ,CAAC;QACD,eAAe,CAAC,SAAS,EAAE,OAAO;YAChC,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI;iBAC9B,mBAAmB,CAAC,MAAM,CAAC;iBAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;oBAAE,uCAAY,CAAC,KAAE,gBAAgB,EAAE,CAAC,CAAC,KAAK,IAAG;gBACrE,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO;oBAAE,uCAAY,CAAC,KAAE,iBAAiB,EAAE,CAAC,CAAC,KAAK,IAAG;gBACpE,OAAO,CAAC,CAAC;YACX,CAAC,EAAE,EAA6D,CAAC,CAAC;YAEpE,MAAM,WAAW,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,CAAC,CAAC;YACnE,MAAM,QAAQ,GAAG,SAAS;iBACvB,KAAK,CAAC,WAAW,CAAC;iBAClB,aAAa,CACZ,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,qBAAqB,KAAI,SAAS,CAAC,aAAa,EAAE,EAC3D,CAAC,CACF;iBACA,QAAQ,EAAE;iBACV,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrB,OAAO,GAAG,OAAO,GAAG,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,gBAAgB,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,EACxE,EAAE,CAAC;QACP,CAAC,IACD;AACJ,CAAC;AAhDD,+BAgDC;AAUD,SAAgB,eAAe,CAC7B,OAAU,EACV,OAAU;IAEV,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CACnC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iCACV,CAAC,KACJ,CAAC,GAAG,OAAO,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IACtB,EACF,EAA4C,CAC7C,CAAC;AACJ,CAAC;AAXD,0CAWC"}

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "files": [
     "dist",
     "WebpackConfigs",
     "cypress/support"
   ],
+  "bin": {
+    "start-emulator": "scripts/start-emulator.js"
+  },
   "repository": "git@github.com:onepercentio/one-ui.git",
   "author": "Murilo Oliveira de Araujo <muritavo@outlook.com>",
   "license": "MIT",
@@ -42,6 +45,7 @@
     "https-browserify": "^1.0.0",
     "inquirer": "^8.2.4",
     "jest": "^27.3.1",
+    "node-fetch": "^2",
     "node-sass": "^6.0.1",
     "os-browserify": "^0.3.0",
     "react": "^18.0.0",
@@ -54,9 +58,10 @@
     "stream-http": "^3.2.0",
     "style-loader": "^2",
     "ts-jest": "^27.0.7",
+    "type-fest": "^2.13.1",
     "typescript": "^4.5.2",
-    "use-wallet": "0.13.5",
-    "url": "^0.11.0"
+    "url": "^0.11.0",
+    "use-wallet": "0.13.5"
   },
   "dependencies": {
     "@types/chroma-js": "^2.1.3",

package/scripts/start-emulator.js

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+
+const fetch = require("node-fetch");
+const { spawn } = require("child_process");
+function WaitTimeout(ml = 200) {
+  return new Promise((r) => {
+    setTimeout(() => {
+      r();
+    }, ml);
+  });
+}
+const [, , projectId, databaseToImport] = process.argv;
+
+if (!projectId) {
+  console.error("You need to provide a project id");
+  process.exit(1);
+}
+spawn(
+  `firebase emulators:start -P ${projectId} ${
+    databaseToImport ? `--import ${databaseToImport}` : ""
+  }`,
+  {
+    cwd: undefined,
+    env: process.env,
+    shell: true,
+    detached: true,
+  }
+);
+
+(async function () {
+  let breakLoop = false;
+  const timeout = setTimeout(() => {
+    breakLoop = true;
+    console.error("Could not receive ok from firebase emulator");
+    clearTimeout(timeout);
+    process.exit(1);
+  }, 60000);
+  while (!breakLoop) {
+    try {
+      await fetch(`http://localhost:4000`);
+      console.log("Emulator restarted");
+      clearTimeout(timeout);
+      process.exit(0);
+    } catch (e) {}
+    await WaitTimeout(1000);
+  } 
+  await new Promise((r) => {});
+})();