@plutonhq/core-frontend 0.0.1

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

@@ -0,0 +1,217 @@
+.sidePanel {
+   width: 100%;
+   height: 100vh;
+   background-color: var(--modal-bg);
+   position: fixed;
+   left: 0;
+   top: 0;
+   z-index: 999;
+   display: flex;
+   align-items: flex-start;
+   justify-content: center;
+   transition: all 0.12s linear;
+}
+
+.wrapper {
+   width: 50rem;
+   height: 100vh;
+   position: fixed;
+   background: var(--content-background-color);
+   color: var(--content-text-color);
+   border: 1px solid var(--content-shadow-color);
+   right: 0;
+   top: 0;
+   box-sizing: border-box;
+   box-shadow: 0 0 20px var(--modal-shadow-color);
+   transform: translateX(100%);
+   transition: transform 0.2s ease-out;
+
+   &.active {
+      transform: translateX(0);
+   }
+   &.noPadding .content {
+      padding: 0;
+   }
+}
+
+.header {
+   display: flex;
+   align-items: center;
+   justify-content: space-between;
+   padding: 20px;
+   border-bottom: 1px solid var(--content-shadow-color);
+   h3 {
+      font-size: 1rem;
+      margin: 0;
+   }
+   img {
+      max-height: 18px;
+      vertical-align: text-top;
+      margin-right: 4px;
+   }
+}
+
+.content {
+   display: flex;
+   flex-direction: column;
+   padding: 30px;
+   overflow: auto;
+   height: calc(100vh - 130px);
+
+   &.hasFooter {
+      height: calc(100vh - 205px);
+   }
+}
+
+.close {
+   background: transparent;
+   opacity: 0.5;
+   color: var(--content-text-color);
+   transition: all 0.2s linear;
+   &:hover {
+      opacity: 1;
+      transform: rotate(90deg);
+   }
+}
+
+//Fields
+
+.field {
+   margin-bottom: 20px;
+   width: 100%;
+}
+
+.label {
+   font-weight: 600;
+   display: block;
+   margin-bottom: 8px;
+   font-size: 0.75rem;
+}
+
+.titleInput {
+   width: 100%;
+   border: 1px solid var(--line-color);
+   background-color: var(--content-background-color);
+   color: var(--content-text-color);
+   padding: 15px;
+   font-size: 0.75rem;
+   border-radius: 6px;
+   box-sizing: border-box;
+   &:focus {
+      outline: none;
+      border-color: var(--line-active-color);
+   }
+}
+
+.typeFieldOptions {
+   display: flex;
+   gap: 12px;
+}
+
+.typeFieldOption {
+   display: flex;
+   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;
+   }
+}
+
+.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: 15px;
+}
+
+.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);
+      }
+   }
+}
+
+// Footer
+.footer {
+   display: flex;
+   align-items: center;
+   justify-content: space-between;
+   padding: 15px;
+   padding-left: 30px;
+   border-top: 1px solid var(--content-shadow-color);
+   min-height: 40px;
+}
+
+.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;
+}
+
+@media only screen and (max-width: 768px) {
+   .wrapper {
+      width: 100% !important;
+      .content {
+         padding: 20px;
+         height: calc(100vh - 110px);
+         &.noFooter {
+            height: calc(100vh - 90px);
+         }
+      }
+   }
+}

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

@@ -0,0 +1,26 @@
+const e = "SidePanel-module__sidePanel___GKaPp", o = "SidePanel-module__wrapper___J9F25", _ = "SidePanel-module__active___ETKQa", n = "SidePanel-module__noPadding___DVp3D", a = "SidePanel-module__content___yf8Tc", d = "SidePanel-module__header___NOxo9", t = "SidePanel-module__hasFooter___-MEJL", l = "SidePanel-module__close___u2B8k", s = "SidePanel-module__footer___hNtVv", c = "SidePanel-module__noFooter___FEaEP", i = {
+  sidePanel: e,
+  wrapper: o,
+  active: _,
+  noPadding: n,
+  content: a,
+  header: d,
+  hasFooter: t,
+  close: l,
+  footer: s,
+  noFooter: c
+};
+export {
+  _ as active,
+  l as close,
+  a as content,
+  i as default,
+  s as footer,
+  t as hasFooter,
+  d as header,
+  c as noFooter,
+  n as noPadding,
+  e as sidePanel,
+  o as wrapper
+};
+//# sourceMappingURL=SidePanel.module.scss.js.map

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

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

