@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/components/design/logos/ventures/kit-logo.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.KitLogo = void 0;
+var _react = _interopRequireDefault(require("react"));
+const KitLogo = () => {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "64",
+    height: "38",
+    viewBox: "0 0 64 38",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip0_939_985)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M10.1757 37.2517V26.7405L13.455 23.2207L20.93 37.2517H32.6007L20.5442 16.5185L32.3595 3.5H20.1584L14.3713 10.5879C11.7671 13.722 10.3203 16.8078 8.97 22.7385H8.53596L9.78983 14.6863L10.1274 3.5H0V37.2517H10.1757Z",
+    fill: "black"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M43.7333 37.2513V11.0215H43.3959C42.19 12.1787 40.3574 12.7091 38.6214 12.7091C36.8853 12.7091 35.0528 12.1787 33.847 11.0215H33.5094V37.2513H43.7333Z",
+    fill: "black"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M56.9785 36.8754C59.7274 36.8754 61.9939 36.1039 63.6817 34.5127V26.5087H63.1512C62.6206 27.3284 61.9939 27.907 60.8846 27.907C58.9076 27.907 58.3288 26.5087 58.3288 24.3871V13.5384L63.6817 14.3098V7.36661H58.3288V2.54492H50.6124C50.6124 6.54692 48.8764 7.6559 44.9703 7.6559V13.4419H48.1532V27.5213C48.1532 33.0179 51.2395 36.8754 56.9785 36.8754Z",
+    fill: "black"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M44.4083 5.73624C44.4083 8.62925 42.19 11.0401 38.6214 11.0401C35.1007 11.0401 32.8343 8.62925 32.8343 5.73624C32.8343 2.79499 35.149 0.335938 38.6214 0.335938C42.0935 0.335938 44.4083 2.79499 44.4083 5.73624Z",
+    fill: "black"
+  })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip0_939_985"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "64",
+    height: "37.4208",
+    fill: "white"
+  }))));
+};
+exports.KitLogo = KitLogo;
+var _default = exports.default = KitLogo;
+//# sourceMappingURL=kit-logo.js.map

package/dist/cjs/components/design/logos/ventures/kit-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kit-logo.js","names":["_react","_interopRequireDefault","require","KitLogo","default","createElement","width","height","viewBox","fill","xmlns","clipPath","d","id","exports","_default"],"sources":["../../../../../../src/components/design/logos/ventures/kit-logo.tsx"],"sourcesContent":["import React from 'react';\n\nexport const KitLogo: React.FC = () => {\n  return (\n    <svg width=\"64\" height=\"38\" viewBox=\"0 0 64 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <g clipPath=\"url(#clip0_939_985)\">\n        <path\n          d=\"M10.1757 37.2517V26.7405L13.455 23.2207L20.93 37.2517H32.6007L20.5442 16.5185L32.3595 3.5H20.1584L14.3713 10.5879C11.7671 13.722 10.3203 16.8078 8.97 22.7385H8.53596L9.78983 14.6863L10.1274 3.5H0V37.2517H10.1757Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M43.7333 37.2513V11.0215H43.3959C42.19 12.1787 40.3574 12.7091 38.6214 12.7091C36.8853 12.7091 35.0528 12.1787 33.847 11.0215H33.5094V37.2513H43.7333Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M56.9785 36.8754C59.7274 36.8754 61.9939 36.1039 63.6817 34.5127V26.5087H63.1512C62.6206 27.3284 61.9939 27.907 60.8846 27.907C58.9076 27.907 58.3288 26.5087 58.3288 24.3871V13.5384L63.6817 14.3098V7.36661H58.3288V2.54492H50.6124C50.6124 6.54692 48.8764 7.6559 44.9703 7.6559V13.4419H48.1532V27.5213C48.1532 33.0179 51.2395 36.8754 56.9785 36.8754Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M44.4083 5.73624C44.4083 8.62925 42.19 11.0401 38.6214 11.0401C35.1007 11.0401 32.8343 8.62925 32.8343 5.73624C32.8343 2.79499 35.149 0.335938 38.6214 0.335938C42.0935 0.335938 44.4083 2.79499 44.4083 5.73624Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_939_985\">\n          <rect width=\"64\" height=\"37.4208\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\n\nexport default KitLogo;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,OAAiB,GAAGA,CAAA,KAAM;EACrC,oBACEH,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAKC,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAACC,KAAK,EAAC;EAA4B,gBAC5FV,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAGM,QAAQ,EAAC;EAAqB,gBAC/BX,MAAA,CAAAI,OAAA,CAAAC,aAAA;IACEO,CAAC,EAAC,sNAAsN;IACxNH,IAAI,EAAC;EAAO,CACb,CAAC,eACFT,MAAA,CAAAI,OAAA,CAAAC,aAAA;IACEO,CAAC,EAAC,wJAAwJ;IAC1JH,IAAI,EAAC;EAAO,CACb,CAAC,eACFT,MAAA,CAAAI,OAAA,CAAAC,aAAA;IACEO,CAAC,EAAC,8VAA8V;IAChWH,IAAI,EAAC;EAAO,CACb,CAAC,eACFT,MAAA,CAAAI,OAAA,CAAAC,aAAA;IACEO,CAAC,EAAC,mNAAmN;IACrNH,IAAI,EAAC;EAAO,CACb,CACA,CAAC,eACJT,MAAA,CAAAI,OAAA,CAAAC,aAAA,4BACEL,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAUQ,EAAE,EAAC;EAAe,gBAC1Bb,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAMC,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,SAAS;IAACE,IAAI,EAAC;EAAO,CAAE,CACxC,CACN,CACH,CAAC;AAEV,CAAC;AAACK,OAAA,CAAAX,OAAA,GAAAA,OAAA;AAAA,IAAAY,QAAA,GAAAD,OAAA,CAAAV,OAAA,GAEaD,OAAO","ignoreList":[]}

package/dist/cjs/components/design/logos/ventures/truyu-logo.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TruyuLogo = void 0;
+var _react = _interopRequireDefault(require("react"));
+const TruyuLogo = () => {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    version: "1.1",
+    viewBox: "0 0 263.7 110.7"
+  }, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Layer_1"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8.5,88.9v-46s-7.7,0-7.7,0v-12h7.7v-11.2c0-1.2.9-2.1,2-2.3l18.6-1.8v15.3s9.9,0,9.9,0l-1.4,12h-8.5v46H8.5Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M43,88.9V31h13.6l1.6,4.8c.3,1,1.7,1.3,2.4.5,3.5-3.8,8.4-5.4,13-5.4h3.5v15.5h-3.5c-3.3,0-6.4,1.1-8.4,3-1.1,1-1.6,2.5-1.6,3.9v35.6s-20.6,0-20.6,0h0Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M103.6,90.5c-13.5,0-21.5-8.6-21.5-22.9V30.9h20.6v34c0,4.2,2.6,7,6.6,7s5-1.3,6.1-2.5c.9-1,1.4-2.3,1.4-3.7V30.9h20.6v58h-13.5l-1.7-4.2c-.4-.9-1.6-1.2-2.3-.4-4.2,4.2-10.2,6.2-16.1,6.2Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    className: "letterY",
+    fill: "#ff829a",
+    d: "M173.2,26c-2,0-4-.5-6-1.4-2.3-1.1-4.2-3-5.3-5.3-2-4.3-1.8-9,.6-12.8,2.3-3.7,6.3-5.8,10.7-5.8s4,.5,6,1.4c2.3,1.1,4.2,3,5.3,5.3,2,4.3,1.8,9-.6,12.8-2.3,3.7-6.3,5.8-10.6,5.8h0Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M230.1,90.5c-13.5,0-21.5-8.6-21.5-22.9V30.9h20.6v34c0,4.2,2.6,7,6.6,7s5-1.3,6.1-2.5c.9-1,1.4-2.3,1.4-3.7V30.9h20.6v58h-13.5l-1.7-4.2c-.4-.9-1.6-1.2-2.3-.4-4.2,4.2-10.2,6.2-16.1,6.2h0Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    className: "letterY",
+    fill: "#ff829a",
+    d: "M205.4,30.9h-22.8l-7.9,32.3c-.4,1.4-2.4,1.4-2.8,0l-8-32.3h-23.2l16.8,51.1,1,3.2h7.4c.9,0,1.6.9,1.4,1.8l-6.7,23.7h19.3s25.5-79.8,25.5-79.8Z"
+  }))));
+};
+exports.TruyuLogo = TruyuLogo;
+var _default = exports.default = TruyuLogo;
+//# sourceMappingURL=truyu-logo.js.map

