@plutonhq/core-frontend 0.0.1

package/dist/components/Plan/PlanSettings/PlanSettings.module.scss

@@ -0,0 +1,464 @@
+//Fields
+
+.field {
+   margin-bottom: 20px;
+   width: 100%;
+   position: relative;
+   .fieldErrorLabel {
+      position: absolute;
+      right: 10px;
+      top: 15px;
+      background-color: var(--error-bg-active);
+      color: var(--error-active-text);
+      padding: 1px 12px;
+      border-radius: 20px;
+      font-size: 0.75rem;
+      letter-spacing: 0.2px;
+      z-index: 2;
+   }
+   .fieldNotice {
+      margin-top: 10px;
+      font-size: 0.75rem;
+      font-weight: 500;
+      padding: 10px;
+      background: var(--primary-color-lighter);
+      border-radius: 6px;
+   }
+}
+
+.label {
+   font-weight: 600;
+   display: block;
+   margin-bottom: 8px;
+   font-size: 0.75rem;
+}
+
+.strategyFieldOptions {
+   display: flex;
+   gap: 12px;
+}
+
+.strategyFieldOptionsDisabled {
+   .strategyFieldOption {
+      opacity: 0.7;
+      cursor: not-allowed;
+      user-select: none;
+   }
+}
+
+.strategyFieldOption {
+   display: flex;
+   flex: 1 1 0px;
+   align-items: center;
+   border: 1px solid var(--line-color);
+   padding: 15px;
+   padding-right: 25px;
+   border-radius: 6px;
+   cursor: pointer;
+   font-size: 0.75rem;
+   position: relative;
+
+   :global(.checkMark) {
+      color: var(--primary-color);
+      position: absolute;
+      top: 5px;
+      right: 5px;
+   }
+}
+
+.typeFieldOptions {
+   display: flex;
+   gap: 12px;
+}
+
+.typeFieldOptionsDisabled {
+   .typeFieldOption {
+      opacity: 0.7;
+      cursor: not-allowed;
+      user-select: none;
+   }
+}
+
+.typeFieldOption {
+   display: flex;
+   flex-direction: column;
+   flex: 1 1 0px;
+   align-items: center;
+   text-align: center;
+   border: 1px solid var(--line-color);
+   padding: 15px;
+   padding-right: 25px;
+   border-radius: 6px;
+   cursor: pointer;
+   font-size: 0.75rem;
+   position: relative;
+
+   :global(.checkMark) {
+      color: var(--primary-color);
+      position: absolute;
+      top: 5px;
+      right: 5px;
+   }
+}
+
+.forgetByAgeField {
+   display: flex;
+   flex-direction: row;
+   gap: 10px;
+   width: 50%;
+}
+
+.customPolicyOption {
+   display: flex;
+   flex-direction: row;
+   align-items: center;
+   margin-bottom: 10px;
+   & > div {
+      width: 100px;
+      margin: 0 10px;
+   }
+}
+
+.typeFieldActive {
+   background-color: var(--background-color);
+   border-color: var(--primary-color);
+}
+
+.typeFieldIcon {
+   margin-right: 10px;
+   opacity: 0.4;
+}
+
+.typeFieldContent {
+   h4 {
+      margin: 0;
+      margin-bottom: 5px;
+   }
+   p {
+      margin: 0;
+   }
+}
+
+.intervalField {
+   display: flex;
+   gap: 10px;
+   align-items: center;
+}
+
+.pathPickerField {
+   display: flex;
+   div[class*='_paths_'] {
+      border-radius: 0 4px 4px 4px;
+   }
+}
+
+.pathPickerFieldTabs {
+   display: flex;
+   margin: 0;
+   padding: 0;
+   li {
+      list-style-type: none;
+      cursor: pointer;
+      padding: 4px 12px;
+      border: 1px solid var(--content-background-color);
+      border-bottom-color: transparent;
+      border-radius: 4px 4px 0 0;
+      position: relative;
+      bottom: -1px;
+      &.pathPickerFieldActive {
+         border-color: var(--line-color);
+         border-bottom-color: var(--content-background-color);
+      }
+   }
+}
+
+.weekDays {
+   display: flex;
+   flex-direction: row;
+   align-items: center;
+   border: 1px solid var(--line-color);
+   border-radius: 6px;
+
+   button {
+      padding: 6px 8px;
+      color: var(--content-text-color);
+      text-transform: capitalize;
+      font-size: 0.75rem;
+      span {
+         color: var(--icon-color);
+      }
+      &.weekDayActive {
+         background-color: var(--primary-color-light);
+         color: var(--primary-color);
+         span {
+            color: var(--primary-color);
+         }
+      }
+   }
+}
+
+.advancedTabContent {
+   padding-left: 15px;
+   min-height: 500px;
+}
+.advancedTabs {
+   margin: 0;
+   padding: 0;
+   display: flex;
+   flex-direction: row;
+   gap: 6px;
+   margin-bottom: 30px;
+   border-bottom: 1px solid var(--line-color);
+
+   li {
+      list-style-type: none;
+      font-size: 0.75rem;
+      padding: 5px 15px;
+      border-radius: 4px;
+      border: 1px solid transparent;
+      cursor: pointer;
+      color: var(--content-text-color);
+      &.advancedTabActive {
+         color: var(--primary-color);
+         border: 1px solid var(--line-color);
+         border-radius: 4px 4px 0 0;
+         border-bottom: 1px solid var(--content-background-color);
+         position: relative;
+         top: 1px;
+      }
+   }
+}
+.advancedButton {
+   display: flex;
+   width: 100%;
+   cursor: pointer;
+   justify-content: space-between;
+   font-weight: 500;
+   position: relative;
+   padding: 10px;
+   border: 1px solid var(--line-color);
+   border-radius: 6px 6px;
+   box-sizing: border-box;
+
+   &:hover {
+      color: var(--primary-color);
+   }
+   &.advancedButtonActive {
+      border-radius: 6px 6px 0 0;
+   }
+}
+
+// Footer
+.footer {
+   display: flex;
+   align-items: center;
+   justify-content: space-between;
+   padding: 15px;
+   padding-left: 30px;
+   border-top: 1px solid var(--content-shadow-color);
+}
+
+.summary {
+   font-size: 0.75rem;
+}
+
+.createButton {
+   border-radius: 6px;
+   font-size: 0.75rem;
+   padding: 12px 20px;
+   color: var(--primary-text-color);
+   background-color: var(--primary-color);
+   cursor: pointer;
+}
+
+.loader {
+   position: absolute;
+   z-index: 9;
+   width: 100%;
+   height: 100%;
+   left: 0;
+   top: 0;
+   background-color: var(--content-background-color);
+   opacity: 0.7;
+   cursor: default;
+   display: flex;
+   justify-content: center;
+   align-items: center;
+}
+
+.advancedSettingsSelect {
+   margin-bottom: 20px;
+}
+
+// Scripts Field
+
+.eventTabs {
+   display: flex;
+   flex-direction: column;
+   gap: 20px;
+}
+.eventTab {
+   display: flex;
+   flex-direction: column;
+
+   .eventTabHead {
+      border: 1px solid var(--line-color);
+      padding: 12px;
+      border-radius: 6px 6px 0 0;
+      display: flex;
+      justify-content: space-between;
+      font-weight: 600;
+      .eventTabHeadTitle {
+         cursor: pointer;
+      }
+      i {
+         display: inline-block;
+         padding: 1px 8px;
+         background-color: var(--primary-color-light);
+         color: var(--content-text-color-light);
+         margin-left: 5px;
+         border-radius: 20px;
+         font-size: 0.8em;
+         line-height: 1.2em;
+         font-style: normal;
+      }
+      :global(.icon) {
+         color: var(--icon-color);
+      }
+   }
+   .eventTabContent {
+      border: 1px solid var(--line-color);
+      padding: 15px;
+      border-radius: 0 0 6px 6px;
+      border-top: 0;
+      position: relative;
+   }
+   .addScriptButton {
+      background-color: var(--primary-color-light);
+      color: var(--primary-color);
+      cursor: pointer;
+      font-size: 15px;
+      font-weight: 600;
+      width: 20px;
+      height: 20px;
+      line-height: 0.3em;
+      border-radius: 50%;
+      transition: all 0.12s linear;
+      padding: 0;
+      margin-left: 10px;
+      &:hover {
+         color: var(--primary-color-light);
+         background-color: var(--primary-color);
+      }
+   }
+   .scriptItem {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      border: 1px solid var(--line-color);
+      padding: 0 12px;
+      box-sizing: border-box;
+      border-radius: 6px;
+      margin-bottom: 20px;
+
+      .scriptHeader {
+         padding: 10px 0;
+         display: flex;
+         justify-content: space-between;
+         .scriptTitle {
+            font-weight: 600;
+            margin-bottom: 4px;
+            :global(.icon) {
+               color: var(--icon-color);
+            }
+         }
+         .scriptPositionControls {
+            button {
+               color: var(--icon-color);
+               &:hover {
+                  color: var(--primary-color);
+               }
+               &:disabled {
+                  opacity: 0.4;
+                  color: var(--icon-color);
+                  cursor: not-allowed;
+               }
+            }
+         }
+      }
+
+      textarea {
+         border: 1px solid var(--line-color);
+         padding: 15px;
+         border-radius: 6px;
+         color: var(--content-text-color);
+         background-color: var(--content-background-color);
+         &:focus {
+            outline: none;
+            border: 1px solid var(--line-active-color);
+         }
+      }
+      .scriptFooter {
+         display: flex;
+         justify-content: space-between;
+         align-items: center;
+         .scriptOptions {
+            display: flex;
+            flex-direction: row;
+            gap: 0;
+            padding: 6px;
+            gap: 15px;
+            align-items: center;
+            .scriptOptionCheckbox {
+               display: flex;
+               align-items: center;
+               font-size: 0.86em;
+               font-weight: 500;
+               gap: 6px;
+               color: var(--content-text-color-light);
+               & > div {
+                  width: auto;
+                  max-width: 150px;
+               }
+
+               div[class^='_selected_'] {
+                  padding: 4px 6px;
+                  & > span {
+                     white-space: nowrap;
+                     overflow: hidden;
+                     text-overflow: ellipsis;
+                  }
+               }
+            }
+         }
+         .removeScriptButton {
+            cursor: pointer;
+            padding: 10px;
+            color: var(--icon-color);
+         }
+         .scriptOptionTimeout {
+            position: relative;
+            button {
+               color: var(--icon-color);
+            }
+            &.hasTimeOutSettings {
+               & > button {
+                  color: var(--primary-color);
+               }
+            }
+         }
+         .timeoutSettings {
+            position: absolute;
+            width: max-content;
+            border-radius: 4px;
+            border: 1px solid var(--line-color);
+            padding: 6px 8px;
+            top: -55px;
+            background: var(--content-background-color);
+            z-index: 99;
+            right: -80px;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
+         }
+      }
+   }
+}

