npm - @plutonhq/core-frontend - Versions diffs - 0.1.25 → 0.1.27 - Mend

@plutonhq/core-frontend 0.1.25 → 0.1.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

package/dist-lib/components/common/StatusLabel/StatusLabel.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 interface StatusLabelProps {
-    status: 'completed' | 'cancelled' | 'failed' | 'started';
+    status: 'completed' | 'cancelled' | 'failed' | 'started' | 'retrying' | 'initializing';
     hasError: boolean;
 }
 declare const StatusLabel: ({ status, hasError }: StatusLabelProps) => import("react/jsx-runtime").JSX.Element | undefined;

package/dist-lib/components/common/StatusLabel/StatusLabel.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/common/StatusLabel/StatusLabel.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACvB,MAAM,EAAE,WAAW,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;~~IACzD~~,QAAQ,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,sBAAsB,gBAAgB,~~wDA0B1D~~,CAAC;AAEF,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"StatusLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/common/StatusLabel/StatusLabel.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACvB,MAAM,EAAE,WAAW,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,cAAc,CAAC;IACvF,QAAQ,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,sBAAsB,gBAAgB,wDAgC1D,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist-lib/components/common/StatusLabel/StatusLabel.js CHANGED Viewed

@@ -1,29 +1,34 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import i from "../Icon/Icon.js";
-const n = ({ status: e, hasError: c }) => {
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import r from "../Icon/Icon.js";
+const o = ({ status: e, hasError: c }) => {
   if (e === "completed")
-    return /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ l(i, { type: "check-circle-filled", size: 15, color: "#06ba9f" }),
+    return /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ l(r, { type: "check-circle-filled", size: 15, color: "#06ba9f" }),
       " Complete",
       c && "*"
     ] });
   if (e === "cancelled")
-    return /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ l(i, { type: "close-circle", size: 15, color: "#bbb" }),
+    return /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ l(r, { type: "close-circle", size: 15, color: "#bbb" }),
       " Cancelled"
     ] });
   if (e === "failed")
-    return /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ l(i, { type: "error-circle-filled", size: 15, color: "#ff7070" }),
+    return /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ l(r, { type: "error-circle-filled", size: 15, color: "#ff7070" }),
       " Failed"
     ] });
   if (e === "started" || e === "retrying")
-    return /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ l(i, { type: "loading", size: 15 }),
+    return /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ l(r, { type: "loading", size: 15 }),
       " In Progress"
     ] });
+  if (e === "initializing")
+    return /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ l(r, { type: "loading", size: 15 }),
+      " Initializing"
+    ] });
 };
 export {
-  n as default
+  o as default
 };
 //# sourceMappingURL=StatusLabel.js.map

