se-design 0.0.94 → 0.0.96

package/dist/index14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index14.js","sources":["../src/utils/iconNames.ts"],"sourcesContent":["export const iconNames = [\n  \"pages\",\n  \"back\",\n  \"close\",\n  \"down\",\n];"],"names":["iconNames"],"mappings":"AAAO,MAAMA,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"index14.js","sources":["../src/components/Header/index.tsx"],"sourcesContent":["import { FC } from 'react';\n\nexport interface HeaderProps {\n  leftContainer?: React.ReactNode;\n  centerContainer?: React.ReactNode;\n  rightContainer?: React.ReactNode;\n  type?: string;\n}\n\nexport const Header: FC<HeaderProps> = ({\n  leftContainer,\n  centerContainer,\n  rightContainer,\n  ...props\n}) => {\n  return (\n    <header className={`sticky top-0 h-[35px] w-full z-[1000] bg-gradient-to-r from-[#48AFF1] to-[#5F79AC] flex justify-between items-center ${\n      props?.type === 'fixed' ? 'fixed left-0 right-0 top-0' : ''\n    }`}>\n      {leftContainer && <>{leftContainer}</>}\n      {centerContainer && <>{centerContainer}</>}\n      {rightContainer && <>{rightContainer}</>}\n    </header>\n  );\n};\n"],"names":["Header","leftContainer","centerContainer","rightContainer","props","jsxs"],"mappings":";AASO,MAAMA,IAA0B,CAAC;AAAA,EACtC,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA,KAAC,YAAO,WAAW,yHACjBD,KAAA,gBAAAA,EAAO,UAAS,UAAU,+BAA+B,EAC3D,IACG,UAAA;AAAA,EAAAH,yCAAoB,UAAcA,EAAA,CAAA;AAAA,EAClCC,yCAAsB,UAAgBA,EAAA,CAAA;AAAA,EACtCC,yCAAqB,UAAeA,EAAA,CAAA;AACvC,EAAA,CAAA;"}

package/dist/index15.js

@@ -1,5 +1,37 @@
-var e = { exports: {} };
+import { j as e } from "./index18.js";
+import { Popup as l } from "./index13.js";
+const u = ({
+  menuItems: n,
+  className: s = "",
+  automationId: i = "",
+  popupContentAutomationId: d = "",
+  onMenuItemClick: o
+}) => /* @__PURE__ */ e.jsx(
+  l,
+  {
+    className: s,
+    position: "bottom-left",
+    automationId: i,
+    popupContentAutomationId: d,
+    renderPopupSrcElement: ({ displayPopup: r }) => /* @__PURE__ */ e.jsx("div", { className: `${r ? "bg-[rgba(0,0,0,0.20)]" : ""} hover:bg-[rgba(0,0,0,0.20)] rounded-[6px] transition-all duration-300`, children: /* @__PURE__ */ e.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ e.jsx("path", { d: "M6 8.25H22", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M6 14H22", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M6 19.75H22", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+    ] }) }),
+    renderPopupContents: ({ closePopupCb: r }) => /* @__PURE__ */ e.jsx("div", { className: "min-w-[212px]", children: n.map((t, a) => /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "w-full text-left p-2 hover:bg-[var(--color-blue-100)] rounded-[6px]",
+        onClick: () => {
+          o && o(t.label), r();
+        },
+        children: t.label
+      },
+      a
+    )) })
+  }
+);
 export {
-  e as __module
+  u as HamburgerMenu
 };
 //# sourceMappingURL=index15.js.map

