@orbe-agro/client-core 5.3.86 → 5.3.89

package/dist/@ecme/views/ui-components/data-display/Table/Editable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Editable.tsx"],"sourcesContent":["import { useMemo, useEffect, useState, useRef, useCallback } from 'react'\nimport Table from '@/components/ui/Table'\nimport Input from '@/components/ui/Input'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef, CellContext, RowData } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n    interface TableMeta<TData extends RowData> {\n        updateData: (\n            rowIndex: number,\n            columnId: string,\n            value: unknown,\n            dataPlaceHolder?: TData,\n        ) => void\n    }\n}\n\ntype EditablePerson = Person\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst EditableCell = ({\n    getValue,\n    row: { index },\n    column: { id },\n    table,\n}: CellContext<EditablePerson, unknown>) => {\n    const initialValue = getValue()\n    // We need to keep and update the state of the cell normally\n    const [value, setValue] = useState(initialValue)\n\n    // When the input is blurred, we'll call our table meta's updateData function\n    const onBlur = () => {\n        table.options.meta?.updateData(index, id, value)\n    }\n\n    // If the initialValue is changed external, sync it up with our state\n    useEffect(() => {\n        setValue(initialValue)\n    }, [initialValue])\n\n    return (\n        <Input\n            className=\"border-transparent bg-transparent hover:border-gray-300 focus:bg-white\"\n            size=\"sm\"\n            value={value as string}\n            onChange={(e) => setValue(e.target.value)}\n            onBlur={onBlur}\n        />\n    )\n}\n\nconst defaultColumn: Partial<ColumnDef<EditablePerson>> = {\n    cell: EditableCell,\n}\n\nfunction useSkipper() {\n    const shouldSkipRef = useRef(true)\n    const shouldSkip = shouldSkipRef.current\n\n    // Wrap a function with this to skip a pagination reset temporarily\n    const skip = useCallback(() => {\n        shouldSkipRef.current = false\n    }, [])\n\n    useEffect(() => {\n        shouldSkipRef.current = true\n    })\n\n    return [shouldSkip, skip]\n}\n\nfunction Editable() {\n    const columns = useMemo(\n        () => [\n            { header: 'First Name', accessorKey: 'firstName' },\n            { header: 'Last Name', accessorKey: 'lastName' },\n            { header: 'Email', accessorKey: 'email' },\n        ],\n        [],\n    )\n\n    const [data, setData] = useState(() => data10)\n\n    const [autoResetPageIndex, skipAutoResetPageIndex] = useSkipper()\n\n    const table = useReactTable({\n        data,\n        columns,\n        defaultColumn,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n        autoResetPageIndex: autoResetPageIndex as boolean,\n        // Provide our updateData function to our table meta\n        meta: {\n            updateData: (\n                rowIndex: number,\n                columnId: string,\n                value: unknown,\n            ) => {\n                // Skip age index reset until after next rerender\n                if (typeof skipAutoResetPageIndex === 'function') {\n                    skipAutoResetPageIndex()\n                }\n                setData((old) =>\n                    old.map((row, index) => {\n                        if (index === rowIndex) {\n                            return {\n                                ...old[rowIndex],\n                                [columnId]: value,\n                            }\n                        }\n                        return row\n                    }),\n                )\n            },\n        },\n    })\n\n    return (\n        <>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nexport default Editable\n"],"names":["Tr","Th","Td","THead","TBody","Table","EditableCell","getValue","index","id","table","initialValue","value","setValue","useState","onBlur","_a","useEffect","jsx","Input","e","defaultColumn","useSkipper","shouldSkipRef","useRef","shouldSkip","skip","useCallback","Editable","columns","useMemo","data","setData","data10","autoResetPageIndex","skipAutoResetPageIndex","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","rowIndex","columnId","old","row","Fragment","headerGroup","header","flexRender","cell"],"mappings":"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"}
+{"version":3,"file":"Editable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Editable.tsx"],"sourcesContent":["import { useMemo, useEffect, useState, useRef, useCallback } from 'react'\nimport Table from '@/components/ui/Table'\nimport Input from '@/components/ui/Input'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef, CellContext, RowData } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n    interface TableMeta<TData extends RowData> {\n        updateData: (\n            rowIndex: number,\n            columnId: string,\n            value: unknown,\n            dataPlaceHolder?: TData,\n        ) => void\n    }\n}\n\ntype EditablePerson = Person\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst EditableCell = ({\n    getValue,\n    row: { index },\n    column: { id },\n    table,\n}: CellContext<EditablePerson, unknown>) => {\n    const initialValue = getValue()\n    // We need to keep and update the state of the cell normally\n    const [value, setValue] = useState(initialValue)\n\n    // When the input is blurred, we'll call our table meta's updateData function\n    const onBlur = () => {\n        table.options.meta?.updateData(index, id, value)\n    }\n\n    // If the initialValue is changed external, sync it up with our state\n    useEffect(() => {\n        setValue(initialValue)\n    }, [initialValue])\n\n    return (\n        <Input\n            className=\"border-transparent bg-transparent hover:border-gray-300 focus:bg-white\"\n            size=\"sm\"\n            value={value as string}\n            onChange={(e) => setValue(e.target.value)}\n            onBlur={onBlur}\n        />\n    )\n}\n\nconst defaultColumn: Partial<ColumnDef<EditablePerson>> = {\n    cell: EditableCell,\n}\n\nfunction useSkipper() {\n    const shouldSkipRef = useRef(true)\n    const shouldSkip = shouldSkipRef.current\n\n    // Wrap a function with this to skip a pagination reset temporarily\n    const skip = useCallback(() => {\n        shouldSkipRef.current = false\n    }, [])\n\n    useEffect(() => {\n        shouldSkipRef.current = true\n    })\n\n    return [shouldSkip, skip]\n}\n\nfunction Editable() {\n    const columns = useMemo(\n        () => [\n            { header: 'First Name', accessorKey: 'firstName' },\n            { header: 'Last Name', accessorKey: 'lastName' },\n            { header: 'Email', accessorKey: 'email' },\n        ],\n        [],\n    )\n\n    const [data, setData] = useState(() => data10)\n\n    const [autoResetPageIndex, skipAutoResetPageIndex] = useSkipper()\n\n    const table = useReactTable({\n        data,\n        columns,\n        defaultColumn,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n        autoResetPageIndex: autoResetPageIndex as boolean,\n        // Provide our updateData function to our table meta\n        meta: {\n            updateData: (\n                rowIndex: number,\n                columnId: string,\n                value: unknown,\n            ) => {\n                // Skip age index reset until after next rerender\n                if (typeof skipAutoResetPageIndex === 'function') {\n                    skipAutoResetPageIndex()\n                }\n                setData((old) =>\n                    old.map((row, index) => {\n                        if (index === rowIndex) {\n                            return {\n                                ...old[rowIndex],\n                                [columnId]: value,\n                            }\n                        }\n                        return row\n                    }),\n                )\n            },\n        },\n    })\n\n    return (\n        <>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nexport default Editable\n"],"names":["Tr","Th","Td","THead","TBody","Table","EditableCell","getValue","index","id","table","initialValue","value","setValue","useState","onBlur","useEffect","jsx","Input","e","defaultColumn","useSkipper","shouldSkipRef","useRef","shouldSkip","skip","useCallback","Editable","columns","useMemo","data","setData","data10","autoResetPageIndex","skipAutoResetPageIndex","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","rowIndex","columnId","old","row","Fragment","headerGroup","header","flexRender","cell"],"mappings":";;;;;;;AA2BA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC,GAE/BC,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,KAAK,EAAE,OAAAC,EAAA;AAAA,EACP,QAAQ,EAAE,IAAAC,EAAA;AAAA,EACV,OAAAC;AACJ,MAA4C;AACxC,QAAMC,IAAeJ,EAAA,GAEf,CAACK,GAAOC,CAAQ,IAAIC,EAASH,CAAY,GAGzCI,IAAS,MAAM;AACjB,IAAAL,EAAM,QAAQ,MAAM,WAAWF,GAAOC,GAAIG,CAAK;AAAA,EACnD;AAGA,SAAAI,EAAU,MAAM;AACZ,IAAAH,EAASF,CAAY;AAAA,EACzB,GAAG,CAACA,CAAY,CAAC,GAGb,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAAN;AAAA,MACA,UAAU,CAACO,MAAMN,EAASM,EAAE,OAAO,KAAK;AAAA,MACxC,QAAAJ;AAAA,IAAA;AAAA,EAAA;AAGZ,GAEMK,IAAoD;AAAA,EACtD,MAAMd;AACV;AAEA,SAASe,IAAa;AAClB,QAAMC,IAAgBC,EAAO,EAAI,GAC3BC,IAAaF,EAAc,SAG3BG,IAAOC,EAAY,MAAM;AAC3B,IAAAJ,EAAc,UAAU;AAAA,EAC5B,GAAG,CAAA,CAAE;AAEL,SAAAN,EAAU,MAAM;AACZ,IAAAM,EAAc,UAAU;AAAA,EAC5B,CAAC,GAEM,CAACE,GAAYC,CAAI;AAC5B;AAEA,SAASE,IAAW;AAChB,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF,EAAE,QAAQ,cAAc,aAAa,YAAA;AAAA,MACrC,EAAE,QAAQ,aAAa,aAAa,WAAA;AAAA,MACpC,EAAE,QAAQ,SAAS,aAAa,QAAA;AAAA,IAAQ;AAAA,IAE5C,CAAA;AAAA,EAAC,GAGC,CAACC,GAAMC,CAAO,IAAIjB,EAAS,MAAMkB,CAAM,GAEvC,CAACC,GAAoBC,CAAsB,IAAIb,EAAA,GAE/CX,IAAQyB,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAF;AAAA,IACA,eAAAR;AAAA,IACA,iBAAiBgB,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,IACrB,uBAAuBC,EAAA;AAAA,IACvB,oBAAAL;AAAA;AAAA,IAEA,MAAM;AAAA,MACF,YAAY,CACRM,GACAC,GACA5B,MACC;AAED,QAAI,OAAOsB,KAA2B,cAClCA,EAAA,GAEJH;AAAA,UAAQ,CAACU,MACLA,EAAI,IAAI,CAACC,GAAKlC,MACNA,MAAU+B,IACH;AAAA,YACH,GAAGE,EAAIF,CAAQ;AAAA,YACf,CAACC,CAAQ,GAAG5B;AAAA,UAAA,IAGb8B,CACV;AAAA,QAAA;AAAA,MAET;AAAA,IAAA;AAAA,EACJ,CACH;AAED,SACI,gBAAAzB,EAAA0B,GAAA,EACI,4BAACtC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAY,EAACd,GAAA,EACI,UAAAO,EAAM,gBAAA,EAAkB,IAAI,CAACkC,MAC1B,gBAAA3B,EAACjB,GAAA,EACI,UAAA4C,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAA5B;AAAA,MAAChB;AAAA,MAAA;AAAA,QAEG,SAAS4C,EAAO;AAAA,QAEf,UAAAC;AAAA,UACGD,EAAO,OAAO,UAAU;AAAA,UACxBA,EAAO,WAAA;AAAA,QAAW;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,IAAA,CASvB,EAAA,GAbID,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,IACA,gBAAA3B,EAACb,KACI,UAAAM,EAAM,YAAA,EAAc,KAAK,IAAI,CAACgC,wBAEtB1C,GAAA,EACI,UAAA0C,EAAI,kBAAkB,IAAI,CAACK,wBAEnB7C,GAAA,EACI,UAAA4C;AAAA,MACGC,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVIL,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/data-display/Table/PaginationTable.js

@@ -7,14 +7,14 @@ import { useReactTable as f, getPaginationRowModel as b, getFilteredRowModel as
 import x from "../../../../components/ui/Pagination/Pagination.js";
 import C from "../../../../components/ui/Select/Select.js";
 const { Tr: s, Th: M, Td: R, THead: w, TBody: N } = c, d = () => {
-  const o = [];
-  for (let l = 0; l < 100; l++)
-    o.push({
-      firstName: `Maria ${l}`,
-      lastName: `Anders ${l}`,
-      age: l
+  const l = [];
+  for (let o = 0; o < 100; o++)
+    l.push({
+      firstName: `Maria ${o}`,
+      lastName: `Anders ${o}`,
+      age: o
     });
-  return o;
+  return l;
 }, P = d().length, g = [
   { value: 10, label: "10 / page" },
   { value: 20, label: "20 / page" },
@@ -22,7 +22,7 @@ const { Tr: s, Th: M, Td: R, THead: w, TBody: N } = c, d = () => {
   { value: 40, label: "40 / page" },
   { value: 50, label: "50 / page" }
 ], H = () => {
-  const o = u(
+  const l = u(
     () => [
       {
         header: "First Name",
@@ -38,9 +38,9 @@ const { Tr: s, Th: M, Td: R, THead: w, TBody: N } = c, d = () => {
       }
     ],
     []
-  ), [l] = h(() => d()), n = f({
-    data: l,
-    columns: o,
+  ), [o] = h(() => d()), n = f({
+    data: o,
+    columns: l,
     // Pipeline
     getCoreRowModel: v(),
     getFilteredRowModel: S(),
@@ -87,7 +87,7 @@ const { Tr: s, Th: M, Td: R, THead: w, TBody: N } = c, d = () => {
             (e) => e.value === n.getState().pagination.pageSize
           ),
           options: g,
-          onChange: (e) => p(e == null ? void 0 : e.value)
+          onChange: (e) => p(e?.value)
         }
       ) })
     ] })

package/dist/@ecme/views/ui-components/data-display/Table/PaginationTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationTable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/PaginationTable.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Table from '@/components/ui/Table'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport type { ColumnDef } from '@tanstack/react-table'\n\ntype Person = {\n    firstName: string\n    lastName: string\n    age: number\n}\n\ntype Option = {\n    value: number\n    label: string\n}\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst tableData = (): Person[] => {\n    const arr: Person[] = []\n    for (let i = 0; i < 100; i++) {\n        arr.push({\n            firstName: `Maria ${i}`,\n            lastName: `Anders ${i}`,\n            age: i,\n        })\n    }\n    return arr\n}\n\nconst totalData = tableData().length\n\nconst pageSizeOption = [\n    { value: 10, label: '10 / page' },\n    { value: 20, label: '20 / page' },\n    { value: 30, label: '30 / page' },\n    { value: 40, label: '40 / page' },\n    { value: 50, label: '50 / page' },\n]\n\nconst PaginationTable = () => {\n    const columns = useMemo<ColumnDef<Person>[]>(\n        () => [\n            {\n                header: 'First Name',\n                accessorKey: 'firstName',\n            },\n            {\n                header: 'Last Name',\n                accessorKey: 'lastName',\n            },\n            {\n                header: 'Age',\n                accessorKey: 'age',\n            },\n        ],\n        [],\n    )\n\n    const [data] = useState(() => tableData())\n\n    const table = useReactTable({\n        data,\n        columns,\n        // Pipeline\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n    })\n\n    const onPaginationChange = (page: number) => {\n        table.setPageIndex(page - 1)\n    }\n\n    const onSelectChange = (value = 0) => {\n        table.setPageSize(Number(value))\n    }\n\n    return (\n        <div>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n            <div className=\"mt-4 flex items-center justify-between\">\n                <Pagination\n                    pageSize={table.getState().pagination.pageSize}\n                    currentPage={table.getState().pagination.pageIndex + 1}\n                    total={totalData}\n                    onChange={onPaginationChange}\n                />\n                <div style={{ minWidth: 130 }}>\n                    <Select<Option>\n                        size=\"sm\"\n                        isSearchable={false}\n                        value={pageSizeOption.filter(\n                            (option) =>\n                                option.value ===\n                                table.getState().pagination.pageSize,\n                        )}\n                        options={pageSizeOption}\n                        onChange={(option) => onSelectChange(option?.value)}\n                    />\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default PaginationTable\n"],"names":["Tr","Th","Td","THead","TBody","Table","tableData","arr","i","totalData","pageSizeOption","PaginationTable","columns","useMemo","data","useState","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","onPaginationChange","page","onSelectChange","value","jsxs","jsx","headerGroup","header","flexRender","row","cell","Pagination","Select","option"],"mappings":"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"}
+{"version":3,"file":"PaginationTable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/PaginationTable.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Table from '@/components/ui/Table'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport type { ColumnDef } from '@tanstack/react-table'\n\ntype Person = {\n    firstName: string\n    lastName: string\n    age: number\n}\n\ntype Option = {\n    value: number\n    label: string\n}\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst tableData = (): Person[] => {\n    const arr: Person[] = []\n    for (let i = 0; i < 100; i++) {\n        arr.push({\n            firstName: `Maria ${i}`,\n            lastName: `Anders ${i}`,\n            age: i,\n        })\n    }\n    return arr\n}\n\nconst totalData = tableData().length\n\nconst pageSizeOption = [\n    { value: 10, label: '10 / page' },\n    { value: 20, label: '20 / page' },\n    { value: 30, label: '30 / page' },\n    { value: 40, label: '40 / page' },\n    { value: 50, label: '50 / page' },\n]\n\nconst PaginationTable = () => {\n    const columns = useMemo<ColumnDef<Person>[]>(\n        () => [\n            {\n                header: 'First Name',\n                accessorKey: 'firstName',\n            },\n            {\n                header: 'Last Name',\n                accessorKey: 'lastName',\n            },\n            {\n                header: 'Age',\n                accessorKey: 'age',\n            },\n        ],\n        [],\n    )\n\n    const [data] = useState(() => tableData())\n\n    const table = useReactTable({\n        data,\n        columns,\n        // Pipeline\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n    })\n\n    const onPaginationChange = (page: number) => {\n        table.setPageIndex(page - 1)\n    }\n\n    const onSelectChange = (value = 0) => {\n        table.setPageSize(Number(value))\n    }\n\n    return (\n        <div>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n            <div className=\"mt-4 flex items-center justify-between\">\n                <Pagination\n                    pageSize={table.getState().pagination.pageSize}\n                    currentPage={table.getState().pagination.pageIndex + 1}\n                    total={totalData}\n                    onChange={onPaginationChange}\n                />\n                <div style={{ minWidth: 130 }}>\n                    <Select<Option>\n                        size=\"sm\"\n                        isSearchable={false}\n                        value={pageSizeOption.filter(\n                            (option) =>\n                                option.value ===\n                                table.getState().pagination.pageSize,\n                        )}\n                        options={pageSizeOption}\n                        onChange={(option) => onSelectChange(option?.value)}\n                    />\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default PaginationTable\n"],"names":["Tr","Th","Td","THead","TBody","Table","tableData","arr","i","totalData","pageSizeOption","PaginationTable","columns","useMemo","data","useState","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","onPaginationChange","page","onSelectChange","value","jsxs","jsx","headerGroup","header","flexRender","row","cell","Pagination","Select","option"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/FormControl/AsyncValidation.js

@@ -1,72 +1,71 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import "../../../../components/ui/Input/index.js";
 import "../../../../components/ui/Button/index.js";
 import "../../../../components/ui/Form/index.js";
-import { useForm as c, Controller as f } from "react-hook-form";
+import { useForm as p, Controller as c } from "react-hook-form";
 import "../../../../components/ui/Spinner/index.js";
-import { Form as h } from "../../../../components/ui/Form/Form.js";
-import i from "../../../../components/ui/Form/FormItem.js";
-import b from "../../../../components/ui/Input/Input.js";
-import g from "../../../../components/ui/Spinner/Spinner.js";
-import N from "../../../../components/ui/Button/Button.js";
-const S = (o) => new Promise((t) => setTimeout(t, o)), I = () => {
-  var a;
+import { Form as f } from "../../../../components/ui/Form/Form.js";
+import a from "../../../../components/ui/Form/FormItem.js";
+import h from "../../../../components/ui/Input/Input.js";
+import b from "../../../../components/ui/Spinner/Spinner.js";
+import g from "../../../../components/ui/Button/Button.js";
+const N = (o) => new Promise((t) => setTimeout(t, o)), B = () => {
   const {
     handleSubmit: o,
-    formState: { errors: t, isValidating: m },
-    control: n,
-    trigger: s,
-    reset: l
-  } = c({
+    formState: { errors: t, isValidating: i },
+    control: m,
+    trigger: n,
+    reset: s
+  } = p({
     defaultValues: {
       userName: "Adam"
     }
-  }), u = async (r) => (await S(1e3), r === "Adam" ? !0 : "This User name has been taken (only 'Adam' allow)");
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ p(h, { onSubmit: o((r) => {
+  }), l = async (r) => (await N(1e3), r === "Adam" ? !0 : "This User name has been taken (only 'Adam' allow)");
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ d(f, { onSubmit: o((r) => {
     setTimeout(() => {
-      window.alert(JSON.stringify(r, null, 2)), l();
+      window.alert(JSON.stringify(r, null, 2)), s();
     }, 200);
   }), children: [
     /* @__PURE__ */ e(
-      i,
+      a,
       {
         label: "Check valid username",
         invalid: !!t.userName,
-        errorMessage: (a = t.userName) == null ? void 0 : a.message,
+        errorMessage: t.userName?.message,
         children: /* @__PURE__ */ e(
-          f,
+          c,
           {
             name: "userName",
-            control: n,
+            control: m,
             render: ({ field: r }) => /* @__PURE__ */ e(
-              b,
+              h,
               {
                 type: "text",
                 autoComplete: "off",
                 placeholder: "User Name",
                 suffix: /* @__PURE__ */ e(
-                  g,
+                  b,
                   {
-                    className: m ? "" : "hidden"
+                    className: i ? "" : "hidden"
                   }
                 ),
                 ...r,
-                onChange: (d) => {
-                  r.onChange(d), s(["userName"]);
+                onChange: (u) => {
+                  r.onChange(u), n(["userName"]);
                 }
               }
             ),
             rules: {
-              validate: u
+              validate: l
             }
           }
         )
       }
     ),
-    /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(N, { variant: "solid", type: "submit", children: "Submit" }) })
+    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(g, { variant: "solid", type: "submit", children: "Submit" }) })
   ] }) });
 };
 export {
-  I as default
+  B as default
 };
 //# sourceMappingURL=AsyncValidation.js.map

package/dist/@ecme/views/ui-components/forms/FormControl/AsyncValidation.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/AsyncValidation.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport Spinner from '@/components/ui/Spinner'\n\ntype FormSchema = {\n    userName: string\n}\n\nconst sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))\n\nconst AsyncValidation = () => {\n    const {\n        handleSubmit,\n        formState: { errors, isValidating },\n        control,\n        trigger,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            userName: 'Adam',\n        },\n    })\n\n    const validateAsync = async (value: string) => {\n        await sleep(1000)\n        if (value === 'Adam') {\n            return true\n        }\n        return `This User name has been taken (only 'Adam' allow)`\n    }\n\n    const onSubmit = (values: FormSchema) => {\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            reset()\n        }, 200)\n    }\n\n    return (\n        <div>\n            <Form onSubmit={handleSubmit(onSubmit)}>\n                <FormItem\n                    label=\"Check valid username\"\n                    invalid={Boolean(errors.userName)}\n                    errorMessage={errors.userName?.message}\n                >\n                    <Controller\n                        name=\"userName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"User Name\"\n                                suffix={\n                                    <Spinner\n                                        className={\n                                            !isValidating ? 'hidden' : ''\n                                        }\n                                    />\n                                }\n                                {...field}\n                                onChange={(value) => {\n                                    field.onChange(value)\n                                    trigger(['userName'])\n                                }}\n                            />\n                        )}\n                        rules={{\n                            validate: validateAsync,\n                        }}\n                    />\n                </FormItem>\n                <FormItem>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Submit\n                    </Button>\n                </FormItem>\n            </Form>\n        </div>\n    )\n}\n\nexport default AsyncValidation\n"],"names":["sleep","ms","resolve","AsyncValidation","handleSubmit","errors","isValidating","control","trigger","reset","useForm","validateAsync","value","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","Spinner","Button"],"mappings":";;;;;;;;;;;AAUA,MAAMA,IAAQ,CAACC,MAAe,IAAI,QAAQ,CAACC,MAAY,WAAWA,GAASD,CAAE,CAAC,GAExEE,IAAkB,MAAM;;AAC1B,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,cAAAC,EAAA;AAAA,IACrB,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,IAAA;AAAA,EACd,CACH,GAEKC,IAAgB,OAAOC,OACzB,MAAMZ,EAAM,GAAI,GACZY,MAAU,SACH,KAEJ;AAUX,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACC,KAAK,UAAUV,EATP,CAACW,MAAuB;AACrC,eAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAUA,GAAQ,MAAM,CAAC,CAAC,GAC5CN,EAAA;AAAA,IACJ,GAAG,GAAG;AAAA,EACV,CAI6C,GACjC,UAAA;AAAA,IAAA,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQZ,EAAO;AAAA,QACxB,eAAca,IAAAb,EAAO,aAAP,gBAAAa,EAAiB;AAAA,QAE/B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAZ;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAa,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACZ,QACI,gBAAAL;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACG,WACKhB,IAA0B,KAAX;AAAA,kBAAW;AAAA,gBAAA;AAAA,gBAItC,GAAGc;AAAA,gBACJ,UAAU,CAACR,MAAU;AACjB,kBAAAQ,EAAM,SAASR,CAAK,GACpBJ,EAAQ,CAAC,UAAU,CAAC;AAAA,gBACxB;AAAA,cAAA;AAAA,YAAA;AAAA,YAGR,OAAO;AAAA,cACH,UAAUG;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,IAEJ,gBAAAK,EAACC,KACG,UAAA,gBAAAD,EAACO,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"AsyncValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/AsyncValidation.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport Spinner from '@/components/ui/Spinner'\n\ntype FormSchema = {\n    userName: string\n}\n\nconst sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))\n\nconst AsyncValidation = () => {\n    const {\n        handleSubmit,\n        formState: { errors, isValidating },\n        control,\n        trigger,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            userName: 'Adam',\n        },\n    })\n\n    const validateAsync = async (value: string) => {\n        await sleep(1000)\n        if (value === 'Adam') {\n            return true\n        }\n        return `This User name has been taken (only 'Adam' allow)`\n    }\n\n    const onSubmit = (values: FormSchema) => {\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            reset()\n        }, 200)\n    }\n\n    return (\n        <div>\n            <Form onSubmit={handleSubmit(onSubmit)}>\n                <FormItem\n                    label=\"Check valid username\"\n                    invalid={Boolean(errors.userName)}\n                    errorMessage={errors.userName?.message}\n                >\n                    <Controller\n                        name=\"userName\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"text\"\n                                autoComplete=\"off\"\n                                placeholder=\"User Name\"\n                                suffix={\n                                    <Spinner\n                                        className={\n                                            !isValidating ? 'hidden' : ''\n                                        }\n                                    />\n                                }\n                                {...field}\n                                onChange={(value) => {\n                                    field.onChange(value)\n                                    trigger(['userName'])\n                                }}\n                            />\n                        )}\n                        rules={{\n                            validate: validateAsync,\n                        }}\n                    />\n                </FormItem>\n                <FormItem>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Submit\n                    </Button>\n                </FormItem>\n            </Form>\n        </div>\n    )\n}\n\nexport default AsyncValidation\n"],"names":["sleep","ms","resolve","AsyncValidation","handleSubmit","errors","isValidating","control","trigger","reset","useForm","validateAsync","value","jsxs","Form","values","jsx","FormItem","Controller","field","Input","Spinner","Button"],"mappings":";;;;;;;;;;;AAUA,MAAMA,IAAQ,CAACC,MAAe,IAAI,QAAQ,CAACC,MAAY,WAAWA,GAASD,CAAE,CAAC,GAExEE,IAAkB,MAAM;AAC1B,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,cAAAC,EAAA;AAAA,IACrB,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,IAAA;AAAA,EACd,CACH,GAEKC,IAAgB,OAAOC,OACzB,MAAMZ,EAAM,GAAI,GACZY,MAAU,SACH,KAEJ;AAUX,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACC,KAAK,UAAUV,EATP,CAACW,MAAuB;AACrC,eAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAUA,GAAQ,MAAM,CAAC,CAAC,GAC5CN,EAAA;AAAA,IACJ,GAAG,GAAG;AAAA,EACV,CAI6C,GACjC,UAAA;AAAA,IAAA,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQZ,EAAO;AAAA,QACxB,cAAcA,EAAO,UAAU;AAAA,QAE/B,UAAA,gBAAAW;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAX;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACZ,QACI,gBAAAJ;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,WACKf,IAA0B,KAAX;AAAA,kBAAW;AAAA,gBAAA;AAAA,gBAItC,GAAGa;AAAA,gBACJ,UAAU,CAACP,MAAU;AACjB,kBAAAO,EAAM,SAASP,CAAK,GACpBJ,EAAQ,CAAC,UAAU,CAAC;AAAA,gBACxB;AAAA,cAAA;AAAA,YAAA;AAAA,YAGR,OAAO;AAAA,cACH,UAAUG;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,IAEJ,gBAAAK,EAACC,KACG,UAAA,gBAAAD,EAACM,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/FormControl/Basic.js

