jclib-ui 0.0.29 → 0.0.30

package/dist/clipboardArea/ClipboardArea.d.ts

@@ -1,4 +1,7 @@
-export default function ClipboardArea({ title, url }: {
-    title: any;
-    url: any;
-}): import("react/jsx-runtime").JSX.Element;
+export type Props = {
+  title?: string
+  url: string
+  timerInMilliSeconds?: number
+}
+
+export default function ClipboardArea(props: Props)

package/dist/jclib-ui.es.js

@@ -760,14 +760,14 @@ const wl = Ot(Qo.div)`
 
     .jc-close-button {
       position: absolute;
-      right: -10px;
-      top: -15px;
+      right: -8px;
+      top: -8px;
       height: 30px;
       width: 30px;
       display: grid;
       place-items: center;
-      color: var(--bs-secondary);
-      background-color: var(--bs-body-bg);
+      color: var(--jc-alert-button);
+      background-color: var(--jc-alert-button-bg);
       font-size: 24px;
       line-height: 0;
       border-radius: 50%;
@@ -2511,16 +2511,16 @@ const tf = Ot.div`
   }
 `;
 let Di;
-function j0({ title: r, url: t }) {
-  const [e, n] = Yt(!1);
-  function o() {
-    navigator.clipboard.writeText(t), n(!0), Di = setTimeout(() => n(!1), 5e3);
+function j0({ title: r, url: t, timerInMilliSeconds: e = 5e3 }) {
+  const [n, o] = Yt(!1);
+  function i() {
+    navigator.clipboard.writeText(t), o(!0), Di = setTimeout(() => o(!1), e);
   }
   return re(() => () => {
     Di && clearTimeout(Di);
-  }, []), /* @__PURE__ */ m.jsxs(tf, { className: e && " clip-active", children: [
-    /* @__PURE__ */ m.jsx("a", { href: t, target: "_blank", rel: "noreferrer", title: "Abrir este link", children: r }),
-    /* @__PURE__ */ m.jsx("button", { type: "button", className: "clip-mark", onClick: o, children: e ? /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+  }, []), /* @__PURE__ */ m.jsxs(tf, { className: n && " clip-active", children: [
+    /* @__PURE__ */ m.jsx("a", { href: t, target: "_blank", rel: "noreferrer", title: "Abrir este link", children: r || t }),
+    /* @__PURE__ */ m.jsx("button", { type: "button", className: "clip-mark", onClick: i, children: n ? /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
       /* @__PURE__ */ m.jsx("i", { className: "fas fa-clipboard-check" }),
       "Copiado"
     ] }) : /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
@@ -15933,7 +15933,7 @@ const gh = Ot.div`
     animation: Explodir 0.3s linear;
 
     .loading-spinner {
-      border: 4px dotted #fff;
+      border: 4px solid #fff;
       border-left-color: transparent;
       border-radius: 50%;
       min-width: 35px;
@@ -16415,15 +16415,20 @@ function m2({
   fnApplyFilter: e,
   children: n
 }) {
+  const o = () => {
+    e && e(!0);
+  }, i = () => {
+    e && e(!1);
+  };
   return /* @__PURE__ */ m.jsxs(ua, { title: "Filtros", maxWidth: t, setVisible: r, visible: !0, children: [
     n,
     /* @__PURE__ */ m.jsx("hr", {}),
     /* @__PURE__ */ m.jsxs(_h, { children: [
-      /* @__PURE__ */ m.jsxs(Te, { block: !0, color: "primary", onClick: () => e(!0), children: [
+      /* @__PURE__ */ m.jsxs(Te, { block: !0, color: "primary", onClick: o, children: [
         /* @__PURE__ */ m.jsx(jl, {}),
         " Aplicar filtros"
       ] }),
-      /* @__PURE__ */ m.jsxs(Te, { block: !0, color: "outline-danger", onClick: () => e(!1), children: [
+      /* @__PURE__ */ m.jsxs(Te, { block: !0, color: "outline-danger", onClick: i, children: [
         /* @__PURE__ */ m.jsx(ia, {}),
         " Cancelar filtros"
       ] })