@kingteza/crud-component 1.0.31 → 1.0.33

package/common/tab/TabViewWithRoute.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("antd"),g=require("../../context/WindowDimension.cjs"),i=require("react"),u=require("react-router"),q=require("react-router-dom"),{Content:T}=c.Layout,y=({positionOfRoute:n,initialKey:s="*",tabs:l,className:d="",mode:h="default"})=>{const[b,m]=i.useState(s),o=u.useNavigate(),p=e=>{o(e)},r=q.useLocation();i.useEffect(()=>{const e=r.pathname.split("/")[n];m(e??""),e||o(s,{replace:!0})},[s,r.pathname,o,n]);const{isDesktop:x}=g(),a=h==="side"&&x,f=a?"left":"top",j=a?"d-flex h-100":"";return t.jsxs("div",{className:`${d} ${j}`,children:[t.jsx(c.Tabs,{type:"card",tabPosition:f,activeKey:b,onChange:p,children:l.map(({key:e,label:v})=>t.jsx(c.Tabs.TabPane,{tab:v},e))}),t.jsx(T,{className:`max-height ${a?"overflow-auto":""}`,children:t.jsx(u.Outlet,{})})]})};exports.TabViewWithRoute=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("antd"),i=require("react"),u=require("react-router"),g=require("react-router-dom"),q=require("../../context/WindowDimension.cjs"),{Content:T}=c.Layout,y=({positionOfRoute:n,initialKey:s="*",tabs:l,className:d="",mode:h="default"})=>{const[b,m]=i.useState(s),o=u.useNavigate(),p=e=>{o(e)},r=g.useLocation();i.useEffect(()=>{const e=r.pathname.split("/")[n];m(e??""),e||o(s,{replace:!0})},[s,r.pathname,o,n]);const{isDesktop:x}=q(),a=h==="side"&&x,f=a?"left":"top",j=a?"d-flex h-100":"";return t.jsxs("div",{className:`${d} ${j}`,children:[t.jsx(c.Tabs,{type:"card",tabPosition:f,activeKey:b,onChange:p,children:l.map(({key:e,label:v})=>t.jsx(c.Tabs.TabPane,{tab:v},e))}),t.jsx(T,{className:`max-height ${a?"overflow-auto":""}`,children:t.jsx(u.Outlet,{})})]})};exports.TabViewWithRoute=y;

package/common/tab/TabViewWithRoute.js

@@ -1,9 +1,9 @@
 import { jsxs as v, jsx as e } from "react/jsx-runtime";
 import { Tabs as r, Layout as x } from "antd";