package/dist-lib/components/common/StatusLabel/StatusLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusLabel.js","sources":["../../../../src/components/common/StatusLabel/StatusLabel.tsx"],"sourcesContent":["import Icon from '../Icon/Icon';\r\n\r\ninterface StatusLabelProps {\r\n status: 'completed' \| 'cancelled' \| 'failed' \| 'started';\r\n hasError: boolean;\r\n}\r\n\r\nconst StatusLabel = ({ status, hasError }: StatusLabelProps) => {\r\n if (status === 'completed') {\r\n return (\r\n <div>\r\n <Icon type={'check-circle-filled'} size={15} color=\"#06ba9f\" /> Complete{hasError && '*'}\r\n </div>\r\n );\r\n } else if (status === 'cancelled') {\r\n return (\r\n <div>\r\n <Icon type={'close-circle'} size={15} color=\"#bbb\" /> Cancelled\r\n </div>\r\n );\r\n } else if (status === 'failed') {\r\n return (\r\n <div>\r\n <Icon type={'error-circle-filled'} size={15} color=\"#ff7070\" /> Failed\r\n </div>\r\n );\r\n } else if (status === 'started' \|\| status === 'retrying') {\r\n return (\r\n <div>\r\n <Icon type={'loading'} size={15} /> In Progress\r\n </div>\r\n );\r\n }\r\n};\r\n\r\nexport default StatusLabel;\r\n"],"names":["StatusLabel","status","hasError","jsx","Icon"],"mappings":";;AAOA,MAAMA,IAAc,CAAC,EAAE,QAAAC,GAAQ,UAAAC,QAAiC;AAC7D,MAAID,MAAW;AACZ,6BACI,OAAA,EACE,UAAA;AAAA,MAAA,gBAAAE,EAACC,KAAK,MAAM,uBAAuB,MAAM,IAAI,OAAM,WAAU;AAAA,MAAE;AAAA,MAAUF,KAAY;AAAA,IAAA,GACxF;AAEN,MAAWD,MAAW;AACnB,6BACI,OAAA,EACE,UAAA;AAAA,MAAA,gBAAAE,EAACC,KAAK,MAAM,gBAAgB,MAAM,IAAI,OAAM,QAAO;AAAA,MAAE;AAAA,IAAA,GACxD;AAEN,MAAWH,MAAW;AACnB,6BACI,OAAA,EACE,UAAA;AAAA,MAAA,gBAAAE,EAACC,KAAK,MAAM,uBAAuB,MAAM,IAAI,OAAM,WAAU;AAAA,MAAE;AAAA,IAAA,GAClE;AAEN,MAAWH,MAAW,aAAaA,MAAW;AAC3C,6BACI,OAAA,EACE,UAAA;AAAA,MAAA,gBAAAE,EAACC,GAAA,EAAK,MAAM,WAAW,MAAM,IAAI;AAAA,MAAE;AAAA,IAAA,GACtC;AAGT;"}
1	+ {"version":3,"file":"StatusLabel.js","sources":["../../../../src/components/common/StatusLabel/StatusLabel.tsx"],"sourcesContent":["import Icon from '../Icon/Icon';\r\n\r\ninterface StatusLabelProps {\r\n status: 'completed' \| 'cancelled' \| 'failed' \| 'started' \| 'retrying' \| 'initializing';\r\n hasError: boolean;\r\n}\r\n\r\nconst StatusLabel = ({ status, hasError }: StatusLabelProps) => {\r\n if (status === 'completed') {\r\n return (\r\n <div>\r\n <Icon type={'check-circle-filled'} size={15} color=\"#06ba9f\" /> Complete{hasError && '*'}\r\n </div>\r\n );\r\n } else if (status === 'cancelled') {\r\n return (\r\n <div>\r\n <Icon type={'close-circle'} size={15} color=\"#bbb\" /> Cancelled\r\n </div>\r\n );\r\n } else if (status === 'failed') {\r\n return (\r\n <div>\r\n <Icon type={'error-circle-filled'} size={15} color=\"#ff7070\" /> Failed\r\n </div>\r\n );\r\n } else if (status === 'started' \|\| status === 'retrying') {\r\n return (\r\n <div>\r\n <Icon type={'loading'} size={15} /> In Progress\r\n </div>\r\n );\r\n } else if (status === 'initializing') {\r\n return (\r\n <div>\r\n <Icon type={'loading'} size={15} /> Initializing\r\n </div>\r\n );\r\n }\r\n};\r\n\r\nexport default StatusLabel;\r\n"],"names":["StatusLabel","status","hasError","jsx","Icon"],"mappings":";;AAOA,MAAMA,IAAc,CAAC,EAAE,QAAAC,GAAQ,UAAAC,QAAiC;AAC7D,MAAID,MAAW;AACZ,6BACI,OAAA,EACE,UAAA;AAAA,MAAA,gBAAAE,EAACC,KAAK,MAAM,uBAAuB,MAAM,IAAI,OAAM,WAAU;AAAA,MAAE;AAAA,MAAUF,KAAY;AAAA,IAAA,GACxF;AAEN,MAAWD,MAAW;AACnB,6BACI,OAAA,EACE,UAAA;AAAA,MAAA,gBAAAE,EAACC,KAAK,MAAM,gBAAgB,MAAM,IAAI,OAAM,QAAO;AAAA,MAAE;AAAA,IAAA,GACxD;AAEN,MAAWH,MAAW;AACnB,6BACI,OAAA,EACE,UAAA;AAAA,MAAA,gBAAAE,EAACC,KAAK,MAAM,uBAAuB,MAAM,IAAI,OAAM,WAAU;AAAA,MAAE;AAAA,IAAA,GAClE;AAEN,MAAWH,MAAW,aAAaA,MAAW;AAC3C,6BACI,OAAA,EACE,UAAA;AAAA,MAAA,gBAAAE,EAACC,GAAA,EAAK,MAAM,WAAW,MAAM,IAAI;AAAA,MAAE;AAAA,IAAA,GACtC;AAEN,MAAWH,MAAW;AACnB,6BACI,OAAA,EACE,UAAA;AAAA,MAAA,gBAAAE,EAACC,GAAA,EAAK,MAAM,WAAW,MAAM,IAAI;AAAA,MAAE;AAAA,IAAA,GACtC;AAGT;"}

package/dist-lib/components/common/form/IntervalField/IntervalField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IntervalField.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/IntervalField/IntervalField.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOxD,KAAK,kBAAkB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,qFASpB,kBAAkB,~~4CAsHpB~~,CAAC;AAEF,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"IntervalField.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/IntervalField/IntervalField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOxD,KAAK,kBAAkB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,YAAY,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,qFASpB,kBAAkB,4CAyIpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist-lib/components/common/form/IntervalField/IntervalField.js CHANGED Viewed

@@ -1,42 +1,44 @@
-import { jsx as a, jsxs as t, Fragment as o } from "react/jsx-runtime";
-import b from "../../Icon/Icon.js";
+import { jsx as r, jsxs as t, Fragment as n } from "react/jsx-runtime";
+import d from "../../Icon/Icon.js";
 import k from "../FormField/FormField.js";
-import n from "../Select/Select.js";
-import F from "../TimePicker/TimePicker.js";
-import r from "./IntervalField.module.scss.js";
-const S = ({
-  label: i,
+import F from "../NumberInput/NumberInput.js";
+import o from "../Select/Select.js";
+import M from "../TimePicker/TimePicker.js";
+import l from "./IntervalField.module.scss.js";
+const H = ({
+  label: u,
   fieldValue: e,
-  description: u,
-  customClasses: m = "",
+  description: c,
+  customClasses: v = "",
   hint: p = "",
   error: y = "",
-  required: d = !1,
-  onUpdate: l
-}) => /* @__PURE__ */ a(
+  required: b = !1,
+  onUpdate: a
+}) => /* @__PURE__ */ r(
   k,
   {
     type: "interval",
-    label: i,
+    label: u,
     hint: p,
     error: y,
-    required: d,
-    description: u,
-    classes: `${r.intervalField} ${m} ${y ? r.fieldHasError : ""}`,
-    children: /* @__PURE__ */ a("div", { className: r.intervalFieldInner, children: /* @__PURE__ */ t("div", { className: r.intervalFieldOptions, children: [
-      /* @__PURE__ */ a(
-        n,
+    required: b,
+    description: c,
+    classes: `${l.intervalField} ${v} ${y ? l.fieldHasError : ""}`,
+    children: /* @__PURE__ */ r("div", { className: l.intervalFieldInner, children: /* @__PURE__ */ t("div", { className: l.intervalFieldOptions, children: [
+      /* @__PURE__ */ r(
+        o,
         {
           options: [
             { label: "Hourly", value: "hourly" },
             { label: "Daily", value: "daily" },
             { label: "Weekly", value: "weekly" },
             { label: "Monthly", value: "monthly" },
+            { label: "Every x Minutes", value: "minutes" },
             { label: "Every x Hours", value: "hours" },
             { label: "Every x Days", value: "days" }
           ],
           fieldValue: e.type,
-          onUpdate: (s) => l({
+          onUpdate: (s) => a({
             ...e,
             type: s,
             time: e.time || "",
@@ -44,24 +46,24 @@ const S = ({
             hours: e.hours || ""
           }),
           full: !0,
-          customClasses: r.intervalSelect
+          customClasses: l.intervalSelect
         }
       ),
-      e.type === "days" && /* @__PURE__ */ a(o, { children: /* @__PURE__ */ a("div", { className: r.weekDays, children: ["sun", "mon", "tue", "wed", "thur", "fri", "sat"].map((s) => {
+      e.type === "days" && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", { className: l.weekDays, children: ["sun", "mon", "tue", "wed", "thur", "fri", "sat"].map((s) => {
         var h;
         return /* @__PURE__ */ t(
           "button",
           {
-            className: (h = e == null ? void 0 : e.days) != null && h.includes(s) ? r.weekDayActive : "",
+            className: (h = e == null ? void 0 : e.days) != null && h.includes(s) ? l.weekDayActive : "",
             onClick: () => {
-              var c, v;
-              return l({
+              var i, m;
+              return a({
                 ...e,
-                days: (c = e == null ? void 0 : e.days) != null && c.includes(s) ? (v = e.days) == null ? void 0 : v.replace(s + "-", "").replace(s, "") : e.days + s + "-"
+                days: (i = e == null ? void 0 : e.days) != null && i.includes(s) ? (m = e.days) == null ? void 0 : m.replace(s + "-", "").replace(s, "") : e.days + s + "-"
               });
             },
             children: [
-              /* @__PURE__ */ a(b, { type: "check", size: 10 }),
+              /* @__PURE__ */ r(d, { type: "check", size: 10 }),
               " ",
               s
             ]
@@ -69,14 +71,14 @@ const S = ({
           "weekday" + s
         );
       }) }) }),
-      e.type !== "hourly" && e.type !== "hours" && /* @__PURE__ */ t(o, { children: [
-        /* @__PURE__ */ a("span", { children: "at" }),
-        /* @__PURE__ */ a(F, { fieldValue: e.time || "10:00AM", onUpdate: (s) => l({ ...e, time: s }) })
+      e.type !== "hourly" && e.type !== "hours" && e.type !== "minutes" && /* @__PURE__ */ t(n, { children: [
+        /* @__PURE__ */ r("span", { children: "at" }),
+        /* @__PURE__ */ r(M, { fieldValue: e.time || "10:00AM", onUpdate: (s) => a({ ...e, time: s }) })
       ] }),
-      e.type === "weekly" && /* @__PURE__ */ t(o, { children: [
-        /* @__PURE__ */ a("span", { children: "on" }),
-        /* @__PURE__ */ a(
-          n,
+      e.type === "weekly" && /* @__PURE__ */ t(n, { children: [
+        /* @__PURE__ */ r("span", { children: "on" }),
+        /* @__PURE__ */ r(
+          o,
           {
             options: [
               { label: "Sunday", value: "sun" },
@@ -88,14 +90,14 @@ const S = ({
               { label: "Saturday", value: "sat" }
             ],
             fieldValue: e.days || "sun",
-            onUpdate: (s) => l({ ...e, days: s })
+            onUpdate: (s) => a({ ...e, days: s })
           }
         )
       ] }),
-      e.type === "monthly" && /* @__PURE__ */ t(o, { children: [
-        /* @__PURE__ */ a("span", { children: "on" }),
-        /* @__PURE__ */ a(
-          n,
+      e.type === "monthly" && /* @__PURE__ */ t(n, { children: [
+        /* @__PURE__ */ r("span", { children: "on" }),
+        /* @__PURE__ */ r(
+          o,
           {
             options: [
               { label: "1st day of the Month", value: "first" },
@@ -103,14 +105,32 @@ const S = ({
               { label: "Last day of the Month", value: "last" }
             ],
             fieldValue: e.days || "first",
-            onUpdate: (s) => l({ ...e, days: s })
+            onUpdate: (s) => a({ ...e, days: s })
           }
         )
       ] }),
-      e.type === "hours" && /* @__PURE__ */ t(o, { children: [
-        /* @__PURE__ */ a("span", { children: "Every" }),
-        /* @__PURE__ */ a(
-          n,
+      e.type === "minutes" && /* @__PURE__ */ t(n, { children: [
+        /* @__PURE__ */ r("span", { children: "Every" }),
+        /* @__PURE__ */ r(
+          F,
+          {
+            min: 5,
+            inline: !0,
+            fieldValue: e.minutes || 5,
+            onUpdate: (s) => a({
+              ...e,
+              minutes: s
+            }),
+            placeholder: "1"
+          }
+        ),
+        " ",
+        "Minutes"
+      ] }),
+      e.type === "hours" && /* @__PURE__ */ t(n, { children: [
+        /* @__PURE__ */ r("span", { children: "Every" }),
+        /* @__PURE__ */ r(
+          o,
           {
             options: [
               { label: "3 hours", value: "3hrs" },
@@ -120,7 +140,7 @@ const S = ({
               { label: "18 hours", value: "18hrs" }
             ],
             fieldValue: e.hours || "3hrs",
-            onUpdate: (s) => l({ ...e, hours: s })
+            onUpdate: (s) => a({ ...e, hours: s })
           }
         )
       ] })
@@ -128,6 +148,6 @@ const S = ({
   }
 );
 export {
-  S as default
+  H as default
 };
 //# sourceMappingURL=IntervalField.js.map

package/dist-lib/components/common/form/IntervalField/IntervalField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IntervalField.js","sources":["../../../../../src/components/common/form/IntervalField/IntervalField.tsx"],"sourcesContent":["import { PlanInterval } from '../../../../@types/plans';\r\nimport Icon from '../../Icon/Icon';\r\nimport FormField from '../FormField/FormField';\r\nimport Select from '../Select/Select';\r\nimport TimePicker from '../TimePicker/TimePicker';\r\nimport classes from './IntervalField.module.scss';\r\n\r\ntype IntervalFieldProps = {\r\n label?: string;\r\n description?: string;\r\n customClasses?: string;\r\n hint?: string;\r\n error?: string;\r\n required?: boolean;\r\n fieldValue: PlanInterval;\r\n onUpdate: (value: PlanInterval) => void;\r\n};\r\n\r\nconst IntervalField = ({\r\n label,\r\n fieldValue,\r\n description,\r\n customClasses = '',\r\n hint = '',\r\n error = '',\r\n required = false,\r\n onUpdate,\r\n}: IntervalFieldProps) => {\r\n return (\r\n <FormField\r\n type=\"interval\"\r\n label={label}\r\n hint={hint}\r\n error={error}\r\n required={required}\r\n description={description}\r\n classes={`${classes.intervalField} ${customClasses} ${error ? classes.fieldHasError : ''}`}\r\n >\r\n <div className={classes.intervalFieldInner}>\r\n <div className={classes.intervalFieldOptions}>\r\n <Select\r\n options={[\r\n { label: 'Hourly', value: 'hourly' },\r\n { label: 'Daily', value: 'daily' },\r\n { label: 'Weekly', value: 'weekly' },\r\n { label: 'Monthly', value: 'monthly' },\r\n { label: 'Every x Hours', value: 'hours' },\r\n { label: 'Every x Days', value: 'days' },\r\n ]}\r\n fieldValue={fieldValue.type}\r\n onUpdate={(val) =>\r\n onUpdate({\r\n ...fieldValue,\r\n type: val as PlanInterval['type'],\r\n time: fieldValue.time \|\| '',\r\n days: fieldValue.days \|\| '',\r\n hours: fieldValue.hours \|\| '',\r\n })\r\n }\r\n full={true}\r\n customClasses={classes.intervalSelect}\r\n />\r\n {fieldValue.type === 'days' && (\r\n <>\r\n <div className={classes.weekDays}>\r\n {['sun', 'mon', 'tue', 'wed', 'thur', 'fri', 'sat'].map((d) => {\r\n return (\r\n <button\r\n key={'weekday' + d}\r\n className={fieldValue?.days?.includes(d) ? classes.weekDayActive : ''}\r\n onClick={() =>\r\n onUpdate({\r\n ...fieldValue,\r\n days: fieldValue?.days?.includes(d)\r\n ? fieldValue.days?.replace(d + '-', '').replace(d, '')\r\n : fieldValue.days + d + '-',\r\n })\r\n }\r\n >\r\n <Icon type=\"check\" size={10} /> {d}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n </>\r\n )}\r\n {fieldValue.type !== 'hourly' && fieldValue.type !== 'hours' && (\r\n <>\r\n <span>at</span>\r\n <TimePicker fieldValue={fieldValue.time \|\| '10:00AM'} onUpdate={(val) => onUpdate({ ...fieldValue, time: val })} />\r\n </>\r\n )}\r\n\r\n {fieldValue.type === 'weekly' && (\r\n <>\r\n <span>on</span>\r\n <Select\r\n options={[\r\n { label: 'Sunday', value: 'sun' },\r\n { label: 'Monday', value: 'mon' },\r\n { label: 'Tuesday', value: 'tue' },\r\n { label: 'Wednesday', value: 'wed' },\r\n { label: 'Thursday', value: 'thur' },\r\n { label: 'Friday', value: 'fri' },\r\n { label: 'Saturday', value: 'sat' },\r\n ]}\r\n fieldValue={fieldValue.days \|\| 'sun'}\r\n onUpdate={(val: string) => onUpdate({ ...fieldValue, days: val })}\r\n />\r\n </>\r\n )}\r\n {fieldValue.type === 'monthly' && (\r\n <>\r\n <span>on</span>\r\n <Select\r\n options={[\r\n { label: '1st day of the Month', value: 'first' },\r\n { label: '15th day of the Month', value: 'middle' },\r\n { label: 'Last day of the Month', value: 'last' },\r\n ]}\r\n fieldValue={fieldValue.days \|\| 'first'}\r\n onUpdate={(val: string) => onUpdate({ ...fieldValue, days: val })}\r\n />\r\n </>\r\n )}\r\n {fieldValue.type === 'hours' && (\r\n <>\r\n <span>Every</span>\r\n <Select\r\n options={[\r\n { label: '3 hours', value: '3hrs' },\r\n { label: '6 hours', value: '6hrs' },\r\n { label: '9 hours', value: '9hrs' },\r\n { label: '12 hours', value: '12hrs' },\r\n { label: '18 hours', value: '18hrs' },\r\n ]}\r\n fieldValue={fieldValue.hours \|\| '3hrs'}\r\n onUpdate={(val: string) => onUpdate({ ...fieldValue, hours: val })}\r\n />\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n </FormField>\r\n );\r\n};\r\n\r\nexport default IntervalField;\r\n"],"names":["IntervalField","label","fieldValue","description","customClasses","hint","error","required","onUpdate","jsx","FormField","classes","jsxs","Select","val","Fragment","d","_a","_b","Icon","TimePicker"],"mappings":";;;;;;AAkBA,MAAMA,IAAgB,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,UAAAC;AACH,MAEM,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,MAAK;AAAA,IACL,OAAAT;AAAA,IACA,MAAAI;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAJ;AAAA,IACA,SAAS,GAAGQ,EAAQ,aAAa,IAAIP,CAAa,IAAIE,IAAQK,EAAQ,gBAAgB,EAAE;AAAA,IAExF,UAAA,gBAAAF,EAAC,SAAI,WAAWE,EAAQ,oBACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,sBACrB,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,SAAS;AAAA,YACN,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,YAC1B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,YACzB,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,YAC1B,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,YAC3B,EAAE,OAAO,iBAAiB,OAAO,QAAA;AAAA,YACjC,EAAE,OAAO,gBAAgB,OAAO,OAAA;AAAA,UAAO;AAAA,UAE1C,YAAYX,EAAW;AAAA,UACvB,UAAU,CAACY,MACRN,EAAS;AAAA,YACN,GAAGN;AAAA,YACH,MAAMY;AAAA,YACN,MAAMZ,EAAW,QAAQ;AAAA,YACzB,MAAMA,EAAW,QAAQ;AAAA,YACzB,OAAOA,EAAW,SAAS;AAAA,UAAA,CAC7B;AAAA,UAEJ,MAAM;AAAA,UACN,eAAeS,EAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzBT,EAAW,SAAS,UAClB,gBAAAO,EAAAM,GAAA,EACG,4BAAC,OAAA,EAAI,WAAWJ,EAAQ,UACpB,UAAA,CAAC,OAAO,OAAO,OAAO,OAAO,QAAQ,OAAO,KAAK,EAAE,IAAI,CAACK,MAAM;;AAC5D,eACG,gBAAAJ;AAAA,UAAC;AAAA,UAAA;AAAA,YAEE,YAAWK,IAAAf,KAAA,gBAAAA,EAAY,SAAZ,QAAAe,EAAkB,SAASD,KAAKL,EAAQ,gBAAgB;AAAA,YACnE,SAAS,MAAA;;AACN,qBAAAH,EAAS;AAAA,gBACN,GAAGN;AAAA,gBACH,OAAMe,IAAAf,KAAA,gBAAAA,EAAY,SAAZ,QAAAe,EAAkB,SAASD,MAC5BE,IAAAhB,EAAW,SAAX,gBAAAgB,EAAiB,QAAQF,IAAI,KAAK,IAAI,QAAQA,GAAG,MACjDd,EAAW,OAAOc,IAAI;AAAA,cAAA,CAC7B;AAAA;AAAA,YAGJ,UAAA;AAAA,cAAA,gBAAAP,EAACU,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,cAAE;AAAA,cAAEH;AAAA,YAAA;AAAA,UAAA;AAAA,UAX5B,YAAYA;AAAA,QAAA;AAAA,MAc1B,CAAC,GACJ,GACH;AAAA,MAEFd,EAAW,SAAS,YAAYA,EAAW,SAAS,WAClD,gBAAAU,EAAAG,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAK,UAAA,KAAA,CAAE;AAAA,0BACPW,GAAA,EAAW,YAAYlB,EAAW,QAAQ,WAAW,UAAU,CAACY,MAAQN,EAAS,EAAE,GAAGN,GAAY,MAAMY,EAAA,CAAK,EAAA,CAAG;AAAA,MAAA,GACpH;AAAA,MAGFZ,EAAW,SAAS,YAClB,gBAAAU,EAAAG,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAK,UAAA,KAAA,CAAE;AAAA,QACR,gBAAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACE,SAAS;AAAA,cACN,EAAE,OAAO,UAAU,OAAO,MAAA;AAAA,cAC1B,EAAE,OAAO,UAAU,OAAO,MAAA;AAAA,cAC1B,EAAE,OAAO,WAAW,OAAO,MAAA;AAAA,cAC3B,EAAE,OAAO,aAAa,OAAO,MAAA;AAAA,cAC7B,EAAE,OAAO,YAAY,OAAO,OAAA;AAAA,cAC5B,EAAE,OAAO,UAAU,OAAO,MAAA;AAAA,cAC1B,EAAE,OAAO,YAAY,OAAO,MAAA;AAAA,YAAM;AAAA,YAErC,YAAYX,EAAW,QAAQ;AAAA,YAC/B,UAAU,CAACY,MAAgBN,EAAS,EAAE,GAAGN,GAAY,MAAMY,EAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACnE,GACH;AAAA,MAEFZ,EAAW,SAAS,aAClB,gBAAAU,EAAAG,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAK,UAAA,KAAA,CAAE;AAAA,QACR,gBAAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACE,SAAS;AAAA,cACN,EAAE,OAAO,wBAAwB,OAAO,QAAA;AAAA,cACxC,EAAE,OAAO,yBAAyB,OAAO,SAAA;AAAA,cACzC,EAAE,OAAO,yBAAyB,OAAO,OAAA;AAAA,YAAO;AAAA,YAEnD,YAAYX,EAAW,QAAQ;AAAA,YAC/B,UAAU,CAACY,MAAgBN,EAAS,EAAE,GAAGN,GAAY,MAAMY,EAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACnE,GACH;AAAA,MAEFZ,EAAW,SAAS,WAClB,gBAAAU,EAAAG,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAK,UAAA,QAAA,CAAK;AAAA,QACX,gBAAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACE,SAAS;AAAA,cACN,EAAE,OAAO,WAAW,OAAO,OAAA;AAAA,cAC3B,EAAE,OAAO,WAAW,OAAO,OAAA;AAAA,cAC3B,EAAE,OAAO,WAAW,OAAO,OAAA;AAAA,cAC3B,EAAE,OAAO,YAAY,OAAO,QAAA;AAAA,cAC5B,EAAE,OAAO,YAAY,OAAO,QAAA;AAAA,YAAQ;AAAA,YAEvC,YAAYX,EAAW,SAAS;AAAA,YAChC,UAAU,CAACY,MAAgBN,EAAS,EAAE,GAAGN,GAAY,OAAOY,EAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACpE,EAAA,CACH;AAAA,IAAA,EAAA,CAEN,EAAA,CACH;AAAA,EAAA;AAAA;"}
1	+ {"version":3,"file":"IntervalField.js","sources":["../../../../../src/components/common/form/IntervalField/IntervalField.tsx"],"sourcesContent":["import { NumberInput } from '../../..';\r\nimport { PlanInterval } from '../../../../@types/plans';\r\nimport Icon from '../../Icon/Icon';\r\nimport FormField from '../FormField/FormField';\r\nimport Select from '../Select/Select';\r\nimport TimePicker from '../TimePicker/TimePicker';\r\nimport classes from './IntervalField.module.scss';\r\n\r\ntype IntervalFieldProps = {\r\n label?: string;\r\n description?: string;\r\n customClasses?: string;\r\n hint?: string;\r\n error?: string;\r\n required?: boolean;\r\n fieldValue: PlanInterval;\r\n onUpdate: (value: PlanInterval) => void;\r\n};\r\n\r\nconst IntervalField = ({\r\n label,\r\n fieldValue,\r\n description,\r\n customClasses = '',\r\n hint = '',\r\n error = '',\r\n required = false,\r\n onUpdate,\r\n}: IntervalFieldProps) => {\r\n return (\r\n <FormField\r\n type=\"interval\"\r\n label={label}\r\n hint={hint}\r\n error={error}\r\n required={required}\r\n description={description}\r\n classes={`${classes.intervalField} ${customClasses} ${error ? classes.fieldHasError : ''}`}\r\n >\r\n <div className={classes.intervalFieldInner}>\r\n <div className={classes.intervalFieldOptions}>\r\n <Select\r\n options={[\r\n { label: 'Hourly', value: 'hourly' },\r\n { label: 'Daily', value: 'daily' },\r\n { label: 'Weekly', value: 'weekly' },\r\n { label: 'Monthly', value: 'monthly' },\r\n { label: 'Every x Minutes', value: 'minutes' },\r\n { label: 'Every x Hours', value: 'hours' },\r\n { label: 'Every x Days', value: 'days' },\r\n ]}\r\n fieldValue={fieldValue.type}\r\n onUpdate={(val) =>\r\n onUpdate({\r\n ...fieldValue,\r\n type: val as PlanInterval['type'],\r\n time: fieldValue.time \|\| '',\r\n days: fieldValue.days \|\| '',\r\n hours: fieldValue.hours \|\| '',\r\n })\r\n }\r\n full={true}\r\n customClasses={classes.intervalSelect}\r\n />\r\n {fieldValue.type === 'days' && (\r\n <>\r\n <div className={classes.weekDays}>\r\n {['sun', 'mon', 'tue', 'wed', 'thur', 'fri', 'sat'].map((d) => {\r\n return (\r\n <button\r\n key={'weekday' + d}\r\n className={fieldValue?.days?.includes(d) ? classes.weekDayActive : ''}\r\n onClick={() =>\r\n onUpdate({\r\n ...fieldValue,\r\n days: fieldValue?.days?.includes(d)\r\n ? fieldValue.days?.replace(d + '-', '').replace(d, '')\r\n : fieldValue.days + d + '-',\r\n })\r\n }\r\n >\r\n <Icon type=\"check\" size={10} /> {d}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n </>\r\n )}\r\n {fieldValue.type !== 'hourly' && fieldValue.type !== 'hours' && fieldValue.type !== 'minutes' && (\r\n <>\r\n <span>at</span>\r\n <TimePicker fieldValue={fieldValue.time \|\| '10:00AM'} onUpdate={(val) => onUpdate({ ...fieldValue, time: val })} />\r\n </>\r\n )}\r\n\r\n {fieldValue.type === 'weekly' && (\r\n <>\r\n <span>on</span>\r\n <Select\r\n options={[\r\n { label: 'Sunday', value: 'sun' },\r\n { label: 'Monday', value: 'mon' },\r\n { label: 'Tuesday', value: 'tue' },\r\n { label: 'Wednesday', value: 'wed' },\r\n { label: 'Thursday', value: 'thur' },\r\n { label: 'Friday', value: 'fri' },\r\n { label: 'Saturday', value: 'sat' },\r\n ]}\r\n fieldValue={fieldValue.days \|\| 'sun'}\r\n onUpdate={(val: string) => onUpdate({ ...fieldValue, days: val })}\r\n />\r\n </>\r\n )}\r\n {fieldValue.type === 'monthly' && (\r\n <>\r\n <span>on</span>\r\n <Select\r\n options={[\r\n { label: '1st day of the Month', value: 'first' },\r\n { label: '15th day of the Month', value: 'middle' },\r\n { label: 'Last day of the Month', value: 'last' },\r\n ]}\r\n fieldValue={fieldValue.days \|\| 'first'}\r\n onUpdate={(val: string) => onUpdate({ ...fieldValue, days: val })}\r\n />\r\n </>\r\n )}\r\n {fieldValue.type === 'minutes' && (\r\n <>\r\n <span>Every</span>\r\n <NumberInput\r\n min={5}\r\n inline={true}\r\n fieldValue={fieldValue.minutes \|\| 5}\r\n onUpdate={(minutes) =>\r\n onUpdate({\r\n ...fieldValue,\r\n minutes: minutes,\r\n })\r\n }\r\n placeholder=\"1\"\r\n />{' '}\r\n Minutes\r\n </>\r\n )}\r\n {fieldValue.type === 'hours' && (\r\n <>\r\n <span>Every</span>\r\n <Select\r\n options={[\r\n { label: '3 hours', value: '3hrs' },\r\n { label: '6 hours', value: '6hrs' },\r\n { label: '9 hours', value: '9hrs' },\r\n { label: '12 hours', value: '12hrs' },\r\n { label: '18 hours', value: '18hrs' },\r\n ]}\r\n fieldValue={fieldValue.hours \|\| '3hrs'}\r\n onUpdate={(val: string) => onUpdate({ ...fieldValue, hours: val })}\r\n />\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n </FormField>\r\n );\r\n};\r\n\r\nexport default IntervalField;\r\n"],"names":["IntervalField","label","fieldValue","description","customClasses","hint","error","required","onUpdate","jsx","FormField","classes","jsxs","Select","val","Fragment","d","_a","_b","Icon","TimePicker","NumberInput","minutes"],"mappings":"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"}

package/dist-lib/components/common/form/NumberInput/NumberInput.module.scss.js CHANGED Viewed

@@ -1,4 +1,4 @@
-const n = "_numberInputField_DjaF1", e = "_numberInputWrapper_8LEyK", r = "_input_hgrOB", u = "_numberControl_IfxlM", l = "_numberFieldLarge_IQNAc", t = "_numberFieldInline_Tvtx1", i = "_numberFieldFull_nO5QA", o = "_fieldHasError_4hwwG", b = {
+const n = "_numberInputField_9S8XA", e = "_numberInputWrapper_Xnm53", r = "_input_wBF4F", u = "_numberControl_WpxOy", l = "_numberFieldLarge_kzr8S", t = "_numberFieldInline_mVIn6", i = "_numberFieldFull_IZ2ms", m = "_fieldHasError_xh8CZ", o = {
   numberInputField: n,
   numberInputWrapper: e,
   input: r,
@@ -6,11 +6,11 @@ const n = "_numberInputField_DjaF1", e = "_numberInputWrapper_8LEyK", r = "_inpu
   numberFieldLarge: l,
   numberFieldInline: t,
   numberFieldFull: i,
-  fieldHasError: o
+  fieldHasError: m
 };
 export {
-  b as default,
-  o as fieldHasError,
+  o as default,
+  m as fieldHasError,
   r as input,
   u as numberControl,
   i as numberFieldFull,

package/dist-lib/components/common/form/StoragePicker/StoragePicker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StoragePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/StoragePicker/StoragePicker.tsx"],"names":[],"mappings":"AASA,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpF,UAAU,kBAAkB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAClE;AAED,QAAA,MAAM,aAAa,GAAI,0DAAuE,kBAAkB,~~4CAiH~~/G,CAAC;AAEF,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"StoragePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/StoragePicker/StoragePicker.tsx"],"names":[],"mappings":"AASA,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpF,UAAU,kBAAkB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAClE;AAED,QAAA,MAAM,aAAa,GAAI,0DAAuE,kBAAkB,4CAwH/G,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist-lib/components/common/form/StoragePicker/StoragePicker.js CHANGED Viewed

@@ -1,38 +1,40 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { useState as f, useMemo as F, useEffect as k } from "react";
-import r from "./StoragePicker.module.scss.js";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { useState as p, useMemo as F, useEffect as g } from "react";
+import i from "./StoragePicker.module.scss.js";
 import O from "../Select/Select.js";
 import { useGetStorages as U } from "../../../../services/storage.js";
-import b from "../Input/Input.js";
-import j from "../../FolderPicker/FolderPicker.js";
-import q from "../../Icon/Icon.js";
-import V from "../../../Storage/AddStorage/AddStorage.js";
-const H = ({ onUpdate: w, storagePath: N = "", storageId: m, disabled: i = !1, deviceId: $ }) => {
-  const [t, g] = f(), [v, P] = f(!1), [y, S] = f(!1), [l, u] = f(() => N), p = (t == null ? void 0 : t.type) === "local", n = (t == null ? void 0 : t.defaultPath) && (t == null ? void 0 : t.defaultPath) !== "/", M = n ? `${t.defaultPath}${l ? `/${l}` : ""}` : l, { data: d } = U(), c = [...(d == null ? void 0 : d.result) || []];
+import j from "../Input/Input.js";
+import q from "../../FolderPicker/FolderPicker.js";
+import V from "../../Icon/Icon.js";
+import W from "../../../Storage/AddStorage/AddStorage.js";
+const I = ({ onUpdate: N, storagePath: $ = "", storageId: P, disabled: a = !1, deviceId: S }) => {
+  const [t, h] = p(), [v, k] = p(!1), [y, w] = p(!1), [r, n] = p(() => $), f = (t == null ? void 0 : t.type) === "local", d = (t == null ? void 0 : t.defaultPath) && (t == null ? void 0 : t.defaultPath) !== "/", M = d ? `${t.defaultPath}${r ? `/${r}` : ""}` : r, { data: u } = U(), c = [...(u == null ? void 0 : u.result) || []];
   console.log("allStorages :", c), console.log("selectedStorage :", t);
-  const x = F(() => c.map(({ name: a, id: s, type: B }) => ({
-    label: a,
+  const x = F(() => c.map(({ name: l, id: s, type: B }) => ({
+    label: l,
     value: s.toString(),
     image: /* @__PURE__ */ o("img", { src: `/providers/${B}.png` })
   })), [c]), A = (e) => {
     if (console.log("storageID :", e), e === "add_new")
-      return S(!0);
-    const a = c.find((s) => s.id == e);
-    (a || e === "local") && g(a);
+      return w(!0);
+    const l = c.find((s) => s.id == e);
+    (l || e === "local") && h(l);
   };
-  return k(() => {
-    if (c.length > 0 && m) {
-      const e = c.find((a) => a.id === m);
-      if (g(e), e != null && e.defaultPath && e.defaultPath !== "/") {
-        const a = e.defaultPath + "/";
-        u((s) => s.startsWith(a) ? s.slice(a.length) : s);
+  return g(() => {
+    if (c.length > 0 && P) {
+      const e = c.find((l) => l.id === P);
+      if (h(e), e != null && e.defaultPath && e.defaultPath !== "/") {
+        const l = e.defaultPath + "/";
+        n((s) => s.startsWith(l) ? s.slice(l.length) : s);
       }
     }
-  }, [d]), k(() => {
-    t && w({ storage: t, path: M });
-  }, [t, l]), /* @__PURE__ */ h("div", { className: r.storagePicker, children: [
-    /* @__PURE__ */ o("div", { className: r.storagePickerInput, children: /* @__PURE__ */ h("div", { children: [
-      /* @__PURE__ */ o("div", { className: r.storage, children: /* @__PURE__ */ o(
+  }, [u]), g(() => {
+    t && N({ storage: t, path: M });
+  }, [t, r]), g(() => {
+    a || (h(null), n(""));
+  }, [S, a]), /* @__PURE__ */ m("div", { className: i.storagePicker, children: [
+    /* @__PURE__ */ o("div", { className: i.storagePickerInput, children: /* @__PURE__ */ m("div", { children: [
+      /* @__PURE__ */ o("div", { className: i.storage, children: /* @__PURE__ */ o(
         O,
         {
           fieldValue: t != null && t.id ? t.id : "",
@@ -43,50 +45,50 @@ const H = ({ onUpdate: w, storagePath: N = "", storageId: m, disabled: i = !1, d
           ],
           onUpdate: A,
           full: !0,
-          disabled: i
+          disabled: a
         }
       ) }),
-      /* @__PURE__ */ h("div", { className: `${r.path} ${n ? r.withBucket : ""}`, children: [
-        n && /* @__PURE__ */ o("span", { className: r.defaultPath, title: `Bucket: ${t.defaultPath}`, children: t.defaultPath + "/" }),
+      /* @__PURE__ */ m("div", { className: `${i.path} ${d ? i.withBucket : ""}`, children: [
+        d && /* @__PURE__ */ o("span", { className: i.defaultPath, title: `Bucket: ${t.defaultPath}`, children: t.defaultPath + "/" }),
         /* @__PURE__ */ o(
-          b,
+          j,
           {
-            disabled: i,
-            fieldValue: l,
-            onUpdate: (e) => u(e.startsWith("/") ? e.slice(1) : e),
-            placeholder: p ? "Select a folder" : n ? "subfolder" : "folder-or-bucket/subfolder",
+            disabled: a,
+            fieldValue: r,
+            onUpdate: (e) => n(!f && e.startsWith("/") ? e.slice(1) : e),
+            placeholder: f ? "Select a folder" : d ? "subfolder" : "folder-or-bucket/subfolder",
             full: !0,
-            required: !i && p,
-            error: !i && p && !l ? "Required" : ""
+            required: !a && f,
+            error: !a && f && !r ? "Required" : ""
           }
         ),
-        (t == null ? void 0 : t.type) && !i && t.type === "local" && /* @__PURE__ */ o(
+        (t == null ? void 0 : t.type) && !a && t.type === "local" && /* @__PURE__ */ o(
           "button",
           {
-            className: r.fileManagerBtn,
+            className: i.fileManagerBtn,
             "data-tooltip-id": "appTooltip",
             "data-tooltip-content": "Open FileManager to Select Directory",
             "data-tooltip-place": "top",
-            onClick: () => P(!0),
-            children: /* @__PURE__ */ o(q, { type: "folders", size: 16 })
+            onClick: () => k(!0),
+            children: /* @__PURE__ */ o(V, { type: "folders", size: 16 })
           }
         )
       ] })
     ] }) }),
-    v && !i && /* @__PURE__ */ o(
-      j,
+    v && !a && /* @__PURE__ */ o(
+      q,
       {
-        deviceId: $ || "main",
+        deviceId: S || "main",
         title: "Select Path",
-        selected: l,
-        close: () => P(!1),
-        onSelect: (e) => u(e)
+        selected: r,
+        close: () => k(!1),
+        onSelect: (e) => n(e)
       }
     ),
-    y && /* @__PURE__ */ o(V, { close: () => S(!1) })
+    y && /* @__PURE__ */ o(W, { close: () => w(!1) })
   ] });
 };
 export {
-  H as default
+  I as default
 };
 //# sourceMappingURL=StoragePicker.js.map

package/dist-lib/components/common/form/StoragePicker/StoragePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StoragePicker.js","sources":["../../../../../src/components/common/form/StoragePicker/StoragePicker.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\r\nimport classes from './StoragePicker.module.scss';\r\nimport Select from '../Select/Select';\r\nimport { useGetStorages } from '../../../../services/storage';\r\nimport Input from '../Input/Input';\r\nimport FolderPicker from '../../FolderPicker/FolderPicker';\r\nimport Icon from '../../Icon/Icon';\r\nimport AddStorage from '../../../Storage/AddStorage/AddStorage';\r\n\r\ntype storageItem = { name: string; id: string; type: string; defaultPath?: string };\r\n\r\ninterface StoragePickerProps {\r\n storagePath?: string;\r\n storageId?: string;\r\n disabled?: boolean;\r\n deviceId?: string;\r\n onUpdate: (val: { storage: storageItem; path: string }) => void;\r\n}\r\n\r\nconst StoragePicker = ({ onUpdate, storagePath = '', storageId, disabled = false, deviceId }: StoragePickerProps) => {\r\n const [selectedStorage, setSelectedStorage] = useState<null \| storageItem>();\r\n const [showFolderPicker, setShowFolderPicker] = useState(false);\r\n const [showAddStorageModal, setShowAddStorageModal] = useState(false);\r\n const [path, setPath] = useState(() => storagePath);\r\n const isLocalStorage = selectedStorage?.type === 'local';\r\n const hasBucketName = selectedStorage?.defaultPath && selectedStorage?.defaultPath !== '/';\r\n const fullPath = hasBucketName ? `${selectedStorage.defaultPath}${path ? `/${path}` : ''}` : path;\r\n\r\n const { data: allStorageData } = useGetStorages();\r\n const allUserStorages = (allStorageData?.result as storageItem[]) \|\| [];\r\n const allStorages = [...allUserStorages];\r\n\r\n console.log('allStorages :', allStorages);\r\n console.log('selectedStorage :', selectedStorage);\r\n\r\n const storageOptions = useMemo(() => {\r\n const storageOpts = allStorages.map(({ name, id, type }) => ({\r\n label: name,\r\n value: id.toString(),\r\n image: <img src={`/providers/${type}.png`} />,\r\n }));\r\n return storageOpts;\r\n }, [allStorages]);\r\n\r\n const selectStorage = (storageID: string) => {\r\n console.log('storageID :', storageID);\r\n if (storageID === 'add_new') {\r\n return setShowAddStorageModal(true);\r\n }\r\n const theStorage = allStorages.find((s) => s.id == storageID);\r\n if (theStorage \|\| storageID === 'local') {\r\n setSelectedStorage(theStorage);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (allStorages.length > 0 && storageId) {\r\n const currentStorage = allStorages.find((s) => s.id === storageId);\r\n setSelectedStorage(currentStorage);\r\n if (currentStorage?.defaultPath && currentStorage.defaultPath !== '/') {\r\n const prefix = currentStorage.defaultPath + '/';\r\n setPath((prev) => (prev.startsWith(prefix) ? prev.slice(prefix.length) : prev));\r\n }\r\n }\r\n }, [allStorageData]);\r\n\r\n useEffect(() => {\r\n if (selectedStorage) {\r\n onUpdate({ storage: selectedStorage, path: fullPath });\r\n }\r\n }, [selectedStorage, path]);\r\n\r\n // console.log('Storage path :', path, !disabled && isLocalStorage && !path);\r\n\r\n return (\r\n <div className={classes.storagePicker}>\r\n <div className={classes.storagePickerInput}>\r\n <div>\r\n <div className={classes.storage}>\r\n <Select\r\n fieldValue={selectedStorage?.id ? selectedStorage.id : ''}\r\n options={[\r\n { label: 'Select Storage', value: '', icon: 'storages' },\r\n ...storageOptions,\r\n { label: '+ Add New Storage', value: 'add_new', icon: 'plus' },\r\n ]}\r\n onUpdate={selectStorage}\r\n full={true}\r\n disabled={disabled}\r\n />\r\n </div>\r\n <div className={`${classes.path} ${hasBucketName ? classes.withBucket : ''}`}>\r\n {hasBucketName && (\r\n <span className={classes.defaultPath} title={`Bucket: ${selectedStorage.defaultPath}`}>\r\n {selectedStorage.defaultPath + '/'}\r\n </span>\r\n )}\r\n <Input\r\n disabled={disabled}\r\n fieldValue={path}\r\n onUpdate={(val) => setPath(val.startsWith('/') ? val.slice(1) : val)} //if the val starts with a slash remove it\r\n placeholder={isLocalStorage ? 'Select a folder' : hasBucketName ? 'subfolder' : `folder-or-bucket/subfolder`}\r\n full={true}\r\n required={!disabled && isLocalStorage}\r\n error={(!disabled && isLocalStorage && !path ? 'Required' : '') as string}\r\n />\r\n {selectedStorage?.type && !disabled && selectedStorage.type === 'local' && (\r\n <button\r\n className={classes.fileManagerBtn}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-content=\"Open FileManager to Select Directory\"\r\n data-tooltip-place=\"top\"\r\n onClick={() => setShowFolderPicker(true)}\r\n >\r\n <Icon type=\"folders\" size={16} />\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n {showFolderPicker && !disabled && (\r\n <FolderPicker\r\n deviceId={deviceId \|\| 'main'}\r\n title=\"Select Path\"\r\n selected={path}\r\n close={() => setShowFolderPicker(false)}\r\n onSelect={(newVal) => setPath(newVal)}\r\n />\r\n )}\r\n {showAddStorageModal && <AddStorage close={() => setShowAddStorageModal(false)} />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default StoragePicker;\r\n"],"names":["StoragePicker","onUpdate","storagePath","storageId","disabled","deviceId","selectedStorage","setSelectedStorage","useState","showFolderPicker","setShowFolderPicker","showAddStorageModal","setShowAddStorageModal","path","setPath","isLocalStorage","hasBucketName","fullPath","allStorageData","useGetStorages","allStorages","storageOptions","useMemo","name","id","type","jsx","selectStorage","storageID","theStorage","useEffect","currentStorage","s","prefix","prev","jsxs","classes","Select","Input","val","Icon","FolderPicker","newVal","AddStorage"],"mappings":"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"}
1	+ {"version":3,"file":"StoragePicker.js","sources":["../../../../../src/components/common/form/StoragePicker/StoragePicker.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\r\nimport classes from './StoragePicker.module.scss';\r\nimport Select from '../Select/Select';\r\nimport { useGetStorages } from '../../../../services/storage';\r\nimport Input from '../Input/Input';\r\nimport FolderPicker from '../../FolderPicker/FolderPicker';\r\nimport Icon from '../../Icon/Icon';\r\nimport AddStorage from '../../../Storage/AddStorage/AddStorage';\r\n\r\ntype storageItem = { name: string; id: string; type: string; defaultPath?: string };\r\n\r\ninterface StoragePickerProps {\r\n storagePath?: string;\r\n storageId?: string;\r\n disabled?: boolean;\r\n deviceId?: string;\r\n onUpdate: (val: { storage: storageItem; path: string }) => void;\r\n}\r\n\r\nconst StoragePicker = ({ onUpdate, storagePath = '', storageId, disabled = false, deviceId }: StoragePickerProps) => {\r\n const [selectedStorage, setSelectedStorage] = useState<null \| storageItem>();\r\n const [showFolderPicker, setShowFolderPicker] = useState(false);\r\n const [showAddStorageModal, setShowAddStorageModal] = useState(false);\r\n const [path, setPath] = useState(() => storagePath);\r\n const isLocalStorage = selectedStorage?.type === 'local';\r\n const hasBucketName = selectedStorage?.defaultPath && selectedStorage?.defaultPath !== '/';\r\n const fullPath = hasBucketName ? `${selectedStorage.defaultPath}${path ? `/${path}` : ''}` : path;\r\n\r\n const { data: allStorageData } = useGetStorages();\r\n const allUserStorages = (allStorageData?.result as storageItem[]) \|\| [];\r\n const allStorages = [...allUserStorages];\r\n\r\n console.log('allStorages :', allStorages);\r\n console.log('selectedStorage :', selectedStorage);\r\n\r\n const storageOptions = useMemo(() => {\r\n const storageOpts = allStorages.map(({ name, id, type }) => ({\r\n label: name,\r\n value: id.toString(),\r\n image: <img src={`/providers/${type}.png`} />,\r\n }));\r\n return storageOpts;\r\n }, [allStorages]);\r\n\r\n const selectStorage = (storageID: string) => {\r\n console.log('storageID :', storageID);\r\n if (storageID === 'add_new') {\r\n return setShowAddStorageModal(true);\r\n }\r\n const theStorage = allStorages.find((s) => s.id == storageID);\r\n if (theStorage \|\| storageID === 'local') {\r\n setSelectedStorage(theStorage);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (allStorages.length > 0 && storageId) {\r\n const currentStorage = allStorages.find((s) => s.id === storageId);\r\n setSelectedStorage(currentStorage);\r\n if (currentStorage?.defaultPath && currentStorage.defaultPath !== '/') {\r\n const prefix = currentStorage.defaultPath + '/';\r\n setPath((prev) => (prev.startsWith(prefix) ? prev.slice(prefix.length) : prev));\r\n }\r\n }\r\n }, [allStorageData]);\r\n\r\n useEffect(() => {\r\n if (selectedStorage) {\r\n onUpdate({ storage: selectedStorage, path: fullPath });\r\n }\r\n }, [selectedStorage, path]);\r\n\r\n useEffect(() => {\r\n if (!disabled) {\r\n setSelectedStorage(null);\r\n setPath('');\r\n }\r\n }, [deviceId, disabled]);\r\n\r\n // console.log('Storage path :', path, !disabled && isLocalStorage && !path);\r\n\r\n return (\r\n <div className={classes.storagePicker}>\r\n <div className={classes.storagePickerInput}>\r\n <div>\r\n <div className={classes.storage}>\r\n <Select\r\n fieldValue={selectedStorage?.id ? selectedStorage.id : ''}\r\n options={[\r\n { label: 'Select Storage', value: '', icon: 'storages' },\r\n ...storageOptions,\r\n { label: '+ Add New Storage', value: 'add_new', icon: 'plus' },\r\n ]}\r\n onUpdate={selectStorage}\r\n full={true}\r\n disabled={disabled}\r\n />\r\n </div>\r\n <div className={`${classes.path} ${hasBucketName ? classes.withBucket : ''}`}>\r\n {hasBucketName && (\r\n <span className={classes.defaultPath} title={`Bucket: ${selectedStorage.defaultPath}`}>\r\n {selectedStorage.defaultPath + '/'}\r\n </span>\r\n )}\r\n <Input\r\n disabled={disabled}\r\n fieldValue={path}\r\n onUpdate={(val) => setPath(!isLocalStorage && val.startsWith('/') ? val.slice(1) : val)} //if the val starts with a slash remove it (only for remote storages, local paths need the leading slash)\r\n placeholder={isLocalStorage ? 'Select a folder' : hasBucketName ? 'subfolder' : `folder-or-bucket/subfolder`}\r\n full={true}\r\n required={!disabled && isLocalStorage}\r\n error={(!disabled && isLocalStorage && !path ? 'Required' : '') as string}\r\n />\r\n {selectedStorage?.type && !disabled && selectedStorage.type === 'local' && (\r\n <button\r\n className={classes.fileManagerBtn}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-content=\"Open FileManager to Select Directory\"\r\n data-tooltip-place=\"top\"\r\n onClick={() => setShowFolderPicker(true)}\r\n >\r\n <Icon type=\"folders\" size={16} />\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n {showFolderPicker && !disabled && (\r\n <FolderPicker\r\n deviceId={deviceId \|\| 'main'}\r\n title=\"Select Path\"\r\n selected={path}\r\n close={() => setShowFolderPicker(false)}\r\n onSelect={(newVal) => setPath(newVal)}\r\n />\r\n )}\r\n {showAddStorageModal && <AddStorage close={() => setShowAddStorageModal(false)} />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default StoragePicker;\r\n"],"names":["StoragePicker","onUpdate","storagePath","storageId","disabled","deviceId","selectedStorage","setSelectedStorage","useState","showFolderPicker","setShowFolderPicker","showAddStorageModal","setShowAddStorageModal","path","setPath","isLocalStorage","hasBucketName","fullPath","allStorageData","useGetStorages","allStorages","storageOptions","useMemo","name","id","type","jsx","selectStorage","storageID","theStorage","useEffect","currentStorage","s","prefix","prev","jsxs","classes","Select","Input","val","Icon","FolderPicker","newVal","AddStorage"],"mappings":"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"}

package/dist-lib/components/common/form/TagsInput/TagsInput.d.ts CHANGED Viewed

@@ -5,9 +5,10 @@ type TagsInputProps = {
     icon?: string;
     type?: string;
     inline?: boolean;
+    hint?: string;
     fieldValue: string[];
     onUpdate: (f: string[]) => void;
 };
-declare const TagsInput: ({ label, description, customClasses, fieldValue, onUpdate, icon, type, inline }: TagsInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TagsInput: ({ label, description, customClasses, hint, fieldValue, onUpdate, icon, type, inline }: TagsInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TagsInput;
 //# sourceMappingURL=TagsInput.d.ts.map

package/dist-lib/components/common/form/TagsInput/TagsInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/TagsInput/TagsInput.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,~~iFAAmG~~,cAAc,~~4CAgEnI~~,CAAC;AAEF,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"TagsInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/TagsInput/TagsInput.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,uFAA8G,cAAc,4CAgE9I,CAAC;AAEF,eAAe,SAAS,CAAC"}