@plutonhq/core-frontend 0.0.1

package/dist/components/common/TagsFilter/TagsFilter.module.scss

@@ -0,0 +1,59 @@
+.tagFilter {
+   display: flex;
+   position: relative;
+   button {
+      padding: 8px 10px;
+      border-radius: 50%;
+      span {
+         opacity: 1;
+      }
+   }
+}
+
+.tagsList {
+   width: 0;
+   visibility: hidden;
+   opacity: 0;
+   transition: all 0.12s linear;
+   background-color: var(--content-background-color);
+   border-radius: 20px;
+   display: flex;
+   gap: 5px;
+   position: absolute;
+   right: 45px;
+   padding: 8px;
+   overflow: hidden;
+   &.tagsListShow {
+      width: 400px;
+      visibility: visible;
+      opacity: 1;
+   }
+}
+
+.buttonActive {
+   background-color: var(--content-background-color);
+   position: relative;
+   z-index: 22;
+}
+
+.tag {
+   padding: 3px 10px;
+   border-radius: 20px;
+   background: var(--line-color);
+   font-size: 0.9em;
+   cursor: pointer;
+
+   &.tagActive {
+      background-color: var(--background-color);
+      color: var(--primary-color);
+      font-weight: 600;
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .tagsList {
+      &.tagsListShow {
+         width: 200px;
+      }
+   }
+}

package/dist/components/common/TagsFilter/TagsFilter.module.scss.js

@@ -0,0 +1,18 @@
+const t = "TagsFilter-module__tagFilter___C71OP", s = "TagsFilter-module__tagsList___dCIhQ", _ = "TagsFilter-module__tagsListShow___Umhba", a = "TagsFilter-module__buttonActive___7QKOQ", e = "TagsFilter-module__tag___MBsYq", g = "TagsFilter-module__tagActive___pc-1C", i = {
+  tagFilter: t,
+  tagsList: s,
+  tagsListShow: _,
+  buttonActive: a,
+  tag: e,
+  tagActive: g
+};
+export {
+  a as buttonActive,
+  i as default,
+  e as tag,
+  g as tagActive,
+  t as tagFilter,
+  s as tagsList,
+  _ as tagsListShow
+};
+//# sourceMappingURL=TagsFilter.module.scss.js.map

package/dist/components/common/TagsFilter/TagsFilter.module.scss.js.map

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

package/dist/components/common/form/FormField/FormField.d.ts

@@ -0,0 +1,14 @@
+interface FormFieldProps {
+    type: string;
+    label?: string;
+    description?: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+    children: React.ReactNode;
+    inline?: boolean;
+    classes?: string;
+}
+declare const FormField: ({ label, description, hint, error, required, children, inline, classes: customClasses }: FormFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default FormField;
+//# sourceMappingURL=FormField.d.ts.map

package/dist/components/common/form/FormField/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/FormField/FormField.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,SAAS,GAAI,yFAAyF,cAAc,4CAqBzH,CAAC;AACF,eAAe,SAAS,CAAC"}

package/dist/components/common/form/FormField/FormField.js

@@ -0,0 +1,19 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import m from "../../Icon/Icon.js";
+import e from "./FormField.module.scss.js";
+const N = ({ label: a, description: n, hint: r, error: i, required: d, children: o, inline: c, classes: t }) => /* @__PURE__ */ l("div", { className: `${e.formField} ${c ? e.inline : e.notLine} ${i ? e.hasError : ""} ${t}`, children: [
+  /* @__PURE__ */ l("div", { className: e.fieldInner, children: [
+    a && /* @__PURE__ */ l("label", { className: e.fieldLabel, children: [
+      a,
+      d && /* @__PURE__ */ s("span", { className: e.required, children: "*" }),
+      r && /* @__PURE__ */ s("i", { "data-tooltip-id": "hintTooltip", "data-tooltip-content": r, children: /* @__PURE__ */ s(m, { type: "help", size: 13 }) }),
+      i && /* @__PURE__ */ s("span", { className: e.fieldError, children: i })
+    ] }),
+    o
+  ] }),
+  n && /* @__PURE__ */ s("span", { className: e.description, children: n })
+] });
+export {
+  N as default
+};
+//# sourceMappingURL=FormField.js.map

package/dist/components/common/form/FormField/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sources":["../../../../../src/components/common/form/FormField/FormField.tsx"],"sourcesContent":["import Icon from '../../Icon/Icon';\r\nimport classes from './FormField.module.scss';\r\n\r\ninterface FormFieldProps {\r\n   type: string;\r\n   label?: string;\r\n   description?: string;\r\n   hint?: string;\r\n   error?: string;\r\n   required?: boolean;\r\n   children: React.ReactNode;\r\n   inline?: boolean;\r\n   classes?: string;\r\n}\r\n\r\nconst FormField = ({ label, description, hint, error, required, children, inline, classes: customClasses }: FormFieldProps) => {\r\n   return (\r\n      <div className={`${classes.formField} ${inline ? classes.inline : classes.notLine} ${error ? classes.hasError : ''} ${customClasses}`}>\r\n         <div className={classes.fieldInner}>\r\n            {label && (\r\n               <label className={classes.fieldLabel}>\r\n                  {label}\r\n                  {required && <span className={classes.required}>*</span>}\r\n                  {hint && (\r\n                     <i data-tooltip-id=\"hintTooltip\" data-tooltip-content={hint}>\r\n                        <Icon type=\"help\" size={13} />\r\n                     </i>\r\n                  )}\r\n                  {error && <span className={classes.fieldError}>{error}</span>}\r\n               </label>\r\n            )}\r\n            {children}\r\n         </div>\r\n         {description && <span className={classes.description}>{description}</span>}\r\n      </div>\r\n   );\r\n};\r\nexport default FormField;\r\n"],"names":["FormField","label","description","hint","error","required","children","inline","customClasses","classes","jsxs","jsx","Icon"],"mappings":";;;AAeA,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,QAAAC,GAAQ,SAASC,EAAA,wBAEpF,OAAA,EAAI,WAAW,GAAGC,EAAQ,SAAS,IAAIF,IAASE,EAAQ,SAASA,EAAQ,OAAO,IAAIL,IAAQK,EAAQ,WAAW,EAAE,IAAID,CAAa,IAChI,UAAA;AAAA,EAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWD,EAAQ,YACpB,UAAA;AAAA,IAAAR,KACE,gBAAAS,EAAC,SAAA,EAAM,WAAWD,EAAQ,YACtB,UAAA;AAAA,MAAAR;AAAA,MACAI,KAAY,gBAAAM,EAAC,QAAA,EAAK,WAAWF,EAAQ,UAAU,UAAA,KAAC;AAAA,MAChDN,KACE,gBAAAQ,EAAC,KAAA,EAAE,mBAAgB,eAAc,wBAAsBR,GACpD,UAAA,gBAAAQ,EAACC,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI,GAC/B;AAAA,MAEFR,KAAS,gBAAAO,EAAC,QAAA,EAAK,WAAWF,EAAQ,YAAa,UAAAL,EAAA,CAAM;AAAA,IAAA,GACzD;AAAA,IAEFE;AAAA,EAAA,GACJ;AAAA,EACCJ,KAAe,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAQ,aAAc,UAAAP,EAAA,CAAY;AAAA,GACtE;"}

package/dist/components/common/form/FormField/FormField.module.scss

@@ -0,0 +1,32 @@
+@use '../../../../styles/fields.scss';
+
+.formField {
+   @extend %fieldBase;
+
+   .fieldInner {
+      @extend %fieldInner;
+   }
+
+   .fieldLabel {
+      @extend %fieldLabel;
+   }
+
+   .description {
+      @extend %fieldDescription;
+   }
+   &.notLine {
+      .fieldInner {
+         flex-direction: column;
+         align-items: flex-start;
+         gap: 6px;
+      }
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .formField .fieldInner {
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 10px;
+   }
+}

package/dist/components/common/form/FormField/FormField.module.scss.js

@@ -0,0 +1,18 @@
+const e = "FormField-module__formField___j9nsy", o = "FormField-module__fieldInner___B0a4L", _ = "FormField-module__fieldLabel___oH4Jc", d = "FormField-module__required___CYJlI", i = "FormField-module__description___qpEq1", l = "FormField-module__notLine___Ma1bO", n = {
+  formField: e,
+  fieldInner: o,
+  fieldLabel: _,
+  required: d,
+  description: i,
+  notLine: l
+};
+export {
+  n as default,
+  i as description,
+  o as fieldInner,
+  _ as fieldLabel,
+  e as formField,
+  l as notLine,
+  d as required
+};
+//# sourceMappingURL=FormField.module.scss.js.map

package/dist/components/common/form/FormField/FormField.module.scss.js.map

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

package/dist/components/common/form/Input/Input.d.ts

@@ -0,0 +1,21 @@
+type InputProps = {
+    label?: string;
+    type?: 'text' | 'password' | 'email' | 'number' | 'date';
+    size?: 'large' | 'medium' | 'small';
+    full?: boolean;
+    inline?: boolean;
+    description?: string;
+    placeholder?: string;
+    customClasses?: string;
+    fieldValue: string | number;
+    required?: boolean;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    hint?: string;
+    error?: string;
+    onUpdate: (value: string) => void;
+};
+declare const Input: ({ label, type, size, inline, full, description, placeholder, customClasses, fieldValue, hint, error, required, disabled, min, max, onUpdate, }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export default Input;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/common/form/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/Input/Input.tsx"],"names":[],"mappings":"AAGA,KAAK,UAAU,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACzD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,KAAK,GAAI,gJAiBZ,UAAU,4CA8BZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/common/form/Input/Input.js

@@ -0,0 +1,57 @@
+import { jsx as r } from "react/jsx-runtime";
+import x from "../FormField/FormField.js";
+import e from "./Input.module.scss.js";
+const j = ({
+  label: u,
+  type: n = "text",
+  size: t = "medium",
+  inline: m = !0,
+  full: i = !1,
+  description: s,
+  placeholder: o,
+  customClasses: p = "",
+  fieldValue: d = "",
+  hint: $ = "",
+  error: F = "",
+  required: a = !1,
+  disabled: l = !1,
+  min: c,
+  max: f,
+  onUpdate: g
+}) => {
+  const h = (v) => {
+    g(v.target.value);
+  };
+  return /* @__PURE__ */ r(
+    x,
+    {
+      type: "input",
+      label: u,
+      description: s,
+      hint: $,
+      error: F,
+      required: a,
+      inline: m,
+      classes: `${e.inputField} ${e[t]} ${i ? e.inputFieldFull : ""} 
+         ${i ? e.inputFieldInline : ""} ${t === "large" ? e.inputFieldLarge : ""} ${p}`,
+      children: /* @__PURE__ */ r(
+        "input",
+        {
+          type: n,
+          className: `${e.input} ${l ? e.disabled : ""}`,
+          value: d,
+          onChange: h,
+          placeholder: o,
+          required: a,
+          min: n === "number" ? c : void 0,
+          max: n === "number" ? f : void 0,
+          disabled: l
+        }
+      )
+    }
+  );
+};
+export {
+  j as default
+};
+//# sourceMappingURL=Input.js.map

package/dist/components/common/form/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/common/form/Input/Input.tsx"],"sourcesContent":["import FormField from '../FormField/FormField';\r\nimport classes from './Input.module.scss';\r\n\r\ntype InputProps = {\r\n   label?: string;\r\n   type?: 'text' | 'password' | 'email' | 'number' | 'date';\r\n   size?: 'large' | 'medium' | 'small';\r\n   full?: boolean;\r\n   inline?: boolean;\r\n   description?: string;\r\n   placeholder?: string;\r\n   customClasses?: string;\r\n   fieldValue: string | number;\r\n   required?: boolean;\r\n   disabled?: boolean;\r\n   min?: number;\r\n   max?: number;\r\n   hint?: string;\r\n   error?: string;\r\n   onUpdate: (value: string) => void;\r\n};\r\n\r\nconst Input = ({\r\n   label,\r\n   type = 'text',\r\n   size = 'medium',\r\n   inline = true,\r\n   full = false,\r\n   description,\r\n   placeholder,\r\n   customClasses = '',\r\n   fieldValue = '',\r\n   hint = '',\r\n   error = '',\r\n   required = false,\r\n   disabled = false,\r\n   min,\r\n   max,\r\n   onUpdate,\r\n}: InputProps) => {\r\n   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      onUpdate(event.target.value);\r\n   };\r\n\r\n   return (\r\n      <FormField\r\n         type=\"input\"\r\n         label={label}\r\n         description={description}\r\n         hint={hint}\r\n         error={error}\r\n         required={required}\r\n         inline={inline}\r\n         classes={`${classes.inputField} ${classes[size]} ${full ? classes.inputFieldFull : ''} \r\n         ${full ? classes.inputFieldInline : ''} ${size === 'large' ? classes.inputFieldLarge : ''} ${customClasses}`}\r\n      >\r\n         <input\r\n            type={type}\r\n            className={`${classes.input} ${disabled ? classes.disabled : ''}`}\r\n            value={fieldValue}\r\n            onChange={handleChange}\r\n            placeholder={placeholder}\r\n            required={required}\r\n            min={type === 'number' ? min : undefined}\r\n            max={type === 'number' ? max : undefined}\r\n            disabled={disabled}\r\n         />\r\n      </FormField>\r\n   );\r\n};\r\n\r\nexport default Input;\r\n"],"names":["Input","label","type","size","inline","full","description","placeholder","customClasses","fieldValue","hint","error","required","disabled","min","max","onUpdate","handleChange","event","jsx","FormField","classes"],"mappings":";;;AAsBA,MAAMA,IAAQ,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AACH,MAAkB;AACf,QAAMC,IAAe,CAACC,MAA+C;AAClE,IAAAF,EAASE,EAAM,OAAO,KAAK;AAAA,EAC9B;AAEA,SACG,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,MAAK;AAAA,MACL,OAAAnB;AAAA,MACA,aAAAK;AAAA,MACA,MAAAI;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,QAAAR;AAAA,MACA,SAAS,GAAGiB,EAAQ,UAAU,IAAIA,EAAQlB,CAAI,CAAC,IAAIE,IAAOgB,EAAQ,iBAAiB,EAAE;AAAA,WACnFhB,IAAOgB,EAAQ,mBAAmB,EAAE,IAAIlB,MAAS,UAAUkB,EAAQ,kBAAkB,EAAE,IAAIb,CAAa;AAAA,MAE1G,UAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,MAAAjB;AAAA,UACA,WAAW,GAAGmB,EAAQ,KAAK,IAAIR,IAAWQ,EAAQ,WAAW,EAAE;AAAA,UAC/D,OAAOZ;AAAA,UACP,UAAUQ;AAAA,UACV,aAAAV;AAAA,UACA,UAAAK;AAAA,UACA,KAAKV,MAAS,WAAWY,IAAM;AAAA,UAC/B,KAAKZ,MAAS,WAAWa,IAAM;AAAA,UAC/B,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGT;"}

package/dist/components/common/form/Input/Input.module.scss

@@ -0,0 +1,71 @@
+.inputField {
+   .input {
+      padding: 8px 12px;
+      border: 1px solid var(--field-line-color);
+      border-radius: 6px;
+      background: transparent;
+      color: var(--content-text-color);
+      font-size: 0.75rem;
+      width: 200px;
+      box-sizing: border-box;
+      transition: all 0.2s ease;
+
+      &:focus {
+         outline: none;
+         border-color: var(--line-active-color);
+      }
+
+      &::placeholder {
+         color: var(--content-text-color-light);
+      }
+      &.disabled {
+         background-color: var(--line-color);
+      }
+   }
+
+   &.inputFieldLarge {
+      .input {
+         padding: 15px;
+         font-size: 0.8rem;
+      }
+   }
+
+   &.inputFieldInline {
+      .fieldInner {
+         display: flex;
+         flex-direction: row;
+         justify-content: space-between;
+         gap: 8px;
+      }
+      .input {
+         width: 50%;
+      }
+   }
+
+   &.inputFieldFull {
+      width: 100%;
+      .fieldInner {
+         display: flex;
+         flex-direction: column;
+         gap: 8px;
+         align-items: flex-start;
+      }
+      .input {
+         width: 100%;
+      }
+   }
+
+   &.fieldHasError {
+      input {
+         border-color: var(--error-bg-color-active);
+      }
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .inputField {
+      .input {
+         width: 100%;
+      }
+   }
+}

package/dist/components/common/form/Input/Input.module.scss.js

@@ -0,0 +1,22 @@
+const n = "Input-module__inputField___IYwEx", e = "Input-module__input___A1GAq", l = "Input-module__disabled___bY72g", i = "Input-module__inputFieldLarge___-NXTi", _ = "Input-module__inputFieldInline___rRg-s", u = "Input-module__fieldInner___Mpxqg", t = "Input-module__inputFieldFull___0L5xl", d = "Input-module__fieldHasError___N5UhY", p = {
+  inputField: n,
+  input: e,
+  disabled: l,
+  inputFieldLarge: i,
+  inputFieldInline: _,
+  fieldInner: u,
+  inputFieldFull: t,
+  fieldHasError: d
+};
+export {
+  p as default,
+  l as disabled,
+  d as fieldHasError,
+  u as fieldInner,
+  e as input,
+  n as inputField,
+  t as inputFieldFull,
+  _ as inputFieldInline,
+  i as inputFieldLarge
+};
+//# sourceMappingURL=Input.module.scss.js.map

package/dist/components/common/form/Input/Input.module.scss.js.map

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

package/dist/components/common/form/IntervalField/IntervalField.d.ts

@@ -0,0 +1,14 @@
+import { PlanInterval } from '../../../../@types/plans';
+type IntervalFieldProps = {
+    label?: string;
+    description?: string;
+    customClasses?: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+    fieldValue: PlanInterval;
+    onUpdate: (value: PlanInterval) => void;
+};
+declare const IntervalField: ({ label, fieldValue, description, customClasses, hint, error, required, onUpdate, }: IntervalFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default IntervalField;
+//# sourceMappingURL=IntervalField.d.ts.map

package/dist/components/common/form/IntervalField/IntervalField.d.ts.map

@@ -0,0 +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"}

package/dist/components/common/form/IntervalField/IntervalField.js

@@ -0,0 +1,133 @@
+import { jsx as a, jsxs as t, Fragment as o } from "react/jsx-runtime";
+import b 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,
+  fieldValue: e,
+  description: u,
+  customClasses: m = "",
+  hint: p = "",
+  error: y = "",
+  required: d = !1,
+  onUpdate: l
+}) => /* @__PURE__ */ a(
+  k,
+  {
+    type: "interval",
+    label: i,
+    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,
+        {
+          options: [
+            { label: "Hourly", value: "hourly" },
+            { label: "Daily", value: "daily" },
+            { label: "Weekly", value: "weekly" },
+            { label: "Monthly", value: "monthly" },
+            { label: "Every x Hours", value: "hours" },
+            { label: "Every x Days", value: "days" }
+          ],
+          fieldValue: e.type,
+          onUpdate: (s) => l({
+            ...e,
+            type: s,
+            time: e.time || "",
+            days: e.days || "",
+            hours: e.hours || ""
+          }),
+          full: !0,
+          customClasses: r.intervalSelect
+        }
+      ),
+      e.type === "days" && /* @__PURE__ */ a(o, { children: /* @__PURE__ */ a("div", { className: r.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 : "",
+            onClick: () => {
+              var c, v;
+              return l({
+                ...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 + "-"
+              });
+            },
+            children: [
+              /* @__PURE__ */ a(b, { type: "check", size: 10 }),
+              " ",
+              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 === "weekly" && /* @__PURE__ */ t(o, { children: [
+        /* @__PURE__ */ a("span", { children: "on" }),
+        /* @__PURE__ */ a(
+          n,
+          {
+            options: [
+              { label: "Sunday", value: "sun" },
+              { label: "Monday", value: "mon" },
+              { label: "Tuesday", value: "tue" },
+              { label: "Wednesday", value: "wed" },
+              { label: "Thursday", value: "thur" },
+              { label: "Friday", value: "fri" },
+              { label: "Saturday", value: "sat" }
+            ],
+            fieldValue: e.days || "sun",
+            onUpdate: (s) => l({ ...e, days: s })
+          }
+        )
+      ] }),
+      e.type === "monthly" && /* @__PURE__ */ t(o, { children: [
+        /* @__PURE__ */ a("span", { children: "on" }),
+        /* @__PURE__ */ a(
+          n,
+          {
+            options: [
+              { label: "1st day of the Month", value: "first" },
+              { label: "15th day of the Month", value: "middle" },
+              { label: "Last day of the Month", value: "last" }
+            ],
+            fieldValue: e.days || "first",
+            onUpdate: (s) => l({ ...e, days: s })
+          }
+        )
+      ] }),
+      e.type === "hours" && /* @__PURE__ */ t(o, { children: [
+        /* @__PURE__ */ a("span", { children: "Every" }),
+        /* @__PURE__ */ a(
+          n,
+          {
+            options: [
+              { label: "3 hours", value: "3hrs" },
+              { label: "6 hours", value: "6hrs" },
+              { label: "9 hours", value: "9hrs" },
+              { label: "12 hours", value: "12hrs" },
+              { label: "18 hours", value: "18hrs" }
+            ],
+            fieldValue: e.hours || "3hrs",
+            onUpdate: (s) => l({ ...e, hours: s })
+          }
+        )
+      ] })
+    ] }) })
+  }
+);
+export {
+  S as default
+};
+//# sourceMappingURL=IntervalField.js.map

package/dist/components/common/form/IntervalField/IntervalField.js.map

@@ -0,0 +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":"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"}

package/dist/components/common/form/IntervalField/IntervalField.module.scss

@@ -0,0 +1,47 @@
+.intervalField {
+   .fieldInner {
+      flex-direction: column;
+      align-items: baseline;
+      gap: 8px;
+   }
+
+   &.fieldHasError {
+      input {
+         border-color: var(--error-bg-color-active);
+      }
+   }
+
+   .intervalSelect {
+      max-width: 150px;
+   }
+
+   .intervalFieldOptions {
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      .weekDays {
+         display: flex;
+         flex-direction: row;
+         align-items: center;
+         border: 1px solid var(--field-line-color);
+         border-radius: 6px;
+
+         button {
+            padding: 10px;
+            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);
+               }
+            }
+         }
+      }
+   }
+}

package/dist/components/common/form/IntervalField/IntervalField.module.scss.js

@@ -0,0 +1,18 @@
+const e = "IntervalField-module__intervalField___QGIDs", l = "IntervalField-module__fieldHasError___cTzRI", t = "IntervalField-module__intervalSelect___Vf307", i = "IntervalField-module__intervalFieldOptions___mf557", _ = "IntervalField-module__weekDays___K-3Al", a = "IntervalField-module__weekDayActive___S29Xi", n = {
+  intervalField: e,
+  fieldHasError: l,
+  intervalSelect: t,
+  intervalFieldOptions: i,
+  weekDays: _,
+  weekDayActive: a
+};
+export {
+  n as default,
+  l as fieldHasError,
+  e as intervalField,
+  i as intervalFieldOptions,
+  t as intervalSelect,
+  a as weekDayActive,
+  _ as weekDays
+};
+//# sourceMappingURL=IntervalField.module.scss.js.map

package/dist/components/common/form/IntervalField/IntervalField.module.scss.js.map

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

package/dist/components/common/form/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,26 @@
+type MultiMultiSelectOptionType = {
+    id?: string;
+    icon?: string;
+    pro?: boolean;
+    image?: JSX.Element;
+    label: string;
+    value: string;
+};
+type MultiSelectProps = {
+    label?: string;
+    title?: string;
+    size?: 'large' | 'medium' | 'small';
+    full?: boolean;
+    description?: string;
+    customClasses?: string;
+    disabled?: boolean;
+    hint?: string;
+    error?: string;
+    search?: boolean;
+    fieldValue: string[];
+    options: MultiMultiSelectOptionType[];
+    onUpdate: (f: string[]) => void;
+};
+declare const MultiSelect: ({ label, title, options, description, customClasses, fieldValue, size, full, disabled, hint, error, search, onUpdate, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiSelect;
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/components/common/form/MultiSelect/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAKA,KAAK,0BAA0B,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,EAAE,0BAA0B,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,yHAclB,gBAAgB,4CAqFlB,CAAC;AAEF,eAAe,WAAW,CAAC"}