se-design 1.0.3 → 1.0.8-5.dev.1

package/dist/index5.js

@@ -1,243 +1,46 @@
-import f from "./index59.js";
-import b from "./index60.js";
-import p from "./index61.js";
-import d from "./index62.js";
-import h from "./index63.js";
-import u from "./index64.js";
-import k from "./index65.js";
-import A from "./index66.js";
-import x from "./index67.js";
-import w from "./index68.js";
-import I from "./index69.js";
-import y from "./index70.js";
-import C from "./index71.js";
-import S from "./index72.js";
-import $ from "./index73.js";
-import E from "./index74.js";
-import N from "./index75.js";
-import P from "./index76.js";
-import F from "./index77.js";
-import O from "./index78.js";
-import R from "./index79.js";
-import j from "./index80.js";
-import M from "./index81.js";
-import q from "./index82.js";
-import G from "./index83.js";
-import T from "./index84.js";
-import V from "./index85.js";
-import B from "./index86.js";
-import D from "./index87.js";
-import H from "./index88.js";
-import J from "./index89.js";
-import K from "./index90.js";
-import L from "./index91.js";
-import Q from "./index92.js";
-import U from "./index93.js";
-import W from "./index94.js";
-import X from "./index95.js";
-import Y from "./index96.js";
-import Z from "./index97.js";
-import z from "./index98.js";
-import ss from "./index99.js";
-import os from "./index100.js";
-import _s from "./index101.js";
-import ts from "./index102.js";
-import is from "./index103.js";
-import rs from "./index104.js";
-import es from "./index105.js";
-import cs from "./index106.js";
-import ms from "./index107.js";
-import gs from "./index108.js";
-import vs from "./index109.js";
-import as from "./index110.js";
-import ls from "./index111.js";
-import ns from "./index112.js";
-import fs from "./index113.js";
-import bs from "./index114.js";
-import ps from "./index115.js";
-import ds from "./index116.js";
-import hs from "./index117.js";
-import us from "./index118.js";
-import ks from "./index119.js";
-import As from "./index120.js";
-import xs from "./index121.js";
-import ws from "./index122.js";
-import Is from "./index123.js";
-import ys from "./index124.js";
-import Cs from "./index125.js";
-import Ss from "./index126.js";
-import $s from "./index127.js";
-import Es from "./index128.js";
-import Ns from "./index129.js";
-import Ps from "./index130.js";
-import Fs from "./index131.js";
-import Os from "./index132.js";
-import Rs from "./index133.js";
-import js from "./index134.js";
-import Ms from "./index135.js";
-import qs from "./index136.js";
-import Gs from "./index137.js";
-import Ts from "./index138.js";
-import Vs from "./index139.js";
-import Bs from "./index140.js";
-import Ds from "./index141.js";
-import Hs from "./index142.js";
-import Js from "./index143.js";
-import Ks from "./index144.js";
-import Ls from "./index145.js";
-import Qs from "./index146.js";
-import Us from "./index147.js";
-import Ws from "./index148.js";
-import Xs from "./index149.js";
-import Ys from "./index150.js";
-import Zs from "./index151.js";
-import zs from "./index152.js";
-import so from "./index153.js";
-import oo from "./index154.js";
-import _o from "./index155.js";
-import to from "./index156.js";
-import io from "./index157.js";
-import ro from "./index158.js";
-import eo from "./index159.js";
-import c from "react";
-import { ReactSVG as co } from "./index160.js";
-const mo = /* @__PURE__ */ Object.assign({
-  "/src/assets/icons/ai-search.svg": f,
-  "/src/assets/icons/ai-stars.svg": b,
-  "/src/assets/icons/ai.svg": p,
-  "/src/assets/icons/all-space.svg": d,
-  "/src/assets/icons/attachment.svg": h,
-  "/src/assets/icons/back.svg": u,
-  "/src/assets/icons/banner-demo-img.svg": k,
-  "/src/assets/icons/bell-notification.svg": A,
-  "/src/assets/icons/card.svg": x,
-  "/src/assets/icons/checkbox-disabled-minus.svg": w,
-  "/src/assets/icons/checkbox-disabled-tick.svg": I,
-  "/src/assets/icons/checkbox-disabled.svg": y,
-  "/src/assets/icons/checkbox-field.svg": C,
-  "/src/assets/icons/checkbox-fill.svg": S,
-  "/src/assets/icons/checkbox-hover-fill.svg": $,
-  "/src/assets/icons/checkbox-hover-minus.svg": E,
-  "/src/assets/icons/checkbox-hover-tick.svg": N,
-  "/src/assets/icons/checkbox-minus.svg": P,
-  "/src/assets/icons/checkbox-tick.svg": F,
-  "/src/assets/icons/checked-circle.svg": O,
-  "/src/assets/icons/checkmark.svg": R,
-  "/src/assets/icons/chevron.svg": j,
-  "/src/assets/icons/clock.svg": M,
-  "/src/assets/icons/close.svg": q,
-  "/src/assets/icons/command.svg": G,
-  "/src/assets/icons/csv-file.svg": T,
-  "/src/assets/icons/csv.svg": V,
-  "/src/assets/icons/date-field.svg": B,
-  "/src/assets/icons/delete.svg": D,
-  "/src/assets/icons/doc-file.svg": H,
-  "/src/assets/icons/docFile.svg": J,
-  "/src/assets/icons/download.svg": K,
-  "/src/assets/icons/edit-text.svg": L,
-  "/src/assets/icons/email-field.svg": Q,
-  "/src/assets/icons/email.svg": U,
-  "/src/assets/icons/fields-create.svg": W,
-  "/src/assets/icons/fields-panel.svg": X,
-  "/src/assets/icons/file-empty.svg": Y,
-  "/src/assets/icons/file-red.svg": Z,
-  "/src/assets/icons/file.svg": z,
-  "/src/assets/icons/fill-and-sign.svg": ss,
-  "/src/assets/icons/folder-empty.svg": os,
-  "/src/assets/icons/folder.svg": _s,
-  "/src/assets/icons/gmail.svg": ts,
-  "/src/assets/icons/hamburger.svg": is,
-  "/src/assets/icons/hashtag.svg": rs,
-  "/src/assets/icons/help-question.svg": es,
-  "/src/assets/icons/history.svg": cs,
-  "/src/assets/icons/home.svg": ms,
-  "/src/assets/icons/hourglass.svg": gs,
-  "/src/assets/icons/image-field.svg": vs,
-  "/src/assets/icons/info.svg": as,
-  "/src/assets/icons/initials-field.svg": ls,
-  "/src/assets/icons/kebab-menu.svg": ns,
-  "/src/assets/icons/move-folder.svg": fs,
-  "/src/assets/icons/name-field.svg": bs,
-  "/src/assets/icons/next.svg": ps,
-  "/src/assets/icons/observer.svg": ds,
-  "/src/assets/icons/office-building.svg": hs,
-  "/src/assets/icons/onedrive.svg": us,
-  "/src/assets/icons/outlook.svg": ks,
-  "/src/assets/icons/padlock.svg": As,
-  "/src/assets/icons/pages.svg": xs,
-  "/src/assets/icons/pdf-file.svg": ws,
-  "/src/assets/icons/people.svg": Is,
-  "/src/assets/icons/photo.svg": ys,
-  "/src/assets/icons/radio-field.svg": Cs,
-  "/src/assets/icons/radio-filled.svg": Ss,
-  "/src/assets/icons/radio.svg": $s,
-  "/src/assets/icons/reset.svg": Es,
-  "/src/assets/icons/return.svg": Ns,
-  "/src/assets/icons/rightSide.svg": Ps,
-  "/src/assets/icons/rotate-left.svg": Fs,
-  "/src/assets/icons/rotate-right.svg": Os,
-  "/src/assets/icons/rounded-plus.svg": Rs,
-  "/src/assets/icons/search.svg": js,
-  "/src/assets/icons/select-files.svg": Ms,
-  "/src/assets/icons/shield-with-tick.svg": qs,
-  "/src/assets/icons/shield.svg": Gs,
-  "/src/assets/icons/shipment-private.svg": Ts,
-  "/src/assets/icons/shipment.svg": Vs,
-  "/src/assets/icons/sidebar.svg": Bs,
-  "/src/assets/icons/signature-field.svg": Ds,
-  "/src/assets/icons/signer.svg": Hs,
-  "/src/assets/icons/slideout.svg": Js,
-  "/src/assets/icons/sms.svg": Ks,
-  "/src/assets/icons/sort-asc.svg": Ls,
-  "/src/assets/icons/sort-desc.svg": Qs,
-  "/src/assets/icons/sort.svg": Us,
-  "/src/assets/icons/space.svg": Ws,
-  "/src/assets/icons/stamp-field.svg": Xs,
-  "/src/assets/icons/stop.svg": Ys,
-  "/src/assets/icons/success-check.svg": Zs,
-  "/src/assets/icons/tag.svg": zs,
-  "/src/assets/icons/text-field.svg": so,
-  "/src/assets/icons/tick.svg": oo,
-  "/src/assets/icons/title-field.svg": _o,
-  "/src/assets/icons/upload-csv.svg": to,
-  "/src/assets/icons/webinar-widget.svg": io,
-  "/src/assets/icons/white-close.svg": ro,
-  "/src/assets/icons/widget-demo-image.svg": eo
-}), m = (s, _, t, o) => {
-  _ && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", _), t && s.hasAttribute("stroke") && s.setAttribute("stroke", t), o && s.hasAttribute("width") && s.setAttribute("width", o.toString()), o && s.hasAttribute("height") && s.setAttribute("height", o.toString()), Array.from(s.children).forEach((r) => {
-    m(r, _, t);
-  });
-}, rt = (s) => {
-  const {
-    name: _ = "",
-    className: t = "",
-    onClick: o,
-    fill: r,
-    stroke: g,
-    rotation: v = "0",
-    size: a,
-    shouldStopPropagation: l = !1
-  } = s, n = {
-    0: "",
-    90: "rotate-90",
-    180: "rotate-180",
-    270: "-rotate-90"
-  }, e = mo[`/src/assets/icons/${_}.svg`];
-  return e ? /* @__PURE__ */ c.createElement("div", {
-    className: `se-design-svg-wrapper transition-transform duration-250 ease-linear ${o ? "cursor-pointer" : ""} ${t} ${n[v]}`,
-    onClick: (i) => {
-      l && i.stopPropagation(), o?.();
-    },
-    "data-automation-id": s?.automationId
-  }, /* @__PURE__ */ c.createElement(co, {
-    src: e,
-    wrapper: "span",
-    beforeInjection: (i) => {
-      i.setAttribute("aria-hidden", "true"), i.setAttribute("role", "none"), m(i, r, g, a);
+import e, { useRef as y } from "react";
+import { Button as C } from "./index4.js";
+const E = ({
+  onFileSelect: c,
+  accept: r,
+  multiple: f = !1,
+  buttonLabel: s,
+  buttonType: u = "primary",
+  buttonSize: m = "md",
+  disabled: t = !1,
+  className: p = "",
+  triggerElement: l,
+  automationId: d = ""
+}) => {
+  const n = y(null), a = () => {
+    n.current?.click();
+  }, k = (i) => {
+    const o = i.target.files;
+    o && (c(o), i.target.value = "");
+  };
+  return /* @__PURE__ */ e.createElement("div", {
+    className: p
+  }, /* @__PURE__ */ e.createElement("input", {
+    type: "file",
+    ref: n,
+    onChange: k,
+    accept: r,
+    multiple: f,
+    style: {
+      display: "none"
     }
-  })) : (console.error(`Icon "${_}" not found in ICON_MAP.`), null);
+  }), l ? /* @__PURE__ */ e.createElement("div", {
+    onClick: t ? void 0 : a
+  }, l) : /* @__PURE__ */ e.createElement(C, {
+    type: u,
+    size: m,
+    label: s,
+    onClick: a,
+    disabled: t,
+    "data-automation-id": d
+  }));
 };
 export {
-  rt as Icon
+  E as FilePicker
 };
 //# sourceMappingURL=index5.js.map

package/dist/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ReactSVG } from 'react-svg';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', {\n  eager: true,\n  query: '?url',\n  import: 'default'\n});\n\nexport type IconProps = {\n  name: string;\n  className?: string;\n  onClick?: () => void;\n  fill?: string;\n  stroke?: string;\n  rotation?: '0' | '90' | '180' | '270';\n  size?: number;\n  shouldStopPropagation?: boolean;\n  automationId?: string;\n};\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string, size?: number) => {\n  // Only modify existing attributes\n  if (fill && element.hasAttribute('fill')) {\n    const currentFill = element.getAttribute('fill');\n    // Only update if the current fill is not \"none\"\n    if (currentFill !== 'none') {\n      element.setAttribute('fill', fill);\n    }\n  }\n\n  if (stroke && element.hasAttribute('stroke')) {\n    element.setAttribute('stroke', stroke);\n  }\n\n  if (size && element.hasAttribute('width')) {\n    element.setAttribute('width', size.toString());\n  }\n\n  if (size && element.hasAttribute('height')) {\n    element.setAttribute('height', size.toString());\n  }\n\n  // Recursively apply to all child elements\n  Array.from(element.children).forEach((child) => {\n    applyAttributesToElement(child, fill, stroke);\n  });\n};\n\nexport const Icon: FC<IconProps> = (props) => {\n  const {\n    name = '',\n    className = '',\n    onClick,\n    fill,\n    stroke,\n    rotation = '0',\n    size,\n    shouldStopPropagation = false\n  } = props;\n  const iconRotationClasses = {\n    '0': '',\n    '90': 'rotate-90',\n    '180': 'rotate-180',\n    '270': '-rotate-90'\n  };\n  const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n  if (!src) {\n    console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n    return null;\n  }\n\n  return (\n    <div\n      className={`se-design-svg-wrapper transition-transform duration-250 ease-linear ${onClick ? 'cursor-pointer' : ''} ${className} ${iconRotationClasses[rotation]}`}\n      onClick={(e) => {\n        shouldStopPropagation && e.stopPropagation();\n        onClick?.();\n      }}\n      data-automation-id={props?.automationId}\n    >\n      <ReactSVG\n        src={src}\n        wrapper=\"span\"\n        beforeInjection={(svg) => {\n          svg.setAttribute('aria-hidden', 'true');\n          svg.setAttribute('role', 'none');\n          applyAttributesToElement(svg, fill, stroke, size);\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["ICON_MAP","import","applyAttributesToElement","element","fill","stroke","size","hasAttribute","getAttribute","setAttribute","toString","Array","from","children","forEach","child","Icon","props","name","className","onClick","rotation","shouldStopPropagation","iconRotationClasses","src","React","createElement","e","stopPropagation","automationId","ReactSVG","wrapper","beforeInjection","svg","error"],"mappings":"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"}
+{"version":3,"file":"index5.js","sources":["../src/components/FilePicker/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Button } from '../Button';\n\nexport interface FilePickerProps {\n  /**\n   * Callback function when files are selected\n   */\n  onFileSelect: (files: FileList) => void;\n  /**\n   * Accepted file types (e.g., \".pdf,.doc,.docx\")\n   */\n  accept?: string;\n  /**\n   * Allow multiple file selection\n   */\n  multiple?: boolean;\n  /**\n   * Label for the button\n   */\n  buttonLabel: string;\n  /**\n   * Type of the button\n   */\n  buttonType?: 'primary' | 'secondary' | 'ghost' | 'link';\n  /**\n   * Size of the button\n   */\n  buttonSize?: 'sm' | 'md' | 'lg';\n  /**\n   * Disabled state\n   */\n  disabled?: boolean;\n  /**\n   * Custom class name\n   */\n  className?: string;\n  /**\n   * Custom trigger element (button, menu item, icon, etc.)\n   * If provided, buttonLabel, buttonType, and buttonSize will be ignored\n   */\n  triggerElement?: React.ReactNode;\n  /**\n   * Automation ID for testing\n   */\n  automationId?: string;\n}\n\nexport const FilePicker: React.FC<FilePickerProps> = ({\n  onFileSelect,\n  accept,\n  multiple = false,\n  buttonLabel,\n  buttonType = 'primary',\n  buttonSize = 'md',\n  disabled = false,\n  className = '',\n  triggerElement,\n  automationId = '',\n}) => {\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const handleButtonClick = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const files = event.target.files;\n    if (files) {\n      onFileSelect(files);\n      // Reset the input value to allow selecting the same file again\n      event.target.value = '';\n    }\n  };\n\n  return (\n    <div className={className}>\n      <input\n        type=\"file\"\n        ref={fileInputRef}\n        onChange={handleFileChange}\n        accept={accept}\n        multiple={multiple}\n        style={{ display: 'none' }}\n      />\n      {triggerElement ? (\n        <div onClick={disabled ? undefined : handleButtonClick}>\n          {triggerElement}\n        </div>\n      ) : (\n        <Button\n          type={buttonType}\n          size={buttonSize}\n          label={buttonLabel}\n          onClick={handleButtonClick}\n          disabled={disabled}\n          data-automation-id={automationId}\n        />\n      )}\n    </div>\n  );\n}; "],"names":["FilePicker","onFileSelect","accept","multiple","buttonLabel","buttonType","buttonSize","disabled","className","triggerElement","automationId","fileInputRef","useRef","handleButtonClick","current","click","handleFileChange","event","files","target","value","React","createElement","type","ref","onChange","style","display","onClick","undefined","Button","size","label"],"mappings":";;AA+CO,MAAMA,IAAwCA,CAAC;AAAA,EACpDC,cAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,aAAAA;AAAAA,EACAC,YAAAA,IAAa;AAAA,EACbC,YAAAA,IAAa;AAAA,EACbC,UAAAA,IAAW;AAAA,EACXC,WAAAA,IAAY;AAAA,EACZC,gBAAAA;AAAAA,EACAC,cAAAA,IAAe;AACjB,MAAM;AACJ,QAAMC,IAAeC,EAAyB,IAAI,GAE5CC,IAAoBA,MAAM;AAC9BF,IAAAA,EAAaG,SAASC,MAAAA;AAAAA,EACxB,GAEMC,IAAmBA,CAACC,MAA+C;AACvE,UAAMC,IAAQD,EAAME,OAAOD;AAC3B,IAAIA,MACFjB,EAAaiB,CAAK,GAElBD,EAAME,OAAOC,QAAQ;AAAA,EAEzB;AAEA,SACEC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKd,WAAAA;AAAAA,EAAAA,GACHa,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEC,MAAK;AAAA,IACLC,KAAKb;AAAAA,IACLc,UAAUT;AAAAA,IACVd,QAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAuB,OAAO;AAAA,MAAEC,SAAS;AAAA,IAAA;AAAA,EAAO,CAC1B,GACAlB,IACCY,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKM,SAASrB,IAAWsB,SAAYhB;AAAAA,EAAAA,GAClCJ,CACE,IAELY,gBAAAA,EAAAC,cAACQ,GAAM;AAAA,IACLP,MAAMlB;AAAAA,IACN0B,MAAMzB;AAAAA,IACN0B,OAAO5B;AAAAA,IACPwB,SAASf;AAAAA,IACTN,UAAAA;AAAAA,IACA,sBAAoBG;AAAAA,EAAAA,CACrB,CAEA;AAET;"}

package/dist/index50.js

@@ -1,68 +1,89 @@
 import t from "react";
-import { Icon as C } from "./index5.js";
+import { Icon as u } from "./index6.js";
+import { Popover as v } from "./index19.js";
+import { MenuList as E } from "./index18.js";
 /* empty css         */
-function x({
-  disabled: c,
-  error: a,
-  errorMessage: h,
-  inputStyle: w,
-  label: s,
-  leftIcon: l,
-  maxLength: n,
-  onChange: v,
-  onClick: i,
-  placeholder: f,
-  rightIcon: r,
-  style: p,
-  tag: E,
-  type: $ = "text",
-  value: m,
-  className: N = "",
-  automationId: I = ""
-}) {
-  const g = E || "input", d = (e) => {
-    if (!e) return null;
-    const o = c || e.disabled;
+function c() {
+  return c = Object.assign ? Object.assign.bind() : function(a) {
+    for (var n = 1; n < arguments.length; n++) {
+      var i = arguments[n];
+      for (var o in i) ({}).hasOwnProperty.call(i, o) && (a[o] = i[o]);
+    }
+    return a;
+  }, c.apply(null, arguments);
+}
+const s = {
+  container: "se-design-breadcrumbs flex items-center",
+  itemLabel: "se-design-breadcrumbs-item-label inline-flex items-center w-fit"
+}, P = ({
+  crumbs: a,
+  onCrumbClick: n,
+  className: i = "",
+  ariaLabel: o = "Breadcrumb",
+  headingLevel: g = 1
+}) => {
+  if (a?.length === 1) {
+    const e = `h${g}`;
     return /* @__PURE__ */ t.createElement("div", {
-      className: `input-with-icon-icon input-with-icon-icon-${e.position} ${e.className || ""} ${o ? "disabled" : ""} ${e.disableHover ? "no-hover" : ""}`,
-      style: e.style,
-      onClick: o ? void 0 : (u) => {
-        e.onClick && e.onClick(), i && i(u);
+      className: `${s.container} ${i}`,
+      "data-automation-id": "breadcrumbs-container"
+    }, /* @__PURE__ */ t.createElement(e, {
+      className: `${s.itemLabel} single-crumb`
+    }, a[0].label));
+  }
+  const m = a?.length > 3, d = m ? a?.slice(-2) : a, b = m ? a?.slice(0, -2) : [], l = (e) => e === d?.length - 1, f = (e) => l(e) ? `${s.itemLabel} highlighted-crumb` : `${s.itemLabel} unhighlighted-crumb`;
+  return /* @__PURE__ */ t.createElement("nav", {
+    className: `${s.container} ${i}`,
+    "aria-label": o,
+    "data-automation-id": "breadcrumbs-container"
+  }, b?.length > 0 && /* @__PURE__ */ t.createElement(v, {
+    className: "se-design-overflow-breadcrumbs",
+    position: "bottom-left",
+    noBorder: !0,
+    ariaLabel: "Show more breadcrumbs",
+    renderPopoverSrcElement: ({
+      displayPopover: e
+    }) => /* @__PURE__ */ t.createElement("div", {
+      className: `overflow-breadcrumbs-src-element px-1.5 py-1.5 rounded-md hover:cursor-pointer ${e ? "bg-[var(--color-blue-200)]" : ""}`,
+      "data-automation-id": "breadcrumbs-kebab-menu"
+    }, /* @__PURE__ */ t.createElement(u, {
+      name: "kebab-menu"
+    })),
+    renderPopoverContents: ({
+      closePopoverCb: e
+    }) => /* @__PURE__ */ t.createElement(E, {
+      items: b.map((r) => ({
+        id: String(r?.id),
+        label: r?.label,
+        onClick: () => {
+          n?.(r), e();
+        }
+      }))
+    })
+  }), /* @__PURE__ */ t.createElement("ol", {
+    className: "se-design-breadcrumbs-list inline-flex items-center"
+  }, d?.map((e, r) => {
+    const p = l(r) ? "span" : "a";
+    return /* @__PURE__ */ t.createElement("li", {
+      key: e?.id,
+      className: "se-design-breadcrumbs-item inline-flex items-center w-fit text-xl"
+    }, (r > 0 || m) && /* @__PURE__ */ t.createElement(u, {
+      name: "chevron",
+      rotation: "270"
+    }), /* @__PURE__ */ t.createElement(p, c({}, l(r) ? {
+      "aria-current": "page"
+    } : {
+      href: e.href ?? "#",
+      onClick: (h) => {
+        e.href || h.preventDefault(), n?.(e);
       }
-    }, /* @__PURE__ */ t.createElement(C, {
-      name: e.name
-    }));
-  }, b = !!l, y = !!r;
-  return /* @__PURE__ */ t.createElement("div", {
-    className: `input-with-icon-main-container ${N}`,
-    style: p,
-    "data-automation-id": I
-  }, s && /* @__PURE__ */ t.createElement("div", {
-    className: "label-container"
-  }, s), /* @__PURE__ */ t.createElement("div", {
-    className: `input-with-icon-wrapper ${b ? "has-left-icon" : ""} ${y ? "has-right-icon" : ""}`,
-    onClick: i ? (e) => {
-      e.target.closest(".input-with-icon-icon") || i(e);
-    } : void 0
-  }, d(l), /* @__PURE__ */ t.createElement(g, {
-    value: m,
-    onChange: (e) => v(e.target.value),
-    onClick: i,
-    disabled: c,
-    type: $,
-    className: `input-with-icon-element ${a ? "input-with-icon-container-error" : "input-with-icon-container-default"} ${c ? "input-with-icon-container-disabled" : ""}`,
-    maxLength: n || void 0,
-    placeholder: f,
-    style: w
-  }), d(r)), (a || n) && /* @__PURE__ */ t.createElement("div", {
-    className: `${a ? "error-and-max-word" : "max-word-container"}`
-  }, a && /* @__PURE__ */ t.createElement("div", {
-    className: "error-message"
-  }, h), n && /* @__PURE__ */ t.createElement("div", {
-    className: "max-word"
-  }, n && m?.length + "/" + n)));
-}
+    }, {
+      className: `${f(r)}${l(r) ? "" : " cursor-pointer focus-outline"}`,
+      "data-automation-id": e?.automationId || `breadcrumbs-item-${r}`
+    }), e?.label));
+  })));
+};
 export {
-  x as InputWithIcon
+  P as BreadCrumbs
 };
 //# sourceMappingURL=index50.js.map

