@jenesei-software/jenesei-kit-react 2.3.1 → 2.3.3

package/build/{pagination-BluJtJl7.js → pagination-DWlnuh1H.js}

@@ -1,39 +1,49 @@
-import { t as r } from "./proxy-BFHkqO7P.js";
-import { t as I } from "./AnimatePresence-BWc2vFe-.js";
-import { t as g } from "./component-DGfyD5-u.js";
+import { t as I } from "./proxy-BFHkqO7P.js";
+import { t as b } from "./AnimatePresence-BWc2vFe-.js";
+import { t as u } from "./component-DGfyD5-u.js";
 import "./component-stack.es.js";
-import { t as a } from "./button-C1w25-Hk.js";
-import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import { useCallback as m, useMemo as i } from "react";
+import { t as a } from "./button-9k2nzpqW.js";
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import { useCallback as x, useMemo as i } from "react";
 var N = (t) => {
-  const l = i(() => t.index === 0 && !t.isInfinity, [t.index, t.isInfinity]), c = i(() => t.index === t.length - 1 && !t.isInfinity, [
+  const l = i(() => t.index === 0 && !t.isInfinity, [t.index, t.isInfinity]), d = i(() => t.index === t.length - 1 && !t.isInfinity, [
     t.index,
     t.isInfinity,
     t.length
-  ]), d = i(() => t.gap ?? 12, [t.gap]), h = i(() => t.lengthData ?? {}, [t.lengthData]), o = m(() => {
+  ]), c = i(() => t.gap ?? 12, [t.gap]), h = i(() => t.lengthData ?? {}, [t.lengthData]), f = x(() => {
     t.index === 0 ? t.isInfinity && t.changeIndex(t.length - 1) : t.changeIndex(t.index - 1);
-  }, [t]), x = m(() => {
+  }, [
+    t.index,
+    t.isInfinity,
+    t.length,
+    t.changeIndex
+  ]), m = x(() => {
     t.index === t.length - 1 ? t.isInfinity && t.changeIndex(0) : t.changeIndex(t.index + 1);
-  }, [t]), f = i(() => {
-    const u = Math.floor(t.viewQuantity / 2), n = Math.max(0, Math.min(t.index - u, t.length - t.viewQuantity)), s = Math.min(t.length, n + t.viewQuantity);
-    return Array.from({ length: s - n }, (v, y) => n + y);
+  }, [
+    t.index,
+    t.isInfinity,
+    t.length,
+    t.changeIndex
+  ]), y = i(() => {
+    const g = Math.floor(t.viewQuantity / 2), n = Math.max(0, Math.min(t.index - g, t.length - t.viewQuantity)), o = Math.min(t.length, n + t.viewQuantity);
+    return Array.from({ length: o - n }, (C, s) => n + s);
   }, [
     t.index,
     t.viewQuantity,
     t.length
   ]);
-  return /* @__PURE__ */ b(g, {
+  return /* @__PURE__ */ v(u, {
     className: t.className,
     style: {
       height: "fit-content",
-      gap: `${d}px`,
+      gap: `${c}px`,
       ...t.style
     },
     children: [
       /* @__PURE__ */ e(a, {
         isDisabled: l,
         isHidden: l,
-        onClick: o,
+        onClick: f,
         ...t.buttonControl,
         icons: [{
           type: "id",
@@ -44,18 +54,18 @@ var N = (t) => {
         }],
         children: !t.buttonControl.isWidthAsHeight && t.locale.prev
       }),
-      /* @__PURE__ */ e(g, {
+      /* @__PURE__ */ e(u, {
         sx: {
           width: "fit-content",
           height: "fit-content",
           display: "flex",
-          gap: `${d}px`,
+          gap: `${c}px`,
           alignItems: "center",
           justifyContent: "flex-start"
         },
-        children: Array.from({ length: t.length }).map((u, n) => /* @__PURE__ */ e(I, {
+        children: Array.from({ length: t.length }).map((g, n) => /* @__PURE__ */ e(b, {
           mode: "popLayout",
-          children: f.includes(n) && /* @__PURE__ */ e(r.div, {
+          children: y.includes(n) && /* @__PURE__ */ e(I.div, {
             layout: !0,
             initial: {
               opacity: 0,
@@ -88,9 +98,9 @@ var N = (t) => {
         }, n))
       }),
       /* @__PURE__ */ e(a, {
-        isDisabled: c,
-        isHidden: c,
-        onClick: x,
+        isDisabled: d,
+        isHidden: d,
+        onClick: m,
         ...t.buttonControl,
         icons: [{
           type: "id",
@@ -107,4 +117,4 @@ export {
   N as t
 };
 
-//# sourceMappingURL=pagination-BluJtJl7.js.map
+//# sourceMappingURL=pagination-DWlnuh1H.js.map

package/build/pagination-DWlnuh1H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-DWlnuh1H.js","names":[],"sources":["../src/components/pagination/component.tsx"],"sourcesContent":["import { Button } from '@local/components/button';\nimport { Stack } from '@local/components/stack';\n\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { FC, useCallback, useMemo } from 'react';\n\nimport { DEFAULT_COMPONENT_PAGINATION_GAP } from './component.constants';\nimport { IPagination } from './component.types';\n\nexport const Pagination: FC<IPagination> = (props) => {\n  const isDisabledPrevious = useMemo(() => props.index === 0 && !props.isInfinity, [props.index, props.isInfinity]);\n  const isDisabledNext = useMemo(\n    () => props.index === props.length - 1 && !props.isInfinity,\n    [props.index, props.isInfinity, props.length],\n  );\n\n  const gap = useMemo(() => props.gap ?? DEFAULT_COMPONENT_PAGINATION_GAP, [props.gap]);\n  const lengthData = useMemo(() => props.lengthData ?? {}, [props.lengthData]);\n  const handlePrevious = useCallback(() => {\n    if (props.index === 0) {\n      if (props.isInfinity) {\n        props.changeIndex(props.length - 1);\n      }\n    } else {\n      props.changeIndex(props.index - 1);\n    }\n  }, [props.index, props.isInfinity, props.length, props.changeIndex]);\n\n  const handleNext = useCallback(() => {\n    if (props.index === props.length - 1) {\n      if (props.isInfinity) {\n        props.changeIndex(0);\n      }\n    } else {\n      props.changeIndex(props.index + 1);\n    }\n  }, [props.index, props.isInfinity, props.length, props.changeIndex]);\n\n  const visibleButtons = useMemo(() => {\n    const half = Math.floor(props.viewQuantity / 2);\n    const start = Math.max(0, Math.min(props.index - half, props.length - props.viewQuantity));\n    const end = Math.min(props.length, start + props.viewQuantity);\n    return Array.from({ length: end - start }, (_, i) => start + i);\n  }, [props.index, props.viewQuantity, props.length]);\n\n  return (\n    <Stack\n      className={props.className}\n      style={{\n        height: 'fit-content',\n        gap: `${gap}px`,\n        ...props.style,\n      }}\n    >\n      <Button\n        isDisabled={isDisabledPrevious}\n        isHidden={isDisabledPrevious}\n        onClick={handlePrevious}\n        {...props.buttonControl}\n        icons={[\n          {\n            type: 'id',\n            size: 'large',\n            name: 'Arrow2',\n            order: -1,\n            turn: 90,\n          },\n        ]}\n      >\n        {!props.buttonControl.isWidthAsHeight && props.locale.prev}\n      </Button>\n\n      <Stack\n        sx={{\n          width: 'fit-content',\n          height: 'fit-content',\n          display: 'flex',\n          gap: `${gap}px`,\n          alignItems: 'center',\n          justifyContent: 'flex-start',\n        }}\n      >\n        {Array.from({ length: props.length }).map((_, i) => {\n          const isVisible = visibleButtons.includes(i);\n          return (\n            <AnimatePresence key={i} mode='popLayout'>\n              {isVisible && (\n                <motion.div\n                  layout\n                  initial={{ opacity: 0, scale: 0.95 }}\n                  animate={{ opacity: 1, scale: 1 }}\n                  exit={{ opacity: 0, scale: 0.95, transition: { duration: 0.1, ease: 'easeInOut' } }}\n                  transition={{\n                    default: { duration: 0.1, ease: 'easeOut' },\n                  }}\n                >\n                  <Button\n                    isWidthAsHeight\n                    {...(i === props.index ? props.buttonCount.active : props.buttonCount.inactive)}\n                    {...lengthData?.[i]}\n                    onClick={() => props.changeIndex(i)}\n                  >\n                    {lengthData?.[i]?.icons?.length ? null : i + 1}\n                  </Button>\n                </motion.div>\n              )}\n            </AnimatePresence>\n          );\n        })}\n      </Stack>\n\n      <Button\n        isDisabled={isDisabledNext}\n        isHidden={isDisabledNext}\n        onClick={handleNext}\n        {...props.buttonControl}\n        icons={[\n          {\n            type: 'id',\n            size: 'large',\n            name: 'Arrow2',\n            turn: -90,\n          },\n        ]}\n      >\n        {!props.buttonControl.isWidthAsHeight && props.locale.next}\n      </Button>\n    </Stack>\n  );\n};\n"],"mappings":"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"}

package/build/{popover-DHWcQVp1.js → popover--NOw9qfd.js}

@@ -1945,4 +1945,4 @@ export {
   Nr as t
 };
 
-//# sourceMappingURL=popover-DHWcQVp1.js.map
+//# sourceMappingURL=popover--NOw9qfd.js.map