@natoora-libs/core 0.0.2 → 0.0.31

package/dist/providers/index.d.ts

@@ -0,0 +1,49 @@
+import * as prop_types from 'prop-types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const useError: () => {
+    setError: (error: any) => void;
+};
+declare const ErrorProvider: {
+    ({ children }: {
+        children: any;
+    }): react_jsx_runtime.JSX.Element;
+    propTypes: {
+        children: prop_types.Validator<NonNullable<prop_types.ReactNodeLike>>;
+    };
+};
+
+declare const useFeeback: () => {
+    /**
+     * @param {object} arguments
+     * @param {string} arguments.message - Content of the feedback
+     * @param {string} arguments.type - Type of the feedback. Can be either: success | error
+     */
+    setFeedback: ({ message, type }: {
+        message: any;
+        type: any;
+    }) => void;
+};
+declare const FeedbackProvider: {
+    ({ children }: {
+        children: any;
+    }): react_jsx_runtime.JSX.Element;
+    propTypes: {
+        children: prop_types.Validator<NonNullable<prop_types.ReactNodeLike>>;
+    };
+};
+
+declare const useLoading: () => {
+    isLoading: boolean;
+    setLoading: (isLoading: any) => void;
+};
+declare const LoadingProvider: {
+    ({ children }: {
+        children: any;
+    }): react_jsx_runtime.JSX.Element;
+    propTypes: {
+        children: prop_types.Validator<NonNullable<prop_types.ReactNodeLike>>;
+    };
+};
+
+export { ErrorProvider, FeedbackProvider, LoadingProvider, useError, useFeeback, useLoading };

package/dist/providers/index.js

