reactjs-multi-stepper 1.0.1 → 1.0.2

package/dist/multi-stepper.es.js

@@ -279,14 +279,10 @@ function Cg() {
   return ag || (ag = 1, process.env.NODE_ENV === "production" ? g0.exports = bg() : g0.exports = Ng()), g0.exports;
 }
 var d = Cg();
-const hg = wg(
-  void 0
-), j_ = () => {
+const hg = wg(void 0), j_ = () => {
   const c = fg(hg);
   if (!c)
-    throw new Error(
-      "useMultiStepperForm must be used within a MultiStepperProvider"
-    );
+    throw new Error("useMultiStepperForm must be used within a MultiStepperProvider");
   return c;
 }, $g = ({ children: c, steppers: t }) => {
   const [o, r] = Q_(0), [h, i] = Q_([]);
@@ -299,7 +295,8 @@ const hg = wg(
   const u = T_((k) => {
     i((_) => {
       const p = [..._];
-      if (k > _.length - 1) return _;
+      if (k > _.length - 1)
+        return _;
       p[o] && (p[o] = { ...p[o], active: !1 }), p[k] && (p[k] = { ...p[k], active: !0 });
       for (let v = 0; v < k; v++)
         p[v] = { ...p[v], completed: !0 };
@@ -314,17 +311,14 @@ const hg = wg(
     });
   }, [o, h.length, u]), l0 = T_(() => {
     o > 0 && u(o - 1);
-  }, [o, u]), v0 = O_(
-    () => ({
-      currentStep: o,
-      steps: h,
-      handleNextStep: m,
-      handlePrevStep: l0,
-      updateSteps: u
-    }),
-    [o, h, m, l0, u]
-  );
-  return /* @__PURE__ */ d.jsx(hg.Provider, { value: v0, children: c });
+  }, [o, u]), v0 = O_(() => ({
+    currentStep: o,
+    steps: h,
+    handleNextStep: m,
+    handlePrevStep: l0,
+    updateSteps: u
+  }), [o, h, m, l0, u]);
+  return d.jsx(hg.Provider, { value: v0, children: c });
 };
 /**
  * @license lucide-react v0.535.0 - ISC
@@ -31160,14 +31154,9 @@ const RK = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ZoomOutIcon: A_,
   createLucideIcon: e,
   icons: DK
-}, Symbol.toStringTag, { value: "Module" })), M0 = ({
-  name: c,
-  size: t = 20,
-  color: o = "currentColor",
-  ...r
-}) => {
+}, Symbol.toStringTag, { value: "Module" })), M0 = ({ name: c, size: t = 20, color: o = "currentColor", ...r }) => {
   const h = RK[c];
-  return typeof h == "function" || h && typeof h == "object" ? /* @__PURE__ */ d.jsx(h, { size: t, color: o, ...r }) : null;
+  return typeof h == "function" || h && typeof h == "object" ? d.jsx(h, { size: t, color: o, ...r }) : null;
 }, tg = {
   xs: "w-2 h-2",
   sm: "w-4 h-4",
@@ -31176,72 +31165,29 @@ const RK = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   xl: "w-10 h-10"
 }, TK = ({ size: c = "md", className: t }) => {
   const o = O_(() => typeof c == "number" ? `w-[${c}px] h-[${c}px]` : tg[c] || tg.md, [c]);
-  return /* @__PURE__ */ d.jsx(
-    M0,
-    {
-      name: "Loader2Icon",
-      "aria-label": "Loading",
-      role: "status",
-      className: o + t
-    }
-  );
-}, UK = og.memo(TK), OK = ({
-  step: c,
-  index: t
-}) => {
+  return d.jsx(M0, {
+    name: "Loader2Icon",
+    "aria-label": "Loading",
+    role: "status",
+    //   className={cn("animate-spin text-muted", sizeClass, className)}
+    className: o + t
+  });
+}, UK = og.memo(TK), OK = ({ step: c, index: t }) => {
   const { steps: o } = j_();
-  return o.length ? c.loading ? /* @__PURE__ */ d.jsx("div", { className: "step step-active", children: /* @__PURE__ */ d.jsx(UK, {}) }) : c.error ? /* @__PURE__ */ d.jsx("div", { className: "step bg-red-500", children: /* @__PURE__ */ d.jsx(M0, { name: "X", className: "text-white" }) }) : c.completed ? /* @__PURE__ */ d.jsx("div", { className: "step bg-green-500", children: /* @__PURE__ */ d.jsx(M0, { name: "Check", className: "text-white" }) }) : c.finshed ? /* @__PURE__ */ d.jsx("div", { className: "step bg-green-500", children: /* @__PURE__ */ d.jsx(M0, { name: "Check", className: "text-white" }) }) : c.active ? /* @__PURE__ */ d.jsx("div", { className: "step bg-blue-500", children: c.icon ? /* @__PURE__ */ d.jsx(M0, { name: c.icon, className: "text-white" }) : /* @__PURE__ */ d.jsx("h2", { className: "text-white", children: t }) }) : /* @__PURE__ */ d.jsx("div", { className: "step border border-gray-300", children: c.icon ? /* @__PURE__ */ d.jsx(M0, { name: c.icon, className: "step-icon" }) : /* @__PURE__ */ d.jsx("h2", { children: t }) }) : /* @__PURE__ */ d.jsx(dg, {});
+  return o.length ? c.loading ? d.jsx("div", { className: "step step-active", children: d.jsx(UK, {}) }) : c.error ? d.jsx("div", { className: "step bg-red-500", children: d.jsx(M0, { name: "X", className: "text-white" }) }) : c.completed ? d.jsx("div", { className: "step bg-green-500", children: d.jsx(M0, { name: "Check", className: "text-white" }) }) : c.finshed ? d.jsx("div", { className: "step bg-green-500", children: d.jsx(M0, { name: "Check", className: "text-white" }) }) : c.active ? d.jsx("div", { className: "step bg-blue-500", children: c.icon ? d.jsx(M0, { name: c.icon, className: "text-white" }) : d.jsx("h2", { className: "text-white", children: t }) }) : d.jsx("div", { className: "step border border-gray-300", children: c.icon ? d.jsx(M0, { name: c.icon, className: "step-icon" }) : d.jsx("h2", { children: t }) }) : d.jsx(dg, {});
 }, ZK = () => {
   const { steps: c } = j_();
-  return c.length ? /* @__PURE__ */ d.jsx("div", { className: "app-container w-full", children: /* @__PURE__ */ d.jsx("ol", { className: "flex w-full justify-between", children: c.map((t, o) => /* @__PURE__ */ d.jsxs(
-    "div",
-    {
-      className: `step-item ${t.active && "active"} ${t.completed && "complete"} `,
-      children: [
-        /* @__PURE__ */ d.jsx(OK, { index: o + 1, step: t }),
-        /* @__PURE__ */ d.jsxs("div", { className: "text-center mt-4", children: [
-          t.title && /* @__PURE__ */ d.jsx("h3", { className: "text-md text-gray-900 font-medium mb-1", children: t.title }),
-          t.description && /* @__PURE__ */ d.jsx("h3", { className: "text-sm text-gray-600 font-light", children: t.description })
-        ] })
-      ]
-    },
-    o
-  )) }) }) : /* @__PURE__ */ d.jsx(dg, {});
+  return c.length ? d.jsx("div", { className: "app-container w-full", children: d.jsx("ol", { className: "flex w-full justify-between", children: c.map((t, o) => d.jsxs("div", { className: `step-item ${t.active && "active"} ${t.completed && "complete"} `, children: [d.jsx(OK, { index: o + 1, step: t }), d.jsxs("div", { className: "text-center mt-4", children: [t.title && d.jsx("h3", { className: "text-md text-gray-900 font-medium mb-1", children: t.title }), t.description && d.jsx("h3", { className: "text-sm text-gray-600 font-light", children: t.description })] })] }, o)) }) }) : d.jsx(dg, {});
 }, EK = () => {
   const { handleNextStep: c, handlePrevStep: t, currentStep: o, steps: r } = j_(), h = o === r.length - 1, i = O_(() => ({
     button: " px-8 py-1.5 text-md rounded-md border border-gray-400",
     fill: " border-blue-500 bg-blue-500 text-white"
   }), []);
-  return /* @__PURE__ */ d.jsxs("div", { className: "w-full flex justify-around items-center p-6", children: [
-    o > 0 ? /* @__PURE__ */ d.jsx(
-      "button",
-      {
-        type: "button",
-        className: i.button,
-        onClick: t,
-        children: "Prev"
-      }
-    ) : /* @__PURE__ */ d.jsx("div", {}),
-    /* @__PURE__ */ d.jsx(
-      "button",
-      {
-        type: "button",
-        className: `${h ? i.button + i.fill : i.button} cursor-pointer`,
-        onClick: c,
-        children: h ? "Finish" : "Next"
-      }
-    )
-  ] });
+  return d.jsxs("div", { className: "w-full flex justify-around items-center p-6", children: [o > 0 ? d.jsx("button", { type: "button", className: i.button, onClick: t, children: "Prev" }) : d.jsx("div", {}), d.jsx("button", { type: "button", className: `${h ? i.button + i.fill : i.button} cursor-pointer`, onClick: c, children: h ? "Finish" : "Next" })] });
 }, GK = () => {
   const { steps: c, currentStep: t } = j_();
-  return /* @__PURE__ */ d.jsx("div", { className: "w-full p-6 flex justify-center items-center", children: c[t] && c[t].children && c[t].children });
-}, XK = ({
-  steps: c
-}) => c ? /* @__PURE__ */ d.jsxs($g, { steppers: c, children: [
-  /* @__PURE__ */ d.jsx(ZK, {}),
-  /* @__PURE__ */ d.jsx(GK, {}),
-  /* @__PURE__ */ d.jsx(EK, {})
-] }) : /* @__PURE__ */ d.jsx(d.Fragment, {});
+  return d.jsx("div", { className: "w-full p-6 flex justify-center items-center", children: c[t] && c[t].children && c[t].children });
+}, XK = ({ steps: c }) => c ? d.jsxs($g, { steppers: c, children: [d.jsx(ZK, {}), d.jsx(GK, {}), d.jsx(EK, {})] }) : d.jsx(d.Fragment, {});
 export {
   XK as MultiStepper
 };

package/package.json

@@ -3,7 +3,8 @@
   "main": "./dist/multi-stepper.umd.js",
   "module": "./dist/multi-stepper.es.js",
   "types": "./dist/index.d.ts",
-  "version": "1.0.1",
+  "files": ["dist"],
+  "version": "1.0.2",
   "type": "module",
   "exports": {
     ".": {

package/eslint.config.js

@@ -1,23 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { globalIgnores } from 'eslint/config'
-
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs['recommended-latest'],
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  },
-])

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/tsconfig.app.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/tsconfig.node.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,32 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
-import tailwindcss from '@tailwindcss/vite'
-import dts from 'vite-plugin-dts';
-import * as path from "path";
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react(),tailwindcss(),dts({
-      insertTypesEntry: true,
-    }),],
-  resolve: {
-    alias: [
-      { find: "@", replacement: path.resolve(__dirname, "./src") },
-    ],
-  },
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, 'src/index.tsx'),
-      name: 'MultiStepper',
-      fileName: (format) => `multi-stepper.${format}.js`,
-    },
-    rollupOptions: {
-      external: ['react', 'react-dom'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-        },
-      },
-    },
-  },
-})