@ruya.sa/ui 3.71.3

package/dist/elements/ItemsDrawer/index.js

@@ -0,0 +1,195 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { getTranslation } from '@ruya.sa/translations';
+import { toWords } from '@ruya.sa/payload/shared';
+import React, { useEffect, useMemo, useState } from 'react';
+import { DefaultBlockImage } from '../../graphics/DefaultBlockImage/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Drawer } from '../Drawer/index.js';
+import { ThumbnailCard } from '../ThumbnailCard/index.js';
+import './index.scss';
+import { ItemSearch } from './ItemSearch/index.js';
+const baseClass = 'items-drawer';
+const getItemLabel = (item, i18n) => {
+  // Handle ClientBlock
+  if ('labels' in item && item.labels?.singular) {
+    if (typeof item.labels.singular === 'string') {
+      return item.labels.singular.toLowerCase();
+    }
+    if (typeof item.labels.singular === 'object') {
+      return getTranslation(item.labels.singular, i18n).toLowerCase();
+    }
+  }
+  // Handle ClientWidget with label (already resolved from function on server)
+  if ('label' in item && item.label) {
+    if (typeof item.label === 'string') {
+      return item.label.toLowerCase();
+    }
+    if (typeof item.label === 'object') {
+      return getTranslation(item.label, i18n).toLowerCase();
+    }
+  }
+  // Fallback to slug
+  if ('slug' in item) {
+    return toWords(item.slug).toLowerCase();
+  }
+  return '';
+};
+const getItemSlug = item => {
+  return item.slug;
+};
+const getItemImageInfo = item => {
+  if ('imageURL' in item) {
+    return {
+      imageAltText: item.imageAltText,
+      imageURL: item.imageURL
+    };
+  }
+  return {
+    imageAltText: undefined,
+    imageURL: undefined
+  };
+};
+const getItemDisplayLabel = (item, i18n) => {
+  // Handle ClientBlock
+  if ('labels' in item && item.labels?.singular) {
+    return getTranslation(item.labels.singular, i18n);
+  }
+  // Handle ClientWidget with label (already resolved from function on server)
+  if ('label' in item && item.label) {
+    if (typeof item.label === 'string') {
+      return item.label;
+    }
+    if (typeof item.label === 'object') {
+      return getTranslation(item.label, i18n);
+    }
+  }
+  // Fallback to slug - convert to human-readable label
+  return toWords(item.slug);
+};
+export const ItemsDrawer = props => {
+  const {
+    addRowIndex,
+    drawerSlug,
+    items,
+    labels,
+    onItemClick,
+    searchPlaceholder,
+    title
+  } = props;
+  const [searchTerm, setSearchTerm] = useState('');
+  const [filteredItems, setFilteredItems] = useState(items);
+  const {
+    closeModal,
+    isModalOpen
+  } = useModal();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const itemGroups = useMemo(() => {
+    const groups = {
+      _none: []
+    };
+    filteredItems.forEach(item => {
+      if (typeof item === 'object' && 'admin' in item && item.admin?.group) {
+        const group = item.admin.group;
+        const label = typeof group === 'string' ? group : getTranslation(group, i18n);
+        if (Object.hasOwn(groups, label)) {
+          groups[label].push(item);
+        } else {
+          groups[label] = [item];
+        }
+      } else {
+        groups._none.push(item);
+      }
+    });
+    return groups;
+  }, [filteredItems, i18n]);
+  useEffect(() => {
+    if (!isModalOpen(drawerSlug)) {
+      setSearchTerm('');
+    }
+  }, [isModalOpen, drawerSlug]);
+  useEffect(() => {
+    const searchTermToUse = searchTerm.toLowerCase();
+    const matchingItems = items?.reduce((matchedItems, _item) => {
+      let item_0;
+      if (typeof _item === 'string') {
+        // Handle string references (for blocks)
+        item_0 = config.blocksMap?.[_item];
+      } else {
+        item_0 = _item;
+      }
+      if (item_0) {
+        const itemLabel = getItemLabel(item_0, i18n);
+        if (itemLabel.includes(searchTermToUse)) {
+          matchedItems.push(item_0);
+        }
+      }
+      return matchedItems;
+    }, []);
+    setFilteredItems(matchingItems || []);
+  }, [searchTerm, items, i18n, config.blocksMap]);
+  const finalTitle = title || (labels ? t('fields:addLabel', {
+    label: getTranslation(labels.singular, i18n)
+  }) : t('fields:addNew'));
+  return /*#__PURE__*/_jsxs(Drawer, {
+    slug: drawerSlug,
+    title: finalTitle,
+    children: [/*#__PURE__*/_jsx(ItemSearch, {
+      placeholder: searchPlaceholder || t('fields:searchForBlock'),
+      setSearchTerm: setSearchTerm
+    }), /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__items-wrapper`,
+      children: /*#__PURE__*/_jsx("ul", {
+        className: `${baseClass}__item-groups`,
+        children: Object.entries(itemGroups).map(([groupLabel, groupItems]) => !groupItems.length ? null : /*#__PURE__*/_jsxs("li", {
+          className: [`${baseClass}__item-group`, groupLabel === '_none' && `${baseClass}__item-group-none`].filter(Boolean).join(' '),
+          children: [groupLabel !== '_none' && /*#__PURE__*/_jsx("h3", {
+            className: `${baseClass}__item-group-label`,
+            children: groupLabel
+          }), /*#__PURE__*/_jsx("ul", {
+            className: `${baseClass}__items`,
+            children: groupItems.map((_item_0, index) => {
+              const item_1 = typeof _item_0 === 'string' ? config.blocksMap?.[_item_0] : _item_0;
+              if (!item_1) {
+                return null;
+              }
+              const {
+                imageAltText,
+                imageURL
+              } = getItemImageInfo(item_1);
+              const displayLabel = getItemDisplayLabel(item_1, i18n);
+              return /*#__PURE__*/_jsx("li", {
+                className: `${baseClass}__item`,
+                children: /*#__PURE__*/_jsx(ThumbnailCard, {
+                  alignLabel: "center",
+                  label: displayLabel,
+                  onClick: () => {
+                    void onItemClick(item_1, addRowIndex);
+                    closeModal(drawerSlug);
+                  },
+                  thumbnail: /*#__PURE__*/_jsx("div", {
+                    className: `${baseClass}__default-image`,
+                    children: imageURL ? /*#__PURE__*/_jsx("img", {
+                      alt: imageAltText,
+                      src: imageURL
+                    }) : /*#__PURE__*/_jsx(DefaultBlockImage, {})
+                  })
+                })
+              }, index);
+            })
+          })]
+        }, groupLabel))
+      })
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/ItemsDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","getTranslation","toWords","React","useEffect","useMemo","useState","DefaultBlockImage","useConfig","useTranslation","Drawer","ThumbnailCard","ItemSearch","baseClass","getItemLabel","item","i18n","labels","singular","toLowerCase","label","slug","getItemSlug","getItemImageInfo","imageAltText","imageURL","undefined","getItemDisplayLabel","ItemsDrawer","props","addRowIndex","drawerSlug","items","onItemClick","searchPlaceholder","title","searchTerm","setSearchTerm","filteredItems","setFilteredItems","closeModal","isModalOpen","t","config","itemGroups","groups","_none","forEach","admin","group","Object","hasOwn","push","searchTermToUse","matchingItems","reduce","matchedItems","_item","blocksMap","itemLabel","includes","finalTitle","_jsxs","_jsx","placeholder","className","entries","map","groupLabel","groupItems","length","filter","Boolean","join","index","displayLabel","alignLabel","onClick","thumbnail","alt","src"],"sources":["../../../src/elements/ItemsDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@ruya.sa/translations'\nimport type { ClientBlock, ClientWidget, Labels } from '@ruya.sa/payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@ruya.sa/translations'\nimport { toWords } from '@ruya.sa/payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { DefaultBlockImage } from '../../graphics/DefaultBlockImage/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { ThumbnailCard } from '../ThumbnailCard/index.js'\nimport './index.scss'\nimport { ItemSearch } from './ItemSearch/index.js'\n\nexport type DrawerItem = ClientBlock | ClientWidget\n\nexport type ItemsDrawerProps = {\n  readonly addRowIndex?: number\n  readonly drawerSlug: string\n  readonly items: (DrawerItem | string)[]\n  readonly labels?: Labels\n  readonly onItemClick: (item: DrawerItem, index?: number) => Promise<void> | void\n  readonly searchPlaceholder?: string\n  readonly title?: string\n}\n\nconst baseClass = 'items-drawer'\n\nconst getItemLabel = (item: DrawerItem, i18n: I18nClient): string => {\n  // Handle ClientBlock\n  if ('labels' in item && item.labels?.singular) {\n    if (typeof item.labels.singular === 'string') {\n      return item.labels.singular.toLowerCase()\n    }\n    if (typeof item.labels.singular === 'object') {\n      return getTranslation(item.labels.singular, i18n).toLowerCase()\n    }\n  }\n\n  // Handle ClientWidget with label (already resolved from function on server)\n  if ('label' in item && item.label) {\n    if (typeof item.label === 'string') {\n      return item.label.toLowerCase()\n    }\n    if (typeof item.label === 'object') {\n      return getTranslation(item.label, i18n).toLowerCase()\n    }\n  }\n\n  // Fallback to slug\n  if ('slug' in item) {\n    return toWords(item.slug).toLowerCase()\n  }\n\n  return ''\n}\n\nconst getItemSlug = (item: DrawerItem): string => {\n  return item.slug\n}\n\nconst getItemImageInfo = (item: DrawerItem) => {\n  if ('imageURL' in item) {\n    return {\n      imageAltText: item.imageAltText,\n      imageURL: item.imageURL,\n    }\n  }\n  return { imageAltText: undefined, imageURL: undefined }\n}\n\nconst getItemDisplayLabel = (item: DrawerItem, i18n: I18nClient): string => {\n  // Handle ClientBlock\n  if ('labels' in item && item.labels?.singular) {\n    return getTranslation(item.labels.singular, i18n)\n  }\n\n  // Handle ClientWidget with label (already resolved from function on server)\n  if ('label' in item && item.label) {\n    if (typeof item.label === 'string') {\n      return item.label\n    }\n    if (typeof item.label === 'object') {\n      return getTranslation(item.label, i18n)\n    }\n  }\n\n  // Fallback to slug - convert to human-readable label\n  return toWords(item.slug)\n}\n\nexport const ItemsDrawer: React.FC<ItemsDrawerProps> = (props) => {\n  const { addRowIndex, drawerSlug, items, labels, onItemClick, searchPlaceholder, title } = props\n\n  const [searchTerm, setSearchTerm] = useState('')\n  const [filteredItems, setFilteredItems] = useState(items)\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n  const { config } = useConfig()\n\n  const itemGroups = useMemo(() => {\n    const groups: Record<string, (DrawerItem | string)[]> = {\n      _none: [],\n    }\n    filteredItems.forEach((item) => {\n      if (typeof item === 'object' && 'admin' in item && item.admin?.group) {\n        const group = item.admin.group\n        const label = typeof group === 'string' ? group : getTranslation(group, i18n)\n\n        if (Object.hasOwn(groups, label)) {\n          groups[label].push(item)\n        } else {\n          groups[label] = [item]\n        }\n      } else {\n        groups._none.push(item)\n      }\n    })\n    return groups\n  }, [filteredItems, i18n])\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTerm('')\n    }\n  }, [isModalOpen, drawerSlug])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingItems = items?.reduce((matchedItems, _item) => {\n      let item: DrawerItem\n\n      if (typeof _item === 'string') {\n        // Handle string references (for blocks)\n        item = config.blocksMap?.[_item] as DrawerItem\n      } else {\n        item = _item\n      }\n\n      if (item) {\n        const itemLabel = getItemLabel(item, i18n)\n        if (itemLabel.includes(searchTermToUse)) {\n          matchedItems.push(item)\n        }\n      }\n      return matchedItems\n    }, [] as DrawerItem[])\n\n    setFilteredItems(matchingItems || [])\n  }, [searchTerm, items, i18n, config.blocksMap])\n\n  const finalTitle =\n    title ||\n    (labels\n      ? t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })\n      : t('fields:addNew'))\n\n  return (\n    <Drawer slug={drawerSlug} title={finalTitle}>\n      <ItemSearch\n        placeholder={searchPlaceholder || t('fields:searchForBlock')}\n        setSearchTerm={setSearchTerm}\n      />\n      <div className={`${baseClass}__items-wrapper`}>\n        <ul className={`${baseClass}__item-groups`}>\n          {Object.entries(itemGroups).map(([groupLabel, groupItems]) =>\n            !groupItems.length ? null : (\n              <li\n                className={[\n                  `${baseClass}__item-group`,\n                  groupLabel === '_none' && `${baseClass}__item-group-none`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={groupLabel}\n              >\n                {groupLabel !== '_none' && (\n                  <h3 className={`${baseClass}__item-group-label`}>{groupLabel}</h3>\n                )}\n                <ul className={`${baseClass}__items`}>\n                  {groupItems.map((_item, index) => {\n                    const item =\n                      typeof _item === 'string' ? (config.blocksMap?.[_item] as DrawerItem) : _item\n\n                    if (!item) {\n                      return null\n                    }\n\n                    const { imageAltText, imageURL } = getItemImageInfo(item)\n                    const displayLabel = getItemDisplayLabel(item, i18n)\n\n                    return (\n                      <li className={`${baseClass}__item`} key={index}>\n                        <ThumbnailCard\n                          alignLabel=\"center\"\n                          label={displayLabel}\n                          onClick={() => {\n                            void onItemClick(item, addRowIndex)\n                            closeModal(drawerSlug)\n                          }}\n                          thumbnail={\n                            <div className={`${baseClass}__default-image`}>\n                              {imageURL ? (\n                                <img alt={imageAltText} src={imageURL} />\n                              ) : (\n                                <DefaultBlockImage />\n                              )}\n                            </div>\n                          }\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </li>\n            ),\n          )}\n        </ul>\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAOC,KAAA,IAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAEpD,SAASC,iBAAiB,QAAQ;AAClC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,OAAO;AACP,SAASC,UAAU,QAAQ;AAc3B,MAAMC,SAAA,GAAY;AAElB,MAAMC,YAAA,GAAeA,CAACC,IAAA,EAAkBC,IAAA;EACtC;EACA,IAAI,YAAYD,IAAA,IAAQA,IAAA,CAAKE,MAAM,EAAEC,QAAA,EAAU;IAC7C,IAAI,OAAOH,IAAA,CAAKE,MAAM,CAACC,QAAQ,KAAK,UAAU;MAC5C,OAAOH,IAAA,CAAKE,MAAM,CAACC,QAAQ,CAACC,WAAW;IACzC;IACA,IAAI,OAAOJ,IAAA,CAAKE,MAAM,CAACC,QAAQ,KAAK,UAAU;MAC5C,OAAOjB,cAAA,CAAec,IAAA,CAAKE,MAAM,CAACC,QAAQ,EAAEF,IAAA,EAAMG,WAAW;IAC/D;EACF;EAEA;EACA,IAAI,WAAWJ,IAAA,IAAQA,IAAA,CAAKK,KAAK,EAAE;IACjC,IAAI,OAAOL,IAAA,CAAKK,KAAK,KAAK,UAAU;MAClC,OAAOL,IAAA,CAAKK,KAAK,CAACD,WAAW;IAC/B;IACA,IAAI,OAAOJ,IAAA,CAAKK,KAAK,KAAK,UAAU;MAClC,OAAOnB,cAAA,CAAec,IAAA,CAAKK,KAAK,EAAEJ,IAAA,EAAMG,WAAW;IACrD;EACF;EAEA;EACA,IAAI,UAAUJ,IAAA,EAAM;IAClB,OAAOb,OAAA,CAAQa,IAAA,CAAKM,IAAI,EAAEF,WAAW;EACvC;EAEA,OAAO;AACT;AAEA,MAAMG,WAAA,GAAeP,IAAA;EACnB,OAAOA,IAAA,CAAKM,IAAI;AAClB;AAEA,MAAME,gBAAA,GAAoBR,IAAA;EACxB,IAAI,cAAcA,IAAA,EAAM;IACtB,OAAO;MACLS,YAAA,EAAcT,IAAA,CAAKS,YAAY;MAC/BC,QAAA,EAAUV,IAAA,CAAKU;IACjB;EACF;EACA,OAAO;IAAED,YAAA,EAAcE,SAAA;IAAWD,QAAA,EAAUC;EAAU;AACxD;AAEA,MAAMC,mBAAA,GAAsBA,CAACZ,IAAA,EAAkBC,IAAA;EAC7C;EACA,IAAI,YAAYD,IAAA,IAAQA,IAAA,CAAKE,MAAM,EAAEC,QAAA,EAAU;IAC7C,OAAOjB,cAAA,CAAec,IAAA,CAAKE,MAAM,CAACC,QAAQ,EAAEF,IAAA;EAC9C;EAEA;EACA,IAAI,WAAWD,IAAA,IAAQA,IAAA,CAAKK,KAAK,EAAE;IACjC,IAAI,OAAOL,IAAA,CAAKK,KAAK,KAAK,UAAU;MAClC,OAAOL,IAAA,CAAKK,KAAK;IACnB;IACA,IAAI,OAAOL,IAAA,CAAKK,KAAK,KAAK,UAAU;MAClC,OAAOnB,cAAA,CAAec,IAAA,CAAKK,KAAK,EAAEJ,IAAA;IACpC;EACF;EAEA;EACA,OAAOd,OAAA,CAAQa,IAAA,CAAKM,IAAI;AAC1B;AAEA,OAAO,MAAMO,WAAA,GAA2CC,KAAA;EACtD,MAAM;IAAEC,WAAW;IAAEC,UAAU;IAAEC,KAAK;IAAEf,MAAM;IAAEgB,WAAW;IAAEC,iBAAiB;IAAEC;EAAK,CAAE,GAAGN,KAAA;EAE1F,MAAM,CAACO,UAAA,EAAYC,aAAA,CAAc,GAAG/B,QAAA,CAAS;EAC7C,MAAM,CAACgC,aAAA,EAAeC,gBAAA,CAAiB,GAAGjC,QAAA,CAAS0B,KAAA;EACnD,MAAM;IAAEQ,UAAU;IAAEC;EAAW,CAAE,GAAGzC,QAAA;EACpC,MAAM;IAAEgB,IAAI;IAAE0B;EAAC,CAAE,GAAGjC,cAAA;EACpB,MAAM;IAAEkC;EAAM,CAAE,GAAGnC,SAAA;EAEnB,MAAMoC,UAAA,GAAavC,OAAA,CAAQ;IACzB,MAAMwC,MAAA,GAAkD;MACtDC,KAAA,EAAO;IACT;IACAR,aAAA,CAAcS,OAAO,CAAEhC,IAAA;MACrB,IAAI,OAAOA,IAAA,KAAS,YAAY,WAAWA,IAAA,IAAQA,IAAA,CAAKiC,KAAK,EAAEC,KAAA,EAAO;QACpE,MAAMA,KAAA,GAAQlC,IAAA,CAAKiC,KAAK,CAACC,KAAK;QAC9B,MAAM7B,KAAA,GAAQ,OAAO6B,KAAA,KAAU,WAAWA,KAAA,GAAQhD,cAAA,CAAegD,KAAA,EAAOjC,IAAA;QAExE,IAAIkC,MAAA,CAAOC,MAAM,CAACN,MAAA,EAAQzB,KAAA,GAAQ;UAChCyB,MAAM,CAACzB,KAAA,CAAM,CAACgC,IAAI,CAACrC,IAAA;QACrB,OAAO;UACL8B,MAAM,CAACzB,KAAA,CAAM,GAAG,CAACL,IAAA,CAAK;QACxB;MACF,OAAO;QACL8B,MAAA,CAAOC,KAAK,CAACM,IAAI,CAACrC,IAAA;MACpB;IACF;IACA,OAAO8B,MAAA;EACT,GAAG,CAACP,aAAA,EAAetB,IAAA,CAAK;EAExBZ,SAAA,CAAU;IACR,IAAI,CAACqC,WAAA,CAAYV,UAAA,GAAa;MAC5BM,aAAA,CAAc;IAChB;EACF,GAAG,CAACI,WAAA,EAAaV,UAAA,CAAW;EAE5B3B,SAAA,CAAU;IACR,MAAMiD,eAAA,GAAkBjB,UAAA,CAAWjB,WAAW;IAE9C,MAAMmC,aAAA,GAAgBtB,KAAA,EAAOuB,MAAA,CAAO,CAACC,YAAA,EAAcC,KAAA;MACjD,IAAI1C,MAAA;MAEJ,IAAI,OAAO0C,KAAA,KAAU,UAAU;QAC7B;QACA1C,MAAA,GAAO4B,MAAA,CAAOe,SAAS,GAAGD,KAAA,CAAM;MAClC,OAAO;QACL1C,MAAA,GAAO0C,KAAA;MACT;MAEA,IAAI1C,MAAA,EAAM;QACR,MAAM4C,SAAA,GAAY7C,YAAA,CAAaC,MAAA,EAAMC,IAAA;QACrC,IAAI2C,SAAA,CAAUC,QAAQ,CAACP,eAAA,GAAkB;UACvCG,YAAA,CAAaJ,IAAI,CAACrC,MAAA;QACpB;MACF;MACA,OAAOyC,YAAA;IACT,GAAG,EAAE;IAELjB,gBAAA,CAAiBe,aAAA,IAAiB,EAAE;EACtC,GAAG,CAAClB,UAAA,EAAYJ,KAAA,EAAOhB,IAAA,EAAM2B,MAAA,CAAOe,SAAS,CAAC;EAE9C,MAAMG,UAAA,GACJ1B,KAAA,KACClB,MAAA,GACGyB,CAAA,CAAE,mBAAmB;IAAEtB,KAAA,EAAOnB,cAAA,CAAegB,MAAA,CAAOC,QAAQ,EAAEF,IAAA;EAAM,KACpE0B,CAAA,CAAE,gBAAe;EAEvB,oBACEoB,KAAA,CAACpD,MAAA;IAAOW,IAAA,EAAMU,UAAA;IAAYI,KAAA,EAAO0B,UAAA;4BAC/BE,IAAA,CAACnD,UAAA;MACCoD,WAAA,EAAa9B,iBAAA,IAAqBQ,CAAA,CAAE;MACpCL,aAAA,EAAeA;qBAEjB0B,IAAA,CAAC;MAAIE,SAAA,EAAW,GAAGpD,SAAA,iBAA0B;gBAC3C,aAAAkD,IAAA,CAAC;QAAGE,SAAA,EAAW,GAAGpD,SAAA,eAAwB;kBACvCqC,MAAA,CAAOgB,OAAO,CAACtB,UAAA,EAAYuB,GAAG,CAAC,CAAC,CAACC,UAAA,EAAYC,UAAA,CAAW,KACvD,CAACA,UAAA,CAAWC,MAAM,GAAG,oBACnBR,KAAA,CAAC;UACCG,SAAA,EAAW,CACT,GAAGpD,SAAA,cAAuB,EAC1BuD,UAAA,KAAe,WAAW,GAAGvD,SAAA,mBAA4B,CAC1D,CACE0D,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;qBAGPL,UAAA,KAAe,wBACdL,IAAA,CAAC;YAAGE,SAAA,EAAW,GAAGpD,SAAA,oBAA6B;sBAAGuD;2BAEpDL,IAAA,CAAC;YAAGE,SAAA,EAAW,GAAGpD,SAAA,SAAkB;sBACjCwD,UAAA,CAAWF,GAAG,CAAC,CAACV,OAAA,EAAOiB,KAAA;cACtB,MAAM3D,MAAA,GACJ,OAAO0C,OAAA,KAAU,WAAYd,MAAA,CAAOe,SAAS,GAAGD,OAAA,CAAM,GAAkBA,OAAA;cAE1E,IAAI,CAAC1C,MAAA,EAAM;gBACT,OAAO;cACT;cAEA,MAAM;gBAAES,YAAY;gBAAEC;cAAQ,CAAE,GAAGF,gBAAA,CAAiBR,MAAA;cACpD,MAAM4D,YAAA,GAAehD,mBAAA,CAAoBZ,MAAA,EAAMC,IAAA;cAE/C,oBACE+C,IAAA,CAAC;gBAAGE,SAAA,EAAW,GAAGpD,SAAA,QAAiB;0BACjC,aAAAkD,IAAA,CAACpD,aAAA;kBACCiE,UAAA,EAAW;kBACXxD,KAAA,EAAOuD,YAAA;kBACPE,OAAA,EAASA,CAAA;oBACP,KAAK5C,WAAA,CAAYlB,MAAA,EAAMe,WAAA;oBACvBU,UAAA,CAAWT,UAAA;kBACb;kBACA+C,SAAA,eACEf,IAAA,CAAC;oBAAIE,SAAA,EAAW,GAAGpD,SAAA,iBAA0B;8BAC1CY,QAAA,gBACCsC,IAAA,CAAC;sBAAIgB,GAAA,EAAKvD,YAAA;sBAAcwD,GAAA,EAAKvD;sCAE7BsC,IAAA,CAACxD,iBAAA;;;iBAb+BmE,KAAA;YAoB9C;;WAtCGN,UAAA;;;;AA+CrB","ignoreList":[]}

package/dist/elements/ItemsDrawer/index.scss

@@ -0,0 +1,102 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .items-drawer {
+    &__items-wrapper {
+      padding-top: base(1.5);
+    }
+
+    &__items {
+      position: relative;
+      padding: 0;
+      list-style: none;
+      display: grid;
+      grid-template-columns: repeat(6, 1fr);
+      gap: base(1);
+    }
+
+    &__default-image {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      aspect-ratio: 3 / 2;
+      overflow: hidden;
+
+      img,
+      svg {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+
+    &__item-groups {
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      gap: base(1.5);
+    }
+
+    &__item-group {
+      list-style: none;
+    }
+
+    &__item-group-label {
+      padding-bottom: base(0.5);
+    }
+
+    &__item-group-none {
+      order: 1;
+      padding-top: base(1.5);
+      border-top: 1px solid var(--theme-border-color);
+
+      &:only-child {
+        padding-top: 0;
+        border-top: 0;
+      }
+    }
+
+    @include large-break {
+      &__items {
+        grid-template-columns: repeat(5, 1fr);
+      }
+    }
+
+    @include mid-break {
+      &__items-wrapper {
+        padding-top: base(1.75);
+      }
+
+      &__items {
+        grid-template-columns: repeat(3, 1fr);
+      }
+
+      &__item-groups {
+        gap: base(1.75);
+      }
+
+      &__item-group-none {
+        padding-top: base(1.75);
+      }
+    }
+
+    @include small-break {
+      &__items-wrapper {
+        padding-top: base(0.75);
+      }
+
+      &__items {
+        grid-template-columns: repeat(2, 1fr);
+      }
+
+      &__item-groups {
+        gap: base(0.75);
+      }
+
+      &__item-group-none {
+        padding-top: base(0.75);
+      }
+    }
+  }
+}

package/dist/elements/LeaveWithoutSaving/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { OnCancel } from '../ConfirmationModal/index.js';
+type LeaveWithoutSavingProps = {
+    disablePreventLeave?: boolean;
+    modalSlug?: string;
+    onConfirm?: () => Promise<void> | void;
+    onPrevent?: (nextHref: null | string) => void;
+};
+export declare const LeaveWithoutSaving: React.FC<LeaveWithoutSavingProps>;
+export declare const LeaveWithoutSavingModal: ({ modalSlug, onCancel, onConfirm, }: {
+    modalSlug: string;
+    onCancel?: OnCancel;
+    onConfirm: () => Promise<void> | void;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/LeaveWithoutSaving/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAS7D,KAAK,uBAAuB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;CAC9C,CAAA;AAID,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+ChE,CAAA;AAED,eAAO,MAAM,uBAAuB,wCAIjC;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACtC,sBAcA,CAAA"}

package/dist/elements/LeaveWithoutSaving/index.js

@@ -0,0 +1,156 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { useForm, useFormModified } from '../../forms/Form/index.js';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { ConfirmationModal } from '../ConfirmationModal/index.js';
+import { useModal } from '../Modal/index.js';
+import { usePreventLeave } from './usePreventLeave.js';
+const leaveWithoutSavingModalSlug = 'leave-without-saving';
+export const LeaveWithoutSaving = t0 => {
+  const $ = _c(17);
+  const {
+    disablePreventLeave: t1,
+    onConfirm,
+    onPrevent
+  } = t0;
+  const disablePreventLeave = t1 === undefined ? false : t1;
+  const modalSlug = leaveWithoutSavingModalSlug;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const modified = useFormModified();
+  const {
+    isValid
+  } = useForm();
+  const {
+    user
+  } = useAuth();
+  const [hasAccepted, setHasAccepted] = React.useState(false);
+  const prevent = !disablePreventLeave && Boolean((modified || !isValid) && user);
+  let t2;
+  if ($[0] !== onPrevent || $[1] !== openModal) {
+    t2 = () => {
+      const activeHref = document.activeElement?.href || null;
+      if (onPrevent) {
+        onPrevent(activeHref);
+      }
+      openModal(leaveWithoutSavingModalSlug);
+    };
+    $[0] = onPrevent;
+    $[1] = openModal;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const handlePrevent = t2;
+  let t3;
+  if ($[3] !== closeModal) {
+    t3 = () => {
+      closeModal(leaveWithoutSavingModalSlug);
+    };
+    $[3] = closeModal;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const handleAccept = t3;
+  let t4;
+  if ($[5] !== handleAccept || $[6] !== handlePrevent || $[7] !== hasAccepted || $[8] !== prevent) {
+    t4 = {
+      hasAccepted,
+      onAccept: handleAccept,
+      onPrevent: handlePrevent,
+      prevent
+    };
+    $[5] = handleAccept;
+    $[6] = handlePrevent;
+    $[7] = hasAccepted;
+    $[8] = prevent;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  usePreventLeave(t4);
+  let t5;
+  if ($[10] !== closeModal) {
+    t5 = () => {
+      closeModal(leaveWithoutSavingModalSlug);
+    };
+    $[10] = closeModal;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  const onCancel = t5;
+  let t6;
+  if ($[12] !== onConfirm) {
+    t6 = async () => {
+      if (onConfirm) {
+        ;
+        try {
+          await onConfirm();
+        } catch (t7) {
+          const err = t7;
+          console.error("Error in LeaveWithoutSaving onConfirm:", err);
+        }
+      }
+      setHasAccepted(true);
+    };
+    $[12] = onConfirm;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  const handleConfirm = t6;
+  let t7;
+  if ($[14] !== handleConfirm || $[15] !== onCancel) {
+    t7 = _jsx(LeaveWithoutSavingModal, {
+      modalSlug: leaveWithoutSavingModalSlug,
+      onCancel,
+      onConfirm: handleConfirm
+    });
+    $[14] = handleConfirm;
+    $[15] = onCancel;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  return t7;
+};
+export const LeaveWithoutSavingModal = t0 => {
+  const $ = _c(5);
+  const {
+    modalSlug,
+    onCancel,
+    onConfirm
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== modalSlug || $[1] !== onCancel || $[2] !== onConfirm || $[3] !== t) {
+    t1 = _jsx(ConfirmationModal, {
+      body: t("general:changesNotSaved"),
+      cancelLabel: t("general:stayOnThisPage"),
+      confirmLabel: t("general:leaveAnyway"),
+      heading: t("general:leaveWithoutSaving"),
+      modalSlug,
+      onCancel,
+      onConfirm
+    });
+    $[0] = modalSlug;
+    $[1] = onCancel;
+    $[2] = onConfirm;
+    $[3] = t;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/LeaveWithoutSaving/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useForm","useFormModified","useAuth","useTranslation","ConfirmationModal","useModal","usePreventLeave","leaveWithoutSavingModalSlug","LeaveWithoutSaving","t0","$","disablePreventLeave","t1","onConfirm","onPrevent","undefined","modalSlug","closeModal","openModal","modified","isValid","user","hasAccepted","setHasAccepted","useState","prevent","Boolean","t2","activeHref","document","activeElement","href","handlePrevent","t3","handleAccept","t4","onAccept","t5","onCancel","t6","t7","err","console","error","handleConfirm","_jsx","LeaveWithoutSavingModal","t","body","cancelLabel","confirmLabel","heading"],"sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback } from 'react'\n\nimport type { OnCancel } from '../ConfirmationModal/index.js'\n\nimport { useForm, useFormModified } from '../../forms/Form/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { useModal } from '../Modal/index.js'\nimport { usePreventLeave } from './usePreventLeave.js'\n\ntype LeaveWithoutSavingProps = {\n  disablePreventLeave?: boolean\n  modalSlug?: string\n  onConfirm?: () => Promise<void> | void\n  onPrevent?: (nextHref: null | string) => void\n}\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving'\n\nexport const LeaveWithoutSaving: React.FC<LeaveWithoutSavingProps> = ({\n  disablePreventLeave = false,\n  onConfirm,\n  onPrevent,\n}) => {\n  const modalSlug = leaveWithoutSavingModalSlug\n  const { closeModal, openModal } = useModal()\n  const modified = useFormModified()\n  const { isValid } = useForm()\n  const { user } = useAuth()\n  const [hasAccepted, setHasAccepted] = React.useState(false)\n\n  const prevent = !disablePreventLeave && Boolean((modified || !isValid) && user)\n\n  const handlePrevent = useCallback(() => {\n    const activeHref = (document.activeElement as HTMLAnchorElement)?.href || null\n    if (onPrevent) {\n      onPrevent(activeHref)\n    }\n    openModal(modalSlug)\n  }, [openModal, onPrevent, modalSlug])\n\n  const handleAccept = useCallback(() => {\n    closeModal(modalSlug)\n  }, [closeModal, modalSlug])\n\n  usePreventLeave({ hasAccepted, onAccept: handleAccept, onPrevent: handlePrevent, prevent })\n\n  const onCancel: OnCancel = useCallback(() => {\n    closeModal(modalSlug)\n  }, [closeModal, modalSlug])\n\n  const handleConfirm = useCallback(async () => {\n    if (onConfirm) {\n      try {\n        await onConfirm()\n      } catch (err) {\n        // eslint-disable-next-line no-console\n        console.error('Error in LeaveWithoutSaving onConfirm:', err)\n      }\n    }\n    setHasAccepted(true)\n  }, [onConfirm])\n\n  return (\n    <LeaveWithoutSavingModal modalSlug={modalSlug} onCancel={onCancel} onConfirm={handleConfirm} />\n  )\n}\n\nexport const LeaveWithoutSavingModal = ({\n  modalSlug,\n  onCancel,\n  onConfirm,\n}: {\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <ConfirmationModal\n      body={t('general:changesNotSaved')}\n      cancelLabel={t('general:stayOnThisPage')}\n      confirmLabel={t('general:leaveAnyway')}\n      heading={t('general:leaveWithoutSaving')}\n      modalSlug={modalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/LeaveWithoutSaving/usePreventLeave.d.ts

@@ -0,0 +1,9 @@
+export declare const useBeforeUnload: (enabled?: (() => boolean) | boolean, message?: string) => void;
+export declare const usePreventLeave: ({ hasAccepted, message, onAccept, onPrevent, prevent, }: {
+    hasAccepted: boolean;
+    message?: string;
+    onAccept?: () => void;
+    onPrevent?: () => void;
+    prevent: boolean;
+}) => void;
+//# sourceMappingURL=usePreventLeave.d.ts.map

package/dist/elements/LeaveWithoutSaving/usePreventLeave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreventLeave.d.ts","sourceRoot":"","sources":["../../../src/elements/LeaveWithoutSaving/usePreventLeave.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,eAAe,aAAa,CAAC,MAAM,OAAO,CAAC,GAAG,OAAO,YAAmB,MAAM,SA6B1F,CAAA;AAED,eAAO,MAAM,eAAe,4DAMzB;IACD,WAAW,EAAE,OAAO,CAAA;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,SA8FA,CAAA"}

package/dist/elements/LeaveWithoutSaving/usePreventLeave.js

@@ -0,0 +1,149 @@
+'use client';
+
+// Credit: @Taiki92777
+//    - Source: https://github.com/vercel/next.js/discussions/32231#discussioncomment-7284386
+// Credit: `react-use` maintainers
+//    -  Source: https://github.com/streamich/react-use/blob/ade8d3905f544305515d010737b4ae604cc51024/src/useBeforeUnload.ts#L2
+import { c as _c } from "react/compiler-runtime";
+import { useRouter } from 'next/navigation.js';
+import { useCallback, useEffect, useRef } from 'react';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
+function on(obj, ...args) {
+  if (obj && obj.addEventListener) {
+    obj.addEventListener(...args);
+  }
+}
+function off(obj, ...args) {
+  if (obj && obj.removeEventListener) {
+    obj.removeEventListener(...args);
+  }
+}
+export const useBeforeUnload = (t0, message) => {
+  const $ = _c(7);
+  const enabled = t0 === undefined ? true : t0;
+  let t1;
+  if ($[0] !== enabled || $[1] !== message) {
+    t1 = event => {
+      const finalEnabled = typeof enabled === "function" ? enabled() : true;
+      if (!finalEnabled) {
+        return;
+      }
+      event.preventDefault();
+      if (message) {
+        event.returnValue = message;
+      }
+      return message;
+    };
+    $[0] = enabled;
+    $[1] = message;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const handler = t1;
+  let t2;
+  let t3;
+  if ($[3] !== enabled || $[4] !== handler) {
+    t2 = () => {
+      if (!enabled) {
+        return;
+      }
+      on(window, "beforeunload", handler);
+      return () => off(window, "beforeunload", handler);
+    };
+    t3 = [enabled, handler];
+    $[3] = enabled;
+    $[4] = handler;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  useEffect(t2, t3);
+};
+export const usePreventLeave = ({
+  hasAccepted = false,
+  message = 'Are you sure want to leave this page?',
+  onAccept,
+  onPrevent,
+  prevent = true
+}) => {
+  // check when page is about to be reloaded
+  useBeforeUnload(prevent, message);
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const router = useRouter();
+  const cancelledURL = useRef('');
+  // check when page is about to be changed
+  useEffect(() => {
+    function isAnchorOfCurrentUrl(currentUrl, newUrl) {
+      try {
+        const currentUrlObj = new URL(currentUrl);
+        const newUrlObj = new URL(newUrl);
+        // Compare hostname, pathname, and search parameters
+        if (currentUrlObj.hostname === newUrlObj.hostname && currentUrlObj.pathname === newUrlObj.pathname && currentUrlObj.search === newUrlObj.search) {
+          // Check if the new URL is just an anchor of the current URL page
+          const currentHash = currentUrlObj.hash;
+          const newHash = newUrlObj.hash;
+          return currentHash !== newHash && currentUrlObj.href.replace(currentHash, '') === newUrlObj.href.replace(newHash, '');
+        }
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.log('Unexpected exception thrown in LeaveWithoutSaving:isAnchorOfCurrentUrl', err);
+      }
+      return false;
+    }
+    function findClosestAnchor(element) {
+      while (element && element.tagName.toLowerCase() !== 'a') {
+        element = element.parentElement;
+      }
+      return element;
+    }
+    function handleClick(event) {
+      try {
+        const target = event.target;
+        const anchor = findClosestAnchor(target);
+        if (anchor) {
+          const currentUrl_0 = window.location.href;
+          const newUrl_0 = anchor.href;
+          const isAnchor = isAnchorOfCurrentUrl(currentUrl_0, newUrl_0);
+          const isDownloadLink = anchor.download !== '';
+          const isNewTab = anchor.target === '_blank' || event.metaKey || event.ctrlKey;
+          const isPageLeaving = !(newUrl_0 === currentUrl_0 || isAnchor || isDownloadLink || isNewTab);
+          if (isPageLeaving && prevent && (!onPrevent ? !window.confirm(message) : true)) {
+            // Keep a reference of the href
+            cancelledURL.current = newUrl_0;
+            // Cancel the route change
+            event.preventDefault();
+            event.stopPropagation();
+            if (typeof onPrevent === 'function') {
+              onPrevent();
+            }
+          }
+        }
+      } catch (err_0) {
+        // eslint-disable-next-line no-console
+        console.log('Unexpected exception thrown in LeaveWithoutSaving:usePreventLeave', err_0);
+      }
+    }
+    if (prevent) {
+      // Add the global click event listener
+      document.addEventListener('click', handleClick, true);
+    }
+    // Clean up the global click event listener when the component is unmounted
+    return () => {
+      document.removeEventListener('click', handleClick, true);
+    };
+  }, [onPrevent, prevent, message]);
+  useEffect(() => {
+    if (hasAccepted && cancelledURL.current) {
+      if (onAccept) {
+        onAccept();
+      }
+      startRouteTransition(() => router.push(cancelledURL.current));
+    }
+  }, [hasAccepted, onAccept, router, startRouteTransition]);
+};
+//# sourceMappingURL=usePreventLeave.js.map