package/dist/cjs/components/design/logos/ventures/truyu-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truyu-logo.js","names":["_react","_interopRequireDefault","require","TruyuLogo","default","createElement","xmlns","version","viewBox","id","d","className","fill","exports","_default"],"sources":["../../../../../../src/components/design/logos/ventures/truyu-logo.tsx"],"sourcesContent":["import React from 'react';\n\nexport const TruyuLogo: React.FC = () => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 263.7 110.7\">\n      <g>\n        <g id=\"Layer_1\">\n          <path d=\"M8.5,88.9v-46s-7.7,0-7.7,0v-12h7.7v-11.2c0-1.2.9-2.1,2-2.3l18.6-1.8v15.3s9.9,0,9.9,0l-1.4,12h-8.5v46H8.5Z\"/>\n          <path d=\"M43,88.9V31h13.6l1.6,4.8c.3,1,1.7,1.3,2.4.5,3.5-3.8,8.4-5.4,13-5.4h3.5v15.5h-3.5c-3.3,0-6.4,1.1-8.4,3-1.1,1-1.6,2.5-1.6,3.9v35.6s-20.6,0-20.6,0h0Z\"/>\n          <path d=\"M103.6,90.5c-13.5,0-21.5-8.6-21.5-22.9V30.9h20.6v34c0,4.2,2.6,7,6.6,7s5-1.3,6.1-2.5c.9-1,1.4-2.3,1.4-3.7V30.9h20.6v58h-13.5l-1.7-4.2c-.4-.9-1.6-1.2-2.3-.4-4.2,4.2-10.2,6.2-16.1,6.2Z\"/>\n          <path className=\"letterY\" fill=\"#ff829a\" d=\"M173.2,26c-2,0-4-.5-6-1.4-2.3-1.1-4.2-3-5.3-5.3-2-4.3-1.8-9,.6-12.8,2.3-3.7,6.3-5.8,10.7-5.8s4,.5,6,1.4c2.3,1.1,4.2,3,5.3,5.3,2,4.3,1.8,9-.6,12.8-2.3,3.7-6.3,5.8-10.6,5.8h0Z\"/>\n          <path d=\"M230.1,90.5c-13.5,0-21.5-8.6-21.5-22.9V30.9h20.6v34c0,4.2,2.6,7,6.6,7s5-1.3,6.1-2.5c.9-1,1.4-2.3,1.4-3.7V30.9h20.6v58h-13.5l-1.7-4.2c-.4-.9-1.6-1.2-2.3-.4-4.2,4.2-10.2,6.2-16.1,6.2h0Z\"/>\n          <path className=\"letterY\" fill=\"#ff829a\" d=\"M205.4,30.9h-22.8l-7.9,32.3c-.4,1.4-2.4,1.4-2.8,0l-8-32.3h-23.2l16.8,51.1,1,3.2h7.4c.9,0,1.6.9,1.4,1.8l-6.7,23.7h19.3s25.5-79.8,25.5-79.8Z\"/>\n        </g>\n      </g>\n    </svg>\n  );\n};\n\nexport default TruyuLogo;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,SAAmB,GAAGA,CAAA,KAAM;EACvC,oBACEH,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAKC,KAAK,EAAC,4BAA4B;IAACC,OAAO,EAAC,KAAK;IAACC,OAAO,EAAC;EAAiB,gBAC7ER,MAAA,CAAAI,OAAA,CAAAC,aAAA,yBACEL,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAGI,EAAE,EAAC;EAAS,gBACbT,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAMK,CAAC,EAAC;EAA2G,CAAC,CAAC,eACrHV,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAMK,CAAC,EAAC;EAAoJ,CAAC,CAAC,eAC9JV,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAMK,CAAC,EAAC;EAAuL,CAAC,CAAC,eACjMV,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC,SAAS;IAACC,IAAI,EAAC,SAAS;IAACF,CAAC,EAAC;EAA+K,CAAC,CAAC,eAC5NV,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAMK,CAAC,EAAC;EAAyL,CAAC,CAAC,eACnMV,MAAA,CAAAI,OAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC,SAAS;IAACC,IAAI,EAAC,SAAS;IAACF,CAAC,EAAC;EAA4I,CAAC,CACvL,CACF,CACA,CAAC;AAEV,CAAC;AAACG,OAAA,CAAAV,SAAA,GAAAA,SAAA;AAAA,IAAAW,QAAA,GAAAD,OAAA,CAAAT,OAAA,GAEaD,SAAS","ignoreList":[]}