@@ -0,0 +1,165 @@
+import {
+  Loading_default
+} from "../chunk-RHG2EMI3.js";
+
+// src/providers/ErrorProvider/ErrorProvider.tsx
+import { createContext as createContext2, useContext as useContext2, useMemo as useMemo2 } from "react";
+import { node as node2 } from "prop-types";
+
+// src/providers/FeedbackProvider/FeedbackProvider.tsx
+import { createContext, useContext, useMemo, useState } from "react";
+import { Alert as MuiAlert, Snackbar } from "@mui/material";
+import { node } from "prop-types";
+import { makeStyles } from "tss-react/mui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DefaultValue = {
+  /**
+   * @param {object} arguments
+   * @param {string} arguments.message - Content of the feedback
+   * @param {string} arguments.type - Type of the feedback. Can be either: success | error
+   */
+  // eslint-disable-next-line no-unused-vars
+  setFeedback: ({ message, type }) => {
+  }
+};
+var FeedbackContent = createContext(DefaultValue);
+var useFeeback = () => useContext(FeedbackContent);
+var useStyles = makeStyles()(() => ({
+  alert: {
+    /**
+     * To avoid changing the success color directly from palette
+     * I decided to override the color only here, just to not create design issues
+     */
+    "&.MuiAlert-filled.MuiAlert-colorSuccess": {
+      backgroundColor: "#2E7D32;"
+    }
+  }
+}));
+var FeedbackProvider = ({ children }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [message, setMessage] = useState("");
+  const [type, setType] = useState("");
+  const handleFeedbackChange = (feedback) => {
+    setMessage(feedback.message);
+    setType(feedback.type);
+    setIsOpen(true);
+  };
+  const handleClose = () => {
+    setIsOpen(false);
+  };
+  const { classes } = useStyles();
+  const providerValue = useMemo(
+    () => ({
+      setFeedback: handleFeedbackChange
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsxs(FeedbackContent.Provider, { value: providerValue, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      Snackbar,
+      {
+        anchorOrigin: { vertical: "top", horizontal: "right" },
+        autoHideDuration: 5e3,
+        onClose: handleClose,
+        open: isOpen,
+        children: /* @__PURE__ */ jsx(
+          MuiAlert,
+          {
+            className: classes.alert,
+            onClose: handleClose,
+            severity: type,
+            variant: "filled",
+            children: message
+          }
+        )
+      }
+    )
+  ] });
+};
+FeedbackProvider.propTypes = {
+  children: node.isRequired
+};
+
+// src/providers/ErrorProvider/ErrorProvider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DefaultValue2 = {
+  // eslint-disable-next-line no-unused-vars
+  setError: (error) => {
+  }
+};
+var ErrorContent = createContext2(DefaultValue2);
+var useError = () => useContext2(ErrorContent);
+var ErrorProvider = ({ children }) => {
+  const { setFeedback } = useFeeback();
+  const handleErrorChange = (error) => {
+    if (error?.message) {
+      setFeedback({
+        message: error.message,
+        type: "error"
+      });
+      return;
+    }
+    if (error?.response) {
+      setFeedback({
+        message: `${error.response.status}: ${error.response.data.detail}`,
+        type: "error"
+      });
+      return;
+    }
+    if (typeof error === "string") {
+      setFeedback({
+        message: error,
+        type: "error"
+      });
+    }
+  };
+  const providerValue = useMemo2(
+    () => ({
+      setError: handleErrorChange
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsx2(ErrorContent.Provider, { value: providerValue, children });
+};
+ErrorProvider.propTypes = {
+  children: node2.isRequired
+};
+
+// src/providers/LoadingProvider/LoadingProvider.tsx
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3, useState as useState2 } from "react";
+import { node as node3 } from "prop-types";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var DefaultValue3 = {
+  isLoading: false,
+  setLoading: (isLoading) => {
+  }
+};
+var LoadingContext = createContext3(DefaultValue3);
+var useLoading = () => useContext3(LoadingContext);
+var LoadingProvider = ({ children }) => {
+  const [isLoading, setIsLoading] = useState2(false);
+  const providerValue = useMemo3(
+    () => ({
+      isLoading,
+      setLoading: setIsLoading
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsxs2(LoadingContext.Provider, { value: providerValue, children: [
+    children,
+    /* @__PURE__ */ jsx3(Loading_default, { isLoading })
+  ] });
+};
+LoadingProvider.propTypes = {
+  children: node3.isRequired
+};
+export {
+  ErrorProvider,
+  FeedbackProvider,
+  LoadingProvider,
+  useError,
+  useFeeback,
+  useLoading
+};
+//# sourceMappingURL=index.js.map

package/dist/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/ErrorProvider/ErrorProvider.tsx","../../src/providers/FeedbackProvider/FeedbackProvider.tsx","../../src/providers/LoadingProvider/LoadingProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\nimport { node } from 'prop-types';\n\nimport { useFeeback } from '../FeedbackProvider/FeedbackProvider';\n\nconst DefaultValue = {\n  // eslint-disable-next-line no-unused-vars\n  setError: (error) => {},\n};\n\nconst ErrorContent = createContext(DefaultValue);\n\nconst useError = () => useContext(ErrorContent);\n\nconst ErrorProvider = ({ children }) => {\n  const { setFeedback } = useFeeback();\n\n  /**\n   * Usually, errors will come as an AxiosResponse\n   * Sometimes error will have a message property\n   * @see https://axios-http.com/docs/res_schema\n   */\n  const handleErrorChange = (error) => {\n    if (error?.message) {\n      setFeedback({\n        message: error.message,\n        type: 'error',\n      });\n      return;\n    }\n\n    if (error?.response) {\n      setFeedback({\n        message: `${error.response.status}: ${error.response.data.detail}`,\n        type: 'error',\n      });\n      return;\n    }\n\n    if (typeof error === 'string') {\n      setFeedback({\n        message: error,\n        type: 'error',\n      });\n    }\n  };\n\n  const providerValue = useMemo(\n    () => ({\n      setError: handleErrorChange,\n    }),\n    [],\n  );\n\n  return (\n    <ErrorContent.Provider value={providerValue}>\n      {children}\n    </ErrorContent.Provider>\n  );\n};\n\nErrorProvider.propTypes = {\n  children: node.isRequired,\n};\n\nexport { ErrorProvider, useError };\n","import React, { createContext, useContext, useMemo, useState } from 'react';\n\nimport { Alert as MuiAlert, Snackbar } from '@mui/material';\nimport { node } from 'prop-types';\nimport { makeStyles } from 'tss-react/mui';\n\nconst DefaultValue = {\n  /**\n   * @param {object} arguments\n   * @param {string} arguments.message - Content of the feedback\n   * @param {string} arguments.type - Type of the feedback. Can be either: success | error\n   */\n  // eslint-disable-next-line no-unused-vars\n  setFeedback: ({ message, type }) => {},\n};\n\nconst FeedbackContent = createContext(DefaultValue);\n\nconst useFeeback = () => useContext(FeedbackContent);\n\nconst useStyles = makeStyles()(() => ({\n  alert: {\n    /**\n     * To avoid changing the success color directly from palette\n     * I decided to override the color only here, just to not create design issues\n     */\n    '&.MuiAlert-filled.MuiAlert-colorSuccess': {\n      backgroundColor: '#2E7D32;',\n    },\n  },\n}));\n\nconst FeedbackProvider = ({ children }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [message, setMessage] = useState('');\n  const [type, setType] = useState('');\n\n  const handleFeedbackChange = (feedback) => {\n    setMessage(feedback.message);\n    setType(feedback.type);\n    setIsOpen(true);\n  };\n\n  const handleClose = () => {\n    setIsOpen(false);\n  };\n\n  const { classes } = useStyles();\n\n  const providerValue = useMemo(\n    () => ({\n      setFeedback: handleFeedbackChange,\n    }),\n    [],\n  );\n\n  return (\n    <FeedbackContent.Provider value={providerValue}>\n      {children}\n      <Snackbar\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n        autoHideDuration={5000}\n        onClose={handleClose}\n        open={isOpen}\n      >\n        <MuiAlert\n          className={classes.alert}\n          onClose={handleClose}\n          severity={type as any}\n          variant=\"filled\"\n        >\n          {message}\n        </MuiAlert>\n      </Snackbar>\n    </FeedbackContent.Provider>\n  );\n};\n\nFeedbackProvider.propTypes = {\n  children: node.isRequired,\n};\n\nexport { FeedbackProvider, useFeeback };\n","/* eslint-disable no-unused-vars */\nimport React, { createContext, useContext, useMemo, useState } from 'react';\n\nimport { node } from 'prop-types';\n\nimport Loading from 'components/Loading/Loading';\n\nconst DefaultValue = {\n  isLoading: false,\n  setLoading: (isLoading) => {},\n};\n\nconst LoadingContext = createContext(DefaultValue);\n\nconst useLoading = () => useContext(LoadingContext);\n\nconst LoadingProvider = ({ children }) => {\n  const [isLoading, setIsLoading] = useState(false);\n\n  const providerValue = useMemo(\n    () => ({\n      isLoading,\n      setLoading: setIsLoading,\n    }),\n    [],\n  );\n\n  return (\n    <LoadingContext.Provider value={providerValue}>\n      {children}\n      <Loading isLoading={isLoading} />\n    </LoadingContext.Provider>\n  );\n};\n\nLoadingProvider.propTypes = {\n  children: node.isRequired,\n};\n\nexport { LoadingProvider, useLoading };\n"],"mappings":"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","names":["createContext","useContext","useMemo","node","jsx","DefaultValue","createContext","useContext","useMemo","node","createContext","useContext","useMemo","useState","node","jsx","jsxs","DefaultValue","createContext","useContext","useState","useMemo","node"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@natoora-libs/core",
-  "version": "0.0.2",
+  "version": "0.0.31",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -10,6 +10,10 @@
     "dist"
   ],
   "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
     "./components": {
       "import": "./dist/components/index.js",
       "types": "./dist/components/index.d.ts"
@@ -93,10 +97,8 @@
     "@types/redux": "^3.6.0",
     "@types/uuid": "^9.0.8",
     "@typescript-eslint/parser": "^7.6.0",
-    "@vitejs/plugin-react": "^4.3.4",
     "babel-jest": "^29.7.0",
     "babel-plugin-named-exports-order": "^0.0.2",
-    "babel-plugin-transform-vite-meta-env": "^1.0.3",
     "eslint": "^7.32.0 || ^8.2.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.8.0",