@konoma-development/react-components 0.1.17 → 0.1.19

package/dist/@konoma-development/react-components.js

@@ -2337,6 +2337,9 @@ function Icon({
   name,
   ...props
 }) {
+  if (process.env.NEXT_PUBLIC_PREVENT_EXTERNAL_RESOURCES === "true" && !path && name) {
+    throw new Error("External resources are disabled, cannot use iconify icons");
+  }
   return path ? /* @__PURE__ */ jsx("svg", { ...props, children: /* @__PURE__ */ jsx("use", { href: path }) }) : name ? /* @__PURE__ */ jsx(Icon$1, { icon: name, height: "none", width: "none", ...props }) : /* @__PURE__ */ jsx(Fragment, {});
 }
 
@@ -2359,6 +2362,10 @@ function Checkbox({
   iconClassesFilled = baseClasses$d.iconClassesFilled,
   value,
   defaultValue,
+  indeterminateIconPath,
+  indeterminateIconName,
+  checkedIconPath,
+  checkedIconName,
   /** UNUSED, only listed so that the typing for onInput does not clash with the onInput event of the input */
   onInput = () => {
     return;
@@ -2398,7 +2405,14 @@ function Checkbox({
           ...props
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: classesFilled, children: /* @__PURE__ */ jsx(Icon, { name: indeterminate ? "heroicons:minus" : "heroicons:check-16-solid", className: iconClassesFilled }) }),
+      /* @__PURE__ */ jsx("div", { className: classesFilled, children: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: indeterminate ? indeterminateIconName || "heroicons:minus" : checkedIconName || "heroicons:check-16-solid",
+          path: indeterminate ? indeterminateIconPath : checkedIconPath,
+          className: iconClassesFilled
+        }
+      ) }),
       /* @__PURE__ */ jsx("span", { className: labelClassesFilled, children: label })
     ] });
   } else if (error?.length) {
@@ -18598,6 +18612,14 @@ function Pagination({
   currentTotal,
   totalPages,
   showButtons,
+  firstPageIconName,
+  firstPageIconPath,
+  previousPageIconName,
+  previousPageIconPath,
+  nextPageIconName,
+  nextPageIconPath,
+  lastPageIconName,
+  lastPageIconPath,
   onFirstPage = () => {
     return;
   },
@@ -18635,7 +18657,8 @@ function Pagination({
           Icon,
           {
             className: previousPageActive ? activeIconClasses : inactiveIconClasses,
-            name: "lucide:chevron-first",
+            name: firstPageIconName || "lucide:chevron-first",
+            path: firstPageIconPath,
             onClick: () => previousPageActive ? onFirstPage() : void 0
           }
         ),
@@ -18643,7 +18666,8 @@ function Pagination({
           Icon,
           {
             className: previousPageActive ? activeIconClasses : inactiveIconClasses,
-            name: "lucide:chevron-left",
+            name: previousPageIconName || "lucide:chevron-left",
+            path: previousPageIconPath,
             onClick: () => previousPageActive ? onPreviousPage() : void 0
           }
         ),
@@ -18660,7 +18684,8 @@ function Pagination({
           Icon,
           {
             className: nextPageActive ? activeIconClasses : inactiveIconClasses,
-            name: "lucide:chevron-right",
+            name: nextPageIconName || "lucide:chevron-right",
+            path: nextPageIconPath,
             onClick: () => nextPageActive ? onNextPage() : void 0
           }
         ),
@@ -18668,7 +18693,8 @@ function Pagination({
           Icon,
           {
             className: nextPageActive ? activeIconClasses : inactiveIconClasses,
-            name: "lucide:chevron-last",
+            name: lastPageIconName || "lucide:chevron-last",
+            path: lastPageIconPath,
             onClick: () => nextPageActive ? onLastPage() : void 0
           }
         )
@@ -22454,6 +22480,18 @@ function Table({
   pagesize = 10,
   xToY,
   isInfinite = true,
+  firstPageIconName,
+  firstPageIconPath,
+  previousPageIconName,
+  previousPageIconPath,
+  nextPageIconName,
+  nextPageIconPath,
+  lastPageIconName,
+  lastPageIconPath,
+  sortingAscIconName,
+  sortingAscIconPath,
+  sortingDescIconName,
+  sortingDescIconPath,
   onDragRow = () => {
     return;
   },
@@ -22544,9 +22582,10 @@ function Table({
                       {
                         className: "h-4 w-4",
                         name: column.sorting ? {
-                          "+": "heroicons:chevron-down-16-solid",
-                          "-": "heroicons:chevron-up-16-solid"
-                        }[column.sorting] : "heroicons:chevron-up-down-16-solid"
+                          "+": sortingAscIconName || "heroicons:chevron-down-16-solid",
+                          "-": sortingDescIconName || "heroicons:chevron-up-16-solid"
+                        }[column.sorting] : sortingDescIconName || "heroicons:chevron-up-down-16-solid",
+                        path: column.sorting ? column.sorting === "+" ? sortingAscIconPath : sortingDescIconPath : void 0
                       }
                     ) })
                   ] }),
@@ -22627,9 +22666,10 @@ function Table({
                       {
                         className: "h-4 w-4",
                         name: column.sorting ? {
-                          "+": "heroicons:chevron-down-16-solid",
-                          "-": "heroicons:chevron-up-16-solid"
-                        }[column.sorting] : "heroicons:chevron-up-down-16-solid"
+                          "+": sortingAscIconName || "heroicons:chevron-down-16-solid",
+                          "-": sortingDescIconName || "heroicons:chevron-up-16-solid"
+                        }[column.sorting] : sortingDescIconName || "heroicons:chevron-up-down-16-solid",
+                        path: column.sorting ? column.sorting === "+" ? sortingAscIconPath : sortingDescIconPath : void 0
                       }
                     ) })
                   ] }),