package/dist/cjs/components/design/ownerDetailsPopup/OwnerDetailsPopup.js

@@ -0,0 +1,62 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OwnerDetailsPopup = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../../hooks");
+var _Icon = require("../icons/basicIcon/Icon");
+require("./ownerDetailsPopup.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const OwnerDetailsPopup = ({
+  owner,
+  revealTriggerOnHover = true,
+  revealPopupOnHover = false
+}) => {
+  const [isDetailsShowing, setDetailsShowing] = (0, _react.useState)(false);
+  const detailsElement = (0, _react.useRef)(null);
+  const detailsTriggerElement = (0, _react.useRef)(null);
+  (0, _hooks.useOnClickOutside)(detailsElement, () => setDetailsShowing(false));
+
+  // Handle special key presses
+  const handleSpecialKeyPresses = (0, _react.useCallback)(event => {
+    // Escape key
+    if (event.key === 'Escape' || event.keyCode === 27) {
+      detailsTriggerElement.current?.click();
+      setDetailsShowing(false);
+    }
+  }, [setDetailsShowing]);
+  (0, _react.useEffect)(() => {
+    if (detailsElement.current) {
+      detailsElement.current.addEventListener('keydown', handleSpecialKeyPresses);
+    }
+  }, [handleSpecialKeyPresses]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: detailsElement,
+    className: `ownerDetailsPopup ${isDetailsShowing ? 'detailsShowing' : ''} ${revealTriggerOnHover ? 'revealTriggerOnHover' : ''} ${revealPopupOnHover ? 'revealPopupOnHover' : ''}`
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    "aria-label": "Toggle tooltip open state",
+    ref: detailsTriggerElement,
+    type: "button",
+    onClick: () => setDetailsShowing(!isDetailsShowing),
+    className: "button secondary compact icon_only"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: "bubble2"
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "ownerDetails"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "ownerName"
+  }, owner.name), owner.email && /*#__PURE__*/_react.default.createElement("span", {
+    className: "ownerEmail"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: `mailto://${owner.email}`
+  }, owner.email)), owner.phone && /*#__PURE__*/_react.default.createElement("span", {
+    className: "ownerPhone"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: `tel://${owner.phone}`
+  }, owner.phone))));
+};
+exports.OwnerDetailsPopup = OwnerDetailsPopup;
+//# sourceMappingURL=OwnerDetailsPopup.js.map