-import g from "../../context/WindowDimension.js";
-import { useState as y, useEffect as S } from "react";
-import { useNavigate as w, Outlet as N } from "react-router";
-import { useLocation as P } from "react-router-dom";
+import { useState as g, useEffect as y } from "react";
+import { useNavigate as S, Outlet as w } from "react-router";
+import { useLocation as N } from "react-router-dom";
+import P from "../../context/WindowDimension.js";
 const { Content: T } = x, A = ({
   positionOfRoute: c,
   initialKey: o = "*",
@@ -11,14 +11,14 @@ const { Content: T } = x, A = ({
   className: m = "",
   mode: l = "default"
 }) => {
-  const [p, u] = y(o), s = w(), f = (t) => {
+  const [p, u] = g(o), s = S(), f = (t) => {
     s(t);
-  }, n = P();
-  S(() => {
+  }, n = N();
+  y(() => {
     const t = n.pathname.split("/")[c];
     u(t ?? ""), t || s(o, { replace: !0 });
   }, [o, n.pathname, s, c]);
-  const { isDesktop: d } = g(), a = l === "side" && d, h = a ? "left" : "top";
+  const { isDesktop: d } = P(), a = l === "side" && d, h = a ? "left" : "top";
   return /* @__PURE__ */ v("div", { className: `${m} ${a ? "d-flex h-100" : ""}`, children: [
     /* @__PURE__ */ e(
       r,
@@ -30,7 +30,7 @@ const { Content: T } = x, A = ({
         children: i.map(({ key: t, label: b }) => /* @__PURE__ */ e(r.TabPane, { tab: b }, t))
       }
     ),
-    /* @__PURE__ */ e(T, { className: `max-height ${a ? "overflow-auto" : ""}`, children: /* @__PURE__ */ e(N, {}) })
+    /* @__PURE__ */ e(T, { className: `max-height ${a ? "overflow-auto" : ""}`, children: /* @__PURE__ */ e(w, {}) })
   ] });
 };
 export {

package/crud/CrudComponent.d.ts

@@ -3,12 +3,12 @@ import { Rule } from 'antd/es/form';
 import { FormInstance } from 'antd/lib';
 import { Dayjs } from 'dayjs';
 import { default as React, ReactElement } from 'react';
-import { default as IdProps } from 'types/Id';
 import { CrudSearchComponentProps } from './CrudSearchComponent';
 import { FileCrudField } from './FileCrudField';
 import { ImageCrudField } from './ImageCrudField';
 import { CrudImportProps } from './import/CrudImportComponent';
-import { SelectTagRenderProps } from 'common/select/SelectComponent';
+import { SelectTagRenderProps } from '../common/select/SelectComponent';
+import { default as IdProps } from '../types/Id';
 export type SelectFieldItem = {
     key?: string | number;
     value: string | number;

package/crud/import/CrudImportComponent.d.ts

@@ -1,5 +1,5 @@
 import { CrudFieldProps } from '../CrudComponent';
-import { DialogProps } from 'types/DialogComponentProp';
+import { DialogProps } from '../../types/DialogComponentProp';
 export interface CrudImportComponentProps<T> {
     fields: CrudFieldProps<T>[];
     importProps: CrudImportProps<T>;

package/crud/view/CrudViewer.d.ts

@@ -2,7 +2,7 @@ import { SizeType } from 'antd/es/config-provider/SizeContext';
 import { ExpandableConfig } from 'antd/es/table/interface';
 import { TableProps } from 'antd/lib';
 import { default as React, ReactElement } from 'react';
-import { default as IdProps } from 'types/Id';
+import { default as IdProps } from '../../types/Id';
 import { CrudFieldProps, CrudPaginateProps } from '../CrudComponent';
 import { CrudSearchComponentProps } from '../CrudSearchComponent';
 import { DescListColumn } from './CrudDecListView';

package/crud/view/CrudViewerUtil.d.ts

@@ -1,2 +1,2 @@
-import { CrudFieldProps } from 'crud/CrudComponent';
+import { CrudFieldProps } from '../CrudComponent';
 export declare function getRendererValueCrudViewer<T>({ type, render, ...props }: CrudFieldProps<T>): (value: any, obj: T, index: number) => any;

package/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { TRANSLATION_NAMESPACE } from 'locale/hooks/translation-constants';
+import { TRANSLATION_NAMESPACE } from '../locale/hooks/translation-constants';
 import { default as en } from './translations/en';
 import { default as i18n } from 'i18next';
 export declare const defaultTranslations: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.31",
+  "version": "1.0.33",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",
@@ -24,6 +24,7 @@
     "/*.d.ts",
     "/crud/",
     "/common/",
+    "/types/",
     "/util/",
     "/locale/",
     "/README.md"

package/types/DialogComponentProp.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This is the common type for dialog props
+ */
+export interface DialogProps<U = {}, CLOSE = boolean | undefined, OPEN = CLOSE> {
+    open: OPEN | undefined;
+    onCloseMethod: (val: CLOSE) => void;
+    updatingItem?: U;
+}

package/types/Id.d.ts

@@ -0,0 +1,10 @@
+/**
+ * We can use this interface to indicate the id like
+ * { id: string }
+ */
+export default interface IdProps {
+    id: string;
+}
+export interface IdPropsOp {
+    id?: string;
+}