@@ -1,16 +1,16 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import "../../../../components/ui/Input/index.js";
 import "../../../../components/ui/Button/index.js";
-import { Checkbox as b } from "../../../../components/ui/Checkbox/index.js";
+import { Checkbox as u } from "../../../../components/ui/Checkbox/index.js";
 import "../../../../components/ui/Form/index.js";
-import { useForm as h, Controller as t } from "react-hook-form";
-import { zodResolver as g } from "@hookform/resolvers/zod";
+import { useForm as c, Controller as t } from "react-hook-form";
+import { zodResolver as f } from "@hookform/resolvers/zod";
 import { z as m } from "zod";
-import { Form as w } from "../../../../components/ui/Form/Form.js";
+import { Form as b } from "../../../../components/ui/Form/Form.js";
 import a from "../../../../components/ui/Form/FormItem.js";
 import l from "../../../../components/ui/Input/Input.js";
-import c from "../../../../components/ui/Button/Button.js";
-const N = m.object({
+import d from "../../../../components/ui/Button/Button.js";
+const h = m.object({
   email: m.string().min(1, { message: "Email Required" }).email({ message: "Invalid email" }),
   userName: m.string().min(3, "Too Short!").max(12, "Too Long!"),
   password: m.string().min(1, { message: "Password Required" }).min(8, { message: "Too Short!" }).refine(
@@ -18,23 +18,22 @@ const N = m.object({
     "Only Letters & Numbers Allowed"
   ),
   rememberMe: m.boolean()
-}), P = () => {
-  var n, d, p;
+}), E = () => {
   const {
     handleSubmit: i,
-    reset: f,
+    reset: p,
     formState: { errors: o },
     control: s
-  } = h({
+  } = c({
     defaultValues: {
       email: "",
       userName: "",
       password: "",
       rememberMe: !1
     },
-    resolver: g(N)
+    resolver: f(h)
   });
-  return /* @__PURE__ */ u(w, { onSubmit: i((r) => {
+  return /* @__PURE__ */ n(b, { onSubmit: i((r) => {
     window.alert(JSON.stringify(r));
   }), children: [
     /* @__PURE__ */ e(
@@ -42,7 +41,7 @@ const N = m.object({
       {
         label: "Email",
         invalid: !!o.email,
-        errorMessage: (n = o.email) == null ? void 0 : n.message,
+        errorMessage: o.email?.message,
         children: /* @__PURE__ */ e(
           t,
           {
@@ -66,7 +65,7 @@ const N = m.object({
       {
         label: "User Name",
         invalid: !!o.userName,
-        errorMessage: (d = o.userName) == null ? void 0 : d.message,
+        errorMessage: o.userName?.message,
         children: /* @__PURE__ */ e(
           t,
           {
@@ -90,7 +89,7 @@ const N = m.object({
       {
         label: "Password",
         invalid: !!o.password,
-        errorMessage: (p = o.password) == null ? void 0 : p.message,
+        errorMessage: o.password?.message,
         children: /* @__PURE__ */ e(
           t,
           {
@@ -114,24 +113,24 @@ const N = m.object({
       {
         name: "rememberMe",
         control: s,
-        render: ({ field: r }) => /* @__PURE__ */ e(b, { ...r, children: "Remember me" })
+        render: ({ field: r }) => /* @__PURE__ */ e(u, { ...r, children: "Remember me" })
       }
     ) }),
-    /* @__PURE__ */ u(a, { children: [
+    /* @__PURE__ */ n(a, { children: [
       /* @__PURE__ */ e(
-        c,
+        d,
         {
           type: "reset",
           className: "ltr:mr-2 rtl:ml-2",
-          onClick: () => f(),
+          onClick: () => p(),
           children: "Reset"
         }
       ),
-      /* @__PURE__ */ e(c, { variant: "solid", type: "submit", children: "Submit" })
+      /* @__PURE__ */ e(d, { variant: "solid", type: "submit", children: "Submit" })
     ] })
   ] });
 };
 export {
-  P as default
+  E as default
 };
 //# sourceMappingURL=Basic.js.map

package/dist/@ecme/views/ui-components/forms/FormControl/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Basic.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    email: string\n    userName: string\n    password: string\n    rememberMe: boolean\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    email: z\n        .string()\n        .min(1, { message: 'Email Required' })\n        .email({ message: 'Invalid email' }),\n    userName: z.string().min(3, 'Too Short!').max(12, 'Too Long!'),\n    password: z\n        .string()\n        .min(1, { message: 'Password Required' })\n        .min(8, { message: 'Too Short!' })\n        .refine(\n            (value) => /^[A-Za-z0-9_-]*$/.test(value),\n            'Only Letters & Numbers Allowed',\n        ),\n    rememberMe: z.boolean(),\n})\n\nconst Basic = () => {\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            userName: '',\n            password: '',\n            rememberMe: false,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        window.alert(JSON.stringify(values))\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"User Name\"\n                invalid={Boolean(errors.userName)}\n                errorMessage={errors.userName?.message}\n            >\n                <Controller\n                    name=\"userName\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"User Name\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Password\"\n                invalid={Boolean(errors.password)}\n                errorMessage={errors.password?.message}\n            >\n                <Controller\n                    name=\"password\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Controller\n                    name=\"rememberMe\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox {...field}>Remember me</Checkbox>\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Button\n                    type=\"reset\"\n                    className=\"ltr:mr-2 rtl:ml-2\"\n                    onClick={() => reset()}\n                >\n                    Reset\n                </Button>\n                <Button variant=\"solid\" type=\"submit\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default Basic\n"],"names":["validationSchema","z","value","Basic","handleSubmit","reset","errors","control","useForm","zodResolver","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","_c","Checkbox","Button"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,OAAOA,EACF,SACA,IAAI,GAAG,EAAE,SAAS,iBAAA,CAAkB,EACpC,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,YAAY,EAAE,IAAI,IAAI,WAAW;AAAA,EAC7D,UAAUA,EACL,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,oBAAA,CAAqB,EACvC,IAAI,GAAG,EAAE,SAAS,aAAA,CAAc,EAChC;AAAA,IACG,CAACC,MAAU,mBAAmB,KAAKA,CAAK;AAAA,IACxC;AAAA,EAAA;AAAA,EAER,YAAYD,EAAE,QAAA;AAClB,CAAC,GAEKE,IAAQ,MAAM;;AAChB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEhB,UAAUC,EAAYT,CAAgB;AAAA,EAAA,CACzC;AAMD,SACI,gBAAAU,EAACC,GAAA,EAAK,UAAUP,EALH,CAACQ,MAAuB;AACrC,WAAO,MAAM,KAAK,UAAUA,CAAM,CAAC;AAAA,EACvC,CAGyC,GACjC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAcS,IAAAT,EAAO,UAAP,gBAAAS,EAAc;AAAA,QAE5B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAca,IAAAb,EAAO,aAAP,gBAAAa,EAAiB;AAAA,QAE/B,UAAA,gBAAAN;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAcc,IAAAd,EAAO,aAAP,gBAAAc,EAAiB;AAAA,QAE/B,UAAA,gBAAAP;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,sBAEHH,GAAA,EACG,UAAA,gBAAAD;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAAT;AAAA,QACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ,EAACQ,GAAA,EAAU,GAAGJ,GAAO,UAAA,cAAA,CAAW;AAAA,MAAA;AAAA,IAAA,GAG5C;AAAA,sBACCH,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACS;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAMjB,EAAA;AAAA,UAClB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGAiB,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Basic.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    email: string\n    userName: string\n    password: string\n    rememberMe: boolean\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    email: z\n        .string()\n        .min(1, { message: 'Email Required' })\n        .email({ message: 'Invalid email' }),\n    userName: z.string().min(3, 'Too Short!').max(12, 'Too Long!'),\n    password: z\n        .string()\n        .min(1, { message: 'Password Required' })\n        .min(8, { message: 'Too Short!' })\n        .refine(\n            (value) => /^[A-Za-z0-9_-]*$/.test(value),\n            'Only Letters & Numbers Allowed',\n        ),\n    rememberMe: z.boolean(),\n})\n\nconst Basic = () => {\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            userName: '',\n            password: '',\n            rememberMe: false,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        window.alert(JSON.stringify(values))\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"User Name\"\n                invalid={Boolean(errors.userName)}\n                errorMessage={errors.userName?.message}\n            >\n                <Controller\n                    name=\"userName\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"User Name\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Password\"\n                invalid={Boolean(errors.password)}\n                errorMessage={errors.password?.message}\n            >\n                <Controller\n                    name=\"password\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Controller\n                    name=\"rememberMe\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox {...field}>Remember me</Checkbox>\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Button\n                    type=\"reset\"\n                    className=\"ltr:mr-2 rtl:ml-2\"\n                    onClick={() => reset()}\n                >\n                    Reset\n                </Button>\n                <Button variant=\"solid\" type=\"submit\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default Basic\n"],"names":["validationSchema","z","value","Basic","handleSubmit","reset","errors","control","useForm","zodResolver","jsxs","Form","values","jsx","FormItem","Controller","field","Input","Checkbox","Button"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/FormControl/DependentValidation.js

@@ -1,36 +1,35 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { useState as g } from "react";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useState as w } from "react";
 import "../../../../components/ui/Input/index.js";
 import "../../../../components/ui/Button/index.js";
 import "../../../../components/ui/Form/index.js";
-import { useForm as P, Controller as f } from "react-hook-form";
-import { zodResolver as h } from "@hookform/resolvers/zod";
+import { useForm as u, Controller as l } from "react-hook-form";
+import { zodResolver as g } from "@hookform/resolvers/zod";
 import { z as t } from "zod";
-import { Form as b } from "../../../../components/ui/Form/Form.js";
+import { Form as P } from "../../../../components/ui/Form/Form.js";
 import i from "../../../../components/ui/Form/FormItem.js";
-import c from "../../../../components/ui/Input/Input.js";
-import w from "../../../../components/ui/Button/Button.js";
-const S = t.object({
+import p from "../../../../components/ui/Input/Input.js";
+import f from "../../../../components/ui/Button/Button.js";
+const h = t.object({
   password: t.string().min(1, { message: "Password Required" }),
   confirmPassword: t.string().min(1, { message: "Confirm Password Required" })
 }).refine((e) => e.password === e.confirmPassword, {
   message: "Password not match",
   path: ["confirmPassword"]
-}), V = () => {
-  var d, l;
-  const [e, a] = g(!1), {
-    handleSubmit: u,
+}), M = () => {
+  const [e, a] = w(!1), {
+    handleSubmit: c,
     formState: { errors: s },
     control: m,
     reset: n
-  } = P({
+  } = u({
     defaultValues: {
       password: "",
       confirmPassword: ""
     },
-    resolver: h(S)
+    resolver: g(h)
   });
-  return /* @__PURE__ */ p(b, { onSubmit: u((o) => {
+  return /* @__PURE__ */ d(P, { onSubmit: c((o) => {
     a(!0), setTimeout(() => {
       window.alert(JSON.stringify(o, null, 2)), a(!1), n();
     }, 400);
@@ -40,14 +39,14 @@ const S = t.object({
       {
         label: "Password",
         invalid: !!s.password,
-        errorMessage: (d = s.password) == null ? void 0 : d.message,
+        errorMessage: s.password?.message,
         children: /* @__PURE__ */ r(
-          f,
+          l,
           {
             name: "password",
             control: m,
             render: ({ field: o }) => /* @__PURE__ */ r(
-              c,
+              p,
               {
                 type: "password",
                 autoComplete: "off",
@@ -64,14 +63,14 @@ const S = t.object({
       {
         label: "Confirm Password",
         invalid: !!s.confirmPassword,
-        errorMessage: (l = s.confirmPassword) == null ? void 0 : l.message,
+        errorMessage: s.confirmPassword?.message,
         children: /* @__PURE__ */ r(
-          f,
+          l,
           {
             name: "confirmPassword",
             control: m,
             render: ({ field: o }) => /* @__PURE__ */ r(
-              c,
+              p,
               {
                 type: "password",
                 autoComplete: "off",
@@ -83,13 +82,13 @@ const S = t.object({
         )
       }
     ),
-    /* @__PURE__ */ r(i, { children: /* @__PURE__ */ p("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ r(w, { type: "reset", onClick: () => n(), children: "Reset" }),
-      /* @__PURE__ */ r(w, { variant: "solid", type: "submit", loading: e, children: "Submit" })
+    /* @__PURE__ */ r(i, { children: /* @__PURE__ */ d("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ r(f, { type: "reset", onClick: () => n(), children: "Reset" }),
+      /* @__PURE__ */ r(f, { variant: "solid", type: "submit", loading: e, children: "Submit" })
     ] }) })
   ] });
 };
 export {
-  V as default
+  M as default
 };
 //# sourceMappingURL=DependentValidation.js.map

package/dist/@ecme/views/ui-components/forms/FormControl/DependentValidation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DependentValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/DependentValidation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    password: string\n    confirmPassword: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z\n    .object({\n        password: z.string().min(1, { message: 'Password Required' }),\n        confirmPassword: z\n            .string()\n            .min(1, { message: 'Confirm Password Required' }),\n    })\n    .refine((data) => data.password === data.confirmPassword, {\n        message: 'Password not match',\n        path: ['confirmPassword'],\n    })\n\nconst DependentValidation = () => {\n    const [submitting, setSubmitting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            password: '',\n            confirmPassword: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setSubmitting(true)\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            setSubmitting(false)\n            reset()\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Password\"\n                invalid={Boolean(errors.password)}\n                errorMessage={errors.password?.message}\n            >\n                <Controller\n                    name=\"password\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Confirm Password\"\n                invalid={Boolean(errors.confirmPassword)}\n                errorMessage={errors.confirmPassword?.message}\n            >\n                <Controller\n                    name=\"confirmPassword\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Confirm Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <div className=\"flex gap-2\">\n                    <Button type=\"reset\" onClick={() => reset()}>\n                        Reset\n                    </Button>\n                    <Button variant=\"solid\" type=\"submit\" loading={submitting}>\n                        Submit\n                    </Button>\n                </div>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default DependentValidation\n"],"names":["validationSchema","z","data","DependentValidation","submitting","setSubmitting","useState","handleSubmit","errors","control","reset","useForm","zodResolver","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","Button"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAwCC,EACzC,OAAO;AAAA,EACJ,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,iBAAiBA,EACZ,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,4BAAA,CAA6B;AACxD,CAAC,EACA,OAAO,CAACC,MAASA,EAAK,aAAaA,EAAK,iBAAiB;AAAA,EACtD,SAAS;AAAA,EACT,MAAM,CAAC,iBAAiB;AAC5B,CAAC,GAECC,IAAsB,MAAM;;AAC9B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,MACV,iBAAiB;AAAA,IAAA;AAAA,IAErB,UAAUC,EAAYZ,CAAgB;AAAA,EAAA,CACzC;AAWD,SACI,gBAAAa,EAACC,GAAA,EAAK,UAAUP,EAVH,CAACQ,MAAuB;AACrC,IAAAV,EAAc,EAAI,GAClB,WAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAUU,GAAQ,MAAM,CAAC,CAAC,GAC5CV,EAAc,EAAK,GACnBK,EAAA;AAAA,IACJ,GAAG,GAAG;AAAA,EACV,CAGyC,GACjC,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQT,EAAO;AAAA,QACxB,eAAcU,IAAAV,EAAO,aAAP,gBAAAU,EAAiB;AAAA,QAE/B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAV;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAW,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQT,EAAO;AAAA,QACxB,eAAcc,IAAAd,EAAO,oBAAP,gBAAAc,EAAwB;AAAA,QAEtC,UAAA,gBAAAN;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAV;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAW,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ,EAACC,GAAA,EACG,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,MAAA,gBAAAG,EAACO,KAAO,MAAK,SAAQ,SAAS,MAAMb,EAAA,GAAS,UAAA,SAE7C;AAAA,MACA,gBAAAM,EAACO,KAAO,SAAQ,SAAQ,MAAK,UAAS,SAASnB,GAAY,UAAA,SAAA,CAE3D;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"DependentValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/DependentValidation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    password: string\n    confirmPassword: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z\n    .object({\n        password: z.string().min(1, { message: 'Password Required' }),\n        confirmPassword: z\n            .string()\n            .min(1, { message: 'Confirm Password Required' }),\n    })\n    .refine((data) => data.password === data.confirmPassword, {\n        message: 'Password not match',\n        path: ['confirmPassword'],\n    })\n\nconst DependentValidation = () => {\n    const [submitting, setSubmitting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            password: '',\n            confirmPassword: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setSubmitting(true)\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            setSubmitting(false)\n            reset()\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Password\"\n                invalid={Boolean(errors.password)}\n                errorMessage={errors.password?.message}\n            >\n                <Controller\n                    name=\"password\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Confirm Password\"\n                invalid={Boolean(errors.confirmPassword)}\n                errorMessage={errors.confirmPassword?.message}\n            >\n                <Controller\n                    name=\"confirmPassword\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Confirm Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <div className=\"flex gap-2\">\n                    <Button type=\"reset\" onClick={() => reset()}>\n                        Reset\n                    </Button>\n                    <Button variant=\"solid\" type=\"submit\" loading={submitting}>\n                        Submit\n                    </Button>\n                </div>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default DependentValidation\n"],"names":["validationSchema","z","data","DependentValidation","submitting","setSubmitting","useState","handleSubmit","errors","control","reset","useForm","zodResolver","jsxs","Form","values","jsx","FormItem","Controller","field","Input","Button"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAwCC,EACzC,OAAO;AAAA,EACJ,UAAUA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,iBAAiBA,EACZ,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,4BAAA,CAA6B;AACxD,CAAC,EACA,OAAO,CAACC,MAASA,EAAK,aAAaA,EAAK,iBAAiB;AAAA,EACtD,SAAS;AAAA,EACT,MAAM,CAAC,iBAAiB;AAC5B,CAAC,GAECC,IAAsB,MAAM;AAC9B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,MACV,iBAAiB;AAAA,IAAA;AAAA,IAErB,UAAUC,EAAYZ,CAAgB;AAAA,EAAA,CACzC;AAWD,SACI,gBAAAa,EAACC,GAAA,EAAK,UAAUP,EAVH,CAACQ,MAAuB;AACrC,IAAAV,EAAc,EAAI,GAClB,WAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAUU,GAAQ,MAAM,CAAC,CAAC,GAC5CV,EAAc,EAAK,GACnBK,EAAA;AAAA,IACJ,GAAG,GAAG;AAAA,EACV,CAGyC,GACjC,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQT,EAAO;AAAA,QACxB,cAAcA,EAAO,UAAU;AAAA,QAE/B,UAAA,gBAAAQ;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAH;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQT,EAAO;AAAA,QACxB,cAAcA,EAAO,iBAAiB;AAAA,QAEtC,UAAA,gBAAAQ;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAH,EAACC,GAAA,EACG,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,MAAA,gBAAAG,EAACK,KAAO,MAAK,SAAQ,SAAS,MAAMX,EAAA,GAAS,UAAA,SAE7C;AAAA,MACA,gBAAAM,EAACK,KAAO,SAAQ,SAAQ,MAAK,UAAS,SAASjB,GAAY,UAAA,SAAA,CAE3D;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}