package/dist/cjs/components/design/ownerDetailsPopup/OwnerDetailsPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwnerDetailsPopup.js","names":["Object","defineProperty","exports","value","OwnerDetailsPopup","_react","_interopRequireWildcard","require","_hooks","_Icon","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","owner","revealTriggerOnHover","revealPopupOnHover","isDetailsShowing","setDetailsShowing","useState","detailsElement","useRef","detailsTriggerElement","useOnClickOutside","handleSpecialKeyPresses","useCallback","event","key","keyCode","current","click","useEffect","addEventListener","createElement","ref","className","type","onClick","Icon","icon","name","email","href","phone"],"sources":["../../../../../src/components/design/ownerDetailsPopup/OwnerDetailsPopup.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n  useCallback, useEffect, useRef, useState\n} from 'react';\nimport { useOnClickOutside } from '../../../hooks';\nimport { Icon } from '../icons/basicIcon/Icon';\n\nimport './ownerDetailsPopup.scss';\n\nexport interface OwnerDetailsPopupProps {\n  owner: {\n    name: string;\n    email?: string;\n    phone?: string;\n  },\n  revealTriggerOnHover?: boolean;\n  revealPopupOnHover?: boolean;\n}\n\nexport const OwnerDetailsPopup: React.FC<OwnerDetailsPopupProps> = (\n  {\n    owner,\n    revealTriggerOnHover = true,\n    revealPopupOnHover = false\n  }\n) => {\n  const [isDetailsShowing, setDetailsShowing] = useState(false);\n\n  const detailsElement = useRef<HTMLDivElement>(null);\n  const detailsTriggerElement = useRef<HTMLButtonElement>(null);\n\n  useOnClickOutside(detailsElement, () => setDetailsShowing(false));\n\n  // Handle special key presses\n  const handleSpecialKeyPresses = useCallback(\n    (event: KeyboardEvent) => {\n      // Escape key\n      if (event.key === 'Escape' || event.keyCode === 27) {\n        detailsTriggerElement.current?.click();\n        setDetailsShowing(false);\n      }\n    },\n    [setDetailsShowing]\n  );\n\n  useEffect(() => {\n    if (detailsElement.current) {\n      detailsElement.current.addEventListener('keydown', handleSpecialKeyPresses as EventListener);\n    }\n  }, [handleSpecialKeyPresses]);\n\n  return (\n    <div ref={ detailsElement } className={ `ownerDetailsPopup ${ isDetailsShowing ? 'detailsShowing' : '' } ${ revealTriggerOnHover ? 'revealTriggerOnHover' : '' } ${ revealPopupOnHover ? 'revealPopupOnHover' : '' }` }>\n      <button\n        aria-label=\"Toggle tooltip open state\"\n        ref={ detailsTriggerElement }\n        type=\"button\"\n        onClick={ () => setDetailsShowing(!isDetailsShowing) }\n        className=\"button secondary compact icon_only\"\n      >\n        <Icon icon=\"bubble2\" />\n      </button>\n      <span className=\"ownerDetails\">\n        <span className=\"ownerName\">{ owner.name }</span>\n        { owner.email && (\n          <span className=\"ownerEmail\">\n            <a href={ `mailto://${ owner.email }` }>{ owner.email }</a>\n          </span>\n        ) }\n        { owner.phone && (\n          <span className=\"ownerPhone\">\n            <a href={ `tel://${ owner.phone }` }>{ owner.phone }</a>\n          </span>\n        ) }\n      </span>\n    </div>\n  );\n};\n"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,iBAAA;AAEb,IAAAC,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEAA,OAAA;AAAkC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAhB,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAA0B,wBAAA,CAAAhB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAY3B,MAAMP,iBAAmD,GAAGA,CACjE;EACEuB,KAAK;EACLC,oBAAoB,GAAG,IAAI;EAC3BC,kBAAkB,GAAG;AACvB,CAAC,KACE;EACH,MAAM,CAACC,gBAAgB,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7D,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EACnD,MAAMC,qBAAqB,GAAG,IAAAD,aAAM,EAAoB,IAAI,CAAC;EAE7D,IAAAE,wBAAiB,EAACH,cAAc,EAAE,MAAMF,iBAAiB,CAAC,KAAK,CAAC,CAAC;;EAEjE;EACA,MAAMM,uBAAuB,GAAG,IAAAC,kBAAW,EACxCC,KAAoB,IAAK;IACxB;IACA,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAID,KAAK,CAACE,OAAO,KAAK,EAAE,EAAE;MAClDN,qBAAqB,CAACO,OAAO,EAAEC,KAAK,CAAC,CAAC;MACtCZ,iBAAiB,CAAC,KAAK,CAAC;IAC1B;EACF,CAAC,EACD,CAACA,iBAAiB,CACpB,CAAC;EAED,IAAAa,gBAAS,EAAC,MAAM;IACd,IAAIX,cAAc,CAACS,OAAO,EAAE;MAC1BT,cAAc,CAACS,OAAO,CAACG,gBAAgB,CAAC,SAAS,EAAER,uBAAwC,CAAC;IAC9F;EACF,CAAC,EAAE,CAACA,uBAAuB,CAAC,CAAC;EAE7B,oBACEhC,MAAA,CAAAe,OAAA,CAAA0B,aAAA;IAAKC,GAAG,EAAGd,cAAgB;IAACe,SAAS,EAAG,qBAAsBlB,gBAAgB,GAAG,gBAAgB,GAAG,EAAE,IAAMF,oBAAoB,GAAG,sBAAsB,GAAG,EAAE,IAAMC,kBAAkB,GAAG,oBAAoB,GAAG,EAAE;EAAK,gBACrNxB,MAAA,CAAAe,OAAA,CAAA0B,aAAA;IACE,cAAW,2BAA2B;IACtCC,GAAG,EAAGZ,qBAAuB;IAC7Bc,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAGA,CAAA,KAAMnB,iBAAiB,CAAC,CAACD,gBAAgB,CAAG;IACtDkB,SAAS,EAAC;EAAoC,gBAE9C3C,MAAA,CAAAe,OAAA,CAAA0B,aAAA,CAACrC,KAAA,CAAA0C,IAAI;IAACC,IAAI,EAAC;EAAS,CAAE,CAChB,CAAC,eACT/C,MAAA,CAAAe,OAAA,CAAA0B,aAAA;IAAME,SAAS,EAAC;EAAc,gBAC5B3C,MAAA,CAAAe,OAAA,CAAA0B,aAAA;IAAME,SAAS,EAAC;EAAW,GAAGrB,KAAK,CAAC0B,IAAY,CAAC,EAC/C1B,KAAK,CAAC2B,KAAK,iBACXjD,MAAA,CAAAe,OAAA,CAAA0B,aAAA;IAAME,SAAS,EAAC;EAAY,gBAC1B3C,MAAA,CAAAe,OAAA,CAAA0B,aAAA;IAAGS,IAAI,EAAG,YAAa5B,KAAK,CAAC2B,KAAK;EAAK,GAAG3B,KAAK,CAAC2B,KAAU,CACtD,CACP,EACC3B,KAAK,CAAC6B,KAAK,iBACXnD,MAAA,CAAAe,OAAA,CAAA0B,aAAA;IAAME,SAAS,EAAC;EAAY,gBAC1B3C,MAAA,CAAAe,OAAA,CAAA0B,aAAA;IAAGS,IAAI,EAAG,SAAU5B,KAAK,CAAC6B,KAAK;EAAK,GAAG7B,KAAK,CAAC6B,KAAU,CACnD,CAEJ,CACH,CAAC;AAEV,CAAC;AAACtD,OAAA,CAAAE,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/cjs/components/design/ownerDetailsPopup/ownerDetailsPopup.css

@@ -0,0 +1,39 @@
+/* Popovers */
+.ownerDetailsPopup {
+  position: relative;
+  z-index: 20;
+}
+.ownerDetailsPopup.revealTriggerOnHover {
+  opacity: 0.01;
+}
+.ownerDetailsPopup.revealTriggerOnHover:hover {
+  opacity: 1;
+}
+.ownerDetailsPopup.revealPopupOnHover .button.icon_only:hover + .ownerDetails {
+  display: flex;
+}
+.ownerDetailsPopup .button.icon_only {
+  width: 32px;
+  margin: -16px 0;
+  padding: 0;
+  position: absolute;
+}
+.ownerDetailsPopup .ownerDetails {
+  display: flex;
+  flex-direction: column;
+  row-gap: 5px;
+  align-items: center;
+  justify-content: flex-start;
+  position: absolute;
+  display: none;
+  font-size: 13px;
+  background: #a8bcc9;
+  color: #222;
+  padding: 10px;
+  border-radius: 3px;
+  left: 0;
+  top: -92px;
+}
+.ownerDetailsPopup.detailsShowing .ownerDetails {
+  display: flex;
+}

package/dist/cjs/components/design/paginators/Paginator.js

@@ -0,0 +1,218 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Paginator = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SimpleButton = require("../../form/buttons/SimpleButton");
+var _InputVariants = require("../../form/formFields/subComponents/InputVariants");
+require("./paginator.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Paginator = ({
+  id,
+  page,
+  totalPages,
+  pageSize = 20,
+  allowPageSizeChange,
+  onPageChange,
+  onPageSizeChange,
+  paginationType = 'buttons',
+  paginatorPosition = paginationType === 'showMore' ? 'center' : 'right',
+  buttonConfig,
+  maxButtonsVisible = 5
+}) => {
+  const [displayedButtonLimit, setDisplayedButtonLimit] = (0, _react.useState)(maxButtonsVisible > totalPages ? totalPages : maxButtonsVisible);
+  const [activePage, setActivePage] = (0, _react.useState)(0);
+  const [isPageSizeChangeAllowed, setIsPageSizeChangeAllowed] = (0, _react.useState)(false);
+  const [pageNumberButtonsVisible, setPageNumberButtonsVisible] = (0, _react.useState)(Array.from({
+    length: displayedButtonLimit
+  }, (_, i) => i + 1));
+  const lowestPageNumberVisible = (0, _react.useRef)(1);
+  const highestPageNumberVisible = (0, _react.useRef)(displayedButtonLimit);
+  const pageSizeChangePosition = paginatorPosition === 'center' ? 'right' : paginatorPosition === 'right' ? 'left' : 'right';
+  const isNonNullPrevIcon = buttonConfig?.previousButton?.icon !== null;
+  const isNonNullNextIcon = buttonConfig?.nextButton?.icon !== null;
+  const isNonNullFirstIcon = buttonConfig?.firstButton?.icon !== null;
+  const isNonNullLastIcon = buttonConfig?.lastButton?.icon !== null;
+  const updateVisiblePageNumbers = newPage => {
+    if (newPage >= lowestPageNumberVisible.current && newPage <= highestPageNumberVisible.current) {
+      return;
+    }
+    if (newPage < lowestPageNumberVisible.current) {
+      lowestPageNumberVisible.current = newPage;
+      highestPageNumberVisible.current = newPage + displayedButtonLimit - 1;
+    } else if (newPage > highestPageNumberVisible.current) {
+      highestPageNumberVisible.current = newPage;
+      lowestPageNumberVisible.current = newPage - displayedButtonLimit + 1;
+    }
+    const newVisiblePages = Array.from({
+      length: displayedButtonLimit
+    }, (_, i) => lowestPageNumberVisible.current + i).filter(pageNum => pageNum >= 1 && pageNum <= totalPages);
+    setPageNumberButtonsVisible(newVisiblePages);
+  };
+
+  // ensure lowest and highest visible page numbers are within a valid range
+  const resetVisiblePageNumbers = page => {
+    lowestPageNumberVisible.current = 1;
+    highestPageNumberVisible.current = displayedButtonLimit;
+    const newVisiblePages = Array.from({
+      length: displayedButtonLimit
+    }, (_, i) => i + 1).filter(pageNum => pageNum >= 1 && pageNum <= totalPages);
+    setPageNumberButtonsVisible(newVisiblePages);
+    updateVisiblePageNumbers(page);
+  };
+  const handlePageChange = newPage => {
+    if (newPage < 1 || newPage > totalPages) {
+      return;
+    }
+    setActivePage(newPage);
+    onPageChange(newPage);
+    updateVisiblePageNumbers(newPage);
+  };
+  const handlePageSizeChange = event => {
+    onPageSizeChange && onPageSizeChange(Number(event.target.value));
+  };
+  const requiresPagination = () => {
+    if (paginationType === 'buttons') {
+      return totalPages > 1;
+    }
+    if (paginationType === 'showMore') {
+      return page < totalPages;
+    }
+    return false;
+  };
+  (0, _react.useEffect)(() => {
+    const newPage = page > totalPages ? totalPages : page < 1 ? 1 : page;
+    if (newPage !== page) {
+      onPageChange(newPage);
+    }
+    setActivePage(newPage);
+    if (newPage < lowestPageNumberVisible.current || newPage > highestPageNumberVisible.current || displayedButtonLimit !== pageNumberButtonsVisible.length) {
+      resetVisiblePageNumbers(newPage);
+    }
+    setIsPageSizeChangeAllowed(allowPageSizeChange === true && paginationType === 'buttons');
+  }, [page, totalPages, displayedButtonLimit]);
+  (0, _react.useEffect)(() => {
+    setDisplayedButtonLimit(maxButtonsVisible > totalPages ? totalPages : maxButtonsVisible);
+  }, [totalPages, maxButtonsVisible]);
+  if (!requiresPagination()) {
+    return null;
+  }
+  const pageSizeChange = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: "pageSizeChangeContainer"
+  }, /*#__PURE__*/_react.default.createElement(_InputVariants.SelectDropdown, {
+    field: {
+      id: `paginator_${id}_pageSizeChange`,
+      name: `paginator_${id}_pageSizeChange`,
+      options: [{
+        label: '10',
+        value: 10
+      }, {
+        label: '20',
+        value: 20
+      }, {
+        label: '50',
+        value: 50
+      }, {
+        label: '100',
+        value: 100
+      }],
+      includeEmptyOption: false,
+      defaultValue: pageSize,
+      onChange: handlePageSizeChange
+    },
+    label: {
+      text: 'Items per page'
+    },
+    layout: 'horizontal',
+    customCssClasses: {
+      wrapper: 'pageSizeChange'
+    }
+  }));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: `paginator_${id}`,
+    className: `paginator ${paginationType} position_${paginatorPosition} ${isPageSizeChangeAllowed ? 'withPageSizeChange' : ''}`
+  }, paginationType === 'buttons' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isPageSizeChangeAllowed && pageSizeChangePosition === 'left' && pageSizeChange(), /*#__PURE__*/_react.default.createElement("div", {
+    className: "paginatorControls"
+  }, /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    id: `paginator_${id}_first`,
+    disabled: activePage === 1,
+    onClickHandler: () => handlePageChange(1),
+    leftIcon: isNonNullFirstIcon ? {
+      icon: buttonConfig?.firstButton?.icon || 'first'
+    } : undefined,
+    hideLabel: buttonConfig?.firstButton?.label ? false : true,
+    label: buttonConfig?.firstButton?.label || 'Go to first item',
+    buttonStyle: {
+      size: 'compact'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    id: `paginator_${id}_previous`,
+    disabled: activePage === 1,
+    onClickHandler: () => handlePageChange(activePage - 1),
+    leftIcon: isNonNullPrevIcon ? {
+      icon: buttonConfig?.previousButton?.icon || 'previous2'
+    } : undefined,
+    hideLabel: buttonConfig?.previousButton?.label ? false : true,
+    label: buttonConfig?.previousButton?.label || `Show previous ${pageSize} items`,
+    buttonStyle: {
+      size: 'compact'
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "paginatorPageButtonsWrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "paginatorPageButtonsScroller"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "paginatorPageButtons"
+  }, pageNumberButtonsVisible.map(pageNumber => /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    key: `paginator_${id}_page_${pageNumber}`,
+    id: `paginator_${id}_page_${pageNumber}`,
+    disabled: activePage === pageNumber,
+    onClickHandler: () => handlePageChange(pageNumber),
+    label: String(pageNumber),
+    buttonStyle: {
+      size: 'compact'
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    id: `paginator_${id}_next`,
+    disabled: activePage === totalPages,
+    onClickHandler: () => handlePageChange(activePage + 1),
+    rightIcon: isNonNullNextIcon ? {
+      icon: buttonConfig?.nextButton?.icon || 'next2'
+    } : undefined,
+    hideLabel: buttonConfig?.nextButton?.label ? false : true,
+    label: buttonConfig?.nextButton?.label || `Show next ${pageSize} items`,
+    buttonStyle: {
+      size: 'compact'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    id: `paginator_${id}_last`,
+    disabled: activePage === totalPages,
+    onClickHandler: () => handlePageChange(totalPages),
+    rightIcon: isNonNullLastIcon ? {
+      icon: buttonConfig?.lastButton?.icon || 'last'
+    } : undefined,
+    hideLabel: buttonConfig?.lastButton?.label ? false : true,
+    label: buttonConfig?.lastButton?.label || 'Go to last item',
+    buttonStyle: {
+      size: 'compact'
+    }
+  })), isPageSizeChangeAllowed && pageSizeChangePosition === 'right' && pageSizeChange()), paginationType === 'showMore' && /*#__PURE__*/_react.default.createElement("div", {
+    className: "showMore"
+  }, /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    id: `paginator_${id}_previous`,
+    onClickHandler: () => handlePageChange(activePage + 1),
+    rightIcon: {
+      icon: 'arrowDown'
+    },
+    label: "Show more items",
+    buttonStyle: {
+      size: 'compact'
+    }
+  })));
+};
+exports.Paginator = Paginator;
+var _default = exports.default = Paginator;
+//# sourceMappingURL=Paginator.js.map

