npm - @orbe-agro/client-core - Versions diffs - 5.3.9 → 5.3.11 - Mend

@orbe-agro/client-core 5.3.9 → 5.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (859) hide show

package/dist/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/Example.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/Example.tsx"],"sourcesContent":["import CalendarView from '@/components/shared/CalendarView'\n\nconst Example = () => {\n function getDate(dayString: string) {\n const today = new Date()\n const year = today.getFullYear().toString()\n let month = (today.getMonth() + 1).toString()\n\n if (month.length === 1) {\n month = '0' + month\n }\n\n return dayString.replace('YEAR', year).replace('MONTH', month)\n }\n\n const eventsData = [\n {\n id: '0',\n title: 'All Day Event',\n start: getDate('YEAR-MONTH-01'),\n eventColor: 'orange',\n },\n {\n id: '1',\n title: 'Long Event',\n start: getDate('YEAR-MONTH-07'),\n end: getDate('YEAR-MONTH-10'),\n eventColor: 'red',\n },\n {\n id: '2',\n groupId: '999',\n title: 'Repeating Event',\n start: getDate('YEAR-MONTH-09T16:00:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '3',\n groupId: '999',\n title: 'Repeating Event',\n start: getDate('YEAR-MONTH-16T16:00:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '4',\n title: 'Birthday Party',\n start: getDate('YEAR-MONTH-19T07:00:00+00:00'),\n eventColor: 'purple',\n },\n {\n id: '5',\n title: 'Meeting',\n start: getDate('YEAR-MONTH-18T14:30:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '6',\n title: 'Dinner',\n start: getDate('YEAR-MONTH-18T20:00:00+00:00'),\n eventColor: 'emerald',\n },\n ]\n\n return (\n <CalendarView\n editable\n selectable\n events={eventsData}\n eventClick={(arg) => {\n console.log('onEventClick', arg)\n }}\n select={(event) => {\n console.log('onCellSelect', event)\n }}\n eventDrop={(arg) => {\n console.log('onEventChange', arg)\n }}\n />\n )\n}\n\nexport default Example\n"],"names":["Example","getDate","dayString","today","year","month","eventsData","jsx","CalendarView","arg","event"],"mappings":";;AAEA,MAAMA,IAAU,MAAM;AAClB,WAASC,EAAQC,GAAmB;AAChC,UAAMC,wBAAY,KAAA,GACZC,IAAOD,EAAM,YAAA,EAAc,SAAA;AACjC,QAAIE,KAASF,EAAM,SAAA,IAAa,GAAG,SAAA;AAEnC,WAAIE,EAAM,WAAW,MACjBA,IAAQ,MAAMA,IAGXH,EAAU,QAAQ,QAAQE,CAAI,EAAE,QAAQ,SAASC,CAAK;AAAA,~~EAAA~~;~~AAGjE~~,QAAMC,IAAa;AAAA,IACf;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOL,EAAQ,eAAe;AAAA,MAC9B,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,eAAe;AAAA,MAC9B,KAAKA,EAAQ,eAAe;AAAA,MAC5B,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAChB;AAGJ,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,YAAU;AAAA,MACV,QAAQF;AAAA,MACR,YAAY,CAACG,MAAQ;AACjB,gBAAQ,IAAI,gBAAgBA,CAAG;AAAA,~~MAAA~~;AAAA,~~MAEnC~~,QAAQ,CAACC,MAAU;AACf,gBAAQ,IAAI,gBAAgBA,CAAK;AAAA,~~MAAA~~;AAAA,~~MAErC~~,WAAW,CAACD,MAAQ;AAChB,gBAAQ,IAAI,iBAAiBA,CAAG;AAAA,~~MAAA~~;AAAA,~~IACpC~~;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/Example.tsx"],"sourcesContent":["import CalendarView from '@/components/shared/CalendarView'\n\nconst Example = () => {\n function getDate(dayString: string) {\n const today = new Date()\n const year = today.getFullYear().toString()\n let month = (today.getMonth() + 1).toString()\n\n if (month.length === 1) {\n month = '0' + month\n }\n\n return dayString.replace('YEAR', year).replace('MONTH', month)\n }\n\n const eventsData = [\n {\n id: '0',\n title: 'All Day Event',\n start: getDate('YEAR-MONTH-01'),\n eventColor: 'orange',\n },\n {\n id: '1',\n title: 'Long Event',\n start: getDate('YEAR-MONTH-07'),\n end: getDate('YEAR-MONTH-10'),\n eventColor: 'red',\n },\n {\n id: '2',\n groupId: '999',\n title: 'Repeating Event',\n start: getDate('YEAR-MONTH-09T16:00:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '3',\n groupId: '999',\n title: 'Repeating Event',\n start: getDate('YEAR-MONTH-16T16:00:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '4',\n title: 'Birthday Party',\n start: getDate('YEAR-MONTH-19T07:00:00+00:00'),\n eventColor: 'purple',\n },\n {\n id: '5',\n title: 'Meeting',\n start: getDate('YEAR-MONTH-18T14:30:00+00:00'),\n eventColor: 'blue',\n },\n {\n id: '6',\n title: 'Dinner',\n start: getDate('YEAR-MONTH-18T20:00:00+00:00'),\n eventColor: 'emerald',\n },\n ]\n\n return (\n <CalendarView\n editable\n selectable\n events={eventsData}\n eventClick={(arg) => {\n console.log('onEventClick', arg)\n }}\n select={(event) => {\n console.log('onCellSelect', event)\n }}\n eventDrop={(arg) => {\n console.log('onEventChange', arg)\n }}\n />\n )\n}\n\nexport default Example\n"],"names":["Example","getDate","dayString","today","year","month","eventsData","jsx","CalendarView","arg","event"],"mappings":";;AAEA,MAAMA,IAAU,MAAM;AAClB,WAASC,EAAQC,GAAmB;AAChC,UAAMC,wBAAY,KAAA,GACZC,IAAOD,EAAM,YAAA,EAAc,SAAA;AACjC,QAAIE,KAASF,EAAM,SAAA,IAAa,GAAG,SAAA;AAEnC,WAAIE,EAAM,WAAW,MACjBA,IAAQ,MAAMA,IAGXH,EAAU,QAAQ,QAAQE,CAAI,EAAE,QAAQ,SAASC,CAAK;AAAA,EACjE;AAEA,QAAMC,IAAa;AAAA,IACf;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOL,EAAQ,eAAe;AAAA,MAC9B,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,eAAe;AAAA,MAC9B,KAAKA,EAAQ,eAAe;AAAA,MAC5B,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAChB;AAGJ,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,YAAU;AAAA,MACV,QAAQF;AAAA,MACR,YAAY,CAACG,MAAQ;AACjB,gBAAQ,IAAI,gBAAgBA,CAAG;AAAA,MACnC;AAAA,MACA,QAAQ,CAACC,MAAU;AACf,gBAAQ,IAAI,gBAAgBA,CAAK;AAAA,MACrC;AAAA,MACA,WAAW,CAACD,MAAQ;AAChB,gBAAQ,IAAI,iBAAiBA,CAAG;AAAA,MACpC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ConfirmDialogDoc/Example.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ConfirmDialogDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport Radio from '@/components/ui/Radio'\nimport Button from '@/components/ui/Button'\n\ntype DialogTypeKey = 'Info' \| 'Success' \| 'Warning' \| 'Danger'\n\ntype DialogType = Record<\n DialogTypeKey,\n {\n type: 'info' \| 'success' \| 'warning' \| 'danger'\n title: string\n children: string\n cancelText: string\n confirmText: string\n }\n>\n\nconst dialogType: DialogType = {\n Info: {\n type: 'info',\n title: 'Note',\n children: 'Just some information for you!',\n cancelText: 'Cancel',\n confirmText: 'Okay',\n },\n Success: {\n type: 'success',\n title: 'Complete!',\n children: 'Just some success message for you!',\n cancelText: 'Cancel',\n confirmText: 'All Good',\n },\n Warning: {\n type: 'warning',\n title: 'Warning',\n children: 'Just some warning message for you!',\n cancelText: 'Cancel',\n confirmText: 'Understand',\n },\n Danger: {\n type: 'danger',\n title: 'Delete',\n children: 'Are you sure you wan to delete?',\n cancelText: 'Cancel',\n confirmText: 'Delete',\n },\n}\n\nconst Example = () => {\n const [selected, setSelected] = useState<DialogTypeKey>(\n Object.keys(dialogType)[0] as DialogTypeKey,\n )\n const [open, setOpen] = useState(false)\n\n const handleClose = () => {\n console.log('Close')\n setOpen(false)\n }\n\n const handleConfirm = () => {\n console.log('Confirm')\n setOpen(false)\n }\n\n return (\n <div className=\"flex flex-col gap-6\">\n <Radio.Group value={selected} onChange={(val) => setSelected(val)}>\n {Object.keys(dialogType).map((value) => {\n return (\n <Radio key={value} value={value}>\n {value}\n </Radio>\n )\n })}\n </Radio.Group>\n <div>\n <Button onClick={() => setOpen(true)}>Trigger</Button>\n </div>\n <ConfirmDialog\n isOpen={open}\n type={dialogType[selected].type}\n title={dialogType[selected].title}\n onClose={handleClose}\n onRequestClose={handleClose}\n onCancel={handleClose}\n onConfirm={handleConfirm}\n >\n <p>{dialogType[selected].children}</p>\n </ConfirmDialog>\n </div>\n )\n}\n\nexport default Example\n"],"names":["dialogType","Example","selected","setSelected","useState","open","setOpen","handleClose","handleConfirm","jsxs","jsx","Radio","val","value","Button","ConfirmDialog"],"mappings":";;;;;;AAkBA,MAAMA,IAAyB;AAAA,EAC3B,MAAM;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEjB,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEjB,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEjB,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAErB,GAEMC,IAAU,MAAM;AAClB,QAAM,CAACC,GAAUC,CAAW,IAAIC;AAAA,IAC5B,OAAO,KAAKJ,CAAU,EAAE,CAAC;AAAA,EAAA,GAEvB,CAACK,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAEhCG,IAAc,MAAM;AACtB,YAAQ,IAAI,OAAO,GACnBD,EAAQ,EAAK;AAAA,~~EAAA~~,~~GAGXE~~,IAAgB,MAAM;AACxB,YAAQ,IAAI,SAAS,GACrBF,EAAQ,EAAK;AAAA,~~EAAA~~;~~AAGjB~~,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,OAAOT,GAAU,UAAU,CAACU,MAAQT,EAAYS,CAAG,GAC3D,UAAA,OAAO,KAAKZ,CAAU,EAAE,IAAI,CAACa,MAEtB,gBAAAH,EAACC,GAAA,EAAkB,OAAAE,GACd,UAAAA,EAAA,GADOA,CAEZ,CAEP,~~GACL~~;AAAA,IACA,gBAAAH,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACI,GAAA,EAAO,SAAS,MAAMR,EAAQ,EAAI,GAAG,UAAA,UAAA,CAAO,EAAA,CACjD;AAAA,IACA,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,QAAQV;AAAA,QACR,MAAML,EAAWE,CAAQ,EAAE;AAAA,QAC3B,OAAOF,EAAWE,CAAQ,EAAE;AAAA,QAC5B,SAASK;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,UAAA,gBAAAE,EAAC,KAAA,EAAG,UAAAV,EAAWE,CAAQ,EAAE,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACtC,GACJ;AAER;"}
1	+ {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ConfirmDialogDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport Radio from '@/components/ui/Radio'\nimport Button from '@/components/ui/Button'\n\ntype DialogTypeKey = 'Info' \| 'Success' \| 'Warning' \| 'Danger'\n\ntype DialogType = Record<\n DialogTypeKey,\n {\n type: 'info' \| 'success' \| 'warning' \| 'danger'\n title: string\n children: string\n cancelText: string\n confirmText: string\n }\n>\n\nconst dialogType: DialogType = {\n Info: {\n type: 'info',\n title: 'Note',\n children: 'Just some information for you!',\n cancelText: 'Cancel',\n confirmText: 'Okay',\n },\n Success: {\n type: 'success',\n title: 'Complete!',\n children: 'Just some success message for you!',\n cancelText: 'Cancel',\n confirmText: 'All Good',\n },\n Warning: {\n type: 'warning',\n title: 'Warning',\n children: 'Just some warning message for you!',\n cancelText: 'Cancel',\n confirmText: 'Understand',\n },\n Danger: {\n type: 'danger',\n title: 'Delete',\n children: 'Are you sure you wan to delete?',\n cancelText: 'Cancel',\n confirmText: 'Delete',\n },\n}\n\nconst Example = () => {\n const [selected, setSelected] = useState<DialogTypeKey>(\n Object.keys(dialogType)[0] as DialogTypeKey,\n )\n const [open, setOpen] = useState(false)\n\n const handleClose = () => {\n console.log('Close')\n setOpen(false)\n }\n\n const handleConfirm = () => {\n console.log('Confirm')\n setOpen(false)\n }\n\n return (\n <div className=\"flex flex-col gap-6\">\n <Radio.Group value={selected} onChange={(val) => setSelected(val)}>\n {Object.keys(dialogType).map((value) => {\n return (\n <Radio key={value} value={value}>\n {value}\n </Radio>\n )\n })}\n </Radio.Group>\n <div>\n <Button onClick={() => setOpen(true)}>Trigger</Button>\n </div>\n <ConfirmDialog\n isOpen={open}\n type={dialogType[selected].type}\n title={dialogType[selected].title}\n onClose={handleClose}\n onRequestClose={handleClose}\n onCancel={handleClose}\n onConfirm={handleConfirm}\n >\n <p>{dialogType[selected].children}</p>\n </ConfirmDialog>\n </div>\n )\n}\n\nexport default Example\n"],"names":["dialogType","Example","selected","setSelected","useState","open","setOpen","handleClose","handleConfirm","jsxs","jsx","Radio","val","value","Button","ConfirmDialog"],"mappings":";;;;;;AAkBA,MAAMA,IAAyB;AAAA,EAC3B,MAAM;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEjB,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEjB,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEjB,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAErB,GAEMC,IAAU,MAAM;AAClB,QAAM,CAACC,GAAUC,CAAW,IAAIC;AAAA,IAC5B,OAAO,KAAKJ,CAAU,EAAE,CAAC;AAAA,EAAA,GAEvB,CAACK,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAEhCG,IAAc,MAAM;AACtB,YAAQ,IAAI,OAAO,GACnBD,EAAQ,EAAK;AAAA,EACjB,GAEME,IAAgB,MAAM;AACxB,YAAQ,IAAI,SAAS,GACrBF,EAAQ,EAAK;AAAA,EACjB;AAEA,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,OAAOT,GAAU,UAAU,CAACU,MAAQT,EAAYS,CAAG,GAC3D,UAAA,OAAO,KAAKZ,CAAU,EAAE,IAAI,CAACa,MAEtB,gBAAAH,EAACC,GAAA,EAAkB,OAAAE,GACd,UAAAA,EAAA,GADOA,CAEZ,CAEP,EAAA,CACL;AAAA,IACA,gBAAAH,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACI,GAAA,EAAO,SAAS,MAAMR,EAAQ,EAAI,GAAG,UAAA,UAAA,CAAO,EAAA,CACjD;AAAA,IACA,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,QAAQV;AAAA,QACR,MAAML,EAAWE,CAAQ,EAAE;AAAA,QAC3B,OAAOF,EAAWE,CAAQ,EAAE;AAAA,QAC5B,SAASK;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,UAAA,gBAAAE,EAAC,KAAA,EAAG,UAAAV,EAAWE,CAAQ,EAAE,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACtC,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/Simple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Simple.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/Simple.tsx"],"sourcesContent":["import { useState } from 'react'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\n\nconst format = (numStr: string) => {\n if (numStr === '') {\n return ''\n }\n const num = parseFloat(numStr) // Parse the string into a number\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n maximumFractionDigits: 0,\n }).format(num)\n}\n\nconst Simple = () => {\n const [value, setValue] = useState(0)\n\n const handleValueChange = (e: {\n floatValue?: number\n formattedValue: string\n value: string\n }) => {\n console.log(e)\n setValue(e.floatValue as number)\n }\n\n return (\n <FormCustomFormatInput\n value={value}\n format={format}\n onValueChange={handleValueChange}\n />\n )\n}\n\nexport default Simple\n"],"names":["format","numStr","num","Simple","value","setValue","useState","jsx","FormCustomFormatInput","e"],"mappings":";;;AAGA,MAAMA,IAAS,CAACC,MAAmB;AAC/B,MAAIA,MAAW;AACX,WAAO;AAEX,QAAMC,IAAM,WAAWD,CAAM;AAC7B,SAAO,IAAI,KAAK,aAAa,SAAS;AAAA,IAClC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,uBAAuB;AAAA,EAAA,CAC1B,EAAE,OAAOC,CAAG;AACjB,GAEMC,IAAS,MAAM;AACjB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC;AAWpC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,QAAAJ;AAAA,MACA,eAbkB,CAACS,MAIrB;AACF,gBAAQ,IAAIA,CAAC,GACbJ,EAASI,EAAE,UAAoB;AAAA,~~MAAA~~;AAAA,~~IAOZ~~;AAAA,EAAA;AAG3B;"}
1	+ {"version":3,"file":"Simple.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/Simple.tsx"],"sourcesContent":["import { useState } from 'react'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\n\nconst format = (numStr: string) => {\n if (numStr === '') {\n return ''\n }\n const num = parseFloat(numStr) // Parse the string into a number\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n maximumFractionDigits: 0,\n }).format(num)\n}\n\nconst Simple = () => {\n const [value, setValue] = useState(0)\n\n const handleValueChange = (e: {\n floatValue?: number\n formattedValue: string\n value: string\n }) => {\n console.log(e)\n setValue(e.floatValue as number)\n }\n\n return (\n <FormCustomFormatInput\n value={value}\n format={format}\n onValueChange={handleValueChange}\n />\n )\n}\n\nexport default Simple\n"],"names":["format","numStr","num","Simple","value","setValue","useState","jsx","FormCustomFormatInput","e"],"mappings":";;;AAGA,MAAMA,IAAS,CAACC,MAAmB;AAC/B,MAAIA,MAAW;AACX,WAAO;AAEX,QAAMC,IAAM,WAAWD,CAAM;AAC7B,SAAO,IAAI,KAAK,aAAa,SAAS;AAAA,IAClC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,uBAAuB;AAAA,EAAA,CAC1B,EAAE,OAAOC,CAAG;AACjB,GAEMC,IAAS,MAAM;AACjB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC;AAWpC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,QAAAJ;AAAA,MACA,eAbkB,CAACS,MAIrB;AACF,gBAAQ,IAAIA,CAAC,GACbJ,EAASI,EAAE,UAAoB;AAAA,MACnC;AAAA,IAMuB;AAAA,EAAA;AAG3B;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nfunction limit(val: string, max: string) {\n if (val.length === 1 && val[0] > max[0]) {\n val = '0' + val\n }\n\n if (val.length === 2) {\n if (Number(val) === 0) {\n val = '01'\n } else if (val > max) {\n val = max\n }\n }\n\n return val\n}\n\nfunction cardExpiryFormat(val: string) {\n const month = limit(val.substring(0, 2), '12')\n const date = limit(val.substring(2, 4), '31')\n\n return month + (date.length ? '/' + date : '')\n}\n\nconst WithForm = () => {\n const {\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<{ cardExpiry?: string }>()\n\n const onSubmit = (value: { cardExpiry?: string }) => {\n console.log(value)\n }\n\n return (\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Expiration date\"\n invalid={Boolean(errors.cardExpiry)}\n errorMessage={errors.cardExpiry?.message}\n >\n <Controller\n name=\"cardExpiry\"\n control={control}\n render={({ field }) => (\n <FormCustomFormatInput\n placeholder=\"••/••\"\n format={cardExpiryFormat}\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n <Button block variant=\"solid\" type=\"submit\">\n Submit\n </Button>\n </Form>\n )\n}\n\nexport default WithForm\n"],"names":["limit","val","max","cardExpiryFormat","month","date","WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","FormCustomFormatInput","e","Button"],"mappings":";;;;;;;;AAKA,SAASA,EAAMC,GAAaC,GAAa;AACrC,SAAID,EAAI,WAAW,KAAKA,EAAI,CAAC,IAAIC,EAAI,CAAC,MAClCD,IAAM,MAAMA,IAGZA,EAAI,WAAW,MACX,OAAOA,CAAG,MAAM,IAChBA,IAAM,OACCA,IAAMC,MACbD,IAAMC,KAIPD;AACX;AAEA,SAASE,EAAiBF,GAAa;AACnC,QAAMG,IAAQJ,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI,GACvCI,IAAOL,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI;AAE5C,SAAOG,KAASC,EAAK,SAAS,MAAMA,IAAO;AAC/C;AAEA,MAAMC,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAmC;AACjD,YAAQ,IAAIA,CAAK;AAAA,~~EAAA~~,~~CAIqC~~,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,eAAP,gBAAAO,EAAmB;AAAA,QAEjC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,aAAY;AAAA,gBACZ,QAAQf;AAAA,gBACR,OAAOc,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,KAAK;AAAA,~~gBAAA~~;AAAA,~~cAC1B~~;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nfunction limit(val: string, max: string) {\n if (val.length === 1 && val[0] > max[0]) {\n val = '0' + val\n }\n\n if (val.length === 2) {\n if (Number(val) === 0) {\n val = '01'\n } else if (val > max) {\n val = max\n }\n }\n\n return val\n}\n\nfunction cardExpiryFormat(val: string) {\n const month = limit(val.substring(0, 2), '12')\n const date = limit(val.substring(2, 4), '31')\n\n return month + (date.length ? '/' + date : '')\n}\n\nconst WithForm = () => {\n const {\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<{ cardExpiry?: string }>()\n\n const onSubmit = (value: { cardExpiry?: string }) => {\n console.log(value)\n }\n\n return (\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Expiration date\"\n invalid={Boolean(errors.cardExpiry)}\n errorMessage={errors.cardExpiry?.message}\n >\n <Controller\n name=\"cardExpiry\"\n control={control}\n render={({ field }) => (\n <FormCustomFormatInput\n placeholder=\"••/••\"\n format={cardExpiryFormat}\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.value)\n }}\n />\n )}\n />\n </FormItem>\n <Button block variant=\"solid\" type=\"submit\">\n Submit\n </Button>\n </Form>\n )\n}\n\nexport default WithForm\n"],"names":["limit","val","max","cardExpiryFormat","month","date","WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","FormCustomFormatInput","e","Button"],"mappings":";;;;;;;;AAKA,SAASA,EAAMC,GAAaC,GAAa;AACrC,SAAID,EAAI,WAAW,KAAKA,EAAI,CAAC,IAAIC,EAAI,CAAC,MAClCD,IAAM,MAAMA,IAGZA,EAAI,WAAW,MACX,OAAOA,CAAG,MAAM,IAChBA,IAAM,OACCA,IAAMC,MACbD,IAAMC,KAIPD;AACX;AAEA,SAASE,EAAiBF,GAAa;AACnC,QAAMG,IAAQJ,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI,GACvCI,IAAOL,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI;AAE5C,SAAOG,KAASC,EAAK,SAAS,MAAMA,IAAO;AAC/C;AAEA,MAAMC,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAmC;AACjD,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,eAAP,gBAAAO,EAAmB;AAAA,QAEjC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,aAAY;AAAA,gBACZ,QAAQf;AAAA,gBACR,OAAOc,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,KAAK;AAAA,gBAC1B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Basic.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport DataTable from '@/components/shared/DataTable'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type { ColumnDef, OnSortParam } from '@/components/shared/DataTable'\n\ntype Customer = {\n id: string\n name: string\n email: string\n}\n\nconst Basic = () => {\n const [data, setData] = useState<Customer[]>([])\n const [loading, setLoading] = useState(false)\n const [tableData, setTableData] = useState<{\n pageIndex: number\n pageSize: number\n sort: {\n order: '' \| 'asc' \| 'desc'\n key: string \| number\n }\n query: string\n total: number\n }>({\n total: 0,\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n })\n\n const columns: ColumnDef<Customer>[] = useMemo(() => {\n return [\n {\n header: 'Name',\n accessorKey: 'name',\n },\n {\n header: 'Email',\n accessorKey: 'email',\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <Button\n size=\"xs\"\n onClick={() => console.log('Action clicked', props)}\n >\n Action\n </Button>\n ),\n },\n ]\n }, [])\n\n const handlePaginationChange = (pageIndex: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n }\n\n const handleSelectChange = (pageSize: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n }\n\n const handleSort = ({ order, key }: OnSortParam) => {\n setTableData((prevData) => ({\n ...prevData,\n sort: { order, key },\n }))\n }\n\n useEffect(() => {\n const fetchData = async () => {\n setLoading(true)\n const response = await apiGetCustomersList<\n { list: Customer[]; total: number },\n NonNullable<unknown>\n >(tableData)\n if (response) {\n setData(response.list)\n setLoading(false)\n setTableData((prevData) => ({\n ...prevData,\n ...{ total: response.total },\n }))\n }\n }\n fetchData()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [tableData.pageIndex, tableData.sort, tableData.pageSize])\n\n return (\n <DataTable<Customer>\n columns={columns}\n data={data}\n loading={loading}\n pagingData={{\n total: tableData.total,\n pageIndex: tableData.pageIndex,\n pageSize: tableData.pageSize,\n }}\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n />\n )\n}\n\nexport default Basic\n"],"names":["Basic","data","setData","useState","loading","setLoading","tableData","setTableData","columns","useMemo","props","jsx","Button","handlePaginationChange","pageIndex","prevData","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","DataTable"],"mappings":";;;;;;AAYA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAqB,CAAA,CAAE,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAWC,CAAY,IAAIJ,EAS/B;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,MACF,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACT,CACH,GAEKK,IAAiCC,EAAQ,MACpC;AAAA,IACH;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,IAEjB;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,IAEjB;AAAA,MACI,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,CAACC,MACH,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,IAAI,kBAAkBF,CAAK;AAAA,UACrD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAER,GAEL,~~EAAE~~,GAECG,IAAyB,CAACC,MAAsB;AAClD,IAAAP,EAAa,CAACQ,OAAc,EAAE,GAAGA,GAAe,WAAAD,EAAU,EAAI;AAAA,~~EAAA~~,~~GAG5DE~~,IAAqB,CAACC,MAAqB;AAC7C,IAAAV,EAAa,CAACQ,OAAc,EAAE,GAAGA,GAAe,UAAAE,EAAS,EAAI;AAAA,~~EAAA~~,~~GAG3DC~~,IAAa,CAAC,EAAE,OAAAC,GAAO,KAAAC,QAAuB;AAChD,IAAAb,EAAa,CAACQ,OAAc;AAAA,MACxB,GAAGA;AAAA,MACH,MAAM,EAAE,OAAAI,GAAO,KAAAC,EAAA;AAAA,IAAI,EACrB;AAAA,~~EAAA~~;~~AAGN~~,SAAAC,EAAU,MAAM;AAgBZ,KAfkB,YAAY;AAC1B,MAAAhB,EAAW,EAAI;AACf,YAAMiB,IAAW,MAAMC,EAGrBjB,CAAS;AACX,MAAIgB,MACApB,EAAQoB,EAAS,IAAI,GACrBjB,EAAW,EAAK,GAChBE,EAAa,CAACQ,OAAc;AAAA,QACxB,GAAGA;AAAA,QACE,OAAOO,EAAS;AAAA,MAAM,EAC7B;AAAA,~~IACN~~,~~GAEJ~~;AAAA,~~EAAU~~,~~GAEX~~,CAAChB,EAAU,WAAWA,EAAU,MAAMA,EAAU,QAAQ,CAAC,GAGxD,gBAAAK;AAAA,IAACa;AAAA,IAAA;AAAA,MACG,SAAAhB;AAAA,MACA,MAAAP;AAAA,MACA,SAAAG;AAAA,MACA,YAAY;AAAA,QACR,OAAOE,EAAU;AAAA,QACjB,WAAWA,EAAU;AAAA,QACrB,UAAUA,EAAU;AAAA,MAAA;AAAA,MAExB,oBAAoBO;AAAA,MACpB,gBAAgBG;AAAA,MAChB,QAAQE;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Basic.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport DataTable from '@/components/shared/DataTable'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type { ColumnDef, OnSortParam } from '@/components/shared/DataTable'\n\ntype Customer = {\n id: string\n name: string\n email: string\n}\n\nconst Basic = () => {\n const [data, setData] = useState<Customer[]>([])\n const [loading, setLoading] = useState(false)\n const [tableData, setTableData] = useState<{\n pageIndex: number\n pageSize: number\n sort: {\n order: '' \| 'asc' \| 'desc'\n key: string \| number\n }\n query: string\n total: number\n }>({\n total: 0,\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n })\n\n const columns: ColumnDef<Customer>[] = useMemo(() => {\n return [\n {\n header: 'Name',\n accessorKey: 'name',\n },\n {\n header: 'Email',\n accessorKey: 'email',\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <Button\n size=\"xs\"\n onClick={() => console.log('Action clicked', props)}\n >\n Action\n </Button>\n ),\n },\n ]\n }, [])\n\n const handlePaginationChange = (pageIndex: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n }\n\n const handleSelectChange = (pageSize: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n }\n\n const handleSort = ({ order, key }: OnSortParam) => {\n setTableData((prevData) => ({\n ...prevData,\n sort: { order, key },\n }))\n }\n\n useEffect(() => {\n const fetchData = async () => {\n setLoading(true)\n const response = await apiGetCustomersList<\n { list: Customer[]; total: number },\n NonNullable<unknown>\n >(tableData)\n if (response) {\n setData(response.list)\n setLoading(false)\n setTableData((prevData) => ({\n ...prevData,\n ...{ total: response.total },\n }))\n }\n }\n fetchData()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [tableData.pageIndex, tableData.sort, tableData.pageSize])\n\n return (\n <DataTable<Customer>\n columns={columns}\n data={data}\n loading={loading}\n pagingData={{\n total: tableData.total,\n pageIndex: tableData.pageIndex,\n pageSize: tableData.pageSize,\n }}\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n />\n )\n}\n\nexport default Basic\n"],"names":["Basic","data","setData","useState","loading","setLoading","tableData","setTableData","columns","useMemo","props","jsx","Button","handlePaginationChange","pageIndex","prevData","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","DataTable"],"mappings":";;;;;;AAYA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAqB,CAAA,CAAE,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAWC,CAAY,IAAIJ,EAS/B;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,MACF,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACT,CACH,GAEKK,IAAiCC,EAAQ,MACpC;AAAA,IACH;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,IAEjB;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,IAEjB;AAAA,MACI,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,CAACC,MACH,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,IAAI,kBAAkBF,CAAK;AAAA,UACrD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAER,GAEL,CAAA,CAAE,GAECG,IAAyB,CAACC,MAAsB;AAClD,IAAAP,EAAa,CAACQ,OAAc,EAAE,GAAGA,GAAe,WAAAD,EAAU,EAAI;AAAA,EAClE,GAEME,IAAqB,CAACC,MAAqB;AAC7C,IAAAV,EAAa,CAACQ,OAAc,EAAE,GAAGA,GAAe,UAAAE,EAAS,EAAI;AAAA,EACjE,GAEMC,IAAa,CAAC,EAAE,OAAAC,GAAO,KAAAC,QAAuB;AAChD,IAAAb,EAAa,CAACQ,OAAc;AAAA,MACxB,GAAGA;AAAA,MACH,MAAM,EAAE,OAAAI,GAAO,KAAAC,EAAA;AAAA,IAAI,EACrB;AAAA,EACN;AAEA,SAAAC,EAAU,MAAM;AAgBZ,KAfkB,YAAY;AAC1B,MAAAhB,EAAW,EAAI;AACf,YAAMiB,IAAW,MAAMC,EAGrBjB,CAAS;AACX,MAAIgB,MACApB,EAAQoB,EAAS,IAAI,GACrBjB,EAAW,EAAK,GAChBE,EAAa,CAACQ,OAAc;AAAA,QACxB,GAAGA;AAAA,QACE,OAAOO,EAAS;AAAA,MAAM,EAC7B;AAAA,IAEV,GACA;AAAA,EAEJ,GAAG,CAAChB,EAAU,WAAWA,EAAU,MAAMA,EAAU,QAAQ,CAAC,GAGxD,gBAAAK;AAAA,IAACa;AAAA,IAAA;AAAA,MACG,SAAAhB;AAAA,MACA,MAAAP;AAAA,MACA,SAAAG;AAAA,MACA,YAAY;AAAA,QACR,OAAOE,EAAU;AAAA,QACjB,WAAWA,EAAU;AAAA,QACrB,UAAUA,EAAU;AAAA,MAAA;AAAA,MAExB,oBAAoBO;AAAA,MACpB,gBAAgBG;AAAA,MAChB,QAAQE;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Checkable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkable.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Checkable.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport DataTable from '@/components/shared/DataTable'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type {\n ColumnDef,\n OnSortParam,\n CellContext,\n Row,\n} from '@/components/shared/DataTable'\n\ntype Customer = {\n id: string\n name: string\n email: string\n}\n\nconst Checkable = () => {\n const [data, setData] = useState<Customer[]>([])\n const [loading, setLoading] = useState(false)\n const [selectedRows, setSelectedRows] = useState<string[]>([])\n const [tableData, setTableData] = useState<{\n pageIndex: number\n pageSize: number\n sort: {\n order: '' \| 'asc' \| 'desc'\n key: string \| number\n }\n query: string\n total: number\n }>({\n total: 0,\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n })\n\n const handleAction = (cellProps: CellContext<Customer, unknown>) => {\n console.log('Action clicked', cellProps)\n }\n\n const handleBatchAction = () => {\n console.log('selectedRows', selectedRows)\n }\n\n const columns: ColumnDef<Customer>[] = useMemo(\n () => [\n {\n header: 'Name',\n accessorKey: 'name',\n },\n {\n header: 'Email',\n accessorKey: 'email',\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <Button size=\"xs\" onClick={() => handleAction(props)}>\n Action\n </Button>\n ),\n },\n ],\n [],\n )\n\n const handlePaginationChange = (pageIndex: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n }\n\n const handleSelectChange = (pageSize: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n }\n\n const handleSort = ({ order, key }: OnSortParam) => {\n setTableData((prevData) => ({\n ...prevData,\n ...{ sort: { order, key } },\n }))\n }\n\n const handleRowSelect = (checked: boolean, row: Customer) => {\n console.log('row', row)\n if (checked) {\n setSelectedRows((prevData) => {\n if (!prevData.includes(row.name)) {\n return [...prevData, ...[row.name]]\n }\n return prevData\n })\n } else {\n setSelectedRows((prevData) => {\n if (prevData.includes(row.name)) {\n return prevData.filter((id) => id !== row.name)\n }\n return prevData\n })\n }\n }\n\n const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\n console.log('rows', rows)\n if (checked) {\n const originalRows = rows.map((row) => row.original)\n const selectedIds: string[] = []\n originalRows.forEach((row) => {\n selectedIds.push(row.name)\n })\n setSelectedRows(selectedIds)\n } else {\n setSelectedRows([])\n }\n }\n\n useEffect(() => {\n const fetchData = async () => {\n setLoading(true)\n const response = await apiGetCustomersList<\n { list: Customer[]; total: number },\n NonNullable<unknown>\n >(tableData)\n if (response.list) {\n setData(response.list)\n setLoading(false)\n setTableData((prevData) => ({\n ...prevData,\n ...{ total: response.total },\n }))\n }\n }\n fetchData()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [tableData.pageIndex, tableData.sort, tableData.pageSize])\n\n return (\n <>\n {selectedRows.length > 0 && (\n <div className=\"flex justify-end mb-4\">\n <Button\n size=\"sm\"\n variant=\"solid\"\n onClick={handleBatchAction}\n >\n Batch Action\n </Button>\n </div>\n )}\n <DataTable<Customer>\n selectable\n columns={columns}\n data={data}\n loading={loading}\n pagingData={tableData}\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n onCheckBoxChange={handleRowSelect}\n onIndeterminateCheckBoxChange={handleAllRowSelect}\n />\n </>\n )\n}\n\nexport default Checkable\n"],"names":["Checkable","data","setData","useState","loading","setLoading","selectedRows","setSelectedRows","tableData","setTableData","handleAction","cellProps","handleBatchAction","columns","useMemo","props","jsx","Button","handlePaginationChange","pageIndex","prevData","handleSelectChange","pageSize","handleSort","order","key","handleRowSelect","checked","row","id","handleAllRowSelect","rows","originalRows","selectedIds","useEffect","response","apiGetCustomersList","jsxs","Fragment","DataTable"],"mappings":";;;;;;AAiBA,MAAMA,IAAY,MAAM;AACpB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAqB,CAAA,CAAE,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAcC,CAAe,IAAIJ,EAAmB,CAAA,CAAE,GACvD,CAACK,GAAWC,CAAY,IAAIN,EAS/B;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,MACF,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACT,CACH,GAEKO,IAAe,CAACC,MAA8C;AAChE,YAAQ,IAAI,kBAAkBA,CAAS;AAAA,~~EAAA~~,~~GAGrCC~~,IAAoB,MAAM;AAC5B,YAAQ,IAAI,gBAAgBN,CAAY;AAAA,~~EAAA~~,~~GAGtCO~~,IAAiCC;AAAA,IACnC,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,MAAM,CAACC,MACH,gBAAAC,EAACC,GAAA,EAAO,MAAK,MAAK,SAAS,MAAMP,EAAaK,CAAK,GAAG,UAAA,SAAA,CAEtD;AAAA,MAAA;AAAA,IAER;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGCG,IAAyB,CAACC,MAAsB;AAClD,IAAAV,EAAa,CAACW,OAAc,EAAE,GAAGA,GAAe,WAAAD,EAAU,EAAI;AAAA,~~EAAA~~,~~GAG5DE~~,IAAqB,CAACC,MAAqB;AAC7C,IAAAb,EAAa,CAACW,OAAc,EAAE,GAAGA,GAAe,UAAAE,EAAS,EAAI;AAAA,~~EAAA~~,~~GAG3DC~~,IAAa,CAAC,EAAE,OAAAC,GAAO,KAAAC,QAAuB;AAChD,IAAAhB,EAAa,CAACW,OAAc;AAAA,MACxB,GAAGA;AAAA,MACE,MAAM,EAAE,OAAAI,GAAO,KAAAC;IAAM,EAC5B;AAAA,~~EAAA~~,~~GAGAC~~,IAAkB,CAACC,GAAkBC,MAAkB;AACzD,YAAQ,IAAI,OAAOA,CAAG,GAElBrB,EADAoB,IACgB,CAACP,MACRA,EAAS,SAASQ,EAAI,IAAI,IAGxBR,IAFI,CAAC,GAAGA,GAAcQ,EAAI,IAAK,IAK1B,CAACR,MACTA,EAAS,SAASQ,EAAI,IAAI,IACnBR,EAAS,OAAO,CAACS,MAAOA,MAAOD,EAAI,IAAI,IAE3CR,CANV;AAAA,~~EAQL~~,~~GAGEU~~,IAAqB,CAACH,GAAkBI,MAA0B;AAEpE,QADA,QAAQ,IAAI,QAAQA,CAAI,GACpBJ,GAAS;AACT,YAAMK,IAAeD,EAAK,IAAI,CAACH,MAAQA,EAAI,QAAQ,GAC7CK,IAAwB,CAAA;AAC9B,MAAAD,EAAa,QAAQ,CAACJ,MAAQ;AAC1B,QAAAK,EAAY,KAAKL,EAAI,IAAI;AAAA,~~MAAA~~,~~CAC5B~~,GACDrB,EAAgB0B,CAAW;AAAA,~~IAAA~~;~~AAE3B~~,MAAA1B,EAAgB,CAAA,CAAE;AAAA,~~EACtB~~;~~AAGJ~~,SAAA2B,EAAU,MAAM;AAgBZ,KAfkB,YAAY;AAC1B,MAAA7B,EAAW,EAAI;AACf,YAAM8B,IAAW,MAAMC,EAGrB5B,CAAS;AACX,MAAI2B,EAAS,SACTjC,EAAQiC,EAAS,IAAI,GACrB9B,EAAW,EAAK,GAChBI,EAAa,CAACW,OAAc;AAAA,QACxB,GAAGA;AAAA,QACE,OAAOe,EAAS;AAAA,MAAM,EAC7B;AAAA,~~IACN~~,~~GAEJ~~;AAAA,~~EAAU~~,~~GAEX~~,CAAC3B,EAAU,WAAWA,EAAU,MAAMA,EAAU,QAAQ,CAAC,GAGxD,gBAAA6B,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAhC,EAAa,SAAS,KACnB,gBAAAU,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAASL;AAAA,QACZ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGL;AAAA,IAEJ,gBAAAI;AAAA,MAACuB;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,SAAA1B;AAAA,QACA,MAAAZ;AAAA,QACA,SAAAG;AAAA,QACA,YAAYI;AAAA,QACZ,oBAAoBU;AAAA,QACpB,gBAAgBG;AAAA,QAChB,QAAQE;AAAA,QACR,kBAAkBG;AAAA,QAClB,+BAA+BI;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GACJ;AAER;"}
1	+ {"version":3,"file":"Checkable.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Checkable.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport DataTable from '@/components/shared/DataTable'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type {\n ColumnDef,\n OnSortParam,\n CellContext,\n Row,\n} from '@/components/shared/DataTable'\n\ntype Customer = {\n id: string\n name: string\n email: string\n}\n\nconst Checkable = () => {\n const [data, setData] = useState<Customer[]>([])\n const [loading, setLoading] = useState(false)\n const [selectedRows, setSelectedRows] = useState<string[]>([])\n const [tableData, setTableData] = useState<{\n pageIndex: number\n pageSize: number\n sort: {\n order: '' \| 'asc' \| 'desc'\n key: string \| number\n }\n query: string\n total: number\n }>({\n total: 0,\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n })\n\n const handleAction = (cellProps: CellContext<Customer, unknown>) => {\n console.log('Action clicked', cellProps)\n }\n\n const handleBatchAction = () => {\n console.log('selectedRows', selectedRows)\n }\n\n const columns: ColumnDef<Customer>[] = useMemo(\n () => [\n {\n header: 'Name',\n accessorKey: 'name',\n },\n {\n header: 'Email',\n accessorKey: 'email',\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <Button size=\"xs\" onClick={() => handleAction(props)}>\n Action\n </Button>\n ),\n },\n ],\n [],\n )\n\n const handlePaginationChange = (pageIndex: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n }\n\n const handleSelectChange = (pageSize: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n }\n\n const handleSort = ({ order, key }: OnSortParam) => {\n setTableData((prevData) => ({\n ...prevData,\n ...{ sort: { order, key } },\n }))\n }\n\n const handleRowSelect = (checked: boolean, row: Customer) => {\n console.log('row', row)\n if (checked) {\n setSelectedRows((prevData) => {\n if (!prevData.includes(row.name)) {\n return [...prevData, ...[row.name]]\n }\n return prevData\n })\n } else {\n setSelectedRows((prevData) => {\n if (prevData.includes(row.name)) {\n return prevData.filter((id) => id !== row.name)\n }\n return prevData\n })\n }\n }\n\n const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\n console.log('rows', rows)\n if (checked) {\n const originalRows = rows.map((row) => row.original)\n const selectedIds: string[] = []\n originalRows.forEach((row) => {\n selectedIds.push(row.name)\n })\n setSelectedRows(selectedIds)\n } else {\n setSelectedRows([])\n }\n }\n\n useEffect(() => {\n const fetchData = async () => {\n setLoading(true)\n const response = await apiGetCustomersList<\n { list: Customer[]; total: number },\n NonNullable<unknown>\n >(tableData)\n if (response.list) {\n setData(response.list)\n setLoading(false)\n setTableData((prevData) => ({\n ...prevData,\n ...{ total: response.total },\n }))\n }\n }\n fetchData()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [tableData.pageIndex, tableData.sort, tableData.pageSize])\n\n return (\n <>\n {selectedRows.length > 0 && (\n <div className=\"flex justify-end mb-4\">\n <Button\n size=\"sm\"\n variant=\"solid\"\n onClick={handleBatchAction}\n >\n Batch Action\n </Button>\n </div>\n )}\n <DataTable<Customer>\n selectable\n columns={columns}\n data={data}\n loading={loading}\n pagingData={tableData}\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n onCheckBoxChange={handleRowSelect}\n onIndeterminateCheckBoxChange={handleAllRowSelect}\n />\n </>\n )\n}\n\nexport default Checkable\n"],"names":["Checkable","data","setData","useState","loading","setLoading","selectedRows","setSelectedRows","tableData","setTableData","handleAction","cellProps","handleBatchAction","columns","useMemo","props","jsx","Button","handlePaginationChange","pageIndex","prevData","handleSelectChange","pageSize","handleSort","order","key","handleRowSelect","checked","row","id","handleAllRowSelect","rows","originalRows","selectedIds","useEffect","response","apiGetCustomersList","jsxs","Fragment","DataTable"],"mappings":"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"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Query.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Query.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Query.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ChangeEvent } from 'react'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport DataTable from '@/components/shared/DataTable'\nimport debounce from 'lodash/debounce'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type {\n ColumnDef,\n OnSortParam,\n CellContext,\n} from '@/components/shared/DataTable'\n\ntype Customer = {\n id: string\n name: string\n email: string\n}\n\nconst Query = () => {\n const [data, setData] = useState<Customer[]>([])\n const [loading, setLoading] = useState(false)\n const [tableData, setTableData] = useState<{\n pageIndex: number\n pageSize: number\n sort: {\n order: '' \| 'asc' \| 'desc'\n key: string \| number\n }\n query: string\n total: number\n }>({\n total: 0,\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n })\n\n const inputRef = useRef(null)\n\n const debounceFn = debounce(handleDebounceFn, 500)\n\n function handleDebounceFn(val: string) {\n if (typeof val === 'string' && (val.length > 1 \|\| val.length === 0)) {\n setTableData((prevData) => ({\n ...prevData,\n ...{ query: val, pageIndex: 1 },\n }))\n }\n }\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n debounceFn(e.target.value)\n }\n\n const handleAction = (cellProps: CellContext<Customer, unknown>) => {\n console.log('Action clicked', cellProps)\n }\n\n const columns: ColumnDef<Customer>[] = [\n {\n header: 'Name',\n accessorKey: 'name',\n },\n {\n header: 'Email',\n accessorKey: 'email',\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <Button size=\"xs\" onClick={() => handleAction(props)}>\n Action\n </Button>\n ),\n },\n ]\n\n const handlePaginationChange = (pageIndex: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n }\n\n const handleSelectChange = (pageSize: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n }\n\n const handleSort = ({ order, key }: OnSortParam) => {\n console.log({ order, key })\n setTableData((prevData) => ({\n ...prevData,\n ...{ sort: { order, key } },\n }))\n }\n\n useEffect(() => {\n const fetchData = async () => {\n setLoading(true)\n const response = await apiGetCustomersList<\n { list: Customer[]; total: number },\n NonNullable<unknown>\n >(tableData)\n if (response) {\n setData(response.list)\n setLoading(false)\n setTableData((prevData) => ({\n ...prevData,\n ...{ total: response.total },\n }))\n }\n }\n fetchData()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n tableData.pageIndex,\n tableData.sort,\n tableData.pageSize,\n tableData.query,\n ])\n\n return (\n <>\n <div className=\"flex justify-end mb-4\">\n <Input\n ref={inputRef}\n placeholder=\"Search...\"\n size=\"sm\"\n className=\"lg:w-52\"\n onChange={handleChange}\n />\n </div>\n <DataTable\n columns={columns}\n data={data}\n loading={loading}\n pagingData={tableData}\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n />\n </>\n )\n}\n\nexport default Query\n"],"names":["Query","data","setData","useState","loading","setLoading","tableData","setTableData","inputRef","useRef","debounceFn","debounce","handleDebounceFn","val","prevData","handleChange","handleAction","cellProps","columns","props","jsx","Button","handlePaginationChange","pageIndex","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","jsxs","Fragment","Input","DataTable"],"mappings":";;;;;;;;;AAkBA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAqB,CAAA,CAAE,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAWC,CAAY,IAAIJ,EAS/B;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,MACF,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACT,CACH,GAEKK,IAAWC,EAAO,IAAI,GAEtBC,IAAaC,EAASC,GAAkB,GAAG;AAEjD,WAASA,EAAiBC,GAAa;AACnC,IAAI,OAAOA,KAAQ,aAAaA,EAAI,SAAS,KAAKA,EAAI,WAAW,MAC7DN,EAAa,CAACO,OAAc;AAAA,MACxB,GAAGA;AAAA,MACE,OAAOD;AAAA,MAAK,WAAW;AAAA,IAAE,EAChC;AAAA,~~EACN~~;~~AAGJ~~,QAAME,IAAe,CAAC,MAAqC;AACvD,IAAAL,EAAW,EAAE,OAAO,KAAK;AAAA,~~EAAA~~,~~GAGvBM~~,IAAe,CAACC,MAA8C;AAChE,YAAQ,IAAI,kBAAkBA,CAAS;AAAA,~~EAAA~~,~~GAGrCC~~,IAAiC;AAAA,IACnC;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,IAEjB;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,IAEjB;AAAA,MACI,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,CAACC,MACH,gBAAAC,EAACC,GAAA,EAAO,MAAK,MAAK,SAAS,MAAML,EAAaG,CAAK,GAAG,UAAA,SAAA,CAEtD;AAAA,IAAA;AAAA,EAER,GAGEG,IAAyB,CAACC,MAAsB;AAClD,IAAAhB,EAAa,CAACO,OAAc,EAAE,GAAGA,GAAe,WAAAS,EAAU,EAAI;AAAA,~~EAAA~~,~~GAG5DC~~,IAAqB,CAACC,MAAqB;AAC7C,IAAAlB,EAAa,CAACO,OAAc,EAAE,GAAGA,GAAe,UAAAW,EAAS,EAAI;AAAA,~~EAAA~~,~~GAG3DC~~,IAAa,CAAC,EAAE,OAAAC,GAAO,KAAAC,QAAuB;AAChD,YAAQ,IAAI,EAAE,OAAAD,GAAO,KAAAC,EAAA,CAAK,GAC1BrB,EAAa,CAACO,OAAc;AAAA,MACxB,GAAGA;AAAA,MACE,MAAM,EAAE,OAAAa,GAAO,KAAAC;IAAM,EAC5B;AAAA,~~EAAA~~;~~AAGN~~,SAAAC,EAAU,MAAM;AAgBZ,KAfkB,YAAY;AAC1B,MAAAxB,EAAW,EAAI;AACf,YAAMyB,IAAW,MAAMC,EAGrBzB,CAAS;AACX,MAAIwB,MACA5B,EAAQ4B,EAAS,IAAI,GACrBzB,EAAW,EAAK,GAChBE,EAAa,CAACO,OAAc;AAAA,QACxB,GAAGA;AAAA,QACE,OAAOgB,EAAS;AAAA,MAAM,EAC7B;AAAA,~~IACN~~,~~GAEJ~~;AAAA,~~EAAU~~,~~GAEX~~;AAAA,IACCxB,EAAU;AAAA,IACVA,EAAU;AAAA,IACVA,EAAU;AAAA,IACVA,EAAU;AAAA,EAAA,CACb,GAGG,gBAAA0B,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAb,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA,gBAAAA;AAAA,MAACc;AAAA,MAAA;AAAA,QACG,KAAK1B;AAAA,QACL,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAUO;AAAA,MAAA;AAAA,IAAA,GAElB;AAAA,IACA,gBAAAK;AAAA,MAACe;AAAA,MAAA;AAAA,QACG,SAAAjB;AAAA,QACA,MAAAjB;AAAA,QACA,SAAAG;AAAA,QACA,YAAYE;AAAA,QACZ,oBAAoBgB;AAAA,QACpB,gBAAgBE;AAAA,QAChB,QAAQE;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACJ;AAER;"}
1	+ {"version":3,"file":"Query.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Query.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ChangeEvent } from 'react'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport DataTable from '@/components/shared/DataTable'\nimport debounce from 'lodash/debounce'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type {\n ColumnDef,\n OnSortParam,\n CellContext,\n} from '@/components/shared/DataTable'\n\ntype Customer = {\n id: string\n name: string\n email: string\n}\n\nconst Query = () => {\n const [data, setData] = useState<Customer[]>([])\n const [loading, setLoading] = useState(false)\n const [tableData, setTableData] = useState<{\n pageIndex: number\n pageSize: number\n sort: {\n order: '' \| 'asc' \| 'desc'\n key: string \| number\n }\n query: string\n total: number\n }>({\n total: 0,\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n })\n\n const inputRef = useRef(null)\n\n const debounceFn = debounce(handleDebounceFn, 500)\n\n function handleDebounceFn(val: string) {\n if (typeof val === 'string' && (val.length > 1 \|\| val.length === 0)) {\n setTableData((prevData) => ({\n ...prevData,\n ...{ query: val, pageIndex: 1 },\n }))\n }\n }\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n debounceFn(e.target.value)\n }\n\n const handleAction = (cellProps: CellContext<Customer, unknown>) => {\n console.log('Action clicked', cellProps)\n }\n\n const columns: ColumnDef<Customer>[] = [\n {\n header: 'Name',\n accessorKey: 'name',\n },\n {\n header: 'Email',\n accessorKey: 'email',\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <Button size=\"xs\" onClick={() => handleAction(props)}>\n Action\n </Button>\n ),\n },\n ]\n\n const handlePaginationChange = (pageIndex: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n }\n\n const handleSelectChange = (pageSize: number) => {\n setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n }\n\n const handleSort = ({ order, key }: OnSortParam) => {\n console.log({ order, key })\n setTableData((prevData) => ({\n ...prevData,\n ...{ sort: { order, key } },\n }))\n }\n\n useEffect(() => {\n const fetchData = async () => {\n setLoading(true)\n const response = await apiGetCustomersList<\n { list: Customer[]; total: number },\n NonNullable<unknown>\n >(tableData)\n if (response) {\n setData(response.list)\n setLoading(false)\n setTableData((prevData) => ({\n ...prevData,\n ...{ total: response.total },\n }))\n }\n }\n fetchData()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n tableData.pageIndex,\n tableData.sort,\n tableData.pageSize,\n tableData.query,\n ])\n\n return (\n <>\n <div className=\"flex justify-end mb-4\">\n <Input\n ref={inputRef}\n placeholder=\"Search...\"\n size=\"sm\"\n className=\"lg:w-52\"\n onChange={handleChange}\n />\n </div>\n <DataTable\n columns={columns}\n data={data}\n loading={loading}\n pagingData={tableData}\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n />\n </>\n )\n}\n\nexport default Query\n"],"names":["Query","data","setData","useState","loading","setLoading","tableData","setTableData","inputRef","useRef","debounceFn","debounce","handleDebounceFn","val","prevData","handleChange","handleAction","cellProps","columns","props","jsx","Button","handlePaginationChange","pageIndex","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","jsxs","Fragment","Input","DataTable"],"mappings":"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"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/DebounceInputDoc/Example.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DebounceInputDoc/Example.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\n\nfunction Example() {\n const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n window.alert(e.target.value)\n }\n\n return (\n <DebounceInput\n placeholder=\"Search...\"\n wait={1000}\n onChange={handleSearch}\n />\n )\n}\n\nexport default Example\n"],"names":["Example","jsx","DebounceInput"],"mappings":";;AAEA,SAASA,IAAU;AAKf,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,MAAM;AAAA,MACN,UARa,CAAC,MAA2C;AAC7D,eAAO,MAAM,EAAE,OAAO,KAAK;AAAA,~~MAAA~~;AAAA,~~IAOb~~;AAAA,EAAA;AAGtB;"}
1	+ {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DebounceInputDoc/Example.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\n\nfunction Example() {\n const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n window.alert(e.target.value)\n }\n\n return (\n <DebounceInput\n placeholder=\"Search...\"\n wait={1000}\n onChange={handleSearch}\n />\n )\n}\n\nexport default Example\n"],"names":["Example","jsx","DebounceInput"],"mappings":";;AAEA,SAASA,IAAU;AAKf,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,MAAM;AAAA,MACN,UARa,CAAC,MAA2C;AAC7D,eAAO,MAAM,EAAE,OAAO,KAAK;AAAA,MAC/B;AAAA,IAMkB;AAAA,EAAA;AAGtB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/GanttChartDoc/Example.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GanttChartDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport GanttChart, { ViewMode } from '@/components/shared/GanttChart'\nimport getStartEndDateForProject from '@/components/shared/GanttChart/getStartEndDateForProject'\nimport type { ExtendedTask } from '@/components/shared/GanttChart'\n\nconst colorsMap = {\n color1: '#fbbf24',\n color2: '#fdba74',\n color3: '#6ee7b7',\n color4: '#7dd3fc',\n}\n\nconst currentDate = new Date()\n\nconst data: ExtendedTask[] = [\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 1),\n end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),\n name: 'Some Project',\n id: 'ProjectSample',\n progress: 25,\n type: 'project',\n hideChildren: false,\n displayOrder: 1,\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 1),\n end: new Date(\n currentDate.getFullYear(),\n currentDate.getMonth(),\n 2,\n 12,\n 28,\n ),\n name: 'Idea',\n id: 'Task 0',\n progress: 45,\n type: 'task',\n project: 'ProjectSample',\n displayOrder: 2,\n barVariant: 'color2',\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 2),\n end: new Date(\n currentDate.getFullYear(),\n currentDate.getMonth(),\n 4,\n 0,\n 0,\n ),\n name: 'Research',\n id: 'Task 1',\n progress: 25,\n dependencies: ['Task 0'],\n type: 'task',\n project: 'ProjectSample',\n displayOrder: 3,\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 4),\n end: new Date(\n currentDate.getFullYear(),\n currentDate.getMonth(),\n 8,\n 0,\n 0,\n ),\n name: 'Discussion with team',\n id: 'Task 2',\n progress: 10,\n dependencies: ['Task 1'],\n type: 'task',\n project: 'ProjectSample',\n displayOrder: 4,\n barVariant: 'color2',\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 8),\n end: new Date(\n currentDate.getFullYear(),\n currentDate.getMonth(),\n 9,\n 0,\n 0,\n ),\n name: 'Developing',\n id: 'Task 3',\n progress: 27,\n dependencies: ['Task 2'],\n type: 'task',\n project: 'ProjectSample',\n displayOrder: 5,\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 8),\n end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 10),\n name: 'Review',\n id: 'Task 4',\n type: 'task',\n progress: 70,\n dependencies: ['Task 2'],\n project: 'ProjectSample',\n displayOrder: 6,\n barVariant: 'color3',\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),\n end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),\n name: 'Release',\n id: 'Task 6',\n progress: currentDate.getMonth(),\n type: 'milestone',\n dependencies: ['Task 4'],\n project: 'ProjectSample',\n displayOrder: 7,\n barVariant: 'color4',\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 18),\n end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 19),\n name: 'Party Time',\n id: 'Task 9',\n progress: 0,\n isDisabled: true,\n type: 'task',\n },\n]\n\nconst Example = () => {\n const [tasks, setTasks] = useState<ExtendedTask[]>(data)\n\n const handleTaskChange = (task: ExtendedTask) => {\n let newTasks = tasks.map((t) => (t.id === task.id ? task : t))\n if (task.project) {\n const [start, end] = getStartEndDateForProject(\n newTasks,\n task.project,\n )\n const project =\n newTasks[newTasks.findIndex((t) => t.id === task.project)]\n if (\n project.start.getTime() !== start.getTime() \|\|\n project.end.getTime() !== end.getTime()\n ) {\n const changedProject = { ...project, start, end }\n newTasks = newTasks.map((t) =>\n t.id === task.project ? changedProject : t,\n )\n }\n }\n setTasks(newTasks)\n }\n\n const handleProgressChange = async (task: ExtendedTask) => {\n setTasks(tasks.map((t) => (t.id === task.id ? task : t)))\n }\n\n const handleExpanderClick = (task: ExtendedTask) => {\n setTasks(tasks.map((t) => (t.id === task.id ? task : t)))\n }\n\n return (\n <GanttChart\n tasks={tasks}\n viewMode={ViewMode.Day}\n colorsMap={colorsMap}\n onDateChange={handleTaskChange}\n onProgressChange={handleProgressChange}\n onExpanderClick={handleExpanderClick}\n />\n )\n}\n\nexport default Example\n"],"names":["colorsMap","currentDate","data","Example","tasks","setTasks","useState","handleTaskChange","task","newTasks","t","start","end","getStartEndDateForProject","project","changedProject","handleProgressChange","handleExpanderClick","jsx","GanttChart","ViewMode"],"mappings":"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~~MAC7C~~;AAAA,IACJ;~~AAEJ~~,IAAAL,EAASI,CAAQ;AAAA,~~EAAA~~,~~GAGfO~~,IAAuB,OAAOR,MAAuB;AACvD,IAAAH,EAASD,EAAM,IAAI,CAACM,MAAOA,EAAE,OAAOF,EAAK,KAAKA,IAAOE,CAAE,CAAC;AAAA,~~EAAA~~,~~GAGtDO~~,IAAsB,CAACT,MAAuB;AAChD,IAAAH,EAASD,EAAM,IAAI,CAACM,MAAOA,EAAE,OAAOF,EAAK,KAAKA,IAAOE,CAAE,CAAC;AAAA,~~EAAA~~;~~AAG5D~~,SACI,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAf;AAAA,MACA,UAAUgB,EAAS;AAAA,MACnB,WAAApB;AAAA,MACA,cAAcO;AAAA,MACd,kBAAkBS;AAAA,MAClB,iBAAiBC;AAAA,IAAA;AAAA,EAAA;AAG7B;"}
1	+ {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GanttChartDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport GanttChart, { ViewMode } from '@/components/shared/GanttChart'\nimport getStartEndDateForProject from '@/components/shared/GanttChart/getStartEndDateForProject'\nimport type { ExtendedTask } from '@/components/shared/GanttChart'\n\nconst colorsMap = {\n color1: '#fbbf24',\n color2: '#fdba74',\n color3: '#6ee7b7',\n color4: '#7dd3fc',\n}\n\nconst currentDate = new Date()\n\nconst data: ExtendedTask[] = [\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 1),\n end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),\n name: 'Some Project',\n id: 'ProjectSample',\n progress: 25,\n type: 'project',\n hideChildren: false,\n displayOrder: 1,\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 1),\n end: new Date(\n currentDate.getFullYear(),\n currentDate.getMonth(),\n 2,\n 12,\n 28,\n ),\n name: 'Idea',\n id: 'Task 0',\n progress: 45,\n type: 'task',\n project: 'ProjectSample',\n displayOrder: 2,\n barVariant: 'color2',\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 2),\n end: new Date(\n currentDate.getFullYear(),\n currentDate.getMonth(),\n 4,\n 0,\n 0,\n ),\n name: 'Research',\n id: 'Task 1',\n progress: 25,\n dependencies: ['Task 0'],\n type: 'task',\n project: 'ProjectSample',\n displayOrder: 3,\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 4),\n end: new Date(\n currentDate.getFullYear(),\n currentDate.getMonth(),\n 8,\n 0,\n 0,\n ),\n name: 'Discussion with team',\n id: 'Task 2',\n progress: 10,\n dependencies: ['Task 1'],\n type: 'task',\n project: 'ProjectSample',\n displayOrder: 4,\n barVariant: 'color2',\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 8),\n end: new Date(\n currentDate.getFullYear(),\n currentDate.getMonth(),\n 9,\n 0,\n 0,\n ),\n name: 'Developing',\n id: 'Task 3',\n progress: 27,\n dependencies: ['Task 2'],\n type: 'task',\n project: 'ProjectSample',\n displayOrder: 5,\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 8),\n end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 10),\n name: 'Review',\n id: 'Task 4',\n type: 'task',\n progress: 70,\n dependencies: ['Task 2'],\n project: 'ProjectSample',\n displayOrder: 6,\n barVariant: 'color3',\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),\n end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),\n name: 'Release',\n id: 'Task 6',\n progress: currentDate.getMonth(),\n type: 'milestone',\n dependencies: ['Task 4'],\n project: 'ProjectSample',\n displayOrder: 7,\n barVariant: 'color4',\n },\n {\n start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 18),\n end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 19),\n name: 'Party Time',\n id: 'Task 9',\n progress: 0,\n isDisabled: true,\n type: 'task',\n },\n]\n\nconst Example = () => {\n const [tasks, setTasks] = useState<ExtendedTask[]>(data)\n\n const handleTaskChange = (task: ExtendedTask) => {\n let newTasks = tasks.map((t) => (t.id === task.id ? task : t))\n if (task.project) {\n const [start, end] = getStartEndDateForProject(\n newTasks,\n task.project,\n )\n const project =\n newTasks[newTasks.findIndex((t) => t.id === task.project)]\n if (\n project.start.getTime() !== start.getTime() \|\|\n project.end.getTime() !== end.getTime()\n ) {\n const changedProject = { ...project, start, end }\n newTasks = newTasks.map((t) =>\n t.id === task.project ? changedProject : t,\n )\n }\n }\n setTasks(newTasks)\n }\n\n const handleProgressChange = async (task: ExtendedTask) => {\n setTasks(tasks.map((t) => (t.id === task.id ? task : t)))\n }\n\n const handleExpanderClick = (task: ExtendedTask) => {\n setTasks(tasks.map((t) => (t.id === task.id ? task : t)))\n }\n\n return (\n <GanttChart\n tasks={tasks}\n viewMode={ViewMode.Day}\n colorsMap={colorsMap}\n onDateChange={handleTaskChange}\n onProgressChange={handleProgressChange}\n onExpanderClick={handleExpanderClick}\n />\n )\n}\n\nexport default Example\n"],"names":["colorsMap","currentDate","data","Example","tasks","setTasks","useState","handleTaskChange","task","newTasks","t","start","end","getStartEndDateForProject","project","changedProject","handleProgressChange","handleExpanderClick","jsx","GanttChart","ViewMode"],"mappings":"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"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/MasonryDoc/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/MasonryDoc/Basic.tsx"],"sourcesContent":["import Masonry from '@/components/shared/Masonry'\n\nconst imageList = [\n { src: '/img/others/gallery/img-27.webp', title: 'Image 1' },\n { src: '/img/others/gallery/img-29.webp', title: 'Image 2' },\n { src: '/img/others/gallery/img-30.webp', title: 'Image 3' },\n { src: '/img/others/gallery/img-28.webp', title: 'Image 4' },\n { src: '/img/others/gallery/img-31.webp', title: 'Image 5' },\n { src: '/img/others/gallery/img-26.webp', title: 'Image 6' },\n { src: '/img/others/gallery/img-19.webp', title: 'Image 7' },\n { src: '/img/others/gallery/img-32.webp', title: 'Image 8' },\n]\n\nconst Basic = () => {\n return (\n <Masonry columns={4} gap={16}>\n {imageList.map((item) => {\n return (\n <div key={item.title} className=\"rounded-lg\">\n <img\n className=\"rounded-xl w-full\"\n src={item.src}\n alt={item.title}\n />\n </div>\n )\n })}\n </Masonry>\n )\n}\n\nexport default Basic\n"],"names":["imageList","Basic","jsx","Masonry","item"],"mappings":";;;AAEA,MAAMA,IAAY;AAAA,EACd,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AACrD,GAEMC,IAAQ,MAEN,gBAAAC,EAACC,KAAQ,SAAS,GAAG,KAAK,IACrB,UAAAH,EAAU,IAAI,CAACI,MAER,gBAAAF,EAAC,OAAA,EAAqB,WAAU,cAC5B,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,KAAKE,EAAK;AAAA,IACV,KAAKA,EAAK;AAAA,EAAA;AAAA,EACd,GALMA,EAAK,KAMf,CAEP,~~GACL~~;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/MasonryDoc/Basic.tsx"],"sourcesContent":["import Masonry from '@/components/shared/Masonry'\n\nconst imageList = [\n { src: '/img/others/gallery/img-27.webp', title: 'Image 1' },\n { src: '/img/others/gallery/img-29.webp', title: 'Image 2' },\n { src: '/img/others/gallery/img-30.webp', title: 'Image 3' },\n { src: '/img/others/gallery/img-28.webp', title: 'Image 4' },\n { src: '/img/others/gallery/img-31.webp', title: 'Image 5' },\n { src: '/img/others/gallery/img-26.webp', title: 'Image 6' },\n { src: '/img/others/gallery/img-19.webp', title: 'Image 7' },\n { src: '/img/others/gallery/img-32.webp', title: 'Image 8' },\n]\n\nconst Basic = () => {\n return (\n <Masonry columns={4} gap={16}>\n {imageList.map((item) => {\n return (\n <div key={item.title} className=\"rounded-lg\">\n <img\n className=\"rounded-xl w-full\"\n src={item.src}\n alt={item.title}\n />\n </div>\n )\n })}\n </Masonry>\n )\n}\n\nexport default Basic\n"],"names":["imageList","Basic","jsx","Masonry","item"],"mappings":";;;AAEA,MAAMA,IAAY;AAAA,EACd,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AACrD,GAEMC,IAAQ,MAEN,gBAAAC,EAACC,KAAQ,SAAS,GAAG,KAAK,IACrB,UAAAH,EAAU,IAAI,CAACI,MAER,gBAAAF,EAAC,OAAA,EAAqB,WAAU,cAC5B,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,KAAKE,EAAK;AAAA,IACV,KAAKA,EAAK;AAAA,EAAA;AAAA,EACd,GALMA,EAAK,KAMf,CAEP,EAAA,CACL;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/MasonryDoc/Responsive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Responsive.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/MasonryDoc/Responsive.tsx"],"sourcesContent":["import Masonry from '@/components/shared/Masonry'\n\nconst imageList = [\n { src: '/img/others/gallery/img-27.webp', title: 'Image 1' },\n { src: '/img/others/gallery/img-29.webp', title: 'Image 2' },\n { src: '/img/others/gallery/img-30.webp', title: 'Image 3' },\n { src: '/img/others/gallery/img-28.webp', title: 'Image 4' },\n { src: '/img/others/gallery/img-26.webp', title: 'Image 6' },\n { src: '/img/others/gallery/img-31.webp', title: 'Image 5' },\n { src: '/img/others/gallery/img-19.webp', title: 'Image 7' },\n { src: '/img/others/gallery/img-32.webp', title: 'Image 8' },\n { src: '/img/others/gallery/img-17.webp', title: 'Image 9' },\n]\n\nconst Responsive = () => {\n return (\n <Masonry columns={{ 768: 2, 1280: 3 }} gap={16}>\n {imageList.map((item) => {\n return (\n <div key={item.title} className=\"rounded-lg\">\n <img\n className=\"rounded-xl w-full\"\n src={item.src}\n alt={item.title}\n />\n </div>\n )\n })}\n </Masonry>\n )\n}\n\nexport default Responsive\n"],"names":["imageList","Responsive","jsx","Masonry","item"],"mappings":";;;AAEA,MAAMA,IAAY;AAAA,EACd,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AACrD,GAEMC,IAAa,MAEX,gBAAAC,EAACC,GAAA,EAAQ,SAAS,EAAE,KAAK,GAAG,MAAM,EAAA,GAAK,KAAK,IACvC,UAAAH,EAAU,IAAI,CAACI,MAER,gBAAAF,EAAC,OAAA,EAAqB,WAAU,cAC5B,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,KAAKE,EAAK;AAAA,IACV,KAAKA,EAAK;AAAA,EAAA;AAAA,EACd,GALMA,EAAK,KAMf,CAEP,~~GACL~~;"}
1	+ {"version":3,"file":"Responsive.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/MasonryDoc/Responsive.tsx"],"sourcesContent":["import Masonry from '@/components/shared/Masonry'\n\nconst imageList = [\n { src: '/img/others/gallery/img-27.webp', title: 'Image 1' },\n { src: '/img/others/gallery/img-29.webp', title: 'Image 2' },\n { src: '/img/others/gallery/img-30.webp', title: 'Image 3' },\n { src: '/img/others/gallery/img-28.webp', title: 'Image 4' },\n { src: '/img/others/gallery/img-26.webp', title: 'Image 6' },\n { src: '/img/others/gallery/img-31.webp', title: 'Image 5' },\n { src: '/img/others/gallery/img-19.webp', title: 'Image 7' },\n { src: '/img/others/gallery/img-32.webp', title: 'Image 8' },\n { src: '/img/others/gallery/img-17.webp', title: 'Image 9' },\n]\n\nconst Responsive = () => {\n return (\n <Masonry columns={{ 768: 2, 1280: 3 }} gap={16}>\n {imageList.map((item) => {\n return (\n <div key={item.title} className=\"rounded-lg\">\n <img\n className=\"rounded-xl w-full\"\n src={item.src}\n alt={item.title}\n />\n </div>\n )\n })}\n </Masonry>\n )\n}\n\nexport default Responsive\n"],"names":["imageList","Responsive","jsx","Masonry","item"],"mappings":";;;AAEA,MAAMA,IAAY;AAAA,EACd,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AACrD,GAEMC,IAAa,MAEX,gBAAAC,EAACC,GAAA,EAAQ,SAAS,EAAE,KAAK,GAAG,MAAM,EAAA,GAAK,KAAK,IACvC,UAAAH,EAAU,IAAI,CAACI,MAER,gBAAAF,EAAC,OAAA,EAAqB,WAAU,cAC5B,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,KAAKE,EAAK;AAAA,IACV,KAAKA,EAAK;AAAA,EAAA;AAAA,EACd,GALMA,EAAK,KAMf,CAEP,EAAA,CACL;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport NumericInput from '@/components/shared/NumericInput'\n\nconst Basic = () => {\n const [value, setValue] = useState(0)\n\n const handleValueChange = (e: {\n floatValue?: number\n formattedValue: string\n value: string\n }) => {\n console.log(e)\n setValue(e.floatValue as number)\n }\n\n return (\n <NumericInput\n fixedDecimalScale\n value={value}\n decimalScale={2}\n onValueChange={handleValueChange}\n />\n )\n}\n\nexport default Basic\n"],"names":["Basic","value","setValue","useState","jsx","NumericInput"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC;AAWpC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,mBAAiB;AAAA,MACjB,OAAAJ;AAAA,MACA,cAAc;AAAA,MACd,eAdkB,CAAC,MAIrB;AACF,gBAAQ,IAAI,CAAC,GACbC,EAAS,EAAE,UAAoB;AAAA,~~MAAA~~;AAAA,~~IAQZ~~;AAAA,EAAA;AAG3B;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport NumericInput from '@/components/shared/NumericInput'\n\nconst Basic = () => {\n const [value, setValue] = useState(0)\n\n const handleValueChange = (e: {\n floatValue?: number\n formattedValue: string\n value: string\n }) => {\n console.log(e)\n setValue(e.floatValue as number)\n }\n\n return (\n <NumericInput\n fixedDecimalScale\n value={value}\n decimalScale={2}\n onValueChange={handleValueChange}\n />\n )\n}\n\nexport default Basic\n"],"names":["Basic","value","setValue","useState","jsx","NumericInput"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC;AAWpC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,mBAAiB;AAAA,MACjB,OAAAJ;AAAA,MACA,cAAc;AAAA,MACd,eAdkB,CAAC,MAIrB;AACF,gBAAQ,IAAI,CAAC,GACbC,EAAS,EAAE,UAAoB;AAAA,MACnC;AAAA,IAOuB;AAAA,EAAA;AAG3B;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/WithForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n const {\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<{ amount?: string }>()\n\n const onSubmit = (value: { amount?: string }) => {\n console.log(value)\n }\n\n return (\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Amount\"\n invalid={Boolean(errors.amount)}\n errorMessage={errors.amount?.message}\n >\n <Controller\n name=\"amount\"\n control={control}\n render={({ field }) => (\n <NumericInput\n thousandSeparator\n placeholder=\"Amount\"\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.floatValue)\n }}\n />\n )}\n />\n </FormItem>\n <Button block variant=\"solid\" type=\"submit\">\n Submit\n </Button>\n </Form>\n )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","NumericInput","e","Button"],"mappings":";;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAA+B;AAC7C,YAAQ,IAAIA,CAAK;AAAA,~~EAAA~~,~~CAIqC~~,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,WAAP,gBAAAO,EAAe;AAAA,QAE7B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,mBAAiB;AAAA,gBACjB,aAAY;AAAA,gBACZ,OAAOD,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,UAAU;AAAA,~~gBAAA~~;AAAA,~~cAC/B~~;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n const {\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<{ amount?: string }>()\n\n const onSubmit = (value: { amount?: string }) => {\n console.log(value)\n }\n\n return (\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Amount\"\n invalid={Boolean(errors.amount)}\n errorMessage={errors.amount?.message}\n >\n <Controller\n name=\"amount\"\n control={control}\n render={({ field }) => (\n <NumericInput\n thousandSeparator\n placeholder=\"Amount\"\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.floatValue)\n }}\n />\n )}\n />\n </FormItem>\n <Button block variant=\"solid\" type=\"submit\">\n Submit\n </Button>\n </Form>\n )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","NumericInput","e","Button"],"mappings":";;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAA+B;AAC7C,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,WAAP,gBAAAO,EAAe;AAAA,QAE7B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,mBAAiB;AAAA,gBACjB,aAAY;AAAA,gBACZ,OAAOD,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,UAAU;AAAA,gBAC/B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport OtpInput from '@/components/shared/OtpInput'\n\nconst Basic = () => {\n const [value, setValue] = useState('')\n\n const handleChange = (value: string) => {\n console.log(value)\n setValue(value)\n }\n\n return <OtpInput value={value} onChange={handleChange} />\n}\n\nexport default Basic\n"],"names":["Basic","value","setValue","useState","jsx","OtpInput"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE;AAOrC,SAAO,gBAAAC,EAACC,GAAA,EAAS,OAAAJ,GAAc,UALV,CAACA,MAAkB;AACpC,YAAQ,IAAIA,CAAK,GACjBC,EAASD,CAAK;AAAA,~~EAAA~~,~~EAGuB~~,CAAc;AAC3D;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport OtpInput from '@/components/shared/OtpInput'\n\nconst Basic = () => {\n const [value, setValue] = useState('')\n\n const handleChange = (value: string) => {\n console.log(value)\n setValue(value)\n }\n\n return <OtpInput value={value} onChange={handleChange} />\n}\n\nexport default Basic\n"],"names":["Basic","value","setValue","useState","jsx","OtpInput"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE;AAOrC,SAAO,gBAAAC,EAACC,GAAA,EAAS,OAAAJ,GAAc,UALV,CAACA,MAAkB;AACpC,YAAQ,IAAIA,CAAK,GACjBC,EAASD,CAAK;AAAA,EAClB,EAEyC,CAAc;AAC3D;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Length.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Length.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Length.tsx"],"sourcesContent":["import { useState } from 'react'\nimport OtpInput from '@/components/shared/OtpInput'\n\nconst Length = () => {\n const [value, setValue] = useState('')\n\n const handleChange = (value: string) => {\n console.log(value)\n setValue(value)\n }\n\n return <OtpInput value={value} length={4} onChange={handleChange} />\n}\n\nexport default Length\n"],"names":["Length","value","setValue","useState","OtpInput"],"mappings":";;;AAGA,MAAMA,IAAS,MAAM;AACjB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE;AAOrC,2BAAQC,GAAA,EAAS,OAAAH,GAAc,QAAQ,GAAG,UALrB,CAACA,MAAkB;AACpC,YAAQ,IAAIA,CAAK,GACjBC,EAASD,CAAK;AAAA,~~EAAA~~,~~GAGgD~~;AACtE;"}
1	+ {"version":3,"file":"Length.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/OtpInputDoc/Length.tsx"],"sourcesContent":["import { useState } from 'react'\nimport OtpInput from '@/components/shared/OtpInput'\n\nconst Length = () => {\n const [value, setValue] = useState('')\n\n const handleChange = (value: string) => {\n console.log(value)\n setValue(value)\n }\n\n return <OtpInput value={value} length={4} onChange={handleChange} />\n}\n\nexport default Length\n"],"names":["Length","value","setValue","useState","OtpInput"],"mappings":";;;AAGA,MAAMA,IAAS,MAAM;AACjB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE;AAOrC,2BAAQC,GAAA,EAAS,OAAAH,GAAc,QAAQ,GAAG,UALrB,CAACA,MAAkB;AACpC,YAAQ,IAAIA,CAAK,GACjBC,EAASD,CAAK;AAAA,EAClB,GAEkE;AACtE;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/Example.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/Example.tsx"],"sourcesContent":["import PasswordInput from '@/components/shared/PasswordInput'\n\nconst Example = () => {\n return (\n <PasswordInput\n onVisibleChange={(visible) => {\n console.log(visible)\n }}\n />\n )\n}\n\nexport default Example\n"],"names":["Example","jsx","PasswordInput","visible"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,iBAAiB,CAACC,MAAY;AAC1B,cAAQ,IAAIA,CAAO;AAAA,~~IAAA~~;AAAA,~~EACvB~~;AAAA;"}
1	+ {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PasswordInputDoc/Example.tsx"],"sourcesContent":["import PasswordInput from '@/components/shared/PasswordInput'\n\nconst Example = () => {\n return (\n <PasswordInput\n onVisibleChange={(visible) => {\n console.log(visible)\n }}\n />\n )\n}\n\nexport default Example\n"],"names":["Example","jsx","PasswordInput","visible"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,iBAAiB,CAACC,MAAY;AAC1B,cAAQ,IAAIA,CAAO;AAAA,IACvB;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PatternInput from '@/components/shared/PatternInput'\n\nconst Basic = () => {\n const [value, setValue] = useState(0)\n\n const handleValueChange = (e: {\n floatValue?: number\n formattedValue: string\n value: string\n }) => {\n console.log(e)\n setValue(e.floatValue as number)\n }\n\n return (\n <PatternInput\n value={value}\n format=\"### ###\"\n onValueChange={handleValueChange}\n />\n )\n}\n\nexport default Basic\n"],"names":["Basic","value","setValue","useState","jsx","PatternInput","e"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC;AAWpC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,QAAO;AAAA,MACP,eAbkB,CAACK,MAIrB;AACF,gBAAQ,IAAIA,CAAC,GACbJ,EAASI,EAAE,UAAoB;AAAA,~~MAAA~~;AAAA,~~IAOZ~~;AAAA,EAAA;AAG3B;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PatternInput from '@/components/shared/PatternInput'\n\nconst Basic = () => {\n const [value, setValue] = useState(0)\n\n const handleValueChange = (e: {\n floatValue?: number\n formattedValue: string\n value: string\n }) => {\n console.log(e)\n setValue(e.floatValue as number)\n }\n\n return (\n <PatternInput\n value={value}\n format=\"### ###\"\n onValueChange={handleValueChange}\n />\n )\n}\n\nexport default Basic\n"],"names":["Basic","value","setValue","useState","jsx","PatternInput","e"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC;AAWpC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,QAAO;AAAA,MACP,eAbkB,CAACK,MAIrB;AACF,gBAAQ,IAAIA,CAAC,GACbJ,EAASI,EAAE,UAAoB;AAAA,MACnC;AAAA,IAMuB;AAAA,EAAA;AAG3B;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport PatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n const {\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<{ amount?: string }>()\n\n const onSubmit = (value: { amount?: string }) => {\n console.log(value)\n }\n\n return (\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Amount\"\n invalid={Boolean(errors.amount)}\n errorMessage={errors.amount?.message}\n >\n <Controller\n name=\"amount\"\n control={control}\n render={({ field }) => (\n <PatternInput\n format=\"#### #### #### ####\"\n mask=\"_\"\n placeholder=\"Card Number\"\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.floatValue)\n }}\n />\n )}\n />\n </FormItem>\n <Button block variant=\"solid\" type=\"submit\">\n Submit\n </Button>\n </Form>\n )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","PatternInput","e","Button"],"mappings":";;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAA+B;AAC7C,YAAQ,IAAIA,CAAK;AAAA,~~EAAA~~,~~CAIqC~~,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,WAAP,gBAAAO,EAAe;AAAA,QAE7B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,OAAOD,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,UAAU;AAAA,~~gBAAA~~;AAAA,~~cAC/B~~;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport PatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n const {\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<{ amount?: string }>()\n\n const onSubmit = (value: { amount?: string }) => {\n console.log(value)\n }\n\n return (\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Amount\"\n invalid={Boolean(errors.amount)}\n errorMessage={errors.amount?.message}\n >\n <Controller\n name=\"amount\"\n control={control}\n render={({ field }) => (\n <PatternInput\n format=\"#### #### #### ####\"\n mask=\"_\"\n placeholder=\"Card Number\"\n value={field.value}\n onValueChange={(e) => {\n field.onChange(e.floatValue)\n }}\n />\n )}\n />\n </FormItem>\n <Button block variant=\"solid\" type=\"submit\">\n Submit\n </Button>\n </Form>\n )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","PatternInput","e","Button"],"mappings":";;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAA+B;AAC7C,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,WAAP,gBAAAO,EAAe;AAAA,QAE7B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,OAAOD,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,UAAU;AAAA,gBAC/B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/Example.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PresetSegmentItemOption from '@/components/shared/PresetSegmentItemOption'\nimport Segment from '@/components/ui/Segment'\nimport { HiOutlineCode, HiOutlineCube, HiOutlinePencil } from 'react-icons/hi'\nimport type { JSX } from 'react'\n\nconst roles: {\n value: string\n label: string\n icon: JSX.Element\n disabled?: boolean\n}[] = [\n { value: 'softwareEngineer', label: 'Developer', icon: <HiOutlineCode /> },\n { value: 'productManager', label: 'Manager', icon: <HiOutlineCube /> },\n { value: 'designer', label: 'Designer', icon: <HiOutlinePencil /> },\n]\n\nconst Example = () => {\n const [value, setValue] = useState<string[]>([roles[0].value])\n\n const handleChange = (val: string[]) => {\n console.log('val', val)\n setValue(val)\n }\n\n return (\n <Segment\n value={value}\n className=\"bg-transparent dark:bg-transparent\"\n onChange={(val) => handleChange(val as string[])}\n >\n <div className=\"flex flex-col xl:flex-row items-center gap-4\">\n {roles.map((item) => (\n <Segment.Item\n key={item.value}\n value={item.value}\n disabled={item.disabled}\n >\n {({ active, onSegmentItemClick, disabled }) => {\n return (\n <PresetSegmentItemOption\n hoverable\n active={active}\n disabled={disabled}\n className=\"bg-white dark:bg-gray-800 w-[250px]\"\n onSegmentItemClick={onSegmentItemClick}\n >\n <div className=\"flex items-center gap-3\">\n <span className=\"text-2xl\">\n {item.icon}\n </span>\n <h6>{item.label}</h6>\n </div>\n </PresetSegmentItemOption>\n )\n }}\n </Segment.Item>\n ))}\n </div>\n </Segment>\n )\n}\n\nexport default Example\n"],"names":["roles","jsx","HiOutlineCode","HiOutlineCube","HiOutlinePencil","Example","value","setValue","useState","handleChange","val","Segment","item","active","onSegmentItemClick","disabled","PresetSegmentItemOption","jsxs"],"mappings":";;;;;AAMA,MAAMA,IAKA;AAAA,EACF,EAAE,OAAO,oBAAoB,OAAO,aAAa,MAAM,gBAAAC,EAACC,KAAc,EAAA;AAAA,EACtE,EAAE,OAAO,kBAAkB,OAAO,WAAW,MAAM,gBAAAD,EAACE,KAAc,EAAA;AAAA,EAClE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAF,EAACG,KAAgB,EAAA;AACnE,GAEMC,IAAU,MAAM;AAClB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAmB,CAACR,EAAM,CAAC,EAAE,KAAK,CAAC,GAEvDS,IAAe,CAACC,MAAkB;AACpC,YAAQ,IAAI,OAAOA,CAAG,GACtBH,EAASG,CAAG;AAAA,~~EAAA~~;~~AAGhB~~,SACI,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACG,OAAAL;AAAA,MACA,WAAU;AAAA,MACV,UAAU,CAACI,MAAQD,EAAaC,CAAe;AAAA,MAE/C,4BAAC,OAAA,EAAI,WAAU,gDACV,UAAAV,EAAM,IAAI,CAACY,MACR,gBAAAX;AAAA,QAACU,EAAQ;AAAA,QAAR;AAAA,UAEG,OAAOC,EAAK;AAAA,UACZ,UAAUA,EAAK;AAAA,UAEd,UAAA,CAAC,EAAE,QAAAC,GAAQ,oBAAAC,GAAoB,UAAAC,QAExB,gBAAAd;AAAA,YAACe;AAAA,YAAA;AAAA,cACG,WAAS;AAAA,cACT,QAAAH;AAAA,cACA,UAAAE;AAAA,cACA,WAAU;AAAA,cACV,oBAAAD;AAAA,cAEA,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAhB,EAAC,QAAA,EAAK,WAAU,YACX,UAAAW,EAAK,MACV;AAAA,gBACA,gBAAAX,EAAC,MAAA,EAAI,UAAAW,EAAK,MAAA,CAAM;AAAA,cAAA,EAAA,CACpB;AAAA,YAAA;AAAA,UAAA;AAAA,QAGZ;AAAA,QArBKA,EAAK;AAAA,MAAA,CAuBjB,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PresetSegmentItemOptionDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport PresetSegmentItemOption from '@/components/shared/PresetSegmentItemOption'\nimport Segment from '@/components/ui/Segment'\nimport { HiOutlineCode, HiOutlineCube, HiOutlinePencil } from 'react-icons/hi'\nimport type { JSX } from 'react'\n\nconst roles: {\n value: string\n label: string\n icon: JSX.Element\n disabled?: boolean\n}[] = [\n { value: 'softwareEngineer', label: 'Developer', icon: <HiOutlineCode /> },\n { value: 'productManager', label: 'Manager', icon: <HiOutlineCube /> },\n { value: 'designer', label: 'Designer', icon: <HiOutlinePencil /> },\n]\n\nconst Example = () => {\n const [value, setValue] = useState<string[]>([roles[0].value])\n\n const handleChange = (val: string[]) => {\n console.log('val', val)\n setValue(val)\n }\n\n return (\n <Segment\n value={value}\n className=\"bg-transparent dark:bg-transparent\"\n onChange={(val) => handleChange(val as string[])}\n >\n <div className=\"flex flex-col xl:flex-row items-center gap-4\">\n {roles.map((item) => (\n <Segment.Item\n key={item.value}\n value={item.value}\n disabled={item.disabled}\n >\n {({ active, onSegmentItemClick, disabled }) => {\n return (\n <PresetSegmentItemOption\n hoverable\n active={active}\n disabled={disabled}\n className=\"bg-white dark:bg-gray-800 w-[250px]\"\n onSegmentItemClick={onSegmentItemClick}\n >\n <div className=\"flex items-center gap-3\">\n <span className=\"text-2xl\">\n {item.icon}\n </span>\n <h6>{item.label}</h6>\n </div>\n </PresetSegmentItemOption>\n )\n }}\n </Segment.Item>\n ))}\n </div>\n </Segment>\n )\n}\n\nexport default Example\n"],"names":["roles","jsx","HiOutlineCode","HiOutlineCube","HiOutlinePencil","Example","value","setValue","useState","handleChange","val","Segment","item","active","onSegmentItemClick","disabled","PresetSegmentItemOption","jsxs"],"mappings":";;;;;AAMA,MAAMA,IAKA;AAAA,EACF,EAAE,OAAO,oBAAoB,OAAO,aAAa,MAAM,gBAAAC,EAACC,KAAc,EAAA;AAAA,EACtE,EAAE,OAAO,kBAAkB,OAAO,WAAW,MAAM,gBAAAD,EAACE,KAAc,EAAA;AAAA,EAClE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAF,EAACG,KAAgB,EAAA;AACnE,GAEMC,IAAU,MAAM;AAClB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAmB,CAACR,EAAM,CAAC,EAAE,KAAK,CAAC,GAEvDS,IAAe,CAACC,MAAkB;AACpC,YAAQ,IAAI,OAAOA,CAAG,GACtBH,EAASG,CAAG;AAAA,EAChB;AAEA,SACI,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACG,OAAAL;AAAA,MACA,WAAU;AAAA,MACV,UAAU,CAACI,MAAQD,EAAaC,CAAe;AAAA,MAE/C,4BAAC,OAAA,EAAI,WAAU,gDACV,UAAAV,EAAM,IAAI,CAACY,MACR,gBAAAX;AAAA,QAACU,EAAQ;AAAA,QAAR;AAAA,UAEG,OAAOC,EAAK;AAAA,UACZ,UAAUA,EAAK;AAAA,UAEd,UAAA,CAAC,EAAE,QAAAC,GAAQ,oBAAAC,GAAoB,UAAAC,QAExB,gBAAAd;AAAA,YAACe;AAAA,YAAA;AAAA,cACG,WAAS;AAAA,cACT,QAAAH;AAAA,cACA,UAAAE;AAAA,cACA,WAAU;AAAA,cACV,oBAAAD;AAAA,cAEA,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAhB,EAAC,QAAA,EAAK,WAAU,YACX,UAAAW,EAAK,MACV;AAAA,gBACA,gBAAAX,EAAC,MAAA,EAAI,UAAAW,EAAK,MAAA,CAAM;AAAA,cAAA,EAAA,CACpB;AAAA,YAAA;AAAA,UAAA;AAAA,QAGZ;AAAA,QArBKA,EAAK;AAAA,MAAA,CAuBjB,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomConfig.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomConfig.tsx"],"sourcesContent":["import { useState } from 'react'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useEditor } from '@tiptap/react'\nimport Document from '@tiptap/extension-document'\nimport Paragraph from '@tiptap/extension-paragraph'\nimport Text from '@tiptap/extension-text'\nimport Heading from '@tiptap/extension-heading'\n\nconst CustomConfig = () => {\n const [content, setcontent] = useState('Hello World')\n\n const editor = useEditor({\n extensions: [Paragraph, Text, Heading, Document],\n editorProps: {\n attributes: {\n class: 'm-2 focus:outline-none',\n },\n },\n content,\n onUpdate({ editor }) {\n setcontent(editor.getHTML())\n },\n })\n\n return (\n <RichTextEditor\n customEditor={editor}\n customToolBar={(\n editor,\n { ToolButtonParagraph, ToolButtonHeading },\n ) => {\n return (\n <>\n <ToolButtonHeading editor={editor} />\n <ToolButtonParagraph editor={editor} />\n </>\n )\n }}\n />\n )\n}\n\nexport default CustomConfig\n"],"names":["CustomConfig","content","setcontent","useState","editor","useEditor","Paragraph","Text","Heading","Document","jsx","RichTextEditor","ToolButtonParagraph","ToolButtonHeading","jsxs","Fragment"],"mappings":";;;;;;;;;AAQA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,aAAa,GAE9CC,IAASC,EAAU;AAAA,IACrB,YAAY,CAACC,GAAWC,GAAMC,GAASC,CAAQ;AAAA,IAC/C,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,SAAAR;AAAA,IACA,SAAS,EAAE,QAAAG,KAAU;AACjB,MAAAF,EAAWE,EAAO,SAAS;AAAA,~~IAAA~~;AAAA,~~EAC/B~~,CACH;AAED,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAcP;AAAA,MACd,eAAe,CACXA,GACA,EAAE,qBAAAQ,GAAqB,mBAAAC,QAGnB,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAL,EAACG,GAAA,EAAkB,QAAQT,EAAAA,CAAQ;AAAA,QACnC,gBAAAM,EAACE,GAAA,EAAoB,QAAQR,EAAAA,CAAQ;AAAA,MAAA,GACzC;AAAA,IAER;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"CustomConfig.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/CustomConfig.tsx"],"sourcesContent":["import { useState } from 'react'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useEditor } from '@tiptap/react'\nimport Document from '@tiptap/extension-document'\nimport Paragraph from '@tiptap/extension-paragraph'\nimport Text from '@tiptap/extension-text'\nimport Heading from '@tiptap/extension-heading'\n\nconst CustomConfig = () => {\n const [content, setcontent] = useState('Hello World')\n\n const editor = useEditor({\n extensions: [Paragraph, Text, Heading, Document],\n editorProps: {\n attributes: {\n class: 'm-2 focus:outline-none',\n },\n },\n content,\n onUpdate({ editor }) {\n setcontent(editor.getHTML())\n },\n })\n\n return (\n <RichTextEditor\n customEditor={editor}\n customToolBar={(\n editor,\n { ToolButtonParagraph, ToolButtonHeading },\n ) => {\n return (\n <>\n <ToolButtonHeading editor={editor} />\n <ToolButtonParagraph editor={editor} />\n </>\n )\n }}\n />\n )\n}\n\nexport default CustomConfig\n"],"names":["CustomConfig","content","setcontent","useState","editor","useEditor","Paragraph","Text","Heading","Document","jsx","RichTextEditor","ToolButtonParagraph","ToolButtonHeading","jsxs","Fragment"],"mappings":";;;;;;;;;AAQA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,aAAa,GAE9CC,IAASC,EAAU;AAAA,IACrB,YAAY,CAACC,GAAWC,GAAMC,GAASC,CAAQ;AAAA,IAC/C,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,SAAAR;AAAA,IACA,SAAS,EAAE,QAAAG,KAAU;AACjB,MAAAF,EAAWE,EAAO,SAAS;AAAA,IAC/B;AAAA,EAAA,CACH;AAED,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAcP;AAAA,MACd,eAAe,CACXA,GACA,EAAE,qBAAAQ,GAAqB,mBAAAC,QAGnB,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAL,EAACG,GAAA,EAAkB,QAAQT,EAAAA,CAAQ;AAAA,QACnC,gBAAAM,EAACE,GAAA,EAAoB,QAAQR,EAAAA,CAAQ;AAAA,MAAA,GACzC;AAAA,IAER;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n const {\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<{ textContent?: string }>()\n\n const onSubmit = (value: { textContent?: string }) => {\n window.alert(JSON.stringify(value))\n }\n\n return (\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Expiration date\"\n invalid={Boolean(errors.textContent)}\n errorMessage={errors.textContent?.message}\n >\n <Controller\n name=\"textContent\"\n control={control}\n render={({ field }) => (\n <RichTextEditor\n content={field.value}\n invalid={Boolean(errors.textContent)}\n onChange={({ html }) => {\n field.onChange(html)\n }}\n />\n )}\n />\n </FormItem>\n <Button block variant=\"solid\" type=\"submit\">\n Submit\n </Button>\n </Form>\n )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","RichTextEditor","html","Button"],"mappings":";;;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAoC;AAClD,WAAO,MAAM,KAAK,UAAUA,CAAK,CAAC;AAAA,~~EAAA~~,~~CAIoB~~,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,gBAAP,gBAAAO,EAAoB;AAAA,QAElC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,SAASD,EAAM;AAAA,gBACf,SAAS,EAAQT,EAAO;AAAA,gBACxB,UAAU,CAAC,EAAE,MAAAW,QAAW;AACpB,kBAAAF,EAAM,SAASE,CAAI;AAAA,~~gBAAA~~;AAAA,~~cACvB~~;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n const {\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<{ textContent?: string }>()\n\n const onSubmit = (value: { textContent?: string }) => {\n window.alert(JSON.stringify(value))\n }\n\n return (\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n <FormItem\n label=\"Expiration date\"\n invalid={Boolean(errors.textContent)}\n errorMessage={errors.textContent?.message}\n >\n <Controller\n name=\"textContent\"\n control={control}\n render={({ field }) => (\n <RichTextEditor\n content={field.value}\n invalid={Boolean(errors.textContent)}\n onChange={({ html }) => {\n field.onChange(html)\n }}\n />\n )}\n />\n </FormItem>\n <Button block variant=\"solid\" type=\"submit\">\n Submit\n </Button>\n </Form>\n )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","RichTextEditor","html","Button"],"mappings":";;;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAoC;AAClD,WAAO,MAAM,KAAK,UAAUA,CAAK,CAAC;AAAA,EACtC,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,gBAAP,gBAAAO,EAAoB;AAAA,QAElC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,SAASD,EAAM;AAAA,gBACf,SAAS,EAAQT,EAAO;AAAA,gBACxB,UAAU,CAAC,EAAE,MAAAW,QAAW;AACpB,kBAAAF,EAAM,SAASE,CAAI;AAAA,gBACvB;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/common/Button/ButtonWithIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonWithIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/ButtonWithIcon.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCog, HiOutlinePencil, HiOutlineInboxIn } from 'react-icons/hi'\n\nconst ButtonWithIcon = () => {\n const [loading, setLoading] = useState(false)\n\n const onClick = () => {\n setLoading(true)\n\n setTimeout(() => {\n setLoading(false)\n }, 3000)\n }\n\n return (\n <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n <Button className=\"mr-2\" icon={<HiOutlinePencil />}>\n <span>Edit</span>\n </Button>\n <Button className=\"mr-2\" icon={<HiOutlineCog />}>\n <span>\n <span>Settings</span>\n </span>\n </Button>\n <Button\n className=\"mr-2\"\n variant=\"solid\"\n loading={loading}\n icon={<HiOutlineInboxIn />}\n onClick={onClick}\n >\n <span>With Loading (Click to trigger)</span>\n </Button>\n </div>\n )\n}\n\nexport default ButtonWithIcon\n"],"names":["ButtonWithIcon","loading","setLoading","useState","jsxs","jsx","Button","HiOutlinePencil","HiOutlineCog","HiOutlineInboxIn"],"mappings":";;;;;AAIA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAU5C,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,WAAU,QAAO,MAAM,gBAAAD,EAACE,KAAgB,GAC5C,UAAA,gBAAAF,EAAC,QAAA,EAAK,UAAA,OAAA,CAAI,GACd;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAO,WAAU,QAAO,MAAM,gBAAAD,EAACG,GAAA,CAAA,CAAa,GACzC,UAAA,gBAAAH,EAAC,QAAA,EACG,UAAA,gBAAAA,EAAC,QAAA,EAAK,UAAA,WAAA,CAAQ,GAClB,GACJ;AAAA,IACA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,SAAAL;AAAA,QACA,wBAAOQ,GAAA,EAAiB;AAAA,QACxB,SAvBI,MAAM;AAClB,UAAAP,EAAW,EAAI,GAEf,WAAW,MAAM;AACb,YAAAA,EAAW,EAAK;AAAA,~~UAAA~~,~~GACjB~~,GAAI;AAAA,~~QAAA~~;AAAA,~~QAoBC~~,UAAA,gBAAAG,EAAC,UAAK,UAAA,kCAAA,CAA+B;AAAA,MAAA;AAAA,IAAA;AAAA,EACzC,GACJ;AAER;"}
1	+ {"version":3,"file":"ButtonWithIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/ButtonWithIcon.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCog, HiOutlinePencil, HiOutlineInboxIn } from 'react-icons/hi'\n\nconst ButtonWithIcon = () => {\n const [loading, setLoading] = useState(false)\n\n const onClick = () => {\n setLoading(true)\n\n setTimeout(() => {\n setLoading(false)\n }, 3000)\n }\n\n return (\n <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n <Button className=\"mr-2\" icon={<HiOutlinePencil />}>\n <span>Edit</span>\n </Button>\n <Button className=\"mr-2\" icon={<HiOutlineCog />}>\n <span>\n <span>Settings</span>\n </span>\n </Button>\n <Button\n className=\"mr-2\"\n variant=\"solid\"\n loading={loading}\n icon={<HiOutlineInboxIn />}\n onClick={onClick}\n >\n <span>With Loading (Click to trigger)</span>\n </Button>\n </div>\n )\n}\n\nexport default ButtonWithIcon\n"],"names":["ButtonWithIcon","loading","setLoading","useState","jsxs","jsx","Button","HiOutlinePencil","HiOutlineCog","HiOutlineInboxIn"],"mappings":";;;;;AAIA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAU5C,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,WAAU,QAAO,MAAM,gBAAAD,EAACE,KAAgB,GAC5C,UAAA,gBAAAF,EAAC,QAAA,EAAK,UAAA,OAAA,CAAI,GACd;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAO,WAAU,QAAO,MAAM,gBAAAD,EAACG,GAAA,CAAA,CAAa,GACzC,UAAA,gBAAAH,EAAC,QAAA,EACG,UAAA,gBAAAA,EAAC,QAAA,EAAK,UAAA,WAAA,CAAQ,GAClB,GACJ;AAAA,IACA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,SAAAL;AAAA,QACA,wBAAOQ,GAAA,EAAiB;AAAA,QACxB,SAvBI,MAAM;AAClB,UAAAP,EAAW,EAAI,GAEf,WAAW,MAAM;AACb,YAAAA,EAAW,EAAK;AAAA,UACpB,GAAG,GAAI;AAAA,QACX;AAAA,QAmBY,UAAA,gBAAAG,EAAC,UAAK,UAAA,kCAAA,CAA+B;AAAA,MAAA;AAAA,IAAA;AAAA,EACzC,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/common/Button/Loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Loading.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport { HiPhone } from 'react-icons/hi'\n\nconst Loading = () => {\n const [loading, setLoading] = useState(false)\n\n const onClick = () => {\n setLoading(true)\n\n setTimeout(() => {\n setLoading(false)\n }, 3000)\n }\n\n return (\n <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n <Button loading>Loading</Button>\n <Button loading shape=\"circle\" icon={<HiPhone />} />\n <Button variant=\"solid\" loading={loading} onClick={onClick}>\n Click Me!\n </Button>\n </div>\n )\n}\n\nexport default Loading\n"],"names":["Loading","loading","setLoading","useState","jsxs","jsx","Button","HiPhone"],"mappings":";;;;;AAIA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAU5C,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,SAAO,IAAC,UAAA,WAAO;AAAA,IACvB,gBAAAD,EAACC,KAAO,SAAO,IAAC,OAAM,UAAS,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAQ,EAAA,CAAI;AAAA,sBACjDD,GAAA,EAAO,SAAQ,SAAQ,SAAAL,GAAkB,SAZlC,MAAM;AAClB,MAAAC,EAAW,EAAI,GAEf,WAAW,MAAM;AACb,QAAAA,EAAW,EAAK;AAAA,~~MAAA~~,~~GACjB~~,GAAI;AAAA,~~IAAA~~,~~GAOyD~~,UAAA,YAAA,CAE5D;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"Loading.js","sources":["../../../../../../lib/@ecme/views/ui-components/common/Button/Loading.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport { HiPhone } from 'react-icons/hi'\n\nconst Loading = () => {\n const [loading, setLoading] = useState(false)\n\n const onClick = () => {\n setLoading(true)\n\n setTimeout(() => {\n setLoading(false)\n }, 3000)\n }\n\n return (\n <div className=\"flex-wrap inline-flex xl:flex items-center gap-2\">\n <Button loading>Loading</Button>\n <Button loading shape=\"circle\" icon={<HiPhone />} />\n <Button variant=\"solid\" loading={loading} onClick={onClick}>\n Click Me!\n </Button>\n </div>\n )\n}\n\nexport default Loading\n"],"names":["Loading","loading","setLoading","useState","jsxs","jsx","Button","HiPhone"],"mappings":";;;;;AAIA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAU5C,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,SAAO,IAAC,UAAA,WAAO;AAAA,IACvB,gBAAAD,EAACC,KAAO,SAAO,IAAC,OAAM,UAAS,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAQ,EAAA,CAAI;AAAA,sBACjDD,GAAA,EAAO,SAAQ,SAAQ,SAAAL,GAAkB,SAZlC,MAAM;AAClB,MAAAC,EAAW,EAAI,GAEf,WAAW,MAAM;AACb,QAAAA,EAAW,EAAK;AAAA,MACpB,GAAG,GAAI;AAAA,IACX,GAMoE,UAAA,YAAA,CAE5D;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/data-display/Calendar/CustomRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomRender.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Calendar/CustomRender.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Calendar from '@/components/ui/Calendar'\nimport Badge from '@/components/ui/Badge'\n\nconst CustomRender = () => {\n const [value, setValue] = useState<Date \| null>(null)\n\n return (\n <div className=\"md:w-[280px] max-w-[280px] mx-auto\">\n <Calendar\n value={value}\n dayClassName={(date, { selected }) => {\n if (date.getDate() === 12 && !selected) {\n return 'text-red-600'\n }\n\n if (selected) {\n return 'text-white'\n }\n\n return 'text-gray-700 dark:text-gray-200'\n }}\n dayStyle={(date, { selected, outOfMonth }) => {\n if (date.getDate() === 18 && !selected) {\n return { color: '#15c39a' }\n }\n\n if (outOfMonth) {\n return {\n opacity: 0,\n pointerEvents: 'none',\n cursor: 'default',\n }\n }\n\n return {}\n }}\n renderDay={(date) => {\n const day = date.getDate()\n\n if (day !== 12) {\n return <span>{day}</span>\n }\n\n return (\n <span className=\"relative flex justify-center items-center w-full h-full\">\n {day}\n <Badge\n className=\"absolute bottom-1\"\n innerClass=\"h-1 w-1\"\n />\n </span>\n )\n }}\n onChange={setValue}\n />\n </div>\n )\n}\n\nexport default CustomRender\n"],"names":["CustomRender","value","setValue","useState","jsx","Calendar","date","selected","outOfMonth","day","jsxs","Badge"],"mappings":";;;;;;AAIA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAsB,IAAI;AAEpD,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sCACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,cAAc,CAACK,GAAM,EAAE,UAAAC,QACfD,EAAK,QAAA,MAAc,MAAM,CAACC,IACnB,iBAGPA,IACO,eAGJ;AAAA,MAEX,UAAU,CAACD,GAAM,EAAE,UAAAC,GAAU,YAAAC,QACrBF,EAAK,QAAA,MAAc,MAAM,CAACC,IACnB,EAAE,OAAO,UAAA,IAGhBC,IACO;AAAA,QACH,SAAS;AAAA,QACT,eAAe;AAAA,QACf,QAAQ;AAAA,MAAA,IAIT,CAAA;AAAA,MAEX,WAAW,CAACF,MAAS;AACjB,cAAMG,IAAMH,EAAK,QAAA;AAEjB,eAAIG,MAAQ,KACD,gBAAAL,EAAC,UAAM,UAAAK,EAAA,CAAI,IAIlB,gBAAAC,EAAC,QAAA,EAAK,WAAU,2DACX,UAAA;AAAA,UAAAD;AAAA,UACD,gBAAAL;AAAA,YAACO;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,YAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACf,GACJ;AAAA,~~MAAA~~;AAAA,~~MAGR~~,UAAUT;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}
1	+ {"version":3,"file":"CustomRender.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Calendar/CustomRender.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Calendar from '@/components/ui/Calendar'\nimport Badge from '@/components/ui/Badge'\n\nconst CustomRender = () => {\n const [value, setValue] = useState<Date \| null>(null)\n\n return (\n <div className=\"md:w-[280px] max-w-[280px] mx-auto\">\n <Calendar\n value={value}\n dayClassName={(date, { selected }) => {\n if (date.getDate() === 12 && !selected) {\n return 'text-red-600'\n }\n\n if (selected) {\n return 'text-white'\n }\n\n return 'text-gray-700 dark:text-gray-200'\n }}\n dayStyle={(date, { selected, outOfMonth }) => {\n if (date.getDate() === 18 && !selected) {\n return { color: '#15c39a' }\n }\n\n if (outOfMonth) {\n return {\n opacity: 0,\n pointerEvents: 'none',\n cursor: 'default',\n }\n }\n\n return {}\n }}\n renderDay={(date) => {\n const day = date.getDate()\n\n if (day !== 12) {\n return <span>{day}</span>\n }\n\n return (\n <span className=\"relative flex justify-center items-center w-full h-full\">\n {day}\n <Badge\n className=\"absolute bottom-1\"\n innerClass=\"h-1 w-1\"\n />\n </span>\n )\n }}\n onChange={setValue}\n />\n </div>\n )\n}\n\nexport default CustomRender\n"],"names":["CustomRender","value","setValue","useState","jsx","Calendar","date","selected","outOfMonth","day","jsxs","Badge"],"mappings":";;;;;;AAIA,MAAMA,IAAe,MAAM;AACvB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAsB,IAAI;AAEpD,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sCACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,cAAc,CAACK,GAAM,EAAE,UAAAC,QACfD,EAAK,QAAA,MAAc,MAAM,CAACC,IACnB,iBAGPA,IACO,eAGJ;AAAA,MAEX,UAAU,CAACD,GAAM,EAAE,UAAAC,GAAU,YAAAC,QACrBF,EAAK,QAAA,MAAc,MAAM,CAACC,IACnB,EAAE,OAAO,UAAA,IAGhBC,IACO;AAAA,QACH,SAAS;AAAA,QACT,eAAe;AAAA,QACf,QAAQ;AAAA,MAAA,IAIT,CAAA;AAAA,MAEX,WAAW,CAACF,MAAS;AACjB,cAAMG,IAAMH,EAAK,QAAA;AAEjB,eAAIG,MAAQ,KACD,gBAAAL,EAAC,UAAM,UAAAK,EAAA,CAAI,IAIlB,gBAAAC,EAAC,QAAA,EAAK,WAAU,2DACX,UAAA;AAAA,UAAAD;AAAA,UACD,gBAAAL;AAAA,YAACO;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,YAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACf,GACJ;AAAA,MAER;AAAA,MACA,UAAUT;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}

