@eyesee/ui-components 0.6.0 → 0.8.0

package/dist/components/Tooltip/Tooltip.js

@@ -1,12 +1,12 @@
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { useState as M, useEffect as A } from "react";
-import h from "clsx";
-import { createPortal as F } from "react-dom";
+import { useState as L, useEffect as F } from "react";
+import M from "clsx";
+import { createPortal as G } from "react-dom";
 import { HelpIcon as k } from "../icons-v2/HelpIcon.js";
 import { XIcon as B } from "../icons-v2/XIcon.js";
 import o from "./Tooltip.module.scss.js";
-import { useTooltipPositioning as G } from "./useTooltipPositioning.js";
-const V = ({
+import { useTooltipPositioning as J } from "./useTooltipPositioning.js";
+const b = ({
   children: v,
   content: f,
   title: t,
@@ -20,23 +20,24 @@ const V = ({
   contentClassName: j,
   position: D = "top",
   maxWidth: w = 240,
+  fullWidth: W = !1,
   open: T,
   onOpenChange: r,
   portalContainer: $
 }) => {
-  const [H, d] = M(i), [u, P] = M(!1), l = T !== void 0, x = l ? T : H, y = (c) => {
+  const [H, d] = L(i), [u, P] = L(!1), l = T !== void 0, x = l ? T : H, y = (c) => {
     m || u || (l || d(c), r == null || r(c));
   }, I = () => {
     i || y(!0);
   }, S = () => {
     i || y(!1);
-  }, L = (c) => {
+  }, h = (c) => {
     c.stopPropagation(), P(!0), l || d(!1), r == null || r(!1);
   };
-  A(() => {
+  F(() => {
     i && (P(!1), l || d(!0));
   }, [i, l]);
-  const { wrapperRef: W, tooltipRef: X, layout: e, isPositioned: q } = G({
+  const { wrapperRef: X, tooltipRef: q, layout: e, isPositioned: z } = J({
     open: x && !u && !m && !!f,
     desiredPosition: D,
     showArrow: N,
@@ -44,11 +45,11 @@ const V = ({
   });
   if (!f || m)
     return v;
-  const z = /* @__PURE__ */ a(
+  const A = /* @__PURE__ */ a(
     "div",
     {
-      ref: X,
-      className: h(
+      ref: q,
+      className: M(
         o.tooltip,
         o[e.resolvedPosition],
         o[E],
@@ -61,7 +62,7 @@ const V = ({
         maxWidth: w,
         top: e.top,
         left: e.left,
-        visibility: q ? "visible" : "hidden",
+        visibility: z ? "visible" : "hidden",
         ...!!e.arrowLeft && {
           "--arrow-left": `${e.arrowLeft}px`
         },
@@ -74,12 +75,12 @@ const V = ({
             n && /* @__PURE__ */ s(k, {}),
             t ? /* @__PURE__ */ s("div", { className: o.title, children: t }) : /* @__PURE__ */ s("span", {})
           ] }),
-          p && /* @__PURE__ */ s("span", { className: o.closeButton, onClick: L, children: /* @__PURE__ */ s(B, {}) })
+          p && /* @__PURE__ */ s("span", { className: o.closeButton, onClick: h, children: /* @__PURE__ */ s(B, {}) })
         ] }),
         /* @__PURE__ */ a("div", { className: o.content, children: [
           n && !t && /* @__PURE__ */ s(k, {}),
           /* @__PURE__ */ s("span", { className: o.contentText, children: f }),
-          p && !t && /* @__PURE__ */ s("span", { className: o.closeButton, onClick: L, children: /* @__PURE__ */ s(B, {}) })
+          p && !t && /* @__PURE__ */ s("span", { className: o.closeButton, onClick: h, children: /* @__PURE__ */ s(B, {}) })
         ] })
       ]
     }
@@ -87,17 +88,17 @@ const V = ({
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: W,
-      className: h(o.wrapper, R),
+      ref: X,
+      className: M(o.wrapper, W && o.fullWidth, R),
       onMouseEnter: I,
       onMouseLeave: S,
       children: [
         v,
-        x && !u && F(z, $ ?? document.body)
+        x && !u && G(A, $ ?? document.body)
       ]
     }
   );
 };
 export {
-  V as Tooltip
+  b as Tooltip
 };

package/dist/components/Tooltip/Tooltip.module.scss.js

@@ -1,39 +1,41 @@
-const t = "_wrapper_rlyb1_3", o = "_tooltip_rlyb1_11", _ = "_dark_rlyb1_29", l = "_light_rlyb1_38", e = "_withArrow_rlyb1_49", n = "_top_rlyb1_57", r = "_bottom_rlyb1_65", c = "_left_rlyb1_73", i = "_right_rlyb1_81", s = "_header_rlyb1_105", b = "_titleRow_rlyb1_113", h = "_title_rlyb1_113", y = "_content_rlyb1_128", p = "_contentText_rlyb1_138", w = "_noTitleWithIcon_rlyb1_144", a = "_noTitleWithClose_rlyb1_148", T = "_closeButton_rlyb1_154", d = {
+const t = "_wrapper_1fyp1_3", o = "_fullWidth_1fyp1_11", _ = "_tooltip_1fyp1_18", n = "_dark_1fyp1_36", e = "_light_1fyp1_45", l = "_withArrow_1fyp1_56", i = "_top_1fyp1_64", c = "_bottom_1fyp1_72", p = "_left_1fyp1_80", s = "_right_1fyp1_88", f = "_header_1fyp1_112", r = "_titleRow_1fyp1_120", h = "_title_1fyp1_120", y = "_content_1fyp1_135", w = "_contentText_1fyp1_145", a = "_noTitleWithIcon_1fyp1_151", d = "_noTitleWithClose_1fyp1_155", T = "_closeButton_1fyp1_161", W = {
   wrapper: t,
-  tooltip: o,
-  dark: _,
-  light: l,
-  withArrow: e,
-  top: n,
-  bottom: r,
-  left: c,
-  right: i,
-  header: s,
-  titleRow: b,
+  fullWidth: o,
+  tooltip: _,
+  dark: n,
+  light: e,
+  withArrow: l,
+  top: i,
+  bottom: c,
+  left: p,
+  right: s,
+  header: f,
+  titleRow: r,
   title: h,
   content: y,
-  contentText: p,
-  noTitleWithIcon: w,
-  noTitleWithClose: a,
+  contentText: w,
+  noTitleWithIcon: a,
+  noTitleWithClose: d,
   closeButton: T
 };
 export {
-  r as bottom,
+  c as bottom,
   T as closeButton,
   y as content,
-  p as contentText,
-  _ as dark,
-  d as default,
-  s as header,
-  c as left,
-  l as light,
-  a as noTitleWithClose,
-  w as noTitleWithIcon,
-  i as right,
+  w as contentText,
+  n as dark,
+  W as default,
+  o as fullWidth,
+  f as header,
+  p as left,
+  e as light,
+  d as noTitleWithClose,
+  a as noTitleWithIcon,
+  s as right,
   h as title,
-  b as titleRow,
-  o as tooltip,
-  n as top,
-  e as withArrow,
+  r as titleRow,
+  _ as tooltip,
+  i as top,
+  l as withArrow,
   t as wrapper
 };

package/dist/components/icons-v2/ListCheckIcon.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createIcon as e } from "./createIcon.js";
+const c = e(({ strokeColor: o, strokeWidth: r }) => /* @__PURE__ */ t(
+  "path",
+  {
+    d: "M2.91602 4.58333L4.16602 5.83333L6.24935 3.75M2.91602 9.58333L4.16602 10.8333L6.24935 8.75M2.91602 14.5833L4.16602 15.8333L6.24935 13.75M9.16602 5H16.666M9.16602 10H16.666M9.16602 15H16.666",
+    stroke: o,
+    strokeWidth: r,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+));
+export {
+  c as ListCheckIcon
+};

package/dist/components/icons-v2/PackseeIcon.js

@@ -1,39 +1,35 @@
-import { jsxs as p, Fragment as c, jsx as a } from "react/jsx-runtime";
-import { createIcon as m } from "./createIcon.js";
-const r = m(({ strokeWidth: C, fill: L }) => /* @__PURE__ */ p(c, { children: [
-  /* @__PURE__ */ a(
+import { jsxs as a, Fragment as i, jsx as L } from "react/jsx-runtime";
+import { createIcon as p } from "./createIcon.js";
+const f = p(({ strokeColor: C }) => /* @__PURE__ */ a(i, { children: [
+  /* @__PURE__ */ L(
     "path",
     {
       d: "M28.0864 21.0808C27.447 21.0808 26.9267 21.6011 26.9267 22.2404C26.9267 24.8401 24.8115 26.9549 22.2119 26.9549C21.5726 26.9549 21.0522 27.4752 21.0522 28.1145C21.0522 28.7539 21.5726 29.2742 22.2119 29.2742C26.0902 29.2742 29.2456 26.1187 29.2456 22.2404C29.2456 21.6011 28.7253 21.0808 28.086 21.0808H28.0864Z",
-      fill: L,
-      strokeWidth: C
+      fill: C
     }
   ),
-  /* @__PURE__ */ a(
+  /* @__PURE__ */ L(
     "path",
     {
       d: "M9.78763 26.9549C7.18799 26.9549 5.0728 24.8401 5.0728 22.2404C5.0728 21.6011 4.55249 21.0808 3.91316 21.0808C3.27422 21.0808 2.75391 21.6011 2.75391 22.2404C2.75391 26.1187 5.90934 29.2742 9.78763 29.2742C10.427 29.2742 10.9473 28.7539 10.9473 28.1145C10.9473 27.4752 10.427 26.9549 9.78763 26.9549Z",
-      fill: L,
-      strokeWidth: C
+      fill: C
     }
   ),
-  /* @__PURE__ */ a(
+  /* @__PURE__ */ L(
     "path",
     {
       d: "M3.91354 10.9517C4.55287 10.9517 5.07318 10.4314 5.07318 9.79203C5.07318 7.19238 7.18837 5.07757 9.78801 5.07757C10.4273 5.07757 10.9476 4.55726 10.9476 3.91794C10.9476 3.27861 10.4273 2.7583 9.78801 2.7583C5.90934 2.75868 2.75391 5.91411 2.75391 9.79241C2.75391 10.4317 3.27422 10.952 3.91354 10.952V10.9517Z",
-      fill: L,
-      strokeWidth: C
+      fill: C
     }
   ),
-  /* @__PURE__ */ a(
+  /* @__PURE__ */ L(
     "path",
     {
       d: "M25.6932 18.373C26.2589 18.1636 26.5492 17.533 26.3397 16.9669C26.2383 16.6927 26.0361 16.4745 25.7706 16.3524C25.5055 16.2303 25.208 16.2189 24.9337 16.3204L20.1616 18.0861C18.7266 18.6171 17.599 19.7447 17.068 21.1798L15.5464 25.2923L14.0247 21.1798C13.4937 19.7447 12.3661 18.6175 10.9315 18.0861L6.81934 16.5645L10.9315 15.0428C12.3665 14.5119 13.4941 13.3843 14.0251 11.9492L15.5467 7.8367L17.0684 11.9492C17.5994 13.3843 18.727 14.5119 20.162 15.0428L20.7357 15.2553C22.1017 15.7608 23.6325 15.6772 24.9356 15.0257C26.2387 14.3741 27.2236 13.1996 27.6386 11.8035C27.9228 10.8479 27.9354 9.85004 27.6756 8.91738C26.8795 6.05987 24.2497 4.06445 21.2808 4.06445C20.6774 4.06445 20.1864 4.55539 20.1864 5.15886C20.1864 5.76233 20.6774 6.25327 21.2808 6.25327C23.2713 6.25327 25.034 7.59066 25.5677 9.50521C25.7168 10.0408 25.7077 10.6198 25.541 11.1798C25.2942 12.0102 24.7315 12.6809 23.9568 13.0684C23.1816 13.456 22.3077 13.5037 21.4956 13.2031L20.9215 12.9906C20.0865 12.6816 19.43 12.0251 19.121 11.1901L17.3552 6.41767C17.0722 5.65285 16.3623 5.15886 15.5467 5.15886C14.7312 5.15886 14.0217 5.65285 13.7386 6.41767L11.9729 11.1901C11.6639 12.0255 11.0074 12.6816 10.1724 12.9906L5.40031 14.7564C4.63548 15.0394 4.14111 15.7493 4.14111 16.5645C4.14111 17.38 4.6351 18.0896 5.39993 18.3726L10.1724 20.1384C11.0078 20.4474 11.6639 21.1039 11.9729 21.9389L13.739 26.7113C14.0221 27.4761 14.7319 27.9701 15.5471 27.9701C16.3627 27.9701 17.0726 27.4761 17.3556 26.7113L19.1214 21.9389C19.4304 21.1035 20.0869 20.4474 20.9219 20.1384L25.6943 18.3726L25.6932 18.373Z",
-      fill: L,
-      strokeWidth: C
+      fill: C
     }
   )
 ] }));
 export {
-  r as PackseeIcon
+  f as PackseeIcon
 };

package/dist/components/icons-v2/index.js

@@ -9,7 +9,7 @@ import { ImageIcon as h } from "./ImageIcon.js";
 import { DeleteIcon as C } from "./DeleteIcon.js";
 import { EditIcon as u } from "./EditIcon.js";
 import { AlphabetIcon as A } from "./AlphabetIcon.js";
-import { AdIcon as w } from "./AdIcon.js";
+import { AdIcon as L } from "./AdIcon.js";
 import { AddMessageIcon as v } from "./AddMessageIcon.js";
 import { AddUserIcon as M } from "./AddUserIcon.js";
 import { AdjustmentsIcon as y } from "./AdjustmentsIcon.js";
@@ -36,7 +36,7 @@ import { BookmarkIcon as go } from "./BookmarkIcon.js";
 import { BoltIcon as So } from "./BoltIcon.js";
 import { BoldIcon as ko } from "./BoldIcon.js";
 import { BellIcon as bo } from "./BellIcon.js";
-import { AttributesEvaluationIcon as Lo } from "./AttributesEvaluationIcon.js";
+import { AttributesEvaluationIcon as wo } from "./AttributesEvaluationIcon.js";
 import { ArrowUpIcon as Do } from "./ArrowUpIcon.js";
 import { ArrowRightIcon as Eo } from "./ArrowRightIcon.js";
 import { ArrowMoveDownIcon as Fo } from "./ArrowMoveDownIcon.js";
@@ -63,7 +63,7 @@ import { ClockShareIcon as gr } from "./ClockShareIcon.js";
 import { CloseIcon as Sr } from "./CloseIcon.js";
 import { CopyIcon as kr } from "./CopyIcon.js";
 import { CreditCardIcon as br } from "./CreditCardIcon.js";
-import { CropIcon as Lr } from "./CropIcon.js";
+import { CropIcon as wr } from "./CropIcon.js";
 import { DashboardMeterIcon as Dr } from "./DashboardMeterIcon.js";
 import { DatabaseIcon as Er } from "./DatabaseIcon.js";
 import { DatabaseCheckIcon as Fr } from "./DatabaseCheckIcon.js";
@@ -90,7 +90,7 @@ import { FileImportIcon as ge } from "./FileImportIcon.js";
 import { FileNewIcon as Se } from "./FileNewIcon.js";
 import { FileRemoveIcon as ke } from "./FileRemoveIcon.js";
 import { FilesIcon as be } from "./FilesIcon.js";
-import { FileTemplateIcon as Le } from "./FileTemplateIcon.js";
+import { FileTemplateIcon as we } from "./FileTemplateIcon.js";
 import { FileUploadIcon as De } from "./FileUploadIcon.js";
 import { FilterOffIcon as Ee } from "./FilterOffIcon.js";
 import { FilterOnIcon as Fe } from "./FilterOnIcon.js";
@@ -117,7 +117,7 @@ import { ListViewIcon as gt } from "./ListViewIcon.js";
 import { LoaderIcon as St } from "./LoaderIcon.js";
 import { LoadingIcon as kt } from "./LoadingIcon.js";
 import { LockIcon as bt } from "./LockIcon.js";
-import { LockOffIcon as Lt } from "./LockOffIcon.js";
+import { LockOffIcon as wt } from "./LockOffIcon.js";
 import { LoginIcon as Dt } from "./LoginIcon.js";
 import { LogoutIcon as Et } from "./LogoutIcon.js";
 import { MagicwandIcon as Ft } from "./MagicwandIcon.js";
@@ -143,7 +143,7 @@ import { NoteOffIcon as hn } from "./NoteOffIcon.js";
 import { NoteIcon as Cn } from "./NoteIcon.js";
 import { Multiplier05Icon as un } from "./Multiplier05Icon.js";
 import { Multiplier10Icon as An } from "./Multiplier10Icon.js";
-import { Multiplier15Icon as wn } from "./Multiplier15Icon.js";
+import { Multiplier15Icon as Ln } from "./Multiplier15Icon.js";
 import { Multiplier20Icon as vn } from "./Multiplier20Icon.js";
 import { PlayIcon as Mn } from "./PlayIcon.js";
 import { PredictiveETIcon as yn } from "./PredictiveETIcon.js";
@@ -170,7 +170,7 @@ import { SocialTiktokIcon as hc } from "./SocialTiktokIcon.js";
 import { SocialXIcon as Cc } from "./SocialXIcon.js";
 import { SocialYoutubeIcon as uc } from "./SocialYoutubeIcon.js";
 import { SortHorizontalIcon as Ac } from "./SortHorizontalIcon.js";
-import { StopIcon as wc } from "./StopIcon.js";
+import { StopIcon as Lc } from "./StopIcon.js";
 import { SurveyIcon as vc } from "./SurveyIcon.js";
 import { TableIcon as Mc } from "./TableIcon.js";
 import { TableExportIcon as yc } from "./TableExportIcon.js";
@@ -197,7 +197,7 @@ import { VolumeOffIcon as hp } from "./VolumeOffIcon.js";
 import { WebIcon as Cp } from "./WebIcon.js";
 import { XIcon as up } from "./XIcon.js";
 import { ZipFileIcon as Ap } from "./ZipFileIcon.js";
-import { ZoomInIcon as wp } from "./ZoomInIcon.js";
+import { ZoomInIcon as Lp } from "./ZoomInIcon.js";
 import { ZoomOutIcon as vp } from "./ZoomOutIcon.js";
 import { ZonePercentageIcon as Mp } from "./ZonePercentageIcon.js";
 import { PinskewedIcon as yp } from "./PinskewedIcon.js";
@@ -205,8 +205,9 @@ import { MinusIcon as Rp } from "./MinusIcon.js";
 import { SquareAddIcon as Pp } from "./SquareAddIcon.js";
 import { RectanglesAddIcon as Op } from "./RectanglesAddIcon.js";
 import { ColumnIcon as Vp } from "./ColumnIcon.js";
+import { ListCheckIcon as zp } from "./ListCheckIcon.js";
 export {
-  w as AdIcon,
+  L as AdIcon,
   v as AddMessageIcon,
   M as AddUserIcon,
   y as AdjustmentsIcon,
@@ -225,7 +226,7 @@ export {
   Fo as ArrowMoveDownIcon,
   Eo as ArrowRightIcon,
   Do as ArrowUpIcon,
-  Lo as AttributesEvaluationIcon,
+  wo as AttributesEvaluationIcon,
   bo as BellIcon,
   ko as BoldIcon,
   So as BoltIcon,
@@ -264,7 +265,7 @@ export {
   Vp as ColumnIcon,
   kr as CopyIcon,
   br as CreditCardIcon,
-  Lr as CropIcon,
+  wr as CropIcon,
   Dr as DashboardMeterIcon,
   Fr as DatabaseCheckIcon,
   Er as DatabaseIcon,
@@ -293,7 +294,7 @@ export {
   ge as FileImportIcon,
   Se as FileNewIcon,
   ke as FileRemoveIcon,
-  Le as FileTemplateIcon,
+  we as FileTemplateIcon,
   De as FileUploadIcon,
   be as FilesIcon,
   Ee as FilterOffIcon,
@@ -319,11 +320,12 @@ export {
   It as LightbulbIcon,
   it as LikeIcon,
   dt as LinkIcon,
+  zp as ListCheckIcon,
   gt as ListViewIcon,
   St as LoaderIcon,
   kt as LoadingIcon,
   bt as LockIcon,
-  Lt as LockOffIcon,
+  wt as LockOffIcon,
   Dt as LoginIcon,
   Et as LogoutIcon,
   Ft as MagicwandIcon,
@@ -339,7 +341,7 @@ export {
   Jt as MoveIcon,
   un as Multiplier05Icon,
   An as Multiplier10Icon,
-  wn as Multiplier15Icon,
+  Ln as Multiplier15Icon,
   vn as Multiplier20Icon,
   Cn as NoteIcon,
   hn as NoteOffIcon,
@@ -383,7 +385,7 @@ export {
   Ac as SortHorizontalIcon,
   Pp as SquareAddIcon,
   x as StarIcon,
-  wc as StopIcon,
+  Lc as StopIcon,
   vc as SurveyIcon,
   yc as TableExportIcon,
   Mc as TableIcon,
@@ -411,6 +413,6 @@ export {
   up as XIcon,
   Ap as ZipFileIcon,
   Mp as ZonePercentageIcon,
-  wp as ZoomInIcon,
+  Lp as ZoomInIcon,
   vp as ZoomOutIcon
 };