@kingteza/crud-component 1.0.24 → 1.0.25

package/locale/translations/en.js

@@ -0,0 +1,60 @@
+const e = {
+  str: {
+    delete: "Delete",
+    clone: "Clone",
+    update: "Update",
+    new: "New",
+    back: "Back",
+    next: "Next",
+    save: "Save",
+    import: "Import",
+    cancel: "Cancel",
+    print: "Print",
+    hide: "Hide",
+    no: "No",
+    action: "Action",
+    remove: "Remove",
+    view: "View",
+    ok: "Ok",
+    yes: "Yes",
+    warning: "Warning",
+    success: "Success",
+    error: "Error",
+    retry: "Retry",
+    previous: "Previous",
+    unhide: "Unhide",
+    downloadCsvTemplate: "Download CSV Template",
+    importCsvFile: "Import CSV File",
+    export: "Export",
+    goBack: "Go Back",
+    refresh: "Refresh",
+    fileUploadMessage1: "Drag file here or ",
+    fileUploadMessage2: "Click to Upload"
+  },
+  err: {
+    save: "An error occurred while saving",
+    validation: {
+      required: "is required",
+      minLength8: "must be at least 8 characters",
+      percentage: "must be a percentage",
+      maximumValueExceeded: "must be less than %maxValue%",
+      invalidNic: "must be a valid NIC",
+      invalid: "must be a valid"
+    },
+    notFound: "Not Found"
+  },
+  message: {
+    loading: {
+      saving: "Saving"
+    }
+  },
+  qus: {
+    importWithIssues: "Some fields have issues. Do you want to proceed with the import?",
+    doYouWantToDelete: "Do you want to delete?",
+    doYouWantToHide: "Do you want to hide?",
+    doYouWantToUnhide: "Do you want to unhide?"
+  }
+};
+export {
+  e as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.24",
+  "version": "1.0.25",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",
@@ -33,7 +33,7 @@
     "dev": "vite",
     "clean": "rm -rf dist",
     "build": "npm run clean && tsc && vite build && cp package.json dist/",
-    "prepublishOnly": "npm run clean && npm run build",
+    "publish-npm": "yarn build && cd dist && npm publish",
     "lint": "eslint .",
     "preview": "vite preview"
   },

package/util/DateUtil.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("dayjs"),a=require("i18next"),o=t=>e(t).locale(a.language).format("YYYY-MM-DD HH:mm"),m=t=>e(t).locale(a.language).format("YYYY-MM-DD HH:mm:ss"),n=t=>e(t).locale(a.language).format("YYYY-MM-DD"),s=(t,r="HH:mm:ss")=>e(t).locale(a.language).format(r),c={formatDateTime:o,formatDate:n,formatDateTimeWithSecond:m,formatTime:s};module.exports=c;

package/util/DateUtil.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    formatDateTime: (d?: Date) => string;
+    formatDate: (d?: Date) => string;
+    formatDateTimeWithSecond: (d?: Date) => string;
+    formatTime: (d?: Date, format?: string) => string;
+};
+export default _default;

package/util/DateUtil.js

@@ -0,0 +1,6 @@
+import t from "dayjs";
+import o from "i18next";
+const m = (a) => t(a).locale(o.language).format("YYYY-MM-DD HH:mm"), r = (a) => t(a).locale(o.language).format("YYYY-MM-DD HH:mm:ss"), n = (a) => t(a).locale(o.language).format("YYYY-MM-DD"), l = (a, e = "HH:mm:ss") => t(a).locale(o.language).format(e), s = { formatDateTime: m, formatDate: n, formatDateTimeWithSecond: r, formatTime: l };
+export {
+  s as default
+};

package/util/ImageUtil.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("browser-image-compression");class g{async resizeImage(t){const e=await c(t,{maxSizeMB:1,maxWidthOrHeight:1920,useWebWorker:!0}),a=t.uid;return Object.assign(e,{uid:a,lastModifiedDate:new Date})}async getImageData(t){const e=await this.getImageData0(t);if(e){const a=new Image;a.src=e.data;const o=await new Promise(n=>{a.onload=function(){n({height:a.height,width:a.width})}});return Object.assign(e,o),e}else return null}async getImageData0(t){try{if(t.startsWith("data:image/")){const e=t.match(/^data:image\/(png|jpeg|jpg);base64,(.*)$/);if(!e)throw new Error("Invalid base64 image data");return{data:t,type:e[1]}}else{const e=await fetch(t);if(!e.ok)throw new Error("Network response was not ok");const a=await e.blob();return new Promise((o,n)=>{const s=new FileReader;s.onloadend=function(){const r=s.result,i=r.match(/^data:image\/(png|jpeg|jpg);base64,/);i?o({data:r,type:i[1]}):n(new Error("Could not determine image type"))},s.onerror=n,s.readAsDataURL(a)})}}catch(e){return console.warn(e),null}}}const d=new g;module.exports=d;