package/dist/index50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index50.js","sources":["../src/components/InputWithIcon/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../Icon';\nimport './styles.scss';\n\nexport interface InputIconProps {\n  className?: string;\n  disabled?: boolean;\n  disableHover?: boolean;\n  name: string;\n  onClick?: () => void;\n  position: 'left' | 'right';\n  style?: React.CSSProperties;\n}\n\nexport interface InputWithIconProps {\n  disabled?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  inputStyle?: React.CSSProperties;\n  label?: string;\n  leftIcon?: InputIconProps;\n  maxLength?: number | undefined;\n  onChange: (value: string) => void;\n  onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;\n  placeholder?: string;\n  rightIcon?: InputIconProps;\n  style?: React.CSSProperties;\n  tag?: string;\n  type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';\n  value: string;\n  className?: string;\n  automationId?: string;\n}\n\nexport function InputWithIcon({\n  disabled,\n  error,\n  errorMessage,\n  inputStyle,\n  label,\n  leftIcon,\n  maxLength,\n  onChange,\n  onClick,\n  placeholder,\n  rightIcon,\n  style,\n  tag,\n  type = 'text',\n  value,\n  className = '',\n  automationId = ''\n}: InputWithIconProps) {\n  const Element = tag || 'input';\n\n  const renderIcon = (iconProps: InputIconProps) => {\n    if (!iconProps) return null;\n    \n    const isIconDisabled = disabled || iconProps.disabled;\n    \n    return (\n      <div \n        className={`input-with-icon-icon input-with-icon-icon-${iconProps.position} ${iconProps.className || ''} ${isIconDisabled ? 'disabled' : ''} ${iconProps.disableHover ? 'no-hover' : ''}`}\n        style={iconProps.style}\n        onClick={isIconDisabled ? undefined : (e) => {\n          // First trigger the icon's own onClick handler\n          if (iconProps.onClick) {\n            iconProps.onClick();\n          }\n          // Then also trigger the input's onClick handler\n          if (onClick) {\n            onClick(e as any);\n          }\n        }}\n      >\n        <Icon name={iconProps.name} />\n      </div>\n    );\n  };\n\n  const hasLeftIcon = !!leftIcon;\n  const hasRightIcon = !!rightIcon;\n\n  return (\n    <div className={`input-with-icon-main-container ${className}`} style={style} data-automation-id={automationId}>\n      {label && <div className=\"label-container\">{label}</div>}\n      <div \n        className={`input-with-icon-wrapper ${hasLeftIcon ? 'has-left-icon' : ''} ${hasRightIcon ? 'has-right-icon' : ''}`}\n        onClick={onClick ? (e) => {\n          // Trigger input onClick when clicking on wrapper area (but not on icons, as they handle it themselves)\n          const target = e.target as HTMLElement;\n          const isClickingIcon = target.closest('.input-with-icon-icon');\n          \n          if (!isClickingIcon) {\n            onClick(e as any);\n          }\n        } : undefined}\n      >\n        {renderIcon(leftIcon!)}\n        {React.createElement(Element, {\n          value,\n          onChange: (e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value),\n          onClick: onClick,\n          disabled,\n          type,\n          className: `input-with-icon-element ${error ? 'input-with-icon-container-error' : 'input-with-icon-container-default'} ${disabled ? 'input-with-icon-container-disabled' : ''}`,\n          maxLength: maxLength ? maxLength : undefined,\n          placeholder: placeholder,\n          style: inputStyle\n        })}\n        {renderIcon(rightIcon!)}\n      </div>\n      {(error || maxLength) &&\n        <div className={`${error ? 'error-and-max-word' : 'max-word-container'}`}>\n          {error && <div className=\"error-message\">{errorMessage}</div>}\n          {maxLength && <div className=\"max-word\">{maxLength && value?.length + '/' + maxLength}</div>}\n        </div>\n      }\n    </div>\n  );\n}\n"],"names":["React__default","Icon","InputWithIcon","disabled","error","errorMessage","inputStyle","label","leftIcon","maxLength","onChange","onClick","placeholder","rightIcon","style","tag","type","value","className","automationId","Element","renderIcon","iconProps","isIconDisabled","React","createElement","position","disableHover","undefined","e","name","hasLeftIcon","hasRightIcon","target","closest","length"],"mappings":"AAkCO,OAAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,OAAA;AAAA,SAASC,EAAc;AAAA,EAC5BC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,OAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AACG,GAAG;AACrB,QAAMC,IAAUL,KAAO,SAEjBM,IAAaA,CAACC,MAA8B;AAC5C,QAAA,CAACA,EAAkB,QAAA;AAEjBC,UAAAA,IAAiBpB,KAAYmB,EAAUnB;AAG3CqB,WAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACEP,WAAW,6CAA6CI,EAAUI,QAAQ,IAAIJ,EAAUJ,aAAa,EAAE,IAAIK,IAAiB,aAAa,EAAE,IAAID,EAAUK,eAAe,aAAa,EAAE;AAAA,MACvLb,OAAOQ,EAAUR;AAAAA,MACjBH,SAASY,IAAiBK,SAAaC,CAAMA,MAAA;AAE3C,QAAIP,EAAUX,WACZW,EAAUX,QAAQ,GAGhBA,KACFA,EAAQkB,CAAQ;AAAA,MAEpB;AAAA,IAAA,GAEAJ,gBAAAA,EAAAA,cAACxB,GAAI;AAAA,MAAC6B,MAAMR,EAAUQ;AAAAA,IAAO,CAAA,CAC1B;AAAA,EAAA,GAIHC,IAAc,CAAC,CAACvB,GAChBwB,IAAe,CAAC,CAACnB;AAGrBW,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKP,WAAW,kCAAkCA,CAAS;AAAA,IAAIJ,OAAAA;AAAAA,IAAc,sBAAoBK;AAAAA,EAC9FZ,GAAAA,KAASkB,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKP,WAAU;AAAA,EAAmBX,GAAAA,CAAW,GACvDiB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEP,WAAW,2BAA2Ba,IAAc,kBAAkB,EAAE,IAAIC,IAAe,mBAAmB,EAAE;AAAA,IAChHrB,SAASA,IAAWkB,CAAM,MAAA;AAKxB,MAHeA,EAAEI,OACaC,QAAQ,uBAAuB,KAG3DvB,EAAQkB,CAAQ;AAAA,IAEhBD,IAAAA;AAAAA,KAEHP,EAAWb,CAAS,GACpBgB,gBAAAA,EAAMC,cAAcL,GAAS;AAAA,IAC5BH,OAAAA;AAAAA,IACAP,UAAUA,CAACmB,MAA2CnB,EAASmB,EAAEI,OAAOhB,KAAK;AAAA,IAC7EN,SAAAA;AAAAA,IACAR,UAAAA;AAAAA,IACAa,MAAAA;AAAAA,IACAE,WAAW,2BAA2Bd,IAAQ,oCAAoC,mCAAmC,IAAID,IAAW,uCAAuC,EAAE;AAAA,IAC7KM,WAAWA,KAAwBmB;AAAAA,IACnChB,aAAAA;AAAAA,IACAE,OAAOR;AAAAA,EAAAA,CACR,GACAe,EAAWR,CAAU,CACnB,IACHT,KAASK,MACTgB,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKP,WAAW,GAAGd,IAAQ,uBAAuB,oBAAoB;AAAA,EACnEA,GAAAA,KAASqB,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKP,WAAU;AAAA,KAAiBb,CAAkB,GAC3DI,KAAae,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKP,WAAU;AAAA,EAAA,GAAYT,KAAaQ,GAAOkB,SAAS,MAAM1B,CAAe,CACxF,CAEJ;AAET;"}
+{"version":3,"file":"index50.js","sources":["../src/components/BreadCrumbs/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../Icon';\nimport { Popover } from '../Popover';\nimport { MenuList } from '../MenuList';\n\nimport './style.scss';\n\ninterface Crumb {\n  id: string | number;\n  label: string;\n  href?: string;\n  automationId?: string;\n}\n\nconst breadCrumbsClassNames = {\n  container: 'se-design-breadcrumbs flex items-center',\n  itemLabel: 'se-design-breadcrumbs-item-label inline-flex items-center w-fit',\n};\n\ninterface BreadCrumbsProps {\n  crumbs: Crumb[];\n  onCrumbClick?: (crumb: Crumb) => void;\n  className?: any;\n  /** Accessible name for the breadcrumb navigation landmark. Defaults to \"Breadcrumb\".  */\n  ariaLabel?: string;\n  /** Heading level to use when only a single crumb is provided. Defaults to 1. */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nexport const BreadCrumbs: React.FC<BreadCrumbsProps> = ({ crumbs, onCrumbClick, className = '', ariaLabel = 'Breadcrumb', headingLevel = 1 }) => {\n  const isSingleCrumb = crumbs?.length === 1;\n\n  if (isSingleCrumb) {\n    const HeadingTag = `h${headingLevel}` as React.ElementType;\n    return (\n      <div className={`${breadCrumbsClassNames.container} ${className}`} data-automation-id=\"breadcrumbs-container\">\n        <HeadingTag className={`${breadCrumbsClassNames.itemLabel} single-crumb`}>\n          {crumbs[0].label}\n        </HeadingTag>\n      </div>\n    );\n  }\n\n  const shouldShowDropdown = crumbs?.length > 3;\n  const visibleCrumbs = shouldShowDropdown ? crumbs?.slice(-2) : crumbs;\n  const dropdownCrumbs = shouldShowDropdown ? crumbs?.slice(0, -2) : [];\n\n  const isCurrentPage = (index: number) => index === visibleCrumbs?.length - 1;\n\n  const getLabelClassNames = (index: number) => {\n    if (isCurrentPage(index)) {\n      return `${breadCrumbsClassNames.itemLabel} highlighted-crumb`;\n    }\n    return `${breadCrumbsClassNames.itemLabel} unhighlighted-crumb`;\n  };\n\n  return (\n    <nav className={`${breadCrumbsClassNames.container} ${className}`} aria-label={ariaLabel} data-automation-id=\"breadcrumbs-container\">\n      {dropdownCrumbs?.length > 0 && (\n        <Popover\n          className=\"se-design-overflow-breadcrumbs\"\n          position=\"bottom-left\"\n          noBorder\n          ariaLabel=\"Show more breadcrumbs\"\n          renderPopoverSrcElement={({ displayPopover }) => {\n            return (\n              <div\n                className={`overflow-breadcrumbs-src-element px-1.5 py-1.5 rounded-md hover:cursor-pointer ${\n                  displayPopover ? 'bg-[var(--color-blue-200)]' : ''\n                }`}\n                data-automation-id=\"breadcrumbs-kebab-menu\"\n              >\n                <Icon name=\"kebab-menu\" />\n              </div>\n            );\n          }}\n          renderPopoverContents={({ closePopoverCb }) => (\n            <MenuList\n              items={dropdownCrumbs.map((crumb) => ({\n                id: String(crumb?.id),\n                label: crumb?.label,\n                onClick: () => {\n                  onCrumbClick?.(crumb);\n                  closePopoverCb();\n                }\n              }))}\n            />\n          )}\n        />\n      )}\n      <ol className=\"se-design-breadcrumbs-list inline-flex items-center\">\n        {visibleCrumbs?.map((crumb, index) => {\n          const Tag = isCurrentPage(index) ? 'span' : 'a';// current page should not be clickable\n          return (\n            <li key={crumb?.id} className=\"se-design-breadcrumbs-item inline-flex items-center w-fit text-xl\">\n              {(index > 0 || shouldShowDropdown) && <Icon name=\"chevron\" rotation={'270'} />}\n              <Tag\n                {...(isCurrentPage(index)\n                  ? { 'aria-current': 'page' as const }\n                  : {\n                      href: crumb.href ?? '#',\n                      onClick: (e: React.MouseEvent<HTMLAnchorElement>) => {\n                        if (!crumb.href) e.preventDefault();\n                        onCrumbClick?.(crumb);\n                      }\n                    })}\n                className={`${getLabelClassNames(index)}${!isCurrentPage(index) ? ' cursor-pointer focus-outline' : ''}`}\n                data-automation-id={crumb?.automationId || `breadcrumbs-item-${index}`}\n              >\n                {crumb?.label}\n              </Tag>\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["breadCrumbsClassNames","container","itemLabel","BreadCrumbs","crumbs","onCrumbClick","className","ariaLabel","headingLevel","length","HeadingTag","React","createElement","label","shouldShowDropdown","visibleCrumbs","slice","dropdownCrumbs","isCurrentPage","index","getLabelClassNames","Popover","position","noBorder","renderPopoverSrcElement","displayPopover","Icon","name","renderPopoverContents","closePopoverCb","MenuList","items","map","crumb","id","String","onClick","Tag","key","rotation","_extends","href","e","preventDefault","automationId"],"mappings":"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"}