package/dist/components/common/SortItems/SortItems.d.ts

@@ -0,0 +1,10 @@
+type SortItemsProps = {
+    onSort: (s: string) => void;
+    options: {
+        label: string;
+        value: string;
+    }[];
+};
+declare const SortItems: ({ options, onSort }: SortItemsProps) => import("react/jsx-runtime").JSX.Element;
+export default SortItems;
+//# sourceMappingURL=SortItems.d.ts.map

package/dist/components/common/SortItems/SortItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortItems.d.ts","sourceRoot":"","sources":["../../../../src/components/common/SortItems/SortItems.tsx"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG;IACnB,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,qBAAqB,cAAc,4CAkDrD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/common/SortItems/SortItems.js

@@ -0,0 +1,52 @@
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { useState as p } from "react";
+import h from "../Icon/Icon.js";
+import t from "./SortItems.module.scss.js";
+const w = ({ options: s, onSort: c }) => {
+  const [i, o] = p(!1), [a, n] = p(""), d = s.find((e) => e.value === a);
+  return /* @__PURE__ */ r("div", { className: t.sortItems, children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        className: a ? t.sortActive : "",
+        onClick: () => o(!i),
+        "data-tooltip-id": "appTooltip",
+        "data-tooltip-content": "Sort",
+        "aria-label": "Sort Plans",
+        "data-tooltip-place": "top",
+        "data-tooltip-delay-show": 500,
+        children: [
+          d && /* @__PURE__ */ l("span", { className: t.sortItemLabel, children: d.label }),
+          " ",
+          /* @__PURE__ */ l(h, { type: "sort", size: 18 })
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ l("div", { className: `${t.lists} styled__scrollbar`, children: /* @__PURE__ */ r("ul", { children: [
+      s.length > 0 && s.map((e, m) => /* @__PURE__ */ l(
+        "li",
+        {
+          onClick: () => {
+            n(e.value), c(e.value), o(!1);
+          },
+          className: `${a && e.value === a ? t.selectedItem : ""}`,
+          children: e.label
+        },
+        e.value + m
+      )),
+      /* @__PURE__ */ l(
+        "li",
+        {
+          onClick: () => {
+            n(""), c(""), o(!1);
+          },
+          children: "Clear Sort"
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  w as default
+};
+//# sourceMappingURL=SortItems.js.map

package/dist/components/common/SortItems/SortItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortItems.js","sources":["../../../../src/components/common/SortItems/SortItems.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Icon from '../Icon/Icon';\r\nimport classes from './SortItems.module.scss';\r\ntype SortItemsProps = {\r\n   onSort: (s: string) => void;\r\n   options: { label: string; value: string }[];\r\n};\r\n\r\nconst SortItems = ({ options, onSort }: SortItemsProps) => {\r\n   const [showDropDown, setshowDropDown] = useState(false);\r\n   const [selected, setsSelected] = useState('');\r\n   const selectedLabel = options.find((item) => item.value === selected);\r\n   return (\r\n      <div className={classes.sortItems}>\r\n         <button\r\n            className={selected ? classes.sortActive : ''}\r\n            onClick={() => setshowDropDown(!showDropDown)}\r\n            data-tooltip-id=\"appTooltip\"\r\n            data-tooltip-content=\"Sort\"\r\n            aria-label=\"Sort Plans\"\r\n            data-tooltip-place=\"top\"\r\n            data-tooltip-delay-show={500}\r\n         >\r\n            {selectedLabel && <span className={classes.sortItemLabel}>{selectedLabel.label}</span>} <Icon type=\"sort\" size={18} />\r\n         </button>\r\n         {showDropDown && (\r\n            <div className={`${classes.lists} styled__scrollbar`}>\r\n               <ul>\r\n                  {options.length > 0 &&\r\n                     options.map((item, indx) => {\r\n                        return (\r\n                           <li\r\n                              key={item.value + indx}\r\n                              onClick={() => {\r\n                                 setsSelected(item.value);\r\n                                 onSort(item.value);\r\n                                 setshowDropDown(false);\r\n                              }}\r\n                              className={`${selected && item.value === selected ? classes.selectedItem : ''}`}\r\n                           >\r\n                              {item.label}\r\n                           </li>\r\n                        );\r\n                     })}\r\n                  <li\r\n                     onClick={() => {\r\n                        setsSelected('');\r\n                        onSort('');\r\n                        setshowDropDown(false);\r\n                     }}\r\n                  >\r\n                     Clear Sort\r\n                  </li>\r\n               </ul>\r\n            </div>\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default SortItems;\r\n"],"names":["SortItems","options","onSort","showDropDown","setshowDropDown","useState","selected","setsSelected","selectedLabel","item","jsxs","classes","jsx","Icon","indx"],"mappings":";;;;AAQA,MAAMA,IAAY,CAAC,EAAE,SAAAC,GAAS,QAAAC,QAA6B;AACxD,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChD,CAACC,GAAUC,CAAY,IAAIF,EAAS,EAAE,GACtCG,IAAgBP,EAAQ,KAAK,CAACQ,MAASA,EAAK,UAAUH,CAAQ;AACpE,SACG,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,WAAWJ,IAAWK,EAAQ,aAAa;AAAA,QAC3C,SAAS,MAAMP,EAAgB,CAACD,CAAY;AAAA,QAC5C,mBAAgB;AAAA,QAChB,wBAAqB;AAAA,QACrB,cAAW;AAAA,QACX,sBAAmB;AAAA,QACnB,2BAAyB;AAAA,QAExB,UAAA;AAAA,UAAAK,uBAAkB,QAAA,EAAK,WAAWG,EAAQ,eAAgB,YAAc,OAAM;AAAA,UAAQ;AAAA,UAAC,gBAAAC,EAACC,GAAA,EAAK,MAAK,QAAO,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEtHV,uBACG,OAAA,EAAI,WAAW,GAAGQ,EAAQ,KAAK,sBAC7B,UAAA,gBAAAD,EAAC,MAAA,EACG,UAAA;AAAA,MAAAT,EAAQ,SAAS,KACfA,EAAQ,IAAI,CAACQ,GAAMK,MAEb,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UAEE,SAAS,MAAM;AACZ,YAAAL,EAAaE,EAAK,KAAK,GACvBP,EAAOO,EAAK,KAAK,GACjBL,EAAgB,EAAK;AAAA,UACxB;AAAA,UACA,WAAW,GAAGE,KAAYG,EAAK,UAAUH,IAAWK,EAAQ,eAAe,EAAE;AAAA,UAE5E,UAAAF,EAAK;AAAA,QAAA;AAAA,QARDA,EAAK,QAAQK;AAAA,MAAA,CAW1B;AAAA,MACJ,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,SAAS,MAAM;AACZ,YAAAL,EAAa,EAAE,GACfL,EAAO,EAAE,GACTE,EAAgB,EAAK;AAAA,UACxB;AAAA,UACF,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACH,EAAA,CACH;AAAA,EAAA,GAEN;AAEN;"}

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

@@ -0,0 +1,53 @@
+.sortItems {
+   position: relative;
+}
+
+.sortActive {
+   color: var(--primary-color) !important;
+   span {
+      opacity: 1;
+      color: inherit;
+   }
+}
+
+.lists {
+   border: 1px solid var(--line-color);
+   margin-top: -1px;
+   position: absolute;
+   z-index: 9999;
+   background: var(--field-bg);
+   width: calc(100% - 2px);
+   border-radius: 0 0 4px 4px;
+   max-height: 200px;
+   overflow: auto;
+   font-size: 0.75rem;
+   right: 0;
+   width: 200px;
+   border-radius: 6px;
+   ul {
+      margin: 0;
+      padding: 0;
+      list-style-type: none;
+
+      li {
+         padding: 8px 10px;
+         cursor: pointer;
+
+         &.selectedItem {
+            color: var(--field-bg);
+            background: var(--primary-color);
+         }
+
+         &:hover {
+            background: var(--background-color);
+            color: inherit;
+         }
+      }
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .sortItemLabel {
+      display: none;
+   }
+}

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

@@ -0,0 +1,16 @@
+const t = "SortItems-module__sortItems___1AH7n", e = "SortItems-module__sortActive___fPgtS", s = "SortItems-module__lists___B-jRz", o = "SortItems-module__selectedItem___ysZVi", _ = "SortItems-module__sortItemLabel___ewnDj", m = {
+  sortItems: t,
+  sortActive: e,
+  lists: s,
+  selectedItem: o,
+  sortItemLabel: _
+};
+export {
+  m as default,
+  s as lists,
+  o as selectedItem,
+  e as sortActive,
+  _ as sortItemLabel,
+  t as sortItems
+};
+//# sourceMappingURL=SortItems.module.scss.js.map

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

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

package/dist/components/common/StatusLabel/StatusLabel.d.ts

@@ -0,0 +1,7 @@
+interface StatusLabelProps {
+    status: 'completed' | 'cancelled' | 'failed' | 'started';
+    hasError: boolean;
+}
+declare const StatusLabel: ({ status, hasError }: StatusLabelProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export default StatusLabel;
+//# sourceMappingURL=StatusLabel.d.ts.map

package/dist/components/common/StatusLabel/StatusLabel.d.ts.map

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

package/dist/components/common/StatusLabel/StatusLabel.js

@@ -0,0 +1,29 @@
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import i from "../Icon/Icon.js";
+const n = ({ status: e, hasError: c }) => {
+  if (e === "completed")
+    return /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ l(i, { 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" }),
+      " Cancelled"
+    ] });
+  if (e === "failed")
+    return /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ l(i, { 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 }),
+      " In Progress"
+    ] });
+};
+export {
+  n as default
+};
+//# sourceMappingURL=StatusLabel.js.map

package/dist/components/common/StatusLabel/StatusLabel.js.map

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

package/dist/components/common/Tabs/Tabs.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+interface TabsProps {
+    children: React.ReactNode;
+    defaultValue: string;
+    value?: string;
+    variant?: 'default' | 'inline' | 'underline';
+    onChange?: (value: string) => void;
+    customClasses?: string;
+}
+declare const Tabs: ({ children, defaultValue, value, variant, onChange, customClasses }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+interface TabListProps {
+    children: React.ReactNode;
+    customClasses?: string;
+}
+declare const TabList: ({ children, customClasses }: TabListProps) => import("react/jsx-runtime").JSX.Element;
+interface TabProps {
+    value: string;
+    label: string | React.ReactNode;
+    icon?: string;
+    customClasses?: string;
+}
+declare const Tab: ({ value, label, icon, customClasses }: TabProps) => import("react/jsx-runtime").JSX.Element;
+interface TabPanelProps {
+    value: string;
+    children: React.ReactNode;
+    customClasses?: string;
+    minHeight?: string;
+}
+declare const TabPanel: ({ value, children, customClasses, minHeight }: TabPanelProps) => import("react/jsx-runtime").JSX.Element | null;
+export { Tab, TabList, TabPanel };
+export default Tabs;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/common/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/common/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAWnE,UAAU,SAAS;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,IAAI,GAAI,qEAAsF,SAAS,4CAgB5G,CAAC;AAEF,UAAU,YAAY;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,OAAO,GAAI,6BAA6B,YAAY,4CAMzD,CAAC;AAEF,UAAU,QAAQ;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,GAAG,GAAI,uCAAuC,QAAQ,4CAiB3D,CAAC;AAEF,UAAU,aAAa;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,GAAI,+CAA+C,aAAa,mDAa7E,CAAC;AAEF,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAClC,eAAe,IAAI,CAAC"}

package/dist/components/common/Tabs/Tabs.js

@@ -0,0 +1,33 @@
+import { jsx as r, jsxs as m, Fragment as f } from "react/jsx-runtime";
+import { useState as $, createContext as x, useContext as u } from "react";
+import p from "../Icon/Icon.js";
+import a from "./Tabs.module.scss.js";
+const l = x(void 0), P = ({ children: e, defaultValue: i, value: s, variant: c = "default", onChange: t, customClasses: n = "" }) => {
+  const [o, b] = $(i), T = s !== void 0 ? s : o, v = (d) => {
+    s === void 0 && b(d), t == null || t(d);
+  };
+  return /* @__PURE__ */ r(l.Provider, { value: { activeTab: T, setActiveTab: v }, children: /* @__PURE__ */ r("div", { className: `${n}  ${c ? a[`tabs--${c}`] : ""}`, children: e }) });
+}, j = ({ children: e, customClasses: i }) => /* @__PURE__ */ r("div", { className: `${a.tabs} ${i || ""}`, children: /* @__PURE__ */ r("ul", { children: e }) }), y = ({ value: e, label: i, icon: s, customClasses: c }) => {
+  const t = u(l);
+  if (!t) throw new Error("Tab must be used within Tabs");
+  const { activeTab: n, setActiveTab: o } = t;
+  return /* @__PURE__ */ m("li", { onClick: () => o(e), className: `${n === e ? a.tabActive : ""} ${c || ""}`, children: [
+    s && /* @__PURE__ */ m(f, { children: [
+      /* @__PURE__ */ r(p, { type: s, size: 13 }),
+      " "
+    ] }),
+    /* @__PURE__ */ r("span", { children: i })
+  ] });
+}, E = ({ value: e, children: i, customClasses: s, minHeight: c }) => {
+  const t = u(l);
+  if (!t) throw new Error("TabPanel must be used within Tabs");
+  const { activeTab: n } = t;
+  return n !== e ? null : /* @__PURE__ */ r("div", { className: `${a.tabContent} ${s || ""}`, style: { minHeight: c }, children: i });
+};
+export {
+  y as Tab,
+  j as TabList,
+  E as TabPanel,
+  P as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/common/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/common/Tabs/Tabs.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\r\nimport Icon from '../Icon/Icon';\r\nimport classes from './Tabs.module.scss';\r\n\r\ninterface TabsContextType {\r\n   activeTab: string;\r\n   setActiveTab: (tab: string) => void;\r\n}\r\n\r\nconst TabsContext = createContext<TabsContextType | undefined>(undefined);\r\n\r\ninterface TabsProps {\r\n   children: React.ReactNode;\r\n   defaultValue: string;\r\n   value?: string;\r\n   variant?: 'default' | 'inline' | 'underline';\r\n   onChange?: (value: string) => void;\r\n   customClasses?: string;\r\n}\r\n\r\nconst Tabs = ({ children, defaultValue, value, variant = 'default', onChange, customClasses = '' }: TabsProps) => {\r\n   const [internalValue, setInternalValue] = useState(defaultValue);\r\n   const activeTab = value !== undefined ? value : internalValue;\r\n\r\n   const setActiveTab = (tab: string) => {\r\n      if (value === undefined) {\r\n         setInternalValue(tab);\r\n      }\r\n      onChange?.(tab);\r\n   };\r\n\r\n   return (\r\n      <TabsContext.Provider value={{ activeTab, setActiveTab }}>\r\n         <div className={`${customClasses}  ${variant ? classes[`tabs--${variant}`] : ''}`}>{children}</div>\r\n      </TabsContext.Provider>\r\n   );\r\n};\r\n\r\ninterface TabListProps {\r\n   children: React.ReactNode;\r\n   customClasses?: string;\r\n}\r\n\r\nconst TabList = ({ children, customClasses }: TabListProps) => {\r\n   return (\r\n      <div className={`${classes.tabs} ${customClasses || ''}`}>\r\n         <ul>{children}</ul>\r\n      </div>\r\n   );\r\n};\r\n\r\ninterface TabProps {\r\n   value: string;\r\n   label: string | React.ReactNode;\r\n   icon?: string;\r\n   customClasses?: string;\r\n}\r\n\r\nconst Tab = ({ value, label, icon, customClasses }: TabProps) => {\r\n   const context = useContext(TabsContext);\r\n   if (!context) throw new Error('Tab must be used within Tabs');\r\n\r\n   const { activeTab, setActiveTab } = context;\r\n   const isActive = activeTab === value;\r\n\r\n   return (\r\n      <li onClick={() => setActiveTab(value)} className={`${isActive ? classes.tabActive : ''} ${customClasses || ''}`}>\r\n         {icon && (\r\n            <>\r\n               <Icon type={icon} size={13} />{' '}\r\n            </>\r\n         )}\r\n         <span>{label}</span>\r\n      </li>\r\n   );\r\n};\r\n\r\ninterface TabPanelProps {\r\n   value: string;\r\n   children: React.ReactNode;\r\n   customClasses?: string;\r\n   minHeight?: string;\r\n}\r\n\r\nconst TabPanel = ({ value, children, customClasses, minHeight }: TabPanelProps) => {\r\n   const context = useContext(TabsContext);\r\n   if (!context) throw new Error('TabPanel must be used within Tabs');\r\n\r\n   const { activeTab } = context;\r\n\r\n   if (activeTab !== value) return null;\r\n\r\n   return (\r\n      <div className={`${classes.tabContent} ${customClasses || ''}`} style={{ minHeight }}>\r\n         {children}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport { Tab, TabList, TabPanel };\r\nexport default Tabs;\r\n"],"names":["TabsContext","createContext","Tabs","children","defaultValue","value","variant","onChange","customClasses","internalValue","setInternalValue","useState","activeTab","setActiveTab","tab","jsx","classes","TabList","Tab","label","icon","context","useContext","jsxs","Fragment","Icon","TabPanel","minHeight"],"mappings":";;;;AASA,MAAMA,IAAcC,EAA2C,MAAS,GAWlEC,IAAO,CAAC,EAAE,UAAAC,GAAU,cAAAC,GAAc,OAAAC,GAAO,SAAAC,IAAU,WAAW,UAAAC,GAAU,eAAAC,IAAgB,SAAoB;AAC/G,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASP,CAAY,GACzDQ,IAAYP,MAAU,SAAYA,IAAQI,GAE1CI,IAAe,CAACC,MAAgB;AACnC,IAAIT,MAAU,UACXK,EAAiBI,CAAG,GAEvBP,KAAA,QAAAA,EAAWO;AAAA,EACd;AAEA,SACG,gBAAAC,EAACf,EAAY,UAAZ,EAAqB,OAAO,EAAE,WAAAY,GAAW,cAAAC,EAAA,GACvC,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAW,GAAGP,CAAa,KAAKF,IAAUU,EAAQ,SAASV,CAAO,EAAE,IAAI,EAAE,IAAK,UAAAH,EAAA,CAAS,EAAA,CAChG;AAEN,GAOMc,IAAU,CAAC,EAAE,UAAAd,GAAU,eAAAK,QAEvB,gBAAAO,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAQ,IAAI,IAAIR,KAAiB,EAAE,IACnD,UAAA,gBAAAO,EAAC,MAAA,EAAI,UAAAZ,GAAS,GACjB,GAWAe,IAAM,CAAC,EAAE,OAAAb,GAAO,OAAAc,GAAO,MAAAC,GAAM,eAAAZ,QAA8B;AAC9D,QAAMa,IAAUC,EAAWtB,CAAW;AACtC,MAAI,CAACqB,EAAS,OAAM,IAAI,MAAM,8BAA8B;AAE5D,QAAM,EAAE,WAAAT,GAAW,cAAAC,EAAA,IAAiBQ;AAGpC,2BACI,MAAA,EAAG,SAAS,MAAMR,EAAaR,CAAK,GAAG,WAAW,GAHrCO,MAAcP,IAGqCW,EAAQ,YAAY,EAAE,IAAIR,KAAiB,EAAE,IAC1G,UAAA;AAAA,IAAAY,KACE,gBAAAG,EAAAC,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAT,EAACU,GAAA,EAAK,MAAML,GAAM,MAAM,IAAI;AAAA,MAAG;AAAA,IAAA,GAClC;AAAA,IAEH,gBAAAL,EAAC,UAAM,UAAAI,EAAA,CAAM;AAAA,EAAA,GAChB;AAEN,GASMO,IAAW,CAAC,EAAE,OAAArB,GAAO,UAAAF,GAAU,eAAAK,GAAe,WAAAmB,QAA+B;AAChF,QAAMN,IAAUC,EAAWtB,CAAW;AACtC,MAAI,CAACqB,EAAS,OAAM,IAAI,MAAM,mCAAmC;AAEjE,QAAM,EAAE,WAAAT,MAAcS;AAEtB,SAAIT,MAAcP,IAAc,OAG7B,gBAAAU,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAQ,UAAU,IAAIR,KAAiB,EAAE,IAAI,OAAO,EAAE,WAAAmB,EAAA,GACrE,UAAAxB,GACJ;AAEN;"}

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

@@ -0,0 +1,43 @@
+.tabs {
+   padding: 10px;
+   border: 1px solid var(--line-color);
+   border-radius: 6px 6px 0 0;
+   ul {
+      margin: 0;
+      padding: 0;
+      list-style-type: none;
+      display: flex;
+      gap: 10px;
+      li {
+         padding: 3px 12px;
+         border-radius: 20px;
+         cursor: pointer;
+         span {
+            color: var(--icon-color);
+         }
+         &.tabActive {
+            color: var(--primary-color);
+            background-color: var(--primary-color-light);
+            span {
+               color: var(--primary-color);
+            }
+         }
+      }
+   }
+}
+.tabContent {
+   padding: 20px;
+   border: 1px solid var(--line-color);
+   border-top: 0;
+   border-radius: 0 0 6px 6px;
+}
+
+.tabs--inline {
+   .tabs {
+      padding: 0;
+      border: none;
+   }
+   .tabContent {
+      border: none;
+   }
+}

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

@@ -0,0 +1,15 @@
+const t = "Tabs-module__tabs___KxI4e", _ = "Tabs-module__tabActive___kcNUm", a = "Tabs-module__tabContent___eIagG", s = "Tabs-module__tabs--inline___WV1OZ", e = {
+  tabs: t,
+  tabActive: _,
+  tabContent: a,
+  "tabs--inline": "Tabs-module__tabs--inline___WV1OZ",
+  tabsInline: s
+};
+export {
+  e as default,
+  _ as tabActive,
+  a as tabContent,
+  t as tabs,
+  s as tabsInline
+};
+//# sourceMappingURL=Tabs.module.scss.js.map

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

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

package/dist/components/common/TagsFilter/TagsFilter.d.ts

@@ -0,0 +1,7 @@
+type TagsFilterProps = {
+    tags: string[];
+    onSelect: (s: string) => void;
+};
+declare const TagsFilter: ({ tags, onSelect }: TagsFilterProps) => import("react/jsx-runtime").JSX.Element;
+export default TagsFilter;
+//# sourceMappingURL=TagsFilter.d.ts.map

package/dist/components/common/TagsFilter/TagsFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/common/TagsFilter/TagsFilter.tsx"],"names":[],"mappings":"AAIA,KAAK,eAAe,GAAG;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,oBAAyB,eAAe,4CAwC3D,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,45 @@
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { useState as d } from "react";
+import m from "../Icon/Icon.js";
+import a from "./TagsFilter.module.scss.js";
+const v = ({ tags: s = [], onSelect: c }) => {
+  const [e, n] = d(!1), [o, r] = d("");
+  return /* @__PURE__ */ i("div", { className: a.tagFilter, children: [
+    /* @__PURE__ */ l(
+      "button",
+      {
+        className: e ? a.buttonActive : "",
+        "data-tooltip-id": "appTooltip",
+        "data-tooltip-content": "Filter by Tags",
+        "aria-label": "Filter by Tags",
+        "data-tooltip-place": "top",
+        "data-tooltip-delay-show": 500,
+        onClick: () => {
+          n(!e), e && (c(""), r(""));
+        },
+        children: /* @__PURE__ */ l(m, { type: e ? "close" : "tags", size: 18 })
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: `${a.tagsList} ${e ? a.tagsListShow : ""}`, children: [
+      s.length > 0 && s.map((t, p) => /* @__PURE__ */ i(
+        "div",
+        {
+          className: `${a.tag} ${o === t ? a.tagActive : ""}`,
+          onClick: () => {
+            r(o === t ? "" : t), c(o === t ? "" : t);
+          },
+          children: [
+            "#",
+            t
+          ]
+        },
+        t + p
+      )),
+      s.length === 0 && /* @__PURE__ */ l("div", { className: a.tag, children: "No tags found.." })
+    ] })
+  ] });
+};
+export {
+  v as default
+};
+//# sourceMappingURL=TagsFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsFilter.js","sources":["../../../../src/components/common/TagsFilter/TagsFilter.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Icon from '../Icon/Icon';\r\nimport classes from './TagsFilter.module.scss';\r\n\r\ntype TagsFilterProps = {\r\n   tags: string[];\r\n   onSelect: (s: string) => void;\r\n};\r\n\r\nconst TagsFilter = ({ tags = [], onSelect }: TagsFilterProps) => {\r\n   const [showTags, setShowTags] = useState(false);\r\n   const [selected, setSelected] = useState('');\r\n   return (\r\n      <div className={classes.tagFilter}>\r\n         <button\r\n            className={showTags ? classes.buttonActive : ''}\r\n            data-tooltip-id=\"appTooltip\"\r\n            data-tooltip-content=\"Filter by Tags\"\r\n            aria-label=\"Filter by Tags\"\r\n            data-tooltip-place=\"top\"\r\n            data-tooltip-delay-show={500}\r\n            onClick={() => {\r\n               setShowTags(!showTags);\r\n               if (showTags) {\r\n                  onSelect('');\r\n                  setSelected('');\r\n               }\r\n            }}\r\n         >\r\n            <Icon type={showTags ? 'close' : 'tags'} size={18} />\r\n         </button>\r\n         <div className={`${classes.tagsList} ${showTags ? classes.tagsListShow : ''}`}>\r\n            {tags.length > 0 &&\r\n               tags.map((t, i) => (\r\n                  <div\r\n                     className={`${classes.tag} ${selected === t ? classes.tagActive : ''}`}\r\n                     key={t + i}\r\n                     onClick={() => {\r\n                        setSelected(selected === t ? '' : t);\r\n                        onSelect(selected === t ? '' : t);\r\n                     }}\r\n                  >\r\n                     #{t}\r\n                  </div>\r\n               ))}\r\n            {tags.length === 0 && <div className={classes.tag}>No tags found..</div>}\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default TagsFilter;\r\n"],"names":["TagsFilter","tags","onSelect","showTags","setShowTags","useState","selected","setSelected","jsxs","classes","jsx","Icon","i"],"mappings":";;;;AASA,MAAMA,IAAa,CAAC,EAAE,MAAAC,IAAO,CAAA,GAAI,UAAAC,QAAgC;AAC9D,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAE;AAC3C,SACG,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,WAAWP,IAAWM,EAAQ,eAAe;AAAA,QAC7C,mBAAgB;AAAA,QAChB,wBAAqB;AAAA,QACrB,cAAW;AAAA,QACX,sBAAmB;AAAA,QACnB,2BAAyB;AAAA,QACzB,SAAS,MAAM;AACZ,UAAAL,EAAY,CAACD,CAAQ,GACjBA,MACDD,EAAS,EAAE,GACXK,EAAY,EAAE;AAAA,QAEpB;AAAA,QAEA,4BAACI,GAAA,EAAK,MAAMR,IAAW,UAAU,QAAQ,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEtD,gBAAAK,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAQ,QAAQ,IAAIN,IAAWM,EAAQ,eAAe,EAAE,IACvE,UAAA;AAAA,MAAAR,EAAK,SAAS,KACZA,EAAK,IAAI,CAAC,GAAGW,MACV,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,WAAW,GAAGC,EAAQ,GAAG,IAAIH,MAAa,IAAIG,EAAQ,YAAY,EAAE;AAAA,UAEpE,SAAS,MAAM;AACZ,YAAAF,EAAYD,MAAa,IAAI,KAAK,CAAC,GACnCJ,EAASI,MAAa,IAAI,KAAK,CAAC;AAAA,UACnC;AAAA,UACF,UAAA;AAAA,YAAA;AAAA,YACI;AAAA,UAAA;AAAA,QAAA;AAAA,QANG,IAAIM;AAAA,MAAA,CAQd;AAAA,MACHX,EAAK,WAAW,KAAK,gBAAAS,EAAC,SAAI,WAAWD,EAAQ,KAAK,UAAA,kBAAA,CAAe;AAAA,IAAA,EAAA,CACrE;AAAA,EAAA,GACH;AAEN;"}