@@ -22787,6 +22827,14 @@ function Table({
         currentStart,
         currentEnd,
         currentPage,
+        firstPageIconName,
+        firstPageIconPath,
+        previousPageIconName,
+        previousPageIconPath,
+        nextPageIconName,
+        nextPageIconPath,
+        lastPageIconName,
+        lastPageIconPath,
         totalPages,
         onFirstPage,
         onPreviousPage,
@@ -22937,7 +22985,12 @@ function Row({
   );
 }
 
-function TableActions({ children, classes = "h-14 p-4" }) {
+function TableActions({
+  children,
+  classes = "h-14 p-4",
+  showActionsIconName,
+  showActionsIconPath
+}) {
   const [actionsVisible, setActionsVisible] = useState(false);
   const { refs, floatingStyles, context } = useFloating({
     open: actionsVisible,
@@ -22951,7 +23004,7 @@ function TableActions({ children, classes = "h-14 p-4" }) {
   const role = useRole(context);
   const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);
   return /* @__PURE__ */ jsxs("div", { className: classes, children: [
-    /* @__PURE__ */ jsx("div", { ref: refs.setReference, ...getReferenceProps(), className: "cursor-pointer", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Icon, { name: "heroicons:ellipsis-vertical-16-solid", className: "h-5 w-5" }) }) }),
+    /* @__PURE__ */ jsx("div", { ref: refs.setReference, ...getReferenceProps(), className: "cursor-pointer", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Icon, { name: showActionsIconName || "heroicons:ellipsis-vertical-16-solid", path: showActionsIconPath, className: "h-5 w-5" }) }) }),
     actionsVisible && /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ jsx(
       "div",
       {
@@ -23039,6 +23092,7 @@ function Button({
   iconLeftName,
   iconRightPath,
   iconRightName,
+  name,
   onClick
 }) {
   const classes = [classesBase, className];
@@ -23065,7 +23119,7 @@ function Button({
       loadingClasses.push(loadingClassesAlert);
       break;
   }
-  return /* @__PURE__ */ jsxs("button", { onClick: async (e) => await onClick?.(e), className: classes.join(" "), disabled, type, children: [
+  return /* @__PURE__ */ jsxs("button", { name, onClick: async (e) => await onClick?.(e), className: classes.join(" "), disabled, type, children: [
     (iconLeftPath || iconLeftName) && /* @__PURE__ */ jsx(Icon, { className: iconLeftClasses, name: iconLeftName, path: iconLeftPath }),
     label && /* @__PURE__ */ jsx("span", { children: label }),
     (iconRightPath || iconRightName) && /* @__PURE__ */ jsx(Icon, { className: iconRightClasses, name: iconRightName, path: iconRightPath }),
@@ -23089,6 +23143,8 @@ function Modal({
   title,
   footerActions,
   hasCloseIcon,
+  closeIconName,
+  closeIconPath,
   onClose
 }) {
   return /* @__PURE__ */ jsx(Fragment, { children: reactDomExports.createPortal(
@@ -23101,7 +23157,7 @@ function Modal({
           e.stopPropagation();
         },
         children: [
-          hasCloseIcon && /* @__PURE__ */ jsx("div", { className: closeWrapperClasses, children: /* @__PURE__ */ jsx("button", { onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { name: "heroicons:x-mark-16-solid", className: iconClasses }) }) }),
+          hasCloseIcon && /* @__PURE__ */ jsx("div", { className: closeWrapperClasses, children: /* @__PURE__ */ jsx("button", { onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { name: closeIconName || "heroicons:x-mark-16-solid", path: closeIconPath, className: iconClasses }) }) }),
           headerContent || (title ? /* @__PURE__ */ jsx("div", { className: headerWrapperClasses, children: /* @__PURE__ */ jsx("span", { className: titleClasses, children: title }) }) : null),
           /* @__PURE__ */ jsx("div", { className: "grow", children }),
           footerContent || footerActions && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: footerWrapperClasses, children: [