package/dist/@ecme/views/ui-components/data-display/Table/DragAndDrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragAndDrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/DragAndDrop.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n flexRender,\n getCoreRowModel,\n useReactTable,\n} from '@tanstack/react-table'\nimport { DragDropContext, Draggable, Droppable } from '@hello-pangea/dnd'\nimport { MdDragIndicator } from 'react-icons/md'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport type { DropResult } from '@hello-pangea/dnd'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst DragAndDrop = () => {\n const [data, setData] = useState(data10)\n\n const reorderData = (startIndex: number, endIndex: number) => {\n const newData = [...data]\n const [movedRow] = newData.splice(startIndex, 1)\n newData.splice(endIndex, 0, movedRow)\n setData(newData)\n }\n\n const handleDragEnd = (result: DropResult) => {\n const { source, destination } = result\n if (!destination) return\n reorderData(source.index, destination.index)\n }\n\n const columns: ColumnDef<Person>[] = useMemo(\n () => [\n {\n id: 'dragger',\n header: '',\n accessorKey: 'dragger',\n cell: (props) => (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n <span {...(props as any).dragHandleProps}>\n <MdDragIndicator />\n </span>\n ),\n },\n { header: 'First Name', accessorKey: 'firstName' },\n { header: 'Last Name', accessorKey: 'lastName' },\n { header: 'Email', accessorKey: 'email' },\n ],\n [],\n )\n\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n })\n\n // Note: Drag & drop will not work in React.StrictMode(Development)\n return (\n <Table className=\"w-full\">\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th key={header.id} colSpan={header.colSpan}>\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <DragDropContext onDragEnd={handleDragEnd}>\n <Droppable droppableId=\"table-body\">\n {(provided) => (\n <TBody\n ref={provided.innerRef}\n {...provided.droppableProps}\n >\n {table.getRowModel().rows.map((row) => {\n return (\n <Draggable\n key={row.id}\n draggableId={row.id}\n index={row.index}\n >\n {(provided, snapshot) => {\n const { style } =\n provided.draggableProps\n return (\n <Tr\n ref={provided.innerRef}\n className={\n snapshot.isDragging\n ? 'table'\n : ''\n }\n style={style}\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n >\n {row\n .getVisibleCells()\n .map((cell) => {\n return (\n <Td\n key={\n cell.id\n }\n >\n {flexRender(\n cell\n .column\n .columnDef\n .cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n }}\n </Draggable>\n )\n })}\n {provided.placeholder}\n </TBody>\n )}\n </Droppable>\n </DragDropContext>\n </Table>\n )\n}\n\nexport default DragAndDrop\n"],"names":["Tr","Th","Td","THead","TBody","Table","DragAndDrop","data","setData","useState","data10","reorderData","startIndex","endIndex","newData","movedRow","handleDragEnd","result","source","destination","columns","useMemo","props","jsx","MdDragIndicator","table","useReactTable","getCoreRowModel","jsxs","headerGroup","header","flexRender","DragDropContext","Droppable","provided","row","Draggable","snapshot","style","cell"],"mappings":";;;;;;;AAcA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC,GAE/BC,IAAc,MAAM;AACtB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAASC,CAAM,GAEjCC,IAAc,CAACC,GAAoBC,MAAqB;AAC1D,UAAMC,IAAU,CAAC,GAAGP,CAAI,GAClB,CAACQ,CAAQ,IAAID,EAAQ,OAAOF,GAAY,CAAC;AAC/C,IAAAE,EAAQ,OAAOD,GAAU,GAAGE,CAAQ,GACpCP,EAAQM,CAAO;AAAA,~~EAAA~~,~~GAGbE~~,IAAgB,CAACC,MAAuB;AAC1C,UAAM,EAAE,QAAAC,GAAQ,aAAAC,EAAA,IAAgBF;AAChC,IAAKE,KACLR,EAAYO,EAAO,OAAOC,EAAY,KAAK;AAAA,~~EAAA~~,~~GAGzCC~~,IAA+BC;AAAA,IACjC,MAAM;AAAA,MACF;AAAA,QACI,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACC;AAAA;AAAA,4BAEF,QAAA,EAAM,GAAIA,EAAc,iBACrB,UAAA,gBAAAC,EAACC,KAAgB,EAAA,CACrB;AAAA;AAAA,MAAA;AAAA,MAGR,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,GAGCC,IAAQC,EAAc;AAAA,IACxB,MAAAnB;AAAA,IACA,SAAAa;AAAA,IACA,iBAAiBO,EAAA;AAAA,EAAgB,CACpC;AAGD,SACI,gBAAAC,EAACvB,GAAA,EAAM,WAAU,UACb,UAAA;AAAA,IAAA,gBAAAkB,EAACpB,GAAA,EACI,UAAAsB,EAAM,gBAAA,EAAkB,IAAI,CAACI,MAC1B,gBAAAN,EAACvB,GAAA,EACI,UAAA6B,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAP,EAACtB,GAAA,EAAmB,SAAS6B,EAAO,SAC/B,UAAAC;AAAA,MACGD,EAAO,OAAO,UAAU;AAAA,MACxBA,EAAO,WAAA;AAAA,IAAW,EACtB,GAJKA,EAAO,EAKhB,CAEP,~~KAVID~~,EAAY,EAWrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAN,EAACS,KAAgB,WAAWhB,GACxB,4BAACiB,GAAA,EAAU,aAAY,cAClB,UAAA,CAACC,MACE,gBAAAN;AAAA,MAACxB;AAAA,MAAA;AAAA,QACG,KAAK8B,EAAS;AAAA,QACb,GAAGA,EAAS;AAAA,QAEZ,UAAA;AAAA,UAAAT,EAAM,YAAA,EAAc,KAAK,IAAI,CAACU,MAEvB,gBAAAZ;AAAA,YAACa;AAAA,YAAA;AAAA,cAEG,aAAaD,EAAI;AAAA,cACjB,OAAOA,EAAI;AAAA,cAEV,UAAA,CAACD,GAAUG,MAAa;AACrB,sBAAM,EAAE,OAAAC,MACJJ,EAAS;AACb,uBACI,gBAAAX;AAAA,kBAACvB;AAAA,kBAAA;AAAA,oBACG,KAAKkC,EAAS;AAAA,oBACd,WACIG,EAAS,aACH,UACA;AAAA,oBAEV,OAAAC;AAAA,oBACC,GAAGJ,EAAS;AAAA,oBACZ,GAAGA,EAAS;AAAA,oBAEZ,UAAAC,EACI,gBAAA,EACA,IAAI,CAACI,MAEE,gBAAAhB;AAAA,sBAACrB;AAAA,sBAAA;AAAA,wBAKI,UAAA6B;AAAA,0BACGQ,EACK,OACA,UACA;AAAA,0BACLA,EAAK,WAAA;AAAA,wBAAW;AAAA,sBACpB;AAAA,sBATIA,EAAK;AAAA,oBAAA,CAYpB;AAAA,kBAAA;AAAA,gBAAA;AAAA,~~cACT~~;AAAA,~~YAER~~;AAAA,YAxCKJ,EAAI;AAAA,UAAA,CA2CpB;AAAA,UACAD,EAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAGtB,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"DragAndDrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/DragAndDrop.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n flexRender,\n getCoreRowModel,\n useReactTable,\n} from '@tanstack/react-table'\nimport { DragDropContext, Draggable, Droppable } from '@hello-pangea/dnd'\nimport { MdDragIndicator } from 'react-icons/md'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport type { DropResult } from '@hello-pangea/dnd'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst DragAndDrop = () => {\n const [data, setData] = useState(data10)\n\n const reorderData = (startIndex: number, endIndex: number) => {\n const newData = [...data]\n const [movedRow] = newData.splice(startIndex, 1)\n newData.splice(endIndex, 0, movedRow)\n setData(newData)\n }\n\n const handleDragEnd = (result: DropResult) => {\n const { source, destination } = result\n if (!destination) return\n reorderData(source.index, destination.index)\n }\n\n const columns: ColumnDef<Person>[] = useMemo(\n () => [\n {\n id: 'dragger',\n header: '',\n accessorKey: 'dragger',\n cell: (props) => (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n <span {...(props as any).dragHandleProps}>\n <MdDragIndicator />\n </span>\n ),\n },\n { header: 'First Name', accessorKey: 'firstName' },\n { header: 'Last Name', accessorKey: 'lastName' },\n { header: 'Email', accessorKey: 'email' },\n ],\n [],\n )\n\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n })\n\n // Note: Drag & drop will not work in React.StrictMode(Development)\n return (\n <Table className=\"w-full\">\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th key={header.id} colSpan={header.colSpan}>\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <DragDropContext onDragEnd={handleDragEnd}>\n <Droppable droppableId=\"table-body\">\n {(provided) => (\n <TBody\n ref={provided.innerRef}\n {...provided.droppableProps}\n >\n {table.getRowModel().rows.map((row) => {\n return (\n <Draggable\n key={row.id}\n draggableId={row.id}\n index={row.index}\n >\n {(provided, snapshot) => {\n const { style } =\n provided.draggableProps\n return (\n <Tr\n ref={provided.innerRef}\n className={\n snapshot.isDragging\n ? 'table'\n : ''\n }\n style={style}\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n >\n {row\n .getVisibleCells()\n .map((cell) => {\n return (\n <Td\n key={\n cell.id\n }\n >\n {flexRender(\n cell\n .column\n .columnDef\n .cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n }}\n </Draggable>\n )\n })}\n {provided.placeholder}\n </TBody>\n )}\n </Droppable>\n </DragDropContext>\n </Table>\n )\n}\n\nexport default DragAndDrop\n"],"names":["Tr","Th","Td","THead","TBody","Table","DragAndDrop","data","setData","useState","data10","reorderData","startIndex","endIndex","newData","movedRow","handleDragEnd","result","source","destination","columns","useMemo","props","jsx","MdDragIndicator","table","useReactTable","getCoreRowModel","jsxs","headerGroup","header","flexRender","DragDropContext","Droppable","provided","row","Draggable","snapshot","style","cell"],"mappings":"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"}