package/dist/index15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index15.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index15.js","sources":["../src/components/HamburgerMenu/index.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Popup } from 'src/components/Popup';\nimport { MenuItemProps } from 'src/components/MenuItem';\n\n\nexport interface HamburgerMenuProps {\n  menuItems: MenuItemProps[];\n  className?: string;\n  automationId?: string;\n  popupContentAutomationId?: string;\n  onMenuItemClick?: (label: string) => void;\n}\n\nexport const HamburgerMenu: FC<HamburgerMenuProps> = ({\n  menuItems,\n  className = '',\n  automationId = '',\n  popupContentAutomationId = '',\n  onMenuItemClick\n}) => {\n  return (\n    <Popup\n      className={className}\n      position='bottom-left'\n      automationId={automationId}\n      popupContentAutomationId={popupContentAutomationId}\n      renderPopupSrcElement={({ displayPopup }) => (\n        <div className={`${displayPopup ? 'bg-[rgba(0,0,0,0.20)]' : ''} hover:bg-[rgba(0,0,0,0.20)] rounded-[6px] transition-all duration-300`}>\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M6 8.25H22\" stroke=\"white\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M6 14H22\" stroke=\"white\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M6 19.75H22\" stroke=\"white\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n            </svg>\n        </div>\n      )}\n      renderPopupContents={({ closePopupCb }) => (\n        <div className=\"min-w-[212px]\">\n          {menuItems.map((item, index) => (\n            <div\n              key={index}\n              className=\"w-full text-left p-2 hover:bg-[var(--color-blue-100)] rounded-[6px]\"\n              onClick={() => {\n                if(onMenuItemClick) {\n                  onMenuItemClick(item.label);\n                }\n                closePopupCb(); // Close the menu after clicking an item\n              }} \n            >\n              {item.label}\n            </div>\n          ))}\n        </div>\n      )}\n    />\n  );\n};\n"],"names":["HamburgerMenu","menuItems","className","automationId","popupContentAutomationId","onMenuItemClick","jsx","Popup","displayPopup","jsxs","closePopupCb","item","index"],"mappings":";;AAcO,MAAMA,IAAwC,CAAC;AAAA,EACpD,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,0BAAAC,IAA2B;AAAA,EAC3B,iBAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAAL;AAAA,IACA,UAAS;AAAA,IACT,cAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,uBAAuB,CAAC,EAAE,cAAAI,8BACvB,OAAI,EAAA,WAAW,GAAGA,IAAe,0BAA0B,EAAE,0EAC1D,UAACC,gBAAAA,EAAA,KAAA,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC9D,UAAA;AAAA,MAACH,gBAAAA,EAAAA,IAAA,QAAA,EAAK,GAAE,cAAa,QAAO,SAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAO,CAAA;AAAA,MAClGA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,YAAW,QAAO,SAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAO,CAAA;AAAA,MAChGA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,eAAc,QAAO,SAAQ,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAO,CAAA;AAAA,IAAA,EAAA,CACvG,EACJ,CAAA;AAAA,IAEF,qBAAqB,CAAC,EAAE,cAAAI,EACtB,MAAAJ,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,iBACZ,UAAAL,EAAU,IAAI,CAACU,GAAMC,MACpBN,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QACV,SAAS,MAAM;AACb,UAAGD,KACDA,EAAgBM,EAAK,KAAK,GAEfD;QACf;AAAA,QAEC,UAAKC,EAAA;AAAA,MAAA;AAAA,MATDC;AAAA,IAWR,CAAA,GACH;AAAA,EAAA;AAAA;"}

package/dist/index16.js

@@ -1,29 +1,36 @@
-import { __exports as t } from "./index23.js";
-import R from "react";
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var p;
-function v() {
-  if (p) return t;
-  p = 1;
-  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(o, r, u) {
-    var e, n = {}, _ = null, f = null;
-    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
-    for (e in r) c.call(r, e) && !d.hasOwnProperty(e) && (n[e] = r[e]);
-    if (o && o.defaultProps) for (e in r = o.defaultProps, r) n[e] === void 0 && (n[e] = r[e]);
-    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: a.current };
-  }
-  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
-}
+import { j as e } from "./index18.js";
+import { useRef as u, useEffect as x } from "react";
+const m = ({
+  className: t = "",
+  automationId: a = "",
+  loading: l,
+  headerColSpan: b = 0,
+  headerData: r,
+  tableData: s,
+  renderTableContentLoader: i,
+  getTableHeaders: n,
+  getTableBody: d,
+  onSortUiUpdate: c,
+  onRowClick: f,
+  ...h
+}) => {
+  const o = u(null);
+  return x(() => {
+    o.current && console.log("Table initialized!");
+  }, []), /* @__PURE__ */ e.jsx("div", { className: "table-layout-wrapper" + (t.length > 0 ? ` ${t}` : ""), ...h, children: /* @__PURE__ */ e.jsxs(
+    "table",
+    {
+      className: "se-table w-full bg-[var(--color-white)] border-collapse table-fixed" + (t ? ` ${t}` : ""),
+      ref: o,
+      "data-automation-id": a,
+      children: [
+        /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: n({ headerData: r, sortData: {}, onSortUiUpdate: c }) }) }),
+        /* @__PURE__ */ e.jsx("tbody", { children: l ? i ? i(r.length) : /* @__PURE__ */ e.jsx("div", { children: "Loading..." }) : d({ tableData: s, onRowClick: f, loading: l }) })
+      ]
+    }
+  ) });
+};
 export {
-  v as __require
+  m as TableLayout
 };
 //# sourceMappingURL=index16.js.map

