gbs-add-block 0.0.1

package/source/icon/iconPaths.ts

@@ -0,0 +1,92 @@
+// Add Icon paths here and refer it in with <Icon /> component
+
+export const leftArrows: any = [
+  { type: "path", d: "m11 17-5-5 5-5", key: "13zhaf" },
+  { type: "path", d: "m18 17-5-5 5-5", key: "h8a8et" },
+];
+export const leftArrow: any = [
+  { type: "path", d: "m11 17-5-5 5-5", key: "13zhaf" },
+];
+export const rightArrow: any = [
+  { type: "path", d: "m9 18 6-6-6-6", key: "mthhwq" },
+];
+export const rightArrows: any = [
+  { type: "path", d: "m6 17 5-5-5-5", key: "xnjwq" },
+  { type: "path", d: "m13 17 5-5-5-5", key: "17xmmf" },
+];
+export const search: any = [
+  { type: "circle", cx: "11", cy: "11", r: "8", key: "4ej97u" },
+  { type: "path", d: "m21 21-4.3-4.3", key: "1qie3q" },
+];
+export const listFilter: any = [
+  { type: "path", d: "M3 6h18", key: "d0wm0j" },
+  { type: "path", d: "M7 12h10", key: "b7w52i" },
+  { type: "path", d: "M10 18h4", key: "1ulq68" },
+];
+export const down: any = [{ type: "path", d: "m6 9 6 6 6-6", key: "qrunsl" }];
+export const calender: any = [
+  { type: "path", d: "M8 2v4", key: "1cmpym" },
+  { type: "path", d: "M16 2v4", key: "4m81vk" },
+
+  {
+    type: "rect",
+    width: "18",
+    height: "18",
+    x: "3",
+    y: "4",
+    rx: "2",
+    key: "1hopcy",
+  },
+  ,
+  { type: "path", d: "M3 10h18", key: "8toen8" },
+];
+export let upDown: any = [
+  { type: "path", d: "m7 15 5 5 5-5", key: "1hf1tw" },
+  { type: "path", d: "m7 9 5-5 5 5", key: "sgt6xg" },
+];
+export let x: any = [
+  { type: "path", d: "M18 6 6 18", key: "1bl5f8" },
+  { type: "path", d: "m6 6 12 12", key: "d8bk6v" },
+];
+export let check: any = [{ type: "path", d: "M20 6 9 17l-5-5", key: "1gmf2c" }];
+export let eye: any = [
+  {
+    type: "path",
+    d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+    key: "1nclc0",
+  },
+  { type: "circle", cx: "12", cy: "12", r: "3", key: "1v7zrd" },
+];
+
+export let circleCheck: any = [
+  { type: "path", d: "M22 11.08V12a10 10 0 1 1-5.93-9.14", key: "g774vq" },
+  { type: "path", d: "m9 11 3 3L22 4", key: "1pflzl" },
+];
+
+export let xCircle: any = [
+  { type: "circle", cx: "12", cy: "12", r: "10", key: "1mglay" },
+  { type: "path", d: "m15 9-6 6", key: "1uzhvr" },
+  { type: "path", d: "m9 9 6 6", key: "z0biqf" },
+];
+
+export let info: any = [
+  { type: "circle", cx: "12", cy: "12", r: "10", key: "1mglay" },
+  { type: "path", d: "M12 16v-4", key: "1dtifu" },
+  { type: "path", d: "M12 8h.01", key: "e9boi3" },
+];
+
+export let sun: any = [
+  { type: "circle", cx: "12", cy: "12", r: "4", key: "4exip2" },
+  { type: "path", d: "M12 20v2", key: "1lh1kg" },
+  { type: "path", d: "M12 2v2", key: "tus03m" },
+  { type: "path", d: "m4.93 4.93 1.41 1.41", key: "149t6j" },
+  { type: "path", d: "m17.66 17.66 1.41 1.41", key: "ptbguv" },
+  { type: "path", d: "M2 12h2", key: "1t8f8n" },
+  { type: "path", d: "M20 12h2", key: "1q8mjw" },
+  { type: "path", d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" },
+  { type: "path", d: "m19.07 4.93-1.41 1.41", key: "1shlcs" },
+];
+
+export let moon: any = [
+  { type: "path", d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" },
+];

package/source/index.ts

@@ -0,0 +1,15 @@
+// Re-Export Components here
+export * from "./components/grid/Grid";
+export * from "./components/datepicker";
+export * from "./components/dialog";
+export * from "./components/darkmode";
+export * from "./components/select";
+export * from "./components/input";
+export * from "./components/button";
+export * from "./components/multiselect";
+export * from "./components/spinner";
+export * from "./components/dialog";
+export * from "./components/modal";
+export * from "./components/toast";
+export * from "./components/checkbox";
+export { default as useToast } from "./components/toast/useToast";

package/source/types.ts

@@ -0,0 +1,108 @@
+import { InputHTMLAttributes } from "react";
+
+// Sepecify types for components here
+interface PageSettingsProps {
+  pageNumber: number;
+}
+
+export type GridProps = {
+  dataSource: any[] | string;
+  columns?: any[];
+  pageSettings: PageSettingsProps;
+  enableSearch?: boolean;
+  lazy?: boolean;
+  enableExcelExport?: boolean;
+  excelName?: string;
+  enablePdfExport?: boolean;
+  pdfName?: string;
+  gridContainerClass?: string;
+  gridButtonClass?: string;
+  gridHeaderClass?: string;
+  gridGlobalSearchButtonClass?: string;
+  gridPaginationButtonClass?: string;
+  pdfOptions?: any;
+  isFetching?: boolean;
+  showPagination?: boolean;
+  selectAll?: boolean;
+  onSelectRow?: (value: any) => void;
+  tableHeaderStyle?: string;
+  gridColumnStyleSelectAll?: string;
+  gridColumnStyle?: string;
+};
+
+export type DatePickerProps = {
+  placeholder?: string | undefined;
+  selectedDate?: Date;
+  minDate?: Date | null;
+  maxDate?: Date | null;
+  yearLimitStart?: number;
+  yearLimitEnd?: number;
+  onDateChange?: any;
+};
+
+interface ItemsProps {
+  value: string;
+  label: string;
+}
+
+export type SelectProps = {
+  placeholder?: string;
+  items?: ItemsProps[] | string;
+  lazy?: boolean;
+  showSearch?: boolean;
+  onSelect?: any;
+  selectedItem?: string;
+};
+
+export type InputProps = {
+  OTPField?: boolean;
+  OTPValue?: string;
+  OTPLength?: number;
+  OTPClass?: string;
+  onOTPValueChange?: (value: string) => void;
+} & InputHTMLAttributes<HTMLInputElement>;
+
+export type MultiSelectProps = {
+  placeholder?: string;
+  items?: ItemsProps[] | string;
+  lazy?: boolean;
+  showSearch?: boolean;
+  onSelect?: any;
+  truncate?: boolean;
+  selectedItems?: string[];
+};
+
+export type SpinnerProps = {
+  size?: string;
+  color?: string;
+  fullCircleColor?: string;
+  dotColor?: string;
+  duration?: string;
+  type?: "circle" | "circle-bg" | "dot" | "stroke";
+  strokeColor?: string;
+};
+
+export type ModalProps = {
+  showModal?: boolean;
+  modalTitle?: string;
+  autoclose?: boolean;
+  modalClass?: string;
+  modalContentClass?: string;
+  classModalContent?: string;
+  modalTitleClass?: string;
+  classModalTitle?: string;
+  children?: React.ReactNode;
+};
+
+export type DialogProps = {
+  showDialog?: boolean;
+  dialogMessage?: string;
+  dialogActionOne?: string;
+  dialogActionTwo?: string;
+  onDialogActionOneClick?: () => void;
+  onDialogActionTwoClick?: () => void;
+  dialogClass?: string;
+  dialogContentClass?: string;
+  dialogActionOneStyle?: string;
+  dialogActionTwoStyle?: string;
+};

package/source/utils.ts

@@ -0,0 +1,10 @@
+// Common util functions
+export async function getSourceData(apiURl: any) {
+  try {
+    const res = await fetch(apiURl);
+    const data = await res.json();
+    return data;
+  } catch (error) {
+    console.error("Error Fetching Data", error);
+  }
+}