jcicl 1.0.22 → 1.0.24

package/FormFields/FormFields.d.ts

@@ -8,7 +8,7 @@ export type FormField = {
     options?: DropdownOption[];
     limit?: number;
     defaultValue?: string | number;
-};
+} & Partial<AllInputProps>;
 export type FormFieldsProps = {
     title?: string;
     fields: FormField[];
@@ -19,6 +19,6 @@ export type FormFieldsProps = {
     checkboxContainer?: boolean;
     formDefaults: Record<string, any>;
     onChange: (key: string, e: React.ChangeEvent<HTMLInputElement>, type?: string) => void;
-} & Partial<AllInputProps>;
+};
 declare const FormFields: React.FC<FormFieldsProps>;
 export default FormFields;

package/Timer/Timer.d.ts

@@ -0,0 +1,8 @@
+export interface TimerProps {
+    timeStart?: string;
+    timeEnd?: string;
+    duration?: number;
+    type?: 'countdown' | 'overdue' | 'elapsed';
+}
+export declare const Timer: React.FC<TimerProps>;
+export default Timer;

package/Timer/Timer.js

@@ -0,0 +1,60 @@
+import { jsx as l, jsxs as T } from "react/jsx-runtime";
+import { n as S } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as g } from "../.chunks/emotion-react.browser.esm.js";
+import { useState as h, useEffect as a } from "react";
+import w from "../theme.js";
+const u = (e) => {
+  try {
+    const n = (/* @__PURE__ */ new Date(e.replace(" ", "T").replace("Z", "") + "Z")).getTime(), o = (/* @__PURE__ */ new Date()).getTime();
+    return Math.round((o - n) / 1e3);
+  } catch {
+    return 0;
+  }
+}, f = (e) => {
+  const n = Math.floor(e / 60), o = Math.floor(n / 60), s = n - o * 60, t = e % 60;
+  return `${o}:${String(s).padStart(2, "0")}:${String(t).padStart(2, "0")}`;
+}, d = S("span")(({ textColor: e }) => ({
+  ...g`
+    color: ${e || "inherit"};
+
+    .blink {
+      animation: blinker 1.5s linear infinite;
+    }
+
+    @keyframes blinker {
+      50% {
+        opacity: 0;
+      }
+    }
+  `
+})), x = ({ timeStart: e, timeEnd: n, duration: o, type: s = "countdown" }) => {
+  if (s == "elapsed") {
+    const [r, c] = h(0);
+    return a(() => {
+      const i = u(e || (/* @__PURE__ */ new Date()).toISOString());
+      c(i >= 0 ? i : 0);
+    }, [e, n, s, o]), a(() => {
+      const i = setTimeout(() => {
+        c((p) => p + 1);
+      }, 1e3);
+      return () => clearTimeout(i);
+    }, [r, s]), /* @__PURE__ */ l(d, { children: f(r) });
+  }
+  const [t, m] = h(o || 30);
+  return a(() => {
+    var r;
+    console.log(n, e), n != null ? r = u(n) * -1 : e != null && o != null ? r = o - u(e) : r = o || 30, m(r);
+  }, [o, s, e, n]), a(() => {
+    const r = setTimeout(() => {
+      m((c) => c - 1);
+    }, 1e3);
+    return () => clearTimeout(r);
+  }, [t, s]), s != "overdue" && t <= 0 ? /* @__PURE__ */ l(d, { children: /* @__PURE__ */ l("span", { className: "blink", children: f(0) }) }) : s == "overdue" && t < 0 ? /* @__PURE__ */ T(d, { textColor: w.colors.qalb, children: [
+    "– ",
+    f(-1 * t)
+  ] }) : /* @__PURE__ */ l(d, { children: f(t) });
+};
+export {
+  x as Timer,
+  x as default
+};

package/Timer/index.d.ts

@@ -0,0 +1 @@
+export { default, type TimerProps } from './Timer';

package/Timer/index.js

@@ -0,0 +1,4 @@
+import { Timer as a } from "./Timer.js";
+export {
+  a as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "1.0.22",
+  "version": "1.0.24",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",