package/dist/index16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index16.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":["f","require$$0","k","m","n","p","q","c","a","g","b","d","e","h","reactJsxRuntime_production_min"],"mappings":";;;;;;;;;;;;;;;AASa,MAAIA,IAAEC,GAAiBC,IAAE,OAAO,IAAI,eAAe,GAAE,IAAE,OAAO,IAAI,gBAAgB,GAAEC,IAAE,OAAO,UAAU,gBAAeC,IAAEJ,EAAE,mDAAmD,mBAAkBK,IAAE,EAAC,KAAI,IAAG,KAAI,IAAG,QAAO,IAAG,UAAS,GAAE;AAClP,WAASC,EAAEC,GAAEC,GAAEC,GAAE;AAAC,QAAIC,GAAEC,IAAE,IAAGC,IAAE,MAAKC,IAAE;AAAK,IAASJ,MAAT,WAAaG,IAAE,KAAGH,IAAYD,EAAE,QAAX,WAAiBI,IAAE,KAAGJ,EAAE,MAAcA,EAAE,QAAX,WAAiBK,IAAEL,EAAE;AAAK,SAAIE,KAAKF,EAAE,CAAAL,EAAE,KAAKK,GAAEE,CAAC,KAAG,CAACL,EAAE,eAAeK,CAAC,MAAIC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,QAAGH,KAAGA,EAAE,aAAa,MAAIG,KAAKF,IAAED,EAAE,cAAaC,EAAE,CAASG,EAAED,CAAC,MAAZ,WAAgBC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,WAAM,EAAC,UAASR,GAAE,MAAKK,GAAE,KAAIK,GAAE,KAAIC,GAAE,OAAMF,GAAE,QAAOP,EAAE,QAAO;AAAA,EAAC;AAAC,SAAAU,aAAiB,GAAEA,EAAW,MAACR,GAAEQ,EAAA,OAAaR;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index16.js","sources":["../src/components/TableLayout/index.tsx"],"sourcesContent":["import { FC, ReactNode, useEffect, useRef } from 'react';\n\nexport interface TableLayoutProps {\n  className?: string;\n  automationId?: string;\n  loading: boolean;\n  headerData: any[];\n  tableData: any[];\n  headerColSpan?: number;\n  renderTableContentLoader?: (noOfColumns: number) => ReactNode;\n  getTableHeaders: (props: { headerData: any[], sortData: any, onSortUiUpdate: any }) => ReactNode;\n  getTableBody: (props: { tableData: any[], onRowClick: any, loading: boolean }) => ReactNode;\n  onSortUiUpdate: (newSortData: any) => void;\n  onRowClick: (rowData: any) => void;\n}\n\nexport const TableLayout: FC<TableLayoutProps> = ({\n  className = '',\n  automationId = '',\n  loading,\n  headerColSpan = 0,\n  headerData,\n  tableData,\n  renderTableContentLoader,\n  getTableHeaders,\n  getTableBody,\n  onSortUiUpdate,\n  onRowClick,\n  ...props\n}) => {\n  const tableRef = useRef<HTMLTableElement>(null);\n\n  useEffect(() => {\n    if (tableRef.current) {\n      console.log('Table initialized!');\n    }\n  }, []);\n\n  return (\n    <div className={'table-layout-wrapper' + (className.length > 0 ? ` ${className}` : '')} {...props}>\n      <table\n        className={'se-table w-full bg-[var(--color-white)] border-collapse table-fixed' + (className ? ` ${className}` : '')}\n        ref={tableRef}\n        data-automation-id={automationId}\n      >\n        <thead>\n          <tr>\n            {getTableHeaders({ headerData, sortData: {}, onSortUiUpdate })}\n          </tr>\n        </thead>\n        <tbody>\n          {loading ? (\n            renderTableContentLoader ? (\n              renderTableContentLoader(headerData.length)\n            ) : (\n              <div>Loading...</div>\n            )\n          ) : (\n            getTableBody({ tableData, onRowClick, loading })\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n"],"names":["TableLayout","className","automationId","loading","headerColSpan","headerData","tableData","renderTableContentLoader","getTableHeaders","getTableBody","onSortUiUpdate","onRowClick","props","tableRef","useRef","useEffect","jsx","jsxs"],"mappings":";;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAWC,EAAyB,IAAI;AAE9C,SAAAC,EAAU,MAAM;AACd,IAAIF,EAAS,WACX,QAAQ,IAAI,oBAAoB;AAAA,EAEpC,GAAG,CAAE,CAAA,GAGFG,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,0BAA0Bf,EAAU,SAAS,IAAI,IAAIA,CAAS,KAAK,KAAM,GAAGW,GAC1F,UAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,yEAAyEhB,IAAY,IAAIA,CAAS,KAAK;AAAA,MAClH,KAAKY;AAAA,MACL,sBAAoBX;AAAA,MAEpB,UAAA;AAAA,QAAAc,gBAAAA,EAAA,IAAC,SACC,EAAA,UAAAA,gBAAAA,EAAAA,IAAC,MACE,EAAA,UAAAR,EAAgB,EAAE,YAAAH,GAAY,UAAU,CAAA,GAAI,gBAAAK,EAAgB,CAAA,EAC/D,CAAA,GACF;AAAA,8BACC,SACE,EAAA,UAAAP,IACCI,IACEA,EAAyBF,EAAW,MAAM,IAE1CW,gBAAAA,EAAA,IAAC,OAAI,EAAA,UAAA,aAAU,CAAA,IAGjBP,EAAa,EAAE,WAAAH,GAAW,YAAAK,GAAY,SAAAR,EAAS,CAAA,GAEnD;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}