package/dist/cjs/components/design/paginators/Paginator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paginator.js","names":["Object","defineProperty","exports","value","default","Paginator","_react","_interopRequireWildcard","require","_SimpleButton","_InputVariants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","id","page","totalPages","pageSize","allowPageSizeChange","onPageChange","onPageSizeChange","paginationType","paginatorPosition","buttonConfig","maxButtonsVisible","displayedButtonLimit","setDisplayedButtonLimit","useState","activePage","setActivePage","isPageSizeChangeAllowed","setIsPageSizeChangeAllowed","pageNumberButtonsVisible","setPageNumberButtonsVisible","Array","from","length","_","lowestPageNumberVisible","useRef","highestPageNumberVisible","pageSizeChangePosition","isNonNullPrevIcon","previousButton","icon","isNonNullNextIcon","nextButton","isNonNullFirstIcon","firstButton","isNonNullLastIcon","lastButton","updateVisiblePageNumbers","newPage","current","newVisiblePages","filter","pageNum","resetVisiblePageNumbers","handlePageChange","handlePageSizeChange","event","Number","target","requiresPagination","useEffect","pageSizeChange","createElement","className","SelectDropdown","field","name","options","label","includeEmptyOption","defaultValue","onChange","text","layout","customCssClasses","wrapper","Fragment","SimpleButton","disabled","onClickHandler","leftIcon","undefined","hideLabel","buttonStyle","size","map","pageNumber","key","String","rightIcon","_default"],"sources":["../../../../../src/components/design/paginators/Paginator.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactElement, useEffect, useRef, useState } from 'react';\nimport { SimpleButton } from '../../form/buttons/SimpleButton';\nimport { SelectDropdown } from '../../form/formFields/subComponents/InputVariants';\nimport { GenericFunction } from '../../../interfaces/generic.interface';\n\nimport './paginator.scss';\n\nexport interface IconLabelProp {\n  icon?: string | ReactElement | null;\n  label?: string | null;\n}\n\nexport interface PaginatorProps {\n  id: string;\n  page: number;\n  totalPages: number;\n  pageSize: number;\n  onPageChange: GenericFunction;\n  allowPageSizeChange?: boolean;\n  onPageSizeChange?: GenericFunction;\n  paginationType?: 'buttons' | 'showMore';\n  paginatorPosition?: 'left' | 'right' | 'center';\n  buttonConfig?: {\n    previousButton?: IconLabelProp;\n    nextButton?: IconLabelProp;\n    firstButton?: IconLabelProp;\n    lastButton?: IconLabelProp;\n  };\n  maxButtonsVisible?: number;\n}\n\nexport const Paginator: React.FC<PaginatorProps> = (\n  {\n    id,\n    page,\n    totalPages,\n    pageSize = 20,\n    allowPageSizeChange,\n    onPageChange,\n    onPageSizeChange,\n    paginationType = 'buttons',\n    paginatorPosition = paginationType === 'showMore' ? 'center' : 'right',\n    buttonConfig,\n    maxButtonsVisible = 5,\n  }\n) => {\n\n  const [displayedButtonLimit, setDisplayedButtonLimit] = useState<number>(maxButtonsVisible > totalPages ? totalPages : maxButtonsVisible);\n  const [activePage, setActivePage] = useState(0);\n  const [isPageSizeChangeAllowed, setIsPageSizeChangeAllowed] = useState<boolean>(false);\n  const [pageNumberButtonsVisible, setPageNumberButtonsVisible] = useState<number[]>(Array.from({ length: displayedButtonLimit }, (_, i) => i + 1));\n  \n  const lowestPageNumberVisible = useRef(1);\n  const highestPageNumberVisible = useRef(displayedButtonLimit);\n\n  const pageSizeChangePosition = paginatorPosition === 'center' ? 'right' : paginatorPosition === 'right' ? 'left' : 'right';\n\n  const isNonNullPrevIcon = buttonConfig?.previousButton?.icon !== null;\n  const isNonNullNextIcon = buttonConfig?.nextButton?.icon !== null;\n  const isNonNullFirstIcon = buttonConfig?.firstButton?.icon !== null;\n  const isNonNullLastIcon = buttonConfig?.lastButton?.icon !== null;\n\n  const updateVisiblePageNumbers = (newPage: number) => {\n    if (newPage >= lowestPageNumberVisible.current && newPage <= highestPageNumberVisible.current) {\n      return;\n    }\n    if (newPage < lowestPageNumberVisible.current) {\n      lowestPageNumberVisible.current = newPage;\n      highestPageNumberVisible.current = newPage + displayedButtonLimit - 1;\n    } else if (newPage > highestPageNumberVisible.current) {\n      highestPageNumberVisible.current = newPage;\n      lowestPageNumberVisible.current = newPage - displayedButtonLimit + 1;\n    }\n\n    const newVisiblePages = Array.from({ length: displayedButtonLimit }, (_, i) => lowestPageNumberVisible.current + i).filter((pageNum) => pageNum >= 1 && pageNum <= totalPages);\n\n    setPageNumberButtonsVisible(newVisiblePages);\n  };\n\n  // ensure lowest and highest visible page numbers are within a valid range\n  const resetVisiblePageNumbers = (page: number) => {\n    lowestPageNumberVisible.current = 1;\n    highestPageNumberVisible.current = displayedButtonLimit;\n\n    const newVisiblePages = Array.from({ length: displayedButtonLimit }, (_, i) => i + 1).filter((pageNum) => pageNum >= 1 && pageNum <= totalPages);\n\n    setPageNumberButtonsVisible(newVisiblePages);\n    updateVisiblePageNumbers(page);\n  };\n\n  const handlePageChange = (newPage: number) => {\n    if (newPage < 1 || newPage > totalPages) {\n      return;\n    }\n    setActivePage(newPage);\n    onPageChange(newPage);\n    updateVisiblePageNumbers(newPage);\n  };\n\n  const handlePageSizeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onPageSizeChange && onPageSizeChange(Number(event.target.value));\n  };\n\n  const requiresPagination = () => {\n    if (paginationType === 'buttons') {\n      return totalPages > 1;\n    }\n\n    if (paginationType === 'showMore') {\n      return page < totalPages;\n    }\n    return false;\n  };\n\n  useEffect(() => {\n    const newPage = page > totalPages ? totalPages : page < 1 ? 1 : page;\n    if (newPage !== page) {\n      onPageChange(newPage);\n    }\n    setActivePage(newPage);\n    if (newPage < lowestPageNumberVisible.current || newPage > highestPageNumberVisible.current || displayedButtonLimit !== pageNumberButtonsVisible.length) {\n      resetVisiblePageNumbers(newPage);\n    }\n    setIsPageSizeChangeAllowed(allowPageSizeChange === true && paginationType === 'buttons');\n  }, [page, totalPages, displayedButtonLimit]);\n\n  useEffect(() => {\n    setDisplayedButtonLimit(maxButtonsVisible > totalPages ? totalPages : maxButtonsVisible);\n  }, [totalPages, maxButtonsVisible]);\n\n  if (!requiresPagination()) {\n    return null;\n  }\n\n  const pageSizeChange = () => ( \n    <div className=\"pageSizeChangeContainer\">\n      <SelectDropdown {\n        ...{\n          field: {\n            id: `paginator_${ id }_pageSizeChange`,\n            name: `paginator_${ id }_pageSizeChange`,\n            options: [\n              {\n                label: '10',\n                value: 10,\n              },\n              {\n                label: '20',\n                value: 20,\n              },\n              {\n                label: '50',\n                value: 50,\n              },\n              {\n                label: '100',\n                value: 100,\n              },\n            ],\n            includeEmptyOption: false,\n            defaultValue: pageSize,\n            onChange: handlePageSizeChange,\n          },\n          label: {\n            text: 'Items per page',\n          },\n          layout: 'horizontal',\n          customCssClasses: {\n            wrapper: 'pageSizeChange',\n          }\n        }\n      }\n      />\n    </div>\n  );\n\n  return (\n    <div id={ `paginator_${ id }` } className={ `paginator ${ paginationType } position_${ paginatorPosition } ${ isPageSizeChangeAllowed ? 'withPageSizeChange' : '' }` }>\n      { paginationType === 'buttons' && (\n        <>\n          { isPageSizeChangeAllowed && pageSizeChangePosition === 'left' && pageSizeChange() }\n          <div className=\"paginatorControls\">\n\n            <SimpleButton\n              id={ `paginator_${ id }_first` }\n              disabled={ activePage === 1 }\n              onClickHandler={ () => handlePageChange(1) }\n              leftIcon={ isNonNullFirstIcon ? { icon: buttonConfig?.firstButton?.icon || 'first' } : undefined }\n              hideLabel={ buttonConfig?.firstButton?.label ? false : true }\n              label={ buttonConfig?.firstButton?.label || 'Go to first item' }\n              buttonStyle={ { size: 'compact' } }\n            />\n            <SimpleButton\n              id={ `paginator_${ id }_previous` }\n              disabled={ activePage === 1 }\n              onClickHandler={ () => handlePageChange(activePage - 1) }\n              leftIcon={ isNonNullPrevIcon ? { icon: buttonConfig?.previousButton?.icon || 'previous2' } : undefined }\n              hideLabel={ buttonConfig?.previousButton?.label ? false : true }\n              label={ buttonConfig?.previousButton?.label || `Show previous ${ pageSize } items` }\n              buttonStyle={ { size: 'compact' } }\n            />\n\n            <div className=\"paginatorPageButtonsWrapper\">\n              <div className=\"paginatorPageButtonsScroller\">\n                <div className=\"paginatorPageButtons\">\n                  {\n                    pageNumberButtonsVisible.map((pageNumber) => (\n                      <SimpleButton\n                        key={ `paginator_${ id }_page_${ pageNumber }` }\n                        id={ `paginator_${ id }_page_${ pageNumber }` }\n                        disabled={ activePage === pageNumber }\n                        onClickHandler={ () => handlePageChange(pageNumber) }\n                        label={ String(pageNumber) }\n                        buttonStyle={ { size: 'compact' } }\n                      />\n                    ))\n                  }\n                </div>\n              </div>\n            </div>\n\n            <SimpleButton\n              id={ `paginator_${ id }_next` }\n              disabled={ activePage === totalPages }\n              onClickHandler={ () => handlePageChange(activePage + 1) }\n              rightIcon={ isNonNullNextIcon ? { icon: buttonConfig?.nextButton?.icon || 'next2' } : undefined }\n              hideLabel={ buttonConfig?.nextButton?.label ? false : true }\n              label={ buttonConfig?.nextButton?.label || `Show next ${ pageSize } items` }\n              buttonStyle={ { size: 'compact' } }\n            />\n            <SimpleButton\n              id={ `paginator_${ id }_last` }\n              disabled={ activePage === totalPages }\n              onClickHandler={ () => handlePageChange(totalPages) }\n              rightIcon={ isNonNullLastIcon ? { icon: buttonConfig?.lastButton?.icon || 'last' } : undefined }\n              hideLabel={ buttonConfig?.lastButton?.label ? false : true }\n              label={ buttonConfig?.lastButton?.label || 'Go to last item' }\n              buttonStyle={ { size: 'compact' } }\n            />\n\n          </div>\n          { isPageSizeChangeAllowed && pageSizeChangePosition === 'right' && pageSizeChange() }\n        </>\n      ) }\n      { paginationType === 'showMore' && (\n        <div className=\"showMore\">\n          <SimpleButton\n            id={ `paginator_${ id }_previous` }\n            onClickHandler={ () => handlePageChange(activePage + 1) }\n            rightIcon={ { icon: 'arrowDown' } }\n            label=\"Show more items\"\n            buttonStyle={ { size: 'compact' } }\n          />\n        </div>\n      ) }\n    </div>\n  );\n};\n\nexport default Paginator;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/design/paginators/paginator.css

@@ -0,0 +1,67 @@
+.paginator {
+  display: flex;
+  align-items: center;
+}
+.paginator.showMore, .paginator.infiniteScroll {
+  justify-content: center;
+}
+.paginator.withPageSizeChange .pageSizeChange {
+  margin: 0 0 0 10px;
+}
+.paginator.withPageSizeChange .pageSizeChange label {
+  column-gap: 10px;
+}
+.paginator.withPageSizeChange .pageSizeChange label .labelText {
+  width: 60px;
+  font-size: 13px;
+}
+.paginator.withPageSizeChange .pageSizeChange label select {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 5px;
+  text-align: center;
+}
+.paginator.position_left.withPageSizeChange, .paginator.position_right.withPageSizeChange {
+  justify-content: space-between;
+}
+.paginator.position_center.withPageSizeChange {
+  gap: 10px;
+  justify-content: center;
+}
+.paginator.position_left {
+  justify-content: flex-start;
+}
+.paginator.position_right {
+  justify-content: flex-end;
+}
+.paginator.position_center {
+  justify-content: center;
+}
+.paginator .paginatorControls {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  flex-wrap: nowrap;
+  max-width: 100%;
+}
+.paginator .paginatorControls .paginatorPageButtonsWrapper {
+  max-width: calc(100% - 70px);
+  overflow: hidden;
+}
+.paginator .paginatorControls .paginatorPageButtonsWrapper .paginatorPageButtonsScroller {
+  overflow: hidden;
+  max-width: 100%;
+  box-sizing: border-box;
+  white-space: nowrap;
+}
+.paginator .paginatorControls .paginatorPageButtonsWrapper .paginatorPageButtonsScroller .paginatorPageButtons {
+  position: relative;
+  flex: 1;
+  padding: 2px 0; /* Catering for focus/active outline */
+  white-space: nowrap;
+}
+.paginator .paginatorControls .paginatorPageButtonsWrapper .paginatorPageButtonsScroller .paginatorPageButtons button {
+  margin: 0 2px;
+  min-width: 40px;
+}

package/dist/cjs/components/design/paginators/scrollingPaginator/ScrollingPaginator.js

@@ -0,0 +1,61 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ScrollingPaginator = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Spinner = require("../../../design/spinner/Spinner");
+require("./scrollingPaginator.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ScrollingPaginator = ({
+  id,
+  isMoreAvailable,
+  isLoadingMore,
+  onLoadMore = () => Promise.resolve(),
+  containerSize = 'm',
+  children
+}) => {
+  const scrollHolder = (0, _react.useRef)(null);
+  const scrollContent = (0, _react.useRef)(null);
+  const handleLoadMore = async () => {
+    if (!isMoreAvailable || isLoadingMore) {
+      return;
+    }
+    await onLoadMore();
+  };
+  const scrollListener = event => {
+    const target = event.target;
+    const {
+      scrollTop,
+      scrollHeight,
+      clientHeight
+    } = target;
+    if (scrollTop >= scrollHeight - clientHeight - 20) {
+      handleLoadMore();
+    }
+  };
+  (0, _react.useEffect)(() => {
+    if (scrollHolder && scrollHolder.current && isMoreAvailable) {
+      scrollHolder.current.addEventListener('scroll', scrollListener);
+    }
+    return () => {
+      scrollHolder.current?.removeEventListener('scroll', scrollListener);
+    };
+  }, [scrollHolder, isMoreAvailable]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: `ScrollingPaginator_${id}`,
+    className: `scrollingPaginator scrollingPaginator_${containerSize} ${isLoadingMore ? 'isLoadingMore' : ''}`,
+    ref: scrollHolder
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: scrollContent
+  }, children), isLoadingMore && /*#__PURE__*/_react.default.createElement("div", {
+    className: "scrollingPaginatorLoading"
+  }, /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, {
+    size: "xs"
+  }), " Loading more items..."));
+};
+exports.ScrollingPaginator = ScrollingPaginator;
+var _default = exports.default = ScrollingPaginator;
+//# sourceMappingURL=ScrollingPaginator.js.map