package/util/ImageUtil.d.ts

@@ -0,0 +1,14 @@
+import { RcFile } from 'antd/lib/upload';
+export type ImageDataReturn = {
+    data: string;
+    type: 'png' | 'jpeg' | 'jpg';
+    width: number;
+    height: number;
+} | null;
+declare class ImageUtl {
+    resizeImage(file: RcFile): Promise<RcFile>;
+    getImageData(uriOrBase64: string): Promise<ImageDataReturn>;
+    getImageData0(uriOrBase64: string): Promise<ImageDataReturn>;
+}
+declare const _default: ImageUtl;
+export default _default;

package/util/ImageUtil.js

@@ -0,0 +1,63 @@
+import c from "browser-image-compression";
+class g {
+  async resizeImage(t) {
+    const e = await c(t, {
+      maxSizeMB: 1,
+      maxWidthOrHeight: 1920,
+      useWebWorker: !0
+    }), a = t.uid;
+    return Object.assign(e, {
+      uid: a,
+      lastModifiedDate: /* @__PURE__ */ new Date()
+    });
+  }
+  async getImageData(t) {
+    const e = await this.getImageData0(t);
+    if (e) {
+      const a = new Image();
+      a.src = e.data;
+      const o = await new Promise(
+        (n) => {
+          a.onload = function() {
+            n({
+              height: a.height,
+              width: a.width
+            });
+          };
+        }
+      );
+      return Object.assign(e, o), e;
+    } else
+      return null;
+  }
+  async getImageData0(t) {
+    try {
+      if (t.startsWith("data:image/")) {
+        const e = t.match(/^data:image\/(png|jpeg|jpg);base64,(.*)$/);
+        if (!e)
+          throw new Error("Invalid base64 image data");
+        return { data: t, type: e[1] };
+      } else {
+        const e = await fetch(t);
+        if (!e.ok) throw new Error("Network response was not ok");
+        const a = await e.blob();
+        return new Promise((o, n) => {
+          const s = new FileReader();
+          s.onloadend = function() {
+            const r = s.result, i = r.match(/^data:image\/(png|jpeg|jpg);base64,/);
+            i ? o({
+              data: r,
+              type: i[1]
+            }) : n(new Error("Could not determine image type"));
+          }, s.onerror = n, s.readAsDataURL(a);
+        });
+      }
+    } catch (e) {
+      return console.warn(e), null;
+    }
+  }
+}
+const l = new g();
+export {
+  l as default
+};

package/util/NumberUtil.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={minimumFractionDigits:2,maximumFractionDigits:2},a={minimumFractionDigits:0,maximumFractionDigits:0};function u(t=0){return(+t).toLocaleString("en",i)}function c(t=0,n=2){const r=e(t,n);return isNaN(r)?void 0:r}function e(t=0,n=2){switch(t=+t,(typeof n!="number"||n<0)&&(n=2),n){case 0:return Math.round(t);case 1:return Math.round(t*10)/10;case 2:return Math.round(t*100)/100;case 3:return Math.round(t*1e3)/1e3;case 4:return Math.round(t*1e4)/1e4;default:{const r=Math.pow(10,n);return Math.round(t*r)/r}}}function s(t=0,n=!1){const r=Math.floor(t);return n?r.toLocaleString("en",a):r.toString()}function d(t=1e9){return Math.floor(Math.random()*(t+1))}function o(t){const n=Number(t);return isNaN(n)?0:n}function l(t=0){const n=t.toString();if(!n.includes("."))return t;const r=n.replace(/\.?0+$/,"");return Number(r)}const f={toInt:s,round:e,toMoney:u,randInt:d,withoutNan:o,removeTrailingZeros:l,roundNoNan:c};exports.default=f;exports.withoutNan=o;

package/util/NumberUtil.d.ts

@@ -0,0 +1,17 @@
+declare function toMoney(num?: number): string;
+declare function roundNoNan(num?: number, pow?: number): number | undefined;
+declare function round(num?: number, pow?: number): number;
+declare function toInt(num?: number, formatted?: boolean): string;
+declare function randInt(max?: number): number;
+export declare function withoutNan(value: number): number;
+declare function removeTrailingZeros(num?: number): number;
+declare const _default: {
+    toInt: typeof toInt;
+    round: typeof round;
+    toMoney: typeof toMoney;
+    randInt: typeof randInt;
+    withoutNan: typeof withoutNan;
+    removeTrailingZeros: typeof removeTrailingZeros;
+    roundNoNan: typeof roundNoNan;
+};
+export default _default;

