@kingteza/crud-component 1.35.0 → 1.36.1

package/dist/common/wizard/WizardViewForm.cjs.js

@@ -1 +1 @@
-"use strict";const c=require("react/jsx-runtime"),w=require("antd"),o=require("react"),F=require("../appearance/Hider.cjs.js"),{Step:R}=w.Steps,y=o.forwardRef(({pages:d,onSubmit:u,initPosition:f=0,progressDot:v,type:b,labelPlacement:g,className:k,pageStyle:q},C)=>{const[s,i]=o.useState(0),[r,p]=o.useState([]);o.useEffect(()=>{i(f)},[f]),o.useImperativeHandle(C,()=>({gotTo:t=>i(t)}),[]);const m=o.useCallback((t,a=!1,l=!1)=>{const e=[...r];if(t!==void 0&&(e[s]=t,p(e)),l||i(s+1),a&&u){const n={};for(const x of e)for(const S in x)n[S]=x[S];u(e,n)}},[s,r,u]),h=o.useCallback(()=>{const t=[...r];t[s]=void 0,p(t),i(s-1)},[s,r]),j=o.useMemo(()=>{const t=[],a=[],l=d.filter(e=>!e.hidden);for(let e=0;e<l.length;e++){const n=l[e];a.push(c.jsx(F,{hide:s!==e,children:n.component({forward:m,backward:h},r,s===e)},`${n.title}${e}`)),t.push(c.jsx(R,{icon:n.icon,title:n.title},n.title))}return{_pages:a,steps:t}},[h,s,r,m,d]);return c.jsxs(c.Fragment,{children:[c.jsx(w.Steps,{labelPlacement:g,progressDot:v,className:[k,"pb-3"].join(" "),current:s,type:b,children:j.steps}),c.jsx("div",{style:q,children:j._pages})]})});module.exports=y;
+"use strict";const c=require("react/jsx-runtime"),R=require("antd"),n=require("react"),y=require("../appearance/Hider.cjs.js"),H=n.forwardRef(({pages:d,onSubmit:u,initPosition:f=0,type:w,labelPlacement:p,className:x,pageStyle:C,showSteps:k=!0,freeNavigation:S},q)=>{const[t,i]=n.useState(0),[r,m]=n.useState([]);n.useEffect(()=>{i(f)},[f]),n.useImperativeHandle(q,()=>({gotTo:s=>i(s)}),[]);const h=n.useCallback((s,a=!1,l=!1)=>{const e=[...r];if(s!==void 0&&(e[t]=s,m(e)),l||i(t+1),a&&u){let o={};for(const j of e)for(const v in j)o[v]=j[v];u(e,o)}},[t,r,u]),b=n.useCallback(()=>{const s=[...r];s[t]=void 0,m(s),i(t-1)},[t,r]),g=n.useMemo(()=>{let s=[],a=[];const l=d.filter(e=>!e.hidden);for(let e=0;e<l.length;e++){const o=l[e];a.push(c.jsx(y,{hide:t!==e,children:o.component({forward:h,backward:b},r,t===e)},`${o.title}${e}`)),s.push({icon:o.icon,title:o.title,disabled:o.disabled})}return{_pages:a,steps:s}},[b,t,r,h,d]),F=n.useCallback(s=>{i(s)},[]);return c.jsxs(c.Fragment,{children:[k&&c.jsx(R.Steps,{labelPlacement:p,titlePlacement:p,className:[x,"pb-3"].join(" "),current:t,type:w,items:g.steps,onChange:S?F:void 0}),c.jsx("div",{style:C,children:g._pages})]})});module.exports=H;

package/dist/common/wizard/WizardViewForm.d.ts