package/dist/components/Plan/PlanSettings/PlanSettings.module.scss.js

@@ -0,0 +1,60 @@
+const t = "PlanSettings-module__field___3bJEA", e = "PlanSettings-module__fieldErrorLabel___o5pot", n = "PlanSettings-module__fieldNotice___XE5Uw", _ = "PlanSettings-module__label___JfJ95", o = "PlanSettings-module__forgetByAgeField___ZvwFz", i = "PlanSettings-module__customPolicyOption___GftKb", s = "PlanSettings-module__advancedTabContent___eWUVt", a = "PlanSettings-module__advancedTabs___DbbZa", l = "PlanSettings-module__advancedTabActive___4tUGC", c = "PlanSettings-module__advancedSettingsSelect___kUe4l", d = "PlanSettings-module__eventTabs___pPgxA", r = "PlanSettings-module__eventTab___UAr-B", S = "PlanSettings-module__eventTabHead___lSGsn", m = "PlanSettings-module__eventTabHeadTitle___GcWOr", p = "PlanSettings-module__eventTabContent___mxgTT", u = "PlanSettings-module__addScriptButton___STRir", g = "PlanSettings-module__scriptItem___2vm6Q", T = "PlanSettings-module__scriptHeader___V7SBN", b = "PlanSettings-module__scriptTitle___gf0zY", v = "PlanSettings-module__scriptPositionControls___bbfls", P = "PlanSettings-module__scriptFooter___LI3S7", f = "PlanSettings-module__scriptOptions___plZ8B", O = "PlanSettings-module__scriptOptionCheckbox___3TQHs", C = "PlanSettings-module__removeScriptButton___6G-aR", B = "PlanSettings-module__scriptOptionTimeout___kSVAJ", A = "PlanSettings-module__hasTimeOutSettings___6t7-L", H = "PlanSettings-module__timeoutSettings___j4jAm", F = {
+  field: t,
+  fieldErrorLabel: e,
+  fieldNotice: n,
+  label: _,
+  forgetByAgeField: o,
+  customPolicyOption: i,
+  advancedTabContent: s,
+  advancedTabs: a,
+  advancedTabActive: l,
+  advancedSettingsSelect: c,
+  eventTabs: d,
+  eventTab: r,
+  eventTabHead: S,
+  eventTabHeadTitle: m,
+  eventTabContent: p,
+  addScriptButton: u,
+  scriptItem: g,
+  scriptHeader: T,
+  scriptTitle: b,
+  scriptPositionControls: v,
+  scriptFooter: P,
+  scriptOptions: f,
+  scriptOptionCheckbox: O,
+  removeScriptButton: C,
+  scriptOptionTimeout: B,
+  hasTimeOutSettings: A,
+  timeoutSettings: H
+};
+export {
+  u as addScriptButton,
+  c as advancedSettingsSelect,
+  l as advancedTabActive,
+  s as advancedTabContent,
+  a as advancedTabs,
+  i as customPolicyOption,
+  F as default,
+  r as eventTab,
+  p as eventTabContent,
+  S as eventTabHead,
+  m as eventTabHeadTitle,
+  d as eventTabs,
+  t as field,
+  e as fieldErrorLabel,
+  n as fieldNotice,
+  o as forgetByAgeField,
+  A as hasTimeOutSettings,
+  _ as label,
+  C as removeScriptButton,
+  P as scriptFooter,
+  T as scriptHeader,
+  g as scriptItem,
+  O as scriptOptionCheckbox,
+  B as scriptOptionTimeout,
+  f as scriptOptions,
+  v as scriptPositionControls,
+  b as scriptTitle,
+  H as timeoutSettings
+};
+//# sourceMappingURL=PlanSettings.module.scss.js.map