package/util/NumberUtil.js

@@ -0,0 +1,60 @@
+const o = {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+}, i = { minimumFractionDigits: 0, maximumFractionDigits: 0 };
+function a(t = 0) {
+  return (+t).toLocaleString("en", o);
+}
+function u(t = 0, n = 2) {
+  const r = e(t, n);
+  return isNaN(r) ? void 0 : r;
+}
+function e(t = 0, n = 2) {
+  switch (t = +t, (typeof n != "number" || n < 0) && (n = 2), n) {
+    case 0:
+      return Math.round(t);
+    case 1:
+      return Math.round(t * 10) / 10;
+    case 2:
+      return Math.round(t * 100) / 100;
+    case 3:
+      return Math.round(t * 1e3) / 1e3;
+    case 4:
+      return Math.round(t * 1e4) / 1e4;
+    default: {
+      const r = Math.pow(10, n);
+      return Math.round(t * r) / r;
+    }
+  }
+}
+function c(t = 0, n = !1) {
+  const r = Math.floor(t);
+  return n ? r.toLocaleString("en", i) : r.toString();
+}
+function s(t = 1e9) {
+  return Math.floor(Math.random() * (t + 1));
+}
+function d(t) {
+  const n = Number(t);
+  return isNaN(n) ? 0 : n;
+}
+function f(t = 0) {
+  const n = t.toString();
+  if (!n.includes("."))
+    return t;
+  const r = n.replace(/\.?0+$/, "");
+  return Number(r);
+}
+const m = {
+  toInt: c,
+  round: e,
+  toMoney: a,
+  randInt: s,
+  withoutNan: d,
+  removeTrailingZeros: f,
+  roundNoNan: u
+};
+export {
+  m as default,
+  d as withoutNan
+};

package/util/ValidationUtil.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("i18next"),a=require("./NumberUtil.cjs"),o=e=>[{required:!0,message:`${e} ${i.t("err.validation.required")}`}],s=()=>[{min:8,message:i.t("err.validation.minLength8")}],d=()=>[{type:"number",validator(e,r,t){const n=Number(r);isNaN(n)&&r||n<0||n>100?t(i.t("err.validation.percentage")):t()},message:i.t("err.validation.percentage")}],u=e=>[{max:Number(e),min:0,type:"number",message:i.t("err.validation.maximumValueExceeded").replace("%maxValue%",a.default.toMoney(e))}],l=()=>[{validator:(e,r,t)=>(r.length===12||r.length===10)&&r.search(/^([0-9]{9}[x|X|v|V])|([0-9]{12})$/)!==-1?t():t(i.t("err.validation.invalidNic"))}],m=e=>[{message:`${i.t("err.validation.invalid")} ${e}`,pattern:/^(?:0|94|\+94|0094)?(?:(11|21|23|24|25|26|27|31|32|33|34|35|36|37|38|41|45|47|51|52|54|55|57|63|65|66|67|81|91)(0|2|3|4|5|7|9)|7(0|1|2|4|5|6|7|8)\d)\d{6}$/}],v=()=>[{message:`${i.t("err.validation.positiveNumber")}`,type:"number",validator(e,r,t){r<=0?t(e.message):t()}}],g={percentageValidation:d,required:o,maxValidation:u,passwordValidation:s,nicValidation:l,phoneValidation:m,positiveNumberValidation:v};module.exports=g;

package/util/ValidationUtil.d.ts

@@ -0,0 +1,14 @@
+import { Rule } from 'antd/lib/form';
+declare const _default: {
+    percentageValidation: () => Rule[];
+    required: (modelName: string) => {
+        required: boolean;
+        message: string;
+    }[];
+    maxValidation: (max: number) => Rule[];
+    passwordValidation: () => Rule[];
+    nicValidation: () => Rule[];
+    phoneValidation: (modelName: string) => Rule[];
+    positiveNumberValidation: () => Rule[];
+};
+export default _default;

package/util/ValidationUtil.js