@@ -1,7 +1,9 @@
+import { StepsProps } from 'antd/lib';
 import { default as React, ReactElement } from 'react';
 interface WizardViewFormProps {
     pages: {
         hidden?: boolean;
+        disabled?: boolean;
         icon?: React.ReactNode;
         title: string;
         component: (func: {
@@ -9,13 +11,14 @@ interface WizardViewFormProps {
             backward: () => void;
         }, formSubmissionData: any[], isActive: boolean) => ReactElement;
     }[];
-    labelPlacement?: "vertical" | "horizontal";
+    labelPlacement?: 'vertical' | 'horizontal';
     initPosition?: number;
     onSubmit?: (val: (any | undefined)[], combinedValue: any) => void;
-    type?: "default" | "navigation" | "inline";
+    type?: StepsProps['type'];
     className?: string;
-    progressDot?: boolean;
     pageStyle?: React.CSSProperties;
+    showSteps?: boolean;
+    freeNavigation?: boolean;
 }
 export interface WizardViewFormRef {
     gotTo: (index: number) => void;

package/dist/common/wizard/WizardViewForm.es.js

@@ -1,74 +1,81 @@
-import { jsx as f, jsxs as H, Fragment as _ } from "react/jsx-runtime";
-import { Steps as b } from "antd";
-import { forwardRef as $, useState as S, useEffect as z, useImperativeHandle as E, useCallback as g, useMemo as I } from "react";
-import M from "../appearance/Hider.es.js";
-const { Step: N } = b, q = $(
+import { jsx as a, jsxs as _, Fragment as $ } from "react/jsx-runtime";
+import { Steps as z } from "antd";
+import { forwardRef as E, useState as C, useEffect as I, useImperativeHandle as M, useCallback as d, useMemo as N } from "react";
+import R from "../appearance/Hider.es.js";
+const A = E(
   ({
-    pages: a,
+    pages: f,
     onSubmit: l,
-    initPosition: d = 0,
-    progressDot: j,
-    type: k,
-    labelPlacement: x,
-    className: F,
-    pageStyle: y
-  }, C) => {
-    const [t, n] = S(0), [r, m] = S(
-      []
-    );
-    z(() => {
-      n(d);
-    }, [d]), E(
-      C,
+    initPosition: m = 0,
+    type: S,
+    labelPlacement: p,
+    className: j,
+    pageStyle: k,
+    showSteps: x = !0,
+    freeNavigation: F
+  }, y) => {
+    const [s, n] = C(0), [r, u] = C([]);
+    I(() => {
+      n(m);
+    }, [m]), M(
+      y,
       () => ({
-        gotTo: (s) => n(s)
+        gotTo: (t) => n(t)
       }),
       []
     );
-    const p = g(
-      (s, c = !1, i = !1) => {
+    const h = d(
+      (t, i = !1, c = !1) => {
         const e = [...r];
-        if (s !== void 0 && (e[t] = s, m(e)), i || n(t + 1), c && l) {
-          const o = {};
+        if (t !== void 0 && (e[s] = t, u(e)), c || n(s + 1), i && l) {
+          let o = {};
           for (const w of e)
-            for (const v in w)
-              o[v] = w[v];
+            for (const b in w)
+              o[b] = w[b];
           l(e, o);
         }
       },
-      [t, r, l]
-    ), u = g(() => {
-      const s = [...r];
-      s[t] = void 0, m(s), n(t - 1);
-    }, [t, r]), h = I(() => {
-      const s = [], c = [], i = a.filter((e) => !e.hidden);
-      for (let e = 0; e < i.length; e++) {
-        const o = i[e];
-        c.push(
-          /* @__PURE__ */ f(M, { hide: t !== e, children: o.component({ forward: p, backward: u }, r, t === e) }, `${o.title}${e}`)
-        ), s.push(/* @__PURE__ */ f(N, { icon: o.icon, title: o.title }, o.title));
+      [s, r, l]
+    ), g = d(() => {
+      const t = [...r];
+      t[s] = void 0, u(t), n(s - 1);
+    }, [s, r]), v = N(() => {
+      let t = [], i = [];
+      const c = f.filter((e) => !e.hidden);
+      for (let e = 0; e < c.length; e++) {
+        const o = c[e];
+        i.push(
+          /* @__PURE__ */ a(R, { hide: s !== e, children: o.component({ forward: h, backward: g }, r, s === e) }, `${o.title}${e}`)
+        ), t.push({
+          icon: o.icon,
+          title: o.title,
+          disabled: o.disabled
+        });
       }
       return {
-        _pages: c,
-        steps: s
+        _pages: i,
+        steps: t
       };
-    }, [u, t, r, p, a]);
-    return /* @__PURE__ */ H(_, { children: [
-      /* @__PURE__ */ f(
-        b,
+    }, [g, s, r, h, f]), H = d((t) => {
+      n(t);
+    }, []);
+    return /* @__PURE__ */ _($, { children: [
+      x && /* @__PURE__ */ a(
+        z,
         {
-          labelPlacement: x,
-          progressDot: j,
-          className: [F, "pb-3"].join(" "),
-          current: t,
-          type: k,
-          children: h.steps
+          labelPlacement: p,
+          titlePlacement: p,
+          className: [j, "pb-3"].join(" "),
+          current: s,
+          type: S,
+          items: v.steps,
+          onChange: F ? H : void 0
         }
       ),
-      /* @__PURE__ */ f("div", { style: y, children: h._pages })
+      /* @__PURE__ */ a("div", { style: k, children: v._pages })
     ] });
   }
 );
 export {
-  q as default
+  A as default
 };

package/dist/locale/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./hooks/translation-constants.cjs.js"),d=require("./translations/en.cjs.js"),r=require("i18next"),o=require("react-i18next"),c={en:{[a.TRANSLATION_NAMESPACE]:d}};exports.i18nInstance=r;const u=(t={})=>{const{translations:n=c,language:e="en",i18nInstance:i}=t,s=i||r;return exports.i18nInstance=s,s.isInitialized?Object.entries(n).forEach(([T,N])=>{Object.entries(N).forEach(([A,I])=>{s.addResourceBundle(T,A,I,!0,!0)})}):s.use(o.initReactI18next).init({resources:n,lng:e,fallbackLng:"en",ns:a.TRANSLATION_NAMESPACE,interpolation:{escapeValue:!1}}),s},S=(t,n,e)=>{(e||r).addResourceBundle(t,a.TRANSLATION_NAMESPACE,n,!0,!0)},E=t=>{const n=exports.i18nInstance||r;return n.isInitialized||u({}),o.useTranslation(a.TRANSLATION_NAMESPACE,{...t,i18n:n})},f=t=>{const n=exports.i18nInstance||r;return n.isInitialized||u({}),o.useTranslation(void 0,{...t,i18n:n})},l=(t,n)=>{var e;return(e=exports.i18nInstance)==null?void 0:e.t(t,{ns:a.TRANSLATION_NAMESPACE,...n})},L=(t,n,e)=>{var s;const i=l(t,n);return i&&t&&i!==t?i:e||((s=exports.i18nInstance)==null?void 0:s.t(t,{ns:void 0,...n}))};exports.defaultTranslations=c;exports.setupI18n=u;exports.t=l;exports.tWithOrWithoutNS=L;exports.updateTranslations=S;exports.useTranslationLib=E;exports.useTranslationLibNoNS=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./hooks/translation-constants.cjs.js"),A=require("./translations/en.cjs.js"),r=require("i18next"),u=require("react-i18next"),l={en:{[a.TRANSLATION_NAMESPACE]:A}};exports.i18nInstance=r;const c=(t={})=>{const{translations:n=l,language:e="en",i18nInstance:i}=t,s=i||r;return exports.i18nInstance=s,s.isInitialized?Object.entries(n).forEach(([o,T])=>{Object.entries(T).forEach(([I,N])=>{s.addResourceBundle(o,I,N,!0,!0)})}):s.use(u.initReactI18next).init({resources:n,lng:e,fallbackLng:"en",ns:a.TRANSLATION_NAMESPACE,interpolation:{escapeValue:!1}}),s},d=(t,n,e)=>{(e||r).addResourceBundle(t,a.TRANSLATION_NAMESPACE,n,!0,!0)},S=t=>{const n=exports.i18nInstance||r;return n.isInitialized||c({}),u.useTranslation(a.TRANSLATION_NAMESPACE,{...t,i18n:n})},E=t=>{const n=exports.i18nInstance||r;return n.isInitialized||c({}),u.useTranslation(void 0,{...t,i18n:n})},f=(t,n)=>{var e;return(e=exports.i18nInstance)==null?void 0:e.t(t,{ns:a.TRANSLATION_NAMESPACE,...n})},L=(t,n,e)=>{var s,o;const i=(s=exports.i18nInstance)==null?void 0:s.t(t,n);return i&&t&&i!==t?i:e||((o=exports.i18nInstance)==null?void 0:o.t(t,{ns:void 0,...n}))};exports.defaultTranslations=l;exports.setupI18n=c;exports.t=f;exports.tWithOrWithoutNS=L;exports.updateTranslations=d;exports.useTranslationLib=S;exports.useTranslationLibNoNS=E;

package/dist/locale/index.es.js

@@ -8,18 +8,18 @@ const N = {
   }
 };
 let e = a;
-const c = (t = {}) => {
+const c = (n = {}) => {
   const {
-    translations: n = N,
+    translations: t = N,
     language: i = "en",
     i18nInstance: s
-  } = t, r = s || a;
-  return e = r, r.isInitialized ? Object.entries(n).forEach(([l, d]) => {
+  } = n, r = s || a;
+  return e = r, r.isInitialized ? Object.entries(t).forEach(([l, d]) => {
     Object.entries(d).forEach(([f, T]) => {
       r.addResourceBundle(l, f, T, !0, !0);
     });
   }) : r.use(p).init({
-    resources: n,
+    resources: t,
     lng: i,
     fallbackLng: "en",
     ns: o,
@@ -27,36 +27,36 @@ const c = (t = {}) => {
       escapeValue: !1
     }
   }), r;
-}, E = (t, n, i) => {
+}, E = (n, t, i) => {
   (i || a).addResourceBundle(
-    t,
-    o,
     n,
+    o,
+    t,
     !0,
     !0
   );
-}, L = (t) => {
-  const n = e || a;
-  return n.isInitialized || c({}), u(o, { ...t, i18n: n });
-}, O = (t) => {
-  const n = e || a;
-  return n.isInitialized || c({}), u(void 0, { ...t, i18n: n });
-}, I = (t, n) => e == null ? void 0 : e.t(t, {
+}, L = (n) => {
+  const t = e || a;
+  return t.isInitialized || c({}), u(o, { ...n, i18n: t });
+}, O = (n) => {
+  const t = e || a;
+  return t.isInitialized || c({}), u(void 0, { ...n, i18n: t });
+}, R = (n, t) => e == null ? void 0 : e.t(n, {
   ns: o,
-  ...n
-}), R = (t, n, i) => {
-  const s = I(t, n);
-  return s && t && s !== t ? s : i || (e == null ? void 0 : e.t(t, {
+  ...t
+}), S = (n, t, i) => {
+  const s = e == null ? void 0 : e.t(n, t);
+  return s && n && s !== n ? s : i || (e == null ? void 0 : e.t(n, {
     ns: void 0,
-    ...n
+    ...t
   }));
 };
 export {
   N as defaultTranslations,
   e as i18nInstance,
   c as setupI18n,
-  I as t,
-  R as tWithOrWithoutNS,
+  R as t,
+  S as tWithOrWithoutNS,
   E as updateTranslations,
   L as useTranslationLib,
   O as useTranslationLibNoNS

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.35.0",
+  "version": "1.36.1",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",