@temp-spotwork/ui 1.4.4 → 1.4.6

package/dist/components/atoms/icons/iconMap.d.ts

@@ -88,6 +88,13 @@ export declare const svgs: {
     File: ({ fill }: {
         fill: any;
     }) => import("react/jsx-runtime").JSX.Element;
+    FileDownload: ({ width, height, stroke, fill, className, }: {
+        width?: string;
+        height?: string;
+        stroke?: string;
+        fill?: string;
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
     ExpandSmall: ({ fill }: {
         fill: any;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/icons/iconMap.js

@@ -23,87 +23,88 @@ import $ from "./iconsSVGs/Large/DoubleTick.js";
 import u from "./iconsSVGs/Large/Duplicate.js";
 import I from "./iconsSVGs/Large/Edit.js";
 import "react/jsx-runtime";
-import y from "./iconsSVGs/Large/File.js";
+import w from "./iconsSVGs/Large/File.js";
+import y from "./iconsSVGs/Large/FileDownload.js";
 import M from "./iconsSVGs/Large/HamburgerMenu.js";
 import b from "./iconsSVGs/Large/KebabMenu.js";
-import w from "./iconsSVGs/Large/MagnifyingGlass.js";
-import D from "./iconsSVGs/Large/Maximize.js";
-import U from "./iconsSVGs/Large/Maximize1.js";
-import R from "./iconsSVGs/Large/Minimize.js";
-import P from "./iconsSVGs/Large/OpenSeparately.js";
-import L from "./iconsSVGs/Large/PlaceholderIcon.js";
-import { Profile as T } from "./iconsSVGs/Large/Profile.js";
-import O from "./iconsSVGs/Large/Restore.js";
+import D from "./iconsSVGs/Large/MagnifyingGlass.js";
+import U from "./iconsSVGs/Large/Maximize.js";
+import R from "./iconsSVGs/Large/Maximize1.js";
+import P from "./iconsSVGs/Large/Minimize.js";
+import L from "./iconsSVGs/Large/OpenSeparately.js";
+import T from "./iconsSVGs/Large/PlaceholderIcon.js";
+import { Profile as O } from "./iconsSVGs/Large/Profile.js";
+import F from "./iconsSVGs/Large/Restore.js";
 import E from "./iconsSVGs/Large/Send.js";
-import F from "./iconsSVGs/Large/Shifts.js";
-import x from "./iconsSVGs/Large/Sort.js";
-import G from "./iconsSVGs/Large/Subtract.js";
-import K from "./iconsSVGs/Large/Summary.js";
-import N from "./iconsSVGs/Large/Support.js";
-import W from "./iconsSVGs/Large/Tick.js";
-import z from "./iconsSVGs/Large/Timer.js";
-import B from "./iconsSVGs/Large/Trash.js";
-import H from "./iconsSVGs/Large/Undo.js";
-import J from "./iconsSVGs/Large/Verification.js";
-import V from "./iconsSVGs/Large/Sidepeak.js";
-import j from "./iconsSVGs/Large/Settings.js";
-import q from "./iconsSVGs/Large/SwitchToClassic.js";
-import Q from "./iconsSVGs/Large/Building.js";
-import X from "./iconsSVGs/Large/NewSpotter.js";
-import Y from "./iconsSVGs/Large/FlaggedMessage.js";
-import Z from "./iconsSVGs/Large/AbnormalLastShift.js";
-import _ from "./iconsSVGs/Large/LocationDisabled.js";
-import oo from "./iconsSVGs/Large/Jobs.js";
-import ro from "./iconsSVGs/Large/Feedback.js";
-import mo from "./iconsSVGs/Small/Add.js";
-import io from "./iconsSVGs/Small/Alert.js";
-import to from "./iconsSVGs/Small/ArrowRight.js";
-import eo from "./iconsSVGs/Small/ArrowUp.js";
-import lo from "./iconsSVGs/Small/Ascending.js";
-import po from "./iconsSVGs/Small/Calendar.js";
-import ao from "./iconsSVGs/Small/CaretDown.js";
-import fo from "./iconsSVGs/Small/CaretRight.js";
-import no from "./iconsSVGs/Small/CheckedIn.js";
-import So from "./iconsSVGs/Small/CheckedOut.js";
-import so from "./iconsSVGs/Small/CheckIn.js";
-import co from "./iconsSVGs/Small/CheckInCircle.js";
-import Co from "./iconsSVGs/Small/CheckOut.js";
-import ho from "./iconsSVGs/Small/ChevronDown.js";
-import go from "./iconsSVGs/Small/ChevronLeft.js";
-import Ao from "./iconsSVGs/Small/ChevronRight.js";
-import ko from "./iconsSVGs/Small/ChevronUp.js";
-import vo from "./iconsSVGs/Small/Collapse.js";
-import $o from "./iconsSVGs/Small/Copy.js";
-import uo from "./iconsSVGs/Small/Cross.js";
-import Io from "./iconsSVGs/Small/CrossInCircle.js";
+import x from "./iconsSVGs/Large/Shifts.js";
+import G from "./iconsSVGs/Large/Sort.js";
+import K from "./iconsSVGs/Large/Subtract.js";
+import N from "./iconsSVGs/Large/Summary.js";
+import W from "./iconsSVGs/Large/Support.js";
+import z from "./iconsSVGs/Large/Tick.js";
+import B from "./iconsSVGs/Large/Timer.js";
+import H from "./iconsSVGs/Large/Trash.js";
+import J from "./iconsSVGs/Large/Undo.js";
+import V from "./iconsSVGs/Large/Verification.js";
+import j from "./iconsSVGs/Large/Sidepeak.js";
+import q from "./iconsSVGs/Large/Settings.js";
+import Q from "./iconsSVGs/Large/SwitchToClassic.js";
+import X from "./iconsSVGs/Large/Building.js";
+import Y from "./iconsSVGs/Large/NewSpotter.js";
+import Z from "./iconsSVGs/Large/FlaggedMessage.js";
+import _ from "./iconsSVGs/Large/AbnormalLastShift.js";
+import oo from "./iconsSVGs/Large/LocationDisabled.js";
+import ro from "./iconsSVGs/Large/Jobs.js";
+import mo from "./iconsSVGs/Large/Feedback.js";
+import io from "./iconsSVGs/Small/Add.js";
+import to from "./iconsSVGs/Small/Alert.js";
+import eo from "./iconsSVGs/Small/ArrowRight.js";
+import lo from "./iconsSVGs/Small/ArrowUp.js";
+import po from "./iconsSVGs/Small/Ascending.js";
+import ao from "./iconsSVGs/Small/Calendar.js";
+import fo from "./iconsSVGs/Small/CaretDown.js";
+import no from "./iconsSVGs/Small/CaretRight.js";
+import So from "./iconsSVGs/Small/CheckedIn.js";
+import so from "./iconsSVGs/Small/CheckedOut.js";
+import co from "./iconsSVGs/Small/CheckIn.js";
+import Co from "./iconsSVGs/Small/CheckInCircle.js";
+import ho from "./iconsSVGs/Small/CheckOut.js";
+import go from "./iconsSVGs/Small/ChevronDown.js";
+import Ao from "./iconsSVGs/Small/ChevronLeft.js";
+import ko from "./iconsSVGs/Small/ChevronRight.js";
+import vo from "./iconsSVGs/Small/ChevronUp.js";
+import $o from "./iconsSVGs/Small/Collapse.js";
+import uo from "./iconsSVGs/Small/Copy.js";
+import Io from "./iconsSVGs/Small/Cross.js";
+import wo from "./iconsSVGs/Small/CrossInCircle.js";
 import yo from "./iconsSVGs/Small/Descending.js";
 import Mo from "./iconsSVGs/Small/DistanceSmall.js";
 import bo from "./iconsSVGs/Small/Empty.js";
-import wo from "./iconsSVGs/Small/Expand.js";
-import Do from "./iconsSVGs/Small/Incomplete.js";
-import Uo from "./iconsSVGs/Small/Info.js";
-import Ro from "./iconsSVGs/Small/KebabMenu.js";
-import Po from "./iconsSVGs/Small/LocationPin.js";
-import Lo from "./iconsSVGs/Small/MagnifyingGlass.js";
-import To from "./iconsSVGs/Small/Notes.js";
-import Oo from "./iconsSVGs/Small/OpenSeparately.js";
+import Do from "./iconsSVGs/Small/Expand.js";
+import Uo from "./iconsSVGs/Small/Incomplete.js";
+import Ro from "./iconsSVGs/Small/Info.js";
+import Po from "./iconsSVGs/Small/KebabMenu.js";
+import Lo from "./iconsSVGs/Small/LocationPin.js";
+import To from "./iconsSVGs/Small/MagnifyingGlass.js";
+import Oo from "./iconsSVGs/Small/Notes.js";
+import Fo from "./iconsSVGs/Small/OpenSeparately.js";
 import Eo from "./iconsSVGs/Small/PlaceholderIcon.js";
-import { ProfileSmall as Fo } from "./iconsSVGs/Small/Profile.js";
-import xo from "./iconsSVGs/Small/ReadStatus.js";
-import Go from "./iconsSVGs/Small/Shield.js";
-import Ko from "./iconsSVGs/Small/SidepeakSmall.js";
-import No from "./iconsSVGs/Small/Sort.js";
-import Wo from "./iconsSVGs/Small/Success.js";
-import zo from "./iconsSVGs/Small/Tick.js";
-import Bo from "./iconsSVGs/Small/UnsavedChanges.js";
-import Ho from "./iconsSVGs/Small/Upload.js";
-import Jo from "./iconsSVGs/Small/Waiting.js";
-import Vo from "./iconsSVGs/Small/Warning.js";
-import jo from "./iconsSVGs/ExtraLarge/EmptyTemplate.js";
-import qo from "./iconsSVGs/ExtraLarge/PostAShift.js";
-import Qo from "./iconsSVGs/Countries/USA.js";
-import Xo from "./iconsSVGs/Countries/CAN.js";
-const qm = {
+import { ProfileSmall as xo } from "./iconsSVGs/Small/Profile.js";
+import Go from "./iconsSVGs/Small/ReadStatus.js";
+import Ko from "./iconsSVGs/Small/Shield.js";
+import No from "./iconsSVGs/Small/SidepeakSmall.js";
+import Wo from "./iconsSVGs/Small/Sort.js";
+import zo from "./iconsSVGs/Small/Success.js";
+import Bo from "./iconsSVGs/Small/Tick.js";
+import Ho from "./iconsSVGs/Small/UnsavedChanges.js";
+import Jo from "./iconsSVGs/Small/Upload.js";
+import Vo from "./iconsSVGs/Small/Waiting.js";
+import jo from "./iconsSVGs/Small/Warning.js";
+import qo from "./iconsSVGs/ExtraLarge/EmptyTemplate.js";
+import Qo from "./iconsSVGs/ExtraLarge/PostAShift.js";
+import Xo from "./iconsSVGs/Countries/USA.js";
+import Yo from "./iconsSVGs/Countries/CAN.js";
+const Xm = {
   Add: o,
   AdvancedSearch: r,
   ArrowLeft: m,
@@ -112,103 +113,104 @@ const qm = {
   Attach: e,
   Bell: l,
   BellUnread: p,
-  Building: Q,
+  Building: X,
   Calendar: a,
   Cancellation: f,
   Chapters: n,
   CheckIn: S,
-  CheckInCircleSmall: co,
+  CheckInCircleSmall: Co,
   ChevronDown: s,
   ChevronLeft: c,
   ChevronRight: C,
   ChevronUp: h,
   Clock: d,
-  CollapseSmall: vo,
+  CollapseSmall: $o,
   Contact: g,
   Cross: k,
-  CrossInCircleSmall: Io,
+  CrossInCircleSmall: wo,
   Descending: v,
   DoubleTick: $,
   Duplicate: u,
   Edit: I,
-  Feedback: ro,
-  File: y,
-  ExpandSmall: wo,
-  InfoSmall: Uo,
+  Feedback: mo,
+  File: w,
+  FileDownload: y,
+  ExpandSmall: Do,
+  InfoSmall: Ro,
   HamburgerMenu: M,
-  Jobs: oo,
+  Jobs: ro,
   KebabMenu: b,
-  MagnifyingGlass: w,
-  Maximize: D,
-  Maximize1: U,
-  Minimize: R,
-  OpenSeparately: P,
-  PlaceholderIcon: L,
-  Profile: T,
-  Restore: O,
+  MagnifyingGlass: D,
+  Maximize: U,
+  Maximize1: R,
+  Minimize: P,
+  OpenSeparately: L,
+  PlaceholderIcon: T,
+  Profile: O,
+  Restore: F,
   Send: E,
-  Settings: j,
-  Shifts: F,
-  Sort: x,
-  Subtract: G,
-  Summary: K,
-  Support: N,
-  SwitchToClassic: q,
-  Tick: W,
-  Timer: z,
-  Trash: B,
-  Undo: H,
-  Verification: J,
-  AddSmall: mo,
-  AlertSmall: io,
-  ArrowRightSmall: to,
-  ArrowUpSmall: eo,
-  AscendingSmall: lo,
-  CalendarSmall: po,
-  CaretDownSmall: ao,
-  CaretRightSmall: fo,
-  CheckedInSmall: no,
-  CheckedOutSmall: So,
-  CheckinSmall: so,
-  CheckOutSmall: Co,
-  ChevronDownSmall: ho,
-  ChevronLeftSmall: go,
-  ChevronRightSmall: Ao,
-  ChevronUpSmall: ko,
-  CrossSmall: uo,
+  Settings: q,
+  Shifts: x,
+  Sort: G,
+  Subtract: K,
+  Summary: N,
+  Support: W,
+  SwitchToClassic: Q,
+  Tick: z,
+  Timer: B,
+  Trash: H,
+  Undo: J,
+  Verification: V,
+  AddSmall: io,
+  AlertSmall: to,
+  ArrowRightSmall: eo,
+  ArrowUpSmall: lo,
+  AscendingSmall: po,
+  CalendarSmall: ao,
+  CaretDownSmall: fo,
+  CaretRightSmall: no,
+  CheckedInSmall: So,
+  CheckedOutSmall: so,
+  CheckinSmall: co,
+  CheckOutSmall: ho,
+  ChevronDownSmall: go,
+  ChevronLeftSmall: Ao,
+  ChevronRightSmall: ko,
+  ChevronUpSmall: vo,
+  CrossSmall: Io,
   CopyLarge: A,
-  CopySmall: $o,
+  CopySmall: uo,
   DescendingSmall: yo,
   DistanceSmall: Mo,
   EmptySmall: bo,
-  IncompleteSmall: Do,
-  KebabMenuSmall: Ro,
-  LocationPinSmall: Po,
-  MagnifyingGlassSmall: Lo,
-  NotesSmall: To,
-  OpenSeparatelySmall: Oo,
+  IncompleteSmall: Uo,
+  KebabMenuSmall: Po,
+  LocationPinSmall: Lo,
+  MagnifyingGlassSmall: To,
+  NotesSmall: Oo,
+  OpenSeparatelySmall: Fo,
   PlaceholderIconSmall: Eo,
-  ReadStatus: xo,
-  ShieldSmall: Go,
-  SortSmall: No,
-  SuccessSmall: Wo,
-  TickSmall: zo,
-  UnsavedChangesSmall: Bo,
-  UploadSmall: Ho,
-  WaitingSmall: Jo,
-  WarningSmall: Vo,
-  CAN: Xo,
-  USA: Qo,
-  SidePeak: V,
-  SidePeakSmall: Ko,
-  ProfileSmall: Fo,
-  EmptyTemplate: jo,
-  PostAShift: qo,
-  NewSpotter: X,
-  FlaggedMessage: Y,
-  AbnormalLastShift: Z,
-  LocationDisabled: _
+  ReadStatus: Go,
+  ShieldSmall: Ko,
+  SortSmall: Wo,
+  SuccessSmall: zo,
+  TickSmall: Bo,
+  UnsavedChangesSmall: Ho,
+  UploadSmall: Jo,
+  WaitingSmall: Vo,
+  WarningSmall: jo,
+  CAN: Yo,
+  USA: Xo,
+  SidePeak: j,
+  SidePeakSmall: No,
+  ProfileSmall: xo,
+  EmptyTemplate: qo,
+  PostAShift: Qo,
+  NewSpotter: Y,
+  FlaggedMessage: Z,
+  AbnormalLastShift: _,
+  LocationDisabled: oo
 };
 export {
-  qm as svgs
+  Xm as svgs
 };

package/dist/components/atoms/icons/icons.js

@@ -4,71 +4,71 @@ import { Typography as A } from "../../styles/typography/typography.js";
 import { T as $, a as S, b as j, C as T, A as z } from "../../../index-DNpMaKvH.js";
 import { styles as C } from "./styles.js";
 import "../../styles/colors/colors.js";
-import { crusta as f, cinnabar as g, glyph as e, dataVizColors as b } from "../../styles/colors/colormap.js";
-import { t as d } from "../../../bundle-mjs-CAy1p0fn.js";
+import { crusta as f, cinnabar as b, glyph as e, dataVizColors as d } from "../../styles/colors/colormap.js";
+import { t as g } from "../../../bundle-mjs-CAy1p0fn.js";
 import { tooltipArrowStyles as E, toolTipStyles as M } from "../../styles/tool-tip/styles.js";
 function O({
   icon: h = "Add",
   color: a = "default",
   cssColor: v,
   handleClick: s,
-  disabled: o = !1,
-  id: r,
-  hoverText: n,
-  destructive: i = !1,
+  disabled: r = !1,
+  id: o,
+  hoverText: i,
+  destructive: n = !1,
   dark: c = !1,
   button: y = !1,
   hoverBackground: w,
   autoFocus: m = !1
 }) {
-  const l = N[h], I = C(), u = o ? /* @__PURE__ */ t(
+  const l = N[h], I = C(), u = r ? /* @__PURE__ */ t(
     l,
     {
-      "data-testid": `icon-${r}`,
-      fill: v || (e[a] ?? b[a] ?? e.active),
+      "data-testid": `icon-${o}`,
+      fill: v || (e[a] ?? d[a] ?? e.active),
       hover: void 0,
       active: void 0
     },
-    r
+    o
   ) : y ? /* @__PURE__ */ t(
     "button",
     {
       autoFocus: m,
       type: "button",
-      className: d(
+      className: g(
         I.buttonClass,
-        `${c ? "focus:bg-surface-defaultInverted hover:bg-surface-defaultInverted active:bg-bcolor-defaultInverted" : i ? "hover:bg-shadow-destructive active:bg-shadow-alert" : "hover:bg-surface-active active:bg-shadow-active"}`,
+        `${c ? "focus:bg-surface-defaultInverted hover:bg-surface-defaultInverted active:bg-bcolor-defaultInverted" : n ? "hover:bg-shadow-destructive active:bg-shadow-alert" : "hover:bg-surface-active active:bg-shadow-active"}`,
         "group text-black"
       ),
-      "data-testid": `button-button-icon-${r}`,
-      onClick: (x) => !o && (s == null ? void 0 : s(x)),
+      "data-testid": `button-button-icon-${o}`,
+      onClick: (x) => !r && (s == null ? void 0 : s(x)),
       children: /* @__PURE__ */ t(
         l,
         {
-          active: c ? f[200] : i ? g[800] : e.active,
-          hover: c ? f[300] : i ? e.alert : e.active,
-          fill: o === !1 && (c ? f[400] : i ? g[600] : e.active)
+          active: c ? f[200] : n ? b[800] : e.active,
+          hover: c ? f[300] : n ? e.alert : e.active,
+          fill: c ? f[400] : n ? b[600] : e.active
         }
       )
     },
-    r
+    o
   ) : /* @__PURE__ */ t(
     "button",
     {
       autoFocus: m,
       type: "button",
-      "data-testid": `button-icon-${r}`,
-      onClick: o ? () => {
+      "data-testid": `button-icon-${o}`,
+      onClick: r ? () => {
       } : s,
       className: w ? "hover:bg-surface-active active:bg-shadow-active hover:rounded active:rounded p-xxs" : "",
-      children: /* @__PURE__ */ t(l, { fill: e[a] ?? b[a] ?? e.active, hover: void 0, active: void 0 })
+      children: /* @__PURE__ */ t(l, { fill: e[a] ?? d[a] ?? e.active, hover: void 0, active: void 0 })
     },
-    r
+    o
   );
-  return n ? /* @__PURE__ */ p($, { children: [
-    /* @__PURE__ */ t(S, { asChild: !o, disabled: o, children: u }),
-    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ p(T, { className: d(M), side: "bottom", align: "center", children: [
-      typeof n == "string" ? /* @__PURE__ */ t(A, { color: "defaultInverted", children: n, swStyle: 1, className: "px-xs max-w-[30rem]" }) : n,
+  return i ? /* @__PURE__ */ p($, { children: [
+    /* @__PURE__ */ t(S, { asChild: !r, disabled: r, children: u }),
+    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ p(T, { className: g(M), side: "bottom", align: "center", children: [
+      typeof i == "string" ? /* @__PURE__ */ t(A, { color: "defaultInverted", children: i, swStyle: 1, className: "px-xs max-w-[30rem]" }) : i,
       /* @__PURE__ */ t(z, { className: E })
     ] }) })
   ] }) : u;

package/dist/components/atoms/icons/iconsSVGs/Large/FileDownload.d.ts

@@ -0,0 +1,8 @@
+declare const FileDownload: ({ width, height, stroke, fill, className, }: {
+    width?: string;
+    height?: string;
+    stroke?: string;
+    fill?: string;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FileDownload;

package/dist/components/atoms/icons/iconsSVGs/Large/FileDownload.js

@@ -0,0 +1,32 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+const i = ({
+  width: t = "24",
+  height: a = "24",
+  stroke: e,
+  fill: n,
+  className: r = ""
+}) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e ?? n ?? "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: r,
+    "data-testid": "FileDownload-icon",
+    children: [
+      /* @__PURE__ */ o("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }),
+      /* @__PURE__ */ o("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }),
+      /* @__PURE__ */ o("path", { d: "M12 18v-6" }),
+      /* @__PURE__ */ o("path", { d: "m9 15 3 3 3-3" })
+    ]
+  }
+);
+export {
+  i as default
+};

package/dist/components/atoms/icons/iconsSVGs/Large/index.d.ts

@@ -25,6 +25,7 @@ import { default as Edit } from './Edit';
 import { default as EyeClose } from './EyeClose';
 import { default as EyeOpen } from './EyeOpen';
 import { default as File } from './File';
+import { default as FileDownload } from './FileDownload';
 import { default as HamburgerMenu } from './HamburgerMenu';
 import { default as KebabMenu } from './KebabMenu';
 import { default as MagnifyingGlass } from './MagnifyingGlass';
@@ -57,4 +58,4 @@ import { default as LocationDisabled } from './LocationDisabled';
 import { default as Jobs } from './Jobs';
 import { default as Feedback } from './Feedback';
 
-export { Add, AdvancedSearch, ArrowLeft, ArrowRight, Ascending, Attach, Bell, BellUnread, Building, Calendar, Cancellation, Chapters, CheckIn, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Contact, Copy, Cross, Descending, DoubleTick, Duplicate, Edit, EyeClose, EyeOpen, File, HamburgerMenu, Jobs, KebabMenu, MagnifyingGlass, Maximize, Maximize1, Minimize, OpenSeparately, PlaceholderIcon, Profile, Restore, Send, Settings, Shifts, Sort, Subtract, Summary, Support, SwitchToClassic, Tick, Timer, Trash, Undo, Verification, SidePeak, NewSpotter, FlaggedMessage, AbnormalLastShift, LocationDisabled, Feedback, };
+export { Add, AdvancedSearch, ArrowLeft, ArrowRight, Ascending, Attach, Bell, BellUnread, Building, Calendar, Cancellation, Chapters, CheckIn, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Contact, Copy, Cross, Descending, DoubleTick, Duplicate, Edit, EyeClose, EyeOpen, File, FileDownload, HamburgerMenu, Jobs, KebabMenu, MagnifyingGlass, Maximize, Maximize1, Minimize, OpenSeparately, PlaceholderIcon, Profile, Restore, Send, Settings, Shifts, Sort, Subtract, Summary, Support, SwitchToClassic, Tick, Timer, Trash, Undo, Verification, SidePeak, NewSpotter, FlaggedMessage, AbnormalLastShift, LocationDisabled, Feedback, };

package/dist/components/atoms/icons/iconsSVGs/Large/index.js

@@ -9,11 +9,11 @@ import { default as h } from "./BellUnread.js";
 import { default as S } from "./Calendar.js";
 import { default as b } from "./Cancellation.js";
 import { default as M } from "./Chapters.js";
-import { default as y } from "./CheckIn.js";
-import { default as w } from "./ChevronDown.js";
+import { default as w } from "./CheckIn.js";
+import { default as D } from "./ChevronDown.js";
 import { default as T } from "./ChevronLeft.js";
-import { default as z } from "./ChevronRight.js";
-import { default as E } from "./ChevronUp.js";
+import { default as L } from "./ChevronRight.js";
+import { default as B } from "./ChevronUp.js";
 import { default as P } from "./Clock.js";
 import { default as U } from "./Contact.js";
 import { default as O } from "./Copy.js";
@@ -25,39 +25,40 @@ import { default as W } from "./Edit.js";
 import { default as Y } from "./EyeClose.js";
 import { default as _ } from "./EyeOpen.js";
 import { default as ee } from "./File.js";
-import { default as oe } from "./HamburgerMenu.js";
-import { default as te } from "./KebabMenu.js";
-import { default as le } from "./MagnifyingGlass.js";
-import { default as de } from "./Maximize.js";
-import { default as me } from "./Maximize1.js";
-import { default as xe } from "./Minimize.js";
-import { default as ne } from "./OpenSeparately.js";
-import { default as he } from "./PlaceholderIcon.js";
-import { Profile as Se } from "./Profile.js";
-import { default as be } from "./Restore.js";
-import { default as Me } from "./Send.js";
-import { default as ye } from "./Shifts.js";
-import { default as we } from "./Sort.js";
-import { default as Te } from "./Subtract.js";
-import { default as ze } from "./Summary.js";
-import { default as Ee } from "./Support.js";
-import { default as Pe } from "./Tick.js";
-import { default as Ue } from "./Timer.js";
-import { default as Oe } from "./Trash.js";
-import { default as He } from "./Undo.js";
-import { default as Ke } from "./Verification.js";
-import { default as Ve } from "./Sidepeak.js";
-import { default as qe } from "./Settings.js";
-import { default as We } from "./SwitchToClassic.js";
-import { default as Ye } from "./Building.js";
-import { default as _e } from "./NewSpotter.js";
-import { default as ea } from "./FlaggedMessage.js";
-import { default as oa } from "./AbnormalLastShift.js";
-import { default as ta } from "./LocationDisabled.js";
-import { default as la } from "./Jobs.js";
-import { default as da } from "./Feedback.js";
+import { default as oe } from "./FileDownload.js";
+import { default as te } from "./HamburgerMenu.js";
+import { default as le } from "./KebabMenu.js";
+import { default as de } from "./MagnifyingGlass.js";
+import { default as me } from "./Maximize.js";
+import { default as xe } from "./Maximize1.js";
+import { default as ne } from "./Minimize.js";
+import { default as he } from "./OpenSeparately.js";
+import { default as Se } from "./PlaceholderIcon.js";
+import { Profile as be } from "./Profile.js";
+import { default as Me } from "./Restore.js";
+import { default as we } from "./Send.js";
+import { default as De } from "./Shifts.js";
+import { default as Te } from "./Sort.js";
+import { default as Le } from "./Subtract.js";
+import { default as Be } from "./Summary.js";
+import { default as Pe } from "./Support.js";
+import { default as Ue } from "./Tick.js";
+import { default as Oe } from "./Timer.js";
+import { default as He } from "./Trash.js";
+import { default as Ke } from "./Undo.js";
+import { default as Ve } from "./Verification.js";
+import { default as qe } from "./Sidepeak.js";
+import { default as We } from "./Settings.js";
+import { default as Ye } from "./SwitchToClassic.js";
+import { default as _e } from "./Building.js";
+import { default as ea } from "./NewSpotter.js";
+import { default as oa } from "./FlaggedMessage.js";
+import { default as ta } from "./AbnormalLastShift.js";
+import { default as la } from "./LocationDisabled.js";
+import { default as da } from "./Jobs.js";
+import { default as ma } from "./Feedback.js";
 export {
-  oa as AbnormalLastShift,
+  ta as AbnormalLastShift,
   o as Add,
   t as AdvancedSearch,
   l as ArrowLeft,
@@ -66,15 +67,15 @@ export {
   x as Attach,
   n as Bell,
   h as BellUnread,
-  Ye as Building,
+  _e as Building,
   S as Calendar,
   b as Cancellation,
   M as Chapters,
-  y as CheckIn,
-  w as ChevronDown,
+  w as CheckIn,
+  D as ChevronDown,
   T as ChevronLeft,
-  z as ChevronRight,
-  E as ChevronUp,
+  L as ChevronRight,
+  B as ChevronUp,
   P as Clock,
   U as Contact,
   O as Copy,
@@ -85,34 +86,35 @@ export {
   W as Edit,
   Y as EyeClose,
   _ as EyeOpen,
-  da as Feedback,
+  ma as Feedback,
   ee as File,
-  ea as FlaggedMessage,
-  oe as HamburgerMenu,
-  la as Jobs,
-  te as KebabMenu,
-  ta as LocationDisabled,
-  le as MagnifyingGlass,
-  de as Maximize,
-  me as Maximize1,
-  xe as Minimize,
-  _e as NewSpotter,
-  ne as OpenSeparately,
-  he as PlaceholderIcon,
-  Se as Profile,
-  be as Restore,
-  Me as Send,
-  qe as Settings,
-  ye as Shifts,
-  Ve as SidePeak,
-  we as Sort,
-  Te as Subtract,
-  ze as Summary,
-  Ee as Support,
-  We as SwitchToClassic,
-  Pe as Tick,
-  Ue as Timer,
-  Oe as Trash,
-  He as Undo,
-  Ke as Verification
+  oe as FileDownload,
+  oa as FlaggedMessage,
+  te as HamburgerMenu,
+  da as Jobs,
+  le as KebabMenu,
+  la as LocationDisabled,
+  de as MagnifyingGlass,
+  me as Maximize,
+  xe as Maximize1,
+  ne as Minimize,
+  ea as NewSpotter,
+  he as OpenSeparately,
+  Se as PlaceholderIcon,
+  be as Profile,
+  Me as Restore,
+  we as Send,
+  We as Settings,
+  De as Shifts,
+  qe as SidePeak,
+  Te as Sort,
+  Le as Subtract,
+  Be as Summary,
+  Pe as Support,
+  Ye as SwitchToClassic,
+  Ue as Tick,
+  Oe as Timer,
+  He as Trash,
+  Ke as Undo,
+  Ve as Verification
 };

package/dist/components/molecules/filter/context-search/context-search.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export type ContextSearchProps = {
     /**
      * value of the input
@@ -15,5 +17,17 @@ export type ContextSearchProps = {
      * disabled
      */
     disabled?: boolean;
+    /**
+     * class name for the container
+     */
+    className?: string;
+    /**
+     * css styles for the input
+     */
+    style?: React.CSSProperties;
+    /**
+     * prevent browser suggestions
+     */
+    preventBrowserSuggestions?: boolean;
 };
-export declare const ContextSearch: ({ value, onChange, placeholder, disabled, }: ContextSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextSearch: ({ value, onChange, placeholder, disabled, className, style, preventBrowserSuggestions, }: ContextSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/filter/context-search/context-search.js

@@ -1,52 +1,51 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { Icons as n } from "../../../atoms/icons/icons.js";
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { useState as x } from "react";
+import { Icons as g } from "../../../atoms/icons/icons.js";
 import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
 import { t as s } from "../../../../bundle-mjs-CAy1p0fn.js";
 import { outlinedBorder as l } from "../../../styles/defaults/defaults.js";
 import "../../../../purify.es-eYFoHPwR.js";
-import { styleMap as b } from "../../../styles/typography/style.js";
+import { styleMap as v } from "../../../styles/typography/style.js";
 import "../../../styles/colors/colormap.js";
-const w = ({
+const $ = ({
   value: a,
   onChange: e,
   placeholder: i,
-  disabled: o = !1
+  disabled: o = !1,
+  className: c,
+  style: m,
+  preventBrowserSuggestions: u = !1
 }) => {
-  const [c, r] = p(!1), m = () => {
-    r(!0);
-  }, u = () => {
-    r(!1);
+  const [f, t] = x(!1), p = () => {
+    t(!0);
+  }, d = () => {
+    t(!1);
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ b(
     "div",
     {
       className: s(
         `h-[3rem] flex items-center gap-xs px-xs bg-surface-default ${l.base} border-bcolor-default `,
-        c && l.active,
-        o && "bg-surface-disabled border-bcolor-disabled"
+        f && l.active,
+        o && "bg-surface-disabled border-bcolor-disabled",
+        c
       ),
+      style: m,
       children: [
-        /* @__PURE__ */ t(
-          n,
-          {
-            disabled: !0,
-            icon: "MagnifyingGlassSmall",
-            color: o ? "disabled" : "active"
-          }
-        ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(g, { disabled: !0, icon: "MagnifyingGlassSmall", color: o ? "disabled" : "active" }),
+        /* @__PURE__ */ r(
           "input",
           {
             type: "text",
-            className: s(`focus:outline-none w-full ${b[1]}`),
+            className: s(`focus:outline-none w-full ${v[1]}`),
             placeholder: i,
-            onFocus: m,
-            onBlur: u,
-            onChange: (f) => e == null ? void 0 : e(f.target.value),
+            onFocus: p,
+            onBlur: d,
+            onChange: (n) => e == null ? void 0 : e(n.target.value),
             value: a,
-            disabled: o
+            disabled: o,
+            autoComplete: u ? "off" : "on"
           }
         )
       ]
@@ -54,5 +53,5 @@ const w = ({
   );
 };
 export {
-  w as ContextSearch
+  $ as ContextSearch
 };

package/dist/components/molecules/filter/dropdown-selector/dropdown-selector.d.ts

@@ -19,5 +19,6 @@ export type DropdownFilterProps = {
     multiselect?: boolean;
     disabled?: boolean;
     minWidth?: string | number;
+    className?: string;
 };
-export declare const DropdownFilter: ({ onChange, value, placeholder, options, multiselect, disabled, minWidth, }: DropdownFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownFilter: ({ onChange, value, placeholder, options, multiselect, disabled, minWidth, className, }: DropdownFilterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/filter/dropdown-selector/dropdown-selector.js

@@ -1,63 +1,64 @@
 import { jsx as s, jsxs as n } from "react/jsx-runtime";
-import { useRef as R, useState as V } from "react";
-import { R as P, T as $, I as F, P as K, C as z, V as L, a as M } from "../../../../index-CnWyMXBX.js";
-import { c as U } from "../../../../index-fN7hCOo3.js";
-import { outlinedBorder as N, border as W } from "../../../styles/defaults/defaults.js";
+import { useRef as V, useState as P } from "react";
+import { R as $, T as F, I as K, P as z, C as L, V as M, a as U } from "../../../../index-CnWyMXBX.js";
+import { c as W } from "../../../../index-fN7hCOo3.js";
+import { outlinedBorder as S, border as Z } from "../../../styles/defaults/defaults.js";
 import { Typography as g } from "../../../styles/typography/typography.js";
-import { filterDropdownStyles as Z, contentStyles as q } from "./styles.js";
-import { Badge as S } from "../../../atoms/badge/badge.js";
-import { Icons as k } from "../../../atoms/icons/icons.js";
+import { filterDropdownStyles as q, contentStyles as G } from "./styles.js";
+import { Badge as k } from "../../../atoms/badge/badge.js";
+import { Icons as A } from "../../../atoms/icons/icons.js";
 import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
-import { CheckboxFilter as G } from "../checkbox/checkbox.js";
-import { t as A } from "../../../../bundle-mjs-CAy1p0fn.js";
-import { getBorderClasses as H } from "../../../atoms/form/utils-for-forms/state-functions.js";
-import { useStickyZIndex as J } from "../../../../hooks/use-sticky-z-index.js";
-const fe = ({
-  onChange: y,
+import { CheckboxFilter as H } from "../checkbox/checkbox.js";
+import { t as y } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { getBorderClasses as J } from "../../../atoms/form/utils-for-forms/state-functions.js";
+import { useStickyZIndex as Q } from "../../../../hooks/use-sticky-z-index.js";
+const me = ({
+  onChange: x,
   value: o,
   placeholder: C = "Select value",
   options: f,
   multiselect: t = !1,
   disabled: a = !1,
-  minWidth: D
+  minWidth: D,
+  className: O
 }) => {
-  const x = R(null), O = J(x), [c, i] = V(!1), v = H(c, !1, !1, a), I = a ? `bg-surface-disabled ${N.disabled}` : "bg-surface-default", u = Array.isArray(o) ? o.length - 1 : 0;
-  function w(e) {
+  const u = V(null), v = Q(u), [c, i] = P(!1), I = J(c, !1, !1, a), B = a ? `bg-surface-disabled ${S.disabled}` : "bg-surface-default", w = Array.isArray(o) ? o.length - 1 : 0;
+  function b(e) {
     return Array.isArray(e) && typeof e[0] == "object" && e[0] !== null && "label" in e[0] && "value" in e[0];
   }
-  const b = (e, r) => {
+  const N = (e, r) => {
     if (Array.isArray(r)) {
       if (!r.length) return "";
-      if (w(e)) {
+      if (b(e)) {
         const l = e.find((p) => p.value === r[0]);
         return l ? l.label : "";
       }
       return r[0];
     } else {
-      if (w(e)) {
+      if (b(e)) {
         const l = e.find((p) => p.value === r);
         return l ? l.label : "";
       }
       return r;
     }
-  }, d = (e) => typeof e == "string" ? e : e.value, B = (e) => typeof e == "string" ? e : e.label, m = (e) => {
+  }, d = (e) => typeof e == "string" ? e : e.value, T = (e) => typeof e == "string" ? e : e.label, m = (e) => {
     if (t) {
       let r = [];
-      Array.isArray(o) && o.includes(e) ? r = [...o.filter((l) => l !== e)] : r = [...o, e], y(r);
+      Array.isArray(o) && o.includes(e) ? r = [...o.filter((l) => l !== e)] : r = [...o, e], x(r);
     } else
-      y(e);
-  }, h = f.filter((e) => !e.hide), T = (e, r) => {
+      x(e);
+  }, h = f.filter((e) => !e.hide), j = (e, r) => {
     e.key === "Enter" && m(r);
-  }, j = (e) => {
+  }, E = (e) => {
     e.key === "Escape" && i(!1);
-  }, E = () => {
+  }, R = () => {
     i(!1);
   };
-  return /* @__PURE__ */ s("div", { className: "w-full", children: /* @__PURE__ */ n(
-    P,
+  return /* @__PURE__ */ s("div", { className: y("w-full", O), children: /* @__PURE__ */ n(
+    $,
     {
-      value: b(f, o),
+      value: N(f, o),
       onValueChange: (e) => !t && m(e),
       open: c,
       onOpenChange: (e) => {
@@ -66,10 +67,10 @@ const fe = ({
       disabled: a,
       children: [
         /* @__PURE__ */ n(
-          $,
+          F,
           {
-            className: A(Z, I, v),
-            ref: x,
+            className: y(q, B, I),
+            ref: u,
             style: { height: "3rem", padding: "0.75rem", minWidth: D },
             children: [
               o && o.length !== 0 ? /* @__PURE__ */ n("div", { className: "min-w-0 flex gap-xxs items-center", children: [
@@ -77,12 +78,12 @@ const fe = ({
                   g,
                   {
                     swStyle: 1,
-                    children: b(f, o),
+                    children: N(f, o),
                     className: "whitespace-nowrap overflow-hidden text-ellipsis",
                     color: a ? "disabled" : "default"
                   }
                 ),
-                t && u > 0 && /* @__PURE__ */ s(S, { text: "+" + u, color: "affirmative" })
+                t && w > 0 && /* @__PURE__ */ s(k, { text: "+" + w, color: "affirmative" })
               ] }) : /* @__PURE__ */ s(
                 g,
                 {
@@ -92,8 +93,8 @@ const fe = ({
                   className: "whitespace-nowrap overflow-hidden text-ellipsis"
                 }
               ),
-              /* @__PURE__ */ s(F, { className: "flex-shrink-0", children: /* @__PURE__ */ s(
-                k,
+              /* @__PURE__ */ s(K, { className: "flex-shrink-0", children: /* @__PURE__ */ s(
+                A,
                 {
                   id: "dropdown-icon",
                   disabled: !0,
@@ -104,44 +105,44 @@ const fe = ({
             ]
           }
         ),
-        /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(
-          z,
+        /* @__PURE__ */ s(z, { children: /* @__PURE__ */ s(
+          L,
           {
-            className: U(
-              q,
+            className: W(
+              G,
               "max-h-[27.3rem]",
               // to fit 9 items in timesheet filter (with border width)
-              c ? N.active : W.default
+              c ? S.active : Z.default
             ),
             position: "popper",
             side: "bottom",
-            onPointerDownOutside: E,
-            onKeyDown: j,
-            style: { minWidth: "auto", zIndex: O },
-            children: /* @__PURE__ */ s(L, { children: h == null ? void 0 : h.map((e, r) => /* @__PURE__ */ s(
-              M,
+            onPointerDownOutside: R,
+            onKeyDown: E,
+            style: { minWidth: "auto", zIndex: v },
+            children: /* @__PURE__ */ s(M, { children: h == null ? void 0 : h.map((e, r) => /* @__PURE__ */ s(
+              U,
               {
-                className: A(
+                className: y(
                   "flex flex-row items-center gap-xs py-sm  cursor-pointer hover:bg-surface-active hover:outline-none focus:bg-surface-active focus:outline-none",
                   e.hasTopBorder && "border-t border-e-bcolor-subdued",
                   t ? "pr-xs" : "px-md"
                 ),
                 value: d(e),
                 onClick: () => t && m(d(e)),
-                onKeyDown: (l) => T(l, d(e)),
+                onKeyDown: (l) => j(l, d(e)),
                 style: { height: "3rem" },
                 children: /* @__PURE__ */ n("div", { className: "flex items-center", style: { height: "100%" }, children: [
                   t && /* @__PURE__ */ s(
-                    G,
+                    H,
                     {
                       "data-testid": `checkbox-${r}`,
                       checked: o ? o.includes(d(e)) : !1
                     }
                   ),
                   /* @__PURE__ */ n("div", { className: "flex items-center gap-xxs", children: [
-                    e.icon && /* @__PURE__ */ s(k, { ...e.icon, color: e.color ? e.color : "default" }),
+                    e.icon && /* @__PURE__ */ s(A, { ...e.icon, color: e.color ? e.color : "default" }),
                     !e.icon && e.badgeText && /* @__PURE__ */ s(
-                      S,
+                      k,
                       {
                         text: e.badgeText,
                         color: e.color ? e.color : "default"
@@ -151,7 +152,7 @@ const fe = ({
                       g,
                       {
                         swStyle: 1,
-                        children: B(e),
+                        children: T(e),
                         color: e.color ? e.color : "default",
                         className: "whitespace-nowrap overflow-hidden text-ellipsis"
                       }
@@ -168,5 +169,5 @@ const fe = ({
   ) });
 };
 export {
-  fe as DropdownFilter
+  me as DropdownFilter
 };

package/dist/components/molecules/filter/dropdown-selector/styles.js

@@ -2,21 +2,21 @@ import { c as e } from "../../../../index-fN7hCOo3.js";
 const r = e(
   "px-md h-[4rem] w-full flex flex-row justify-between items-center gap-md"
 ), s = e(
-  "px-md h-[4rem] w-auto flex flex-row justify-between items-center gap-xs"
-), n = e(
+  "px-md h-[4rem] w-full flex flex-row justify-between items-center gap-xs"
+), l = e(
   "overflow-hidden bg-surface-default rounded-lg my-[0.3rem] border-[0.15rem] outline-none"
-), o = "flex flex-row items-center gap-xs py-sm px-md cursor-pointer hover:bg-surface-active hover:outline-none focus:bg-surface-active focus:outline-none ", l = "flex items-center justify-center h-[1.5rem] bg-surface-default text-glyph-active cursor-default", c = "flex items-center gap-xs self-stretch", a = {
+), n = "flex flex-row items-center gap-xs py-sm px-md cursor-pointer hover:bg-surface-active hover:outline-none focus:bg-surface-active focus:outline-none ", o = "flex items-center justify-center h-[1.5rem] bg-surface-default text-glyph-active cursor-default", c = "flex items-center gap-xs self-stretch", f = {
   default: "affirmative",
   warning: "warning",
   error: "alert",
   disabled: "disabled"
 };
 export {
-  a as badgeStyleMap,
-  n as contentStyles,
+  f as badgeStyleMap,
+  l as contentStyles,
   s as filterDropdownStyles,
   c as hintStyles,
-  o as itemStyles,
-  l as scrollButtonStyles,
+  n as itemStyles,
+  o as scrollButtonStyles,
   r as triggerStyles
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@temp-spotwork/ui",
   "private": false,
-  "version": "1.4.4",
+  "version": "1.4.6",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",