package/dist/cjs/components/design/paginators/scrollingPaginator/ScrollingPaginator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollingPaginator.js","names":["Object","defineProperty","exports","value","default","ScrollingPaginator","_react","_interopRequireWildcard","require","_Spinner","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","id","isMoreAvailable","isLoadingMore","onLoadMore","Promise","resolve","containerSize","children","scrollHolder","useRef","scrollContent","handleLoadMore","scrollListener","event","target","scrollTop","scrollHeight","clientHeight","useEffect","current","addEventListener","removeEventListener","createElement","className","ref","Spinner","size","_default"],"sources":["../../../../../../src/components/design/paginators/scrollingPaginator/ScrollingPaginator.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useRef } from 'react';\nimport { Spinner } from '../../../design/spinner/Spinner';\n\nimport './scrollingPaginator.scss';\n\ninterface ScrollingPaginatorProps {\n  id: string;\n  isMoreAvailable: boolean;\n  isLoadingMore: boolean;\n  onLoadMore?: () => Promise<void>;\n  containerSize?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'fullParent';\n  children: React.ReactNode;\n}\n\nexport const ScrollingPaginator: React.FC<ScrollingPaginatorProps> = (\n  {\n    id,\n    isMoreAvailable,\n    isLoadingMore,\n    onLoadMore = () => Promise.resolve(),\n    containerSize = 'm',\n    children,\n  }\n) => {\n  const scrollHolder = useRef<HTMLDivElement>(null);\n  const scrollContent = useRef<HTMLDivElement>(null);\n\n  const handleLoadMore = async () => {\n    if (!isMoreAvailable || isLoadingMore) {\n      return;\n    }\n    await onLoadMore();\n  };\n\n  const scrollListener = (event: Event) => {\n    const target = event.target as HTMLDivElement;\n\n    const { scrollTop, scrollHeight, clientHeight } = target;\n\n    if (scrollTop >= (scrollHeight - clientHeight) - 20) {\n      handleLoadMore();\n    }\n  };\n\n  useEffect(() => {\n    if (scrollHolder && scrollHolder.current && isMoreAvailable) {\n      scrollHolder.current.addEventListener('scroll', scrollListener);\n    }\n\n    return () => {\n      scrollHolder.current?.removeEventListener('scroll', scrollListener);\n    };\n  }, [scrollHolder, isMoreAvailable]);\n\n  return (\n    <div id={ `ScrollingPaginator_${ id }` } className={ `scrollingPaginator scrollingPaginator_${ containerSize } ${ isLoadingMore ? 'isLoadingMore' : '' }` } ref={ scrollHolder }>\n      <div ref={ scrollContent }>\n        {\n          children\n        }\n      </div>\n      {\n        isLoadingMore && (\n          <div className=\"scrollingPaginatorLoading\">\n            <Spinner size=\"xs\" /> Loading more items...\n          </div>\n        )\n      }\n    </div>\n  );\n};\n\nexport default ScrollingPaginator;\n"],"mappings":"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","ignoreList":[]}