package/dist/components/Plan/PlanSettings/PlanSettings.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanSettings.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Plan/PlanSettings/PlanSourceSettings.d.ts

@@ -0,0 +1,10 @@
+import { NewPlanSettings } from '../../../@types/plans';
+interface PlanSourceSettingsProps {
+    plan: NewPlanSettings;
+    isEditing: boolean;
+    onUpdate: (plan: NewPlanSettings) => void;
+    error: string;
+}
+declare const PlanSourceSettings: ({ plan, onUpdate, error, isEditing }: PlanSourceSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanSourceSettings;
+//# sourceMappingURL=PlanSourceSettings.d.ts.map

package/dist/components/Plan/PlanSettings/PlanSourceSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanSourceSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanSettings/PlanSourceSettings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKxD,UAAU,uBAAuB;IAC9B,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,kBAAkB,GAAI,sCAAsC,uBAAuB,4CAuCxF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Plan/PlanSettings/PlanSourceSettings.js

@@ -0,0 +1,47 @@
+import { jsxs as o, Fragment as u, jsx as i } from "react/jsx-runtime";
+import c from "./PlanSettings.module.scss.js";
+import m from "../../common/PathPicker/PathPicker.js";
+import { useGetDevices as f } from "../../../services/devices.js";
+import h from "../../common/form/Select/Select.js";
+const S = ({ plan: s, onUpdate: r, error: a, isEditing: n }) => {
+  const { data: l } = f(), d = [], t = s.sourceId || "main";
+  return l != null && l.success && l.result && d.push(
+    ...l.result.map((e) => ({
+      label: `${e.name} ${e.id === "main" ? "(Main)" : ""}`,
+      value: e.id,
+      disabled: !(e.id === "main" || e.connected)
+    }))
+  ), /* @__PURE__ */ o(u, { children: [
+    /* @__PURE__ */ o("div", { className: c.field, children: [
+      /* @__PURE__ */ i("label", { className: c.label, children: "Select Device*" }),
+      /* @__PURE__ */ i(
+        h,
+        {
+          options: d,
+          fieldValue: t,
+          disabled: n,
+          full: !0,
+          onUpdate: (e) => r({ ...s, sourceId: e })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: c.field, children: [
+      /* @__PURE__ */ i("label", { className: c.label, children: "Backup Sources*" }),
+      a && /* @__PURE__ */ i("span", { className: c.fieldErrorLabel, children: a }),
+      /* @__PURE__ */ i(
+        m,
+        {
+          paths: { includes: s.sourceConfig.includes, excludes: s.sourceConfig.excludes },
+          onUpdate: (e) => r({ ...s, sourceConfig: { ...e } }),
+          deviceId: t,
+          single: s.method === "sync",
+          disallowChange: s.method === "sync"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  S as default
+};
+//# sourceMappingURL=PlanSourceSettings.js.map

package/dist/components/Plan/PlanSettings/PlanSourceSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanSourceSettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanSourceSettings.tsx"],"sourcesContent":["import classes from './PlanSettings.module.scss';\r\nimport PathPicker from '../../common/PathPicker/PathPicker';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport { useGetDevices } from '../../../services/devices';\r\nimport Select from '../../common/form/Select/Select';\r\nimport { Device } from '../../../@types/devices';\r\n\r\ninterface PlanSourceSettingsProps {\r\n   plan: NewPlanSettings;\r\n   isEditing: boolean;\r\n   onUpdate: (plan: NewPlanSettings) => void;\r\n   error: string;\r\n}\r\n\r\nconst PlanSourceSettings = ({ plan, onUpdate, error, isEditing }: PlanSourceSettingsProps) => {\r\n   const { data } = useGetDevices();\r\n   const deviceList = [];\r\n   const deviceId = plan.sourceId || 'main';\r\n   if (data?.success && data.result) {\r\n      deviceList.push(\r\n         ...data.result.map((device: Device) => ({\r\n            label: `${device.name} ${device.id === 'main' ? '(Main)' : ''}`,\r\n            value: device.id,\r\n            disabled: device.id === 'main' || device.connected ? false : true,\r\n         })),\r\n      );\r\n   }\r\n\r\n   return (\r\n      <>\r\n         <div className={classes.field}>\r\n            <label className={classes.label}>Select Device*</label>\r\n            <Select\r\n               options={deviceList}\r\n               fieldValue={deviceId}\r\n               disabled={isEditing}\r\n               full={true}\r\n               onUpdate={(val) => onUpdate({ ...plan, sourceId: val })}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <label className={classes.label}>Backup Sources*</label>\r\n            {error && <span className={classes.fieldErrorLabel}>{error}</span>}\r\n            <PathPicker\r\n               paths={{ includes: plan.sourceConfig.includes, excludes: plan.sourceConfig.excludes }}\r\n               onUpdate={(paths) => onUpdate({ ...plan, sourceConfig: { ...paths } })}\r\n               deviceId={deviceId}\r\n               single={plan.method === 'sync'}\r\n               disallowChange={plan.method === 'sync'}\r\n            />\r\n         </div>\r\n      </>\r\n   );\r\n};\r\n\r\nexport default PlanSourceSettings;\r\n"],"names":["PlanSourceSettings","plan","onUpdate","error","isEditing","data","useGetDevices","deviceList","deviceId","device","jsxs","Fragment","classes","jsx","Select","val","PathPicker","paths"],"mappings":";;;;;AAcA,MAAMA,IAAqB,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,OAAAC,GAAO,WAAAC,QAAyC;AAC3F,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAa,CAAA,GACbC,IAAWP,EAAK,YAAY;AAClC,SAAII,KAAA,QAAAA,EAAM,WAAWA,EAAK,UACvBE,EAAW;AAAA,IACR,GAAGF,EAAK,OAAO,IAAI,CAACI,OAAoB;AAAA,MACrC,OAAO,GAAGA,EAAO,IAAI,IAAIA,EAAO,OAAO,SAAS,WAAW,EAAE;AAAA,MAC7D,OAAOA,EAAO;AAAA,MACd,UAAU,EAAAA,EAAO,OAAO,UAAUA,EAAO;AAAA,IAAoB,EAC9D;AAAA,EAAA,GAKL,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWE,EAAQ,OACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAA,EAAM,WAAWD,EAAQ,OAAO,UAAA,kBAAc;AAAA,MAC/C,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,SAASP;AAAA,UACT,YAAYC;AAAA,UACZ,UAAUJ;AAAA,UACV,MAAM;AAAA,UACN,UAAU,CAACW,MAAQb,EAAS,EAAE,GAAGD,GAAM,UAAUc,EAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACzD,GACH;AAAA,IACA,gBAAAL,EAAC,OAAA,EAAI,WAAWE,EAAQ,OACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAA,EAAM,WAAWD,EAAQ,OAAO,UAAA,mBAAe;AAAA,MAC/CT,KAAS,gBAAAU,EAAC,QAAA,EAAK,WAAWD,EAAQ,iBAAkB,UAAAT,GAAM;AAAA,MAC3D,gBAAAU;AAAA,QAACG;AAAA,QAAA;AAAA,UACE,OAAO,EAAE,UAAUf,EAAK,aAAa,UAAU,UAAUA,EAAK,aAAa,SAAA;AAAA,UAC3E,UAAU,CAACgB,MAAUf,EAAS,EAAE,GAAGD,GAAM,cAAc,EAAE,GAAGgB,EAAA,GAAS;AAAA,UACrE,UAAAT;AAAA,UACA,QAAQP,EAAK,WAAW;AAAA,UACxB,gBAAgBA,EAAK,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACnC,EAAA,CACH;AAAA,EAAA,GACH;AAEN;"}

package/dist/components/Plan/PlanSettings/PlanStrategySettings.d.ts

@@ -0,0 +1,16 @@
+import { NewPlanSettings } from '../../../@types/plans';
+interface PlanStrategySettingsProps {
+    plan: NewPlanSettings;
+    disabled?: boolean;
+    options?: {
+        value: string;
+        icon: string;
+        label: string;
+        description: string;
+        disabled?: boolean;
+    }[];
+    onUpdate: (method: string) => void;
+}
+declare const PlanStrategySettings: ({ plan, options, disabled, onUpdate }: PlanStrategySettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanStrategySettings;
+//# sourceMappingURL=PlanStrategySettings.d.ts.map

package/dist/components/Plan/PlanSettings/PlanStrategySettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanStrategySettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanSettings/PlanStrategySettings.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,UAAU,yBAAyB;IAChC,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACrB,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,oBAAoB,GAAI,uCAAoD,yBAAyB,4CAc1G,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/Plan/PlanSettings/PlanStrategySettings.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import s from "./PlanSettings.module.scss.js";
+import i from "../../common/form/RadioIconSelect/RadioIconSelect.js";
+const n = ({ plan: t, options: a = [], disabled: o = !1, onUpdate: l }) => /* @__PURE__ */ e("div", { className: `${s.field}`, children: /* @__PURE__ */ e(
+  i,
+  {
+    label: "Backup Strategy*",
+    options: a,
+    fieldValue: t.method,
+    onUpdate: (r) => l(r),
+    disabled: o,
+    showDescription: !0,
+    layout: "list"
+  }
+) });
+export {
+  n as default
+};
+//# sourceMappingURL=PlanStrategySettings.js.map

package/dist/components/Plan/PlanSettings/PlanStrategySettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanStrategySettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanStrategySettings.tsx"],"sourcesContent":["import classes from './PlanSettings.module.scss';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport RadioIconSelect from '../../common/form/RadioIconSelect/RadioIconSelect';\r\n\r\ninterface PlanStrategySettingsProps {\r\n   plan: NewPlanSettings;\r\n   disabled?: boolean;\r\n   options?: {\r\n      value: string;\r\n      icon: string;\r\n      label: string;\r\n      description: string;\r\n      disabled?: boolean;\r\n   }[];\r\n   onUpdate: (method: string) => void;\r\n}\r\n\r\nconst PlanStrategySettings = ({ plan, options = [], disabled = false, onUpdate }: PlanStrategySettingsProps) => {\r\n   return (\r\n      <div className={`${classes.field}`}>\r\n         <RadioIconSelect\r\n            label=\"Backup Strategy*\"\r\n            options={options}\r\n            fieldValue={plan.method}\r\n            onUpdate={(method) => onUpdate(method)}\r\n            disabled={disabled}\r\n            showDescription={true}\r\n            layout=\"list\"\r\n         />\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default PlanStrategySettings;\r\n"],"names":["PlanStrategySettings","plan","options","disabled","onUpdate","classes","jsx","RadioIconSelect","method"],"mappings":";;;AAiBA,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,SAAAC,IAAU,CAAA,GAAI,UAAAC,IAAW,IAAO,UAAAC,0BAE/D,OAAA,EAAI,WAAW,GAAGC,EAAQ,KAAK,IAC7B,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,OAAM;AAAA,IACN,SAAAL;AAAA,IACA,YAAYD,EAAK;AAAA,IACjB,UAAU,CAACO,MAAWJ,EAASI,CAAM;AAAA,IACrC,UAAAL;AAAA,IACA,iBAAiB;AAAA,IACjB,QAAO;AAAA,EAAA;AAAA,GAEb;"}

package/dist/components/Plan/PlanSettings/PlanTypeSettings.d.ts

@@ -0,0 +1,16 @@
+import { NewPlanSettings } from '../../../@types/plans';
+interface PlanTypeSettingsProps {
+    plan: NewPlanSettings;
+    disabled?: boolean;
+    options: {
+        value: string;
+        icon: string;
+        label: string;
+        description: string;
+        disabled?: boolean;
+    }[];
+    onUpdate: (plan: NewPlanSettings) => void;
+}
+declare const PlanTypeSettings: ({ plan, options, disabled, onUpdate }: PlanTypeSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanTypeSettings;
+//# sourceMappingURL=PlanTypeSettings.d.ts.map

package/dist/components/Plan/PlanSettings/PlanTypeSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanTypeSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanSettings/PlanTypeSettings.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,UAAU,qBAAqB;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACrB,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,gBAAgB,GAAI,uCAAkD,qBAAqB,4CAchG,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/Plan/PlanSettings/PlanTypeSettings.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import i from "./PlanSettings.module.scss.js";
+import t from "../../common/form/RadioIconSelect/RadioIconSelect.js";
+const f = ({ plan: o, options: r = [], disabled: l = !1, onUpdate: s }) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: `${i.field}`, children: /* @__PURE__ */ e(
+  t,
+  {
+    label: "Backup Type*",
+    options: r,
+    fieldValue: o.sourceType,
+    onUpdate: (a) => s({ ...o, sourceType: a }),
+    disabled: l
+  }
+) }) });
+export {
+  f as default
+};
+//# sourceMappingURL=PlanTypeSettings.js.map

package/dist/components/Plan/PlanSettings/PlanTypeSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanTypeSettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanTypeSettings.tsx"],"sourcesContent":["import classes from './PlanSettings.module.scss';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport RadioIconSelect from '../../common/form/RadioIconSelect/RadioIconSelect';\r\n\r\ninterface PlanTypeSettingsProps {\r\n   plan: NewPlanSettings;\r\n   disabled?: boolean;\r\n   options: {\r\n      value: string;\r\n      icon: string;\r\n      label: string;\r\n      description: string;\r\n      disabled?: boolean;\r\n   }[];\r\n   onUpdate: (plan: NewPlanSettings) => void;\r\n}\r\n\r\nconst PlanTypeSettings = ({ plan, options=[], disabled = false, onUpdate }: PlanTypeSettingsProps) => {\r\n   return (\r\n      <div>\r\n         <div className={`${classes.field}`}>\r\n            <RadioIconSelect\r\n               label=\"Backup Type*\"\r\n               options={options}\r\n               fieldValue={plan.sourceType}\r\n               onUpdate={(type) => onUpdate({ ...plan, sourceType: type as NewPlanSettings['sourceType'] })}\r\n               disabled={disabled}\r\n            />\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default PlanTypeSettings;\r\n"],"names":["PlanTypeSettings","plan","options","disabled","onUpdate","jsx","classes","RadioIconSelect","type"],"mappings":";;;AAiBA,MAAMA,IAAmB,CAAC,EAAE,MAAAC,GAAM,SAAAC,IAAQ,CAAA,GAAI,UAAAC,IAAW,IAAO,UAAAC,QAE1D,gBAAAC,EAAC,SACE,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAQ,KAAK,IAC7B,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACE,OAAM;AAAA,IACN,SAAAL;AAAA,IACA,YAAYD,EAAK;AAAA,IACjB,UAAU,CAACO,MAASJ,EAAS,EAAE,GAAGH,GAAM,YAAYO,GAAuC;AAAA,IAC3F,UAAAL;AAAA,EAAA;AAAA,GAEN,EAAA,CACH;"}