@arkyn/components 1.3.139 → 1.3.140

Sign up to get free protection for your applications and to get access to all the features.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,cAAc,CAAC;AAEtB,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CAgC/B;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,cAAc,CAAC;AAEtB,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CA4B/B;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -1,23 +1,19 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { AlertCircle, CheckCircle2, Info, XCircle } from "lucide-react";
2
+ import { CheckCircle2, Info, XCircle } from "lucide-react";
3
3
  import "./styles.css";
4
4
  function Toast(props) {
5
- const { message, title, type, size = "lg" } = props;
6
- const className = `arkynToast ${type} ${size}`;
5
+ const { message, type } = props;
6
+ const className = `arkynToast ${type}}`;
7
7
  function Icon() {
8
8
  switch (type) {
9
- case "info":
10
- return _jsx(Info, {});
11
9
  case "success":
12
10
  return _jsx(CheckCircle2, {});
13
11
  case "danger":
14
12
  return _jsx(XCircle, {});
15
- case "warning":
16
- return _jsx(AlertCircle, {});
17
13
  default:
18
14
  return _jsx(Info, {});
19
15
  }
20
16
  }
21
- return (_jsxs("div", { className: className, children: [_jsxs("div", { children: [_jsx("div", { className: "bg" }), _jsx(Icon, {})] }), _jsxs("p", { children: [_jsx("strong", { title: title, children: title }), _jsx("span", { children: message })] })] }));
17
+ return (_jsxs("div", { className: className, children: [_jsxs("div", { children: [_jsx("div", { className: "bg" }), _jsx(Icon, {})] }), _jsx("p", { children: _jsx("span", { children: message }) })] }));
22
18
  }
23
19
  export { Toast };
@@ -1 +1 @@
1
- {"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAsBA,iBAAS,aAAa,SA2CrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAmBA,iBAAS,aAAa,SAuCrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -9,10 +9,7 @@ function isToastProps(obj) {
9
9
  typeof obj.title === "string" &&
10
10
  typeof obj.message === "string" &&
11
11
  (obj.size === undefined || obj.size === "md" || obj.size === "lg") &&
12
- (obj.type === "info" ||
13
- obj.type === "success" ||
14
- obj.type === "danger" ||
15
- obj.type === "warning"));
12
+ (obj.type === "success" || obj.type === "danger"));
16
13
  }
17
14
  function useAutomation() {
18
15
  const actionData = useActionData();
@@ -39,11 +36,7 @@ function useAutomation() {
39
36
  if (isToastProps(existsToast))
40
37
  showToast(existsToast);
41
38
  if (!isToastProps(existsToast) && existsMessage) {
42
- showToast({
43
- message: existsMessage,
44
- title: "Atenção!",
45
- type: "warning",
46
- });
39
+ showToast({ message: existsMessage, type: "danger" });
47
40
  }
48
41
  }, [actionData]);
49
42
  useEffect(() => {
@@ -1 +1 @@
1
- {"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../src/provider/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAK9D,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAgBtD;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../src/provider/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAK9D,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAmBtD;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -10,6 +10,6 @@ function ToastProvider({ children }) {
10
10
  return toast.error(props.message);
11
11
  }
12
12
  }
13
- return (_jsxs(ToastContext.Provider, { value: { showToast }, children: [_jsx(Toaster, { position: "top-right" }), children] }));
13
+ return (_jsxs(ToastContext.Provider, { value: { showToast }, children: [_jsx(Toaster, { position: "top-right", containerStyle: { zIndex: 999999999999999 } }), children] }));
14
14
  }
15
15
  export { ToastProvider };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arkyn/components",
3
- "version": "1.3.139",
3
+ "version": "1.3.140",
4
4
  "main": "./dist/bundle.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "author": "Lucas Gonçalves",
@@ -1,23 +1,19 @@
1
1
  import { ToastProps } from "@arkyn/types";
2
- import { AlertCircle, CheckCircle2, Info, XCircle } from "lucide-react";
2
+ import { CheckCircle2, Info, XCircle } from "lucide-react";
3
3
 
4
4
  import "./styles.css";
5
5
 
6
6
  function Toast(props: ToastProps) {
7
- const { message, title, type, size = "lg" } = props;
7
+ const { message, type } = props;
8
8
 
9
- const className = `arkynToast ${type} ${size}`;
9
+ const className = `arkynToast ${type}}`;
10
10
 
11
11
  function Icon() {
12
12
  switch (type) {
13
- case "info":
14
- return <Info />;
15
13
  case "success":
16
14
  return <CheckCircle2 />;
17
15
  case "danger":
18
16
  return <XCircle />;
19
- case "warning":
20
- return <AlertCircle />;
21
17
  default:
22
18
  return <Info />;
23
19
  }
@@ -30,7 +26,7 @@ function Toast(props: ToastProps) {
30
26
  <Icon />
31
27
  </div>
32
28
  <p>
33
- <strong title={title}>{title}</strong>
29
+ {/* <strong title={title}>{title}</strong> */}
34
30
  <span>{message}</span>
35
31
  </p>
36
32
  </div>
@@ -13,10 +13,7 @@ function isToastProps(obj: any): obj is ToastProps {
13
13
  typeof obj.title === "string" &&
14
14
  typeof obj.message === "string" &&
15
15
  (obj.size === undefined || obj.size === "md" || obj.size === "lg") &&
16
- (obj.type === "info" ||
17
- obj.type === "success" ||
18
- obj.type === "danger" ||
19
- obj.type === "warning")
16
+ (obj.type === "success" || obj.type === "danger")
20
17
  );
21
18
  }
22
19
 
@@ -49,11 +46,7 @@ function useAutomation() {
49
46
 
50
47
  if (isToastProps(existsToast)) showToast(existsToast);
51
48
  if (!isToastProps(existsToast) && existsMessage) {
52
- showToast({
53
- message: existsMessage,
54
- title: "Atenção!",
55
- type: "warning",
56
- });
49
+ showToast({ message: existsMessage, type: "danger" });
57
50
  }
58
51
  }, [actionData]);
59
52
 
@@ -15,7 +15,10 @@ function ToastProvider({ children }: ToastProviderProps) {
15
15
 
16
16
  return (
17
17
  <ToastContext.Provider value={{ showToast }}>
18
- <Toaster position="top-right" />
18
+ <Toaster
19
+ position="top-right"
20
+ containerStyle={{ zIndex: 999999999999999 }}
21
+ />
19
22
  {children}
20
23
  </ToastContext.Provider>
21
24
  );