@@ -0,0 +1,60 @@
+import { t as r } from "i18next";
+import n from "./NumberUtil.js";
+const o = (e) => [
+  {
+    required: !0,
+    message: `${e} ${r("err.validation.required")}`
+  }
+], s = () => [
+  {
+    min: 8,
+    message: r("err.validation.minLength8")
+  }
+], d = () => [
+  {
+    type: "number",
+    validator(e, t, i) {
+      const a = Number(t);
+      isNaN(a) && t ? i(r("err.validation.percentage")) : a < 0 || a > 100 ? i(r("err.validation.percentage")) : i();
+    },
+    message: r("err.validation.percentage")
+  }
+], m = (e) => [
+  {
+    max: Number(e),
+    min: 0,
+    type: "number",
+    message: r("err.validation.maximumValueExceeded").replace(
+      "%maxValue%",
+      n.toMoney(e)
+    )
+  }
+], l = () => [
+  {
+    validator: (e, t, i) => t.length === 12 || t.length === 10 ? t.search(/^([0-9]{9}[x|X|v|V])|([0-9]{12})$/) !== -1 ? i() : i(r("err.validation.invalidNic")) : i(r("err.validation.invalidNic"))
+  }
+], u = (e) => [
+  {
+    message: `${r("err.validation.invalid")} ${e}`,
+    pattern: /^(?:0|94|\+94|0094)?(?:(11|21|23|24|25|26|27|31|32|33|34|35|36|37|38|41|45|47|51|52|54|55|57|63|65|66|67|81|91)(0|2|3|4|5|7|9)|7(0|1|2|4|5|6|7|8)\d)\d{6}$/
+  }
+], v = () => [
+  {
+    message: `${r("err.validation.positiveNumber")}`,
+    type: "number",
+    validator(e, t, i) {
+      t <= 0 ? i(e.message) : i();
+    }
+  }
+], V = {
+  percentageValidation: d,
+  required: o,
+  maxValidation: m,
+  passwordValidation: s,
+  nicValidation: l,
+  phoneValidation: u,
+  positiveNumberValidation: v
+};
+export {
+  V as default
+};

package/util/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./DateUtil.cjs"),e=require("./NumberUtil.cjs"),i=require("./ImageUtil.cjs"),l=require("./ValidationUtil.cjs");exports.DateUtil=t;exports.NumberUtil=e.default;exports.ImageUtil=i;exports.ValidationUtil=l;

package/util/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DateUtil } from './DateUtil';
+export { default as NumberUtil } from './NumberUtil';
+export { default as ImageUtil } from './ImageUtil';
+export { default as ValidationUtil } from './ValidationUtil';

package/util/index.js

@@ -0,0 +1,10 @@
+import { default as e } from "./DateUtil.js";
+import { default as o } from "./NumberUtil.js";
+import { default as f } from "./ImageUtil.js";
+import { default as m } from "./ValidationUtil.js";
+export {
+  e as DateUtil,
+  f as ImageUtil,
+  o as NumberUtil,
+  m as ValidationUtil
+};

package/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/README.md

@@ -1,89 +0,0 @@
-# @kingteza/crud-component
-
-React CRUD component library built with Ant Design and TypeScript.
-
-## Installation
-
-```bash
-npm install @kingteza/crud-component
-```
-
-## Prerequisites
-
-This library has the following peer dependencies that need to be installed:
-
-```bash
-npm install antd@^5.22.6 react@^18.3.1 react-dom@^18.3.1 react-router-dom@^7.0.0
-```
-
-## Setup
-
-### 1. Initialize translations
-
-The library uses i18next for internationalization. You need to set it up before using the components:
-
-```typescript
-import { setupI18n } from '@kingteza/crud-component';
-
-// Basic setup with default English translations
-setupI18n();
-
-// Or with custom options
-setupI18n({
-  language: 'en', // default language
-  translations: {
-    en: {
-      'crud-component': {
-        // your custom translations
-      }
-    }
-  },
-  i18nInstance: existingI18nInstance // optional: use your existing i18n instance
-});
-```
-
-### 2. Usage
-
-```typescript
-import { CrudComponent } from '@kingteza/crud-component';
-import { Button } from '@kingteza/crud-component/common';
-
-function App() {
-  return (
-    <CrudComponent
-      fields={[
-        { type: "text", name: "name", label: "Name", required: true },
-        { type: "select", name: "status", label: "Status", options: [
-          { value: "active", label: "Active" },
-          { value: "inactive", label: "Inactive" }
-        ]}
-      ]}
-      data={[]}
-      onSave={(data) => console.log(data)}
-    />
-  );
-}
-```
-
-### 3. Available Imports
-
-The library provides several entry points for importing components:
-
-```typescript
-// Main CRUD component
-import { CrudComponent } from '@kingteza/crud-component';
-
-// Common components
-import { Button, Select, DatePicker } from '@kingteza/crud-component/common';
-
-// Utility functions
-import { DateUtil } from '@kingteza/crud-component/util';
-```
-
-## Documentation
-
-For detailed documentation of components and their props, please visit our [GitHub repository](https://github.com/kingteza/crud-component).
